/*屏幕小于等于800*/
@media (max-width: 800px) {
html{font-size: 58%}
body { font-family:"STHeiti","Hiragino Sans GB",Helvetica,"Microsoft Yahei",微软雅黑,黑体,新細明體,Arial,"Lucida Grande",sans-serif }

.mo_dis { display: block }
.mo_undis { display:none }

.mo_heauto{height: auto}

.mo_bgfff{background: #fff;}
.mo_bgFCFCFC{background: #FCFCFC;}
.mo_bg000{background: #000;}

.mo_clfff{color: #fff !important;}

.mo_pt0{padding-top: 0px !important;}
.mo_pt5{padding-top: 5px;}
.mo_pt10{padding-top: 10px;}
.mo_pt15{padding-top: 15px}
.mo_pt18{padding-top: 18px;}
.mo_pt20{padding-top: 20px;}
.mo_pt25{padding-top: 25px !important;}
.mo_pt30{padding-top: 30px !important;}
.mo_pt40{padding-top: 40px !important;}
.mo_pt48{padding-top: 48px !important;}
.mo_pt64{padding-top: 64px}

.mb_bdb{border-bottom: 1px solid #F5F5F5;}


.mo_pb0{padding-bottom: 0px !important;}
.mo_pb5{padding-bottom: 5px;}
.mo_pb10{padding-bottom: 10px}
.mo_pb15{padding-bottom: 15px;}
.mo_pb18{padding-bottom: 18px;}
.mo_pb20{padding-bottom: 20px;}
.mo_pb24{padding-bottom: 24px;}
.mo_pb25{padding-bottom: 25px !important;}
.mo_pb30{padding-bottom: 30px !important;}
.mo_pb64{padding-bottom: 64px;}
.mo_pb80{padding-bottom: 80px;}
.mo_pb40{padding-bottom: 40px;}

.mo_pd14{padding: 14px;}


.mo_pl0{padding-left: 0px !important;}
.mo_pl5{padding-left: 5px;}
.mo_p4{padding: 0 4% !important;}
.mo_pl2{padding-left: 2% !important;}
.mo_pr0{padding-right: 0px;}

.mo_ml5{margin-left: 5%}
.mo_ml0{margin-left: 0%}
.mo_ml2{margin-left: 12px}
.mo_mlr145{margin-left: 14.5%;margin-right: 14.5%}
.mo_mlauto{margin-left: auto}
.mo_mrauto{margin-right: auto}
.mo_mr0{margin-right: 0;}
.mo_mr5{margin-right: 5%}
.mo_mb10{margin-bottom: 10px;}
.mo_mb12{margin-bottom: 12px;}
.mo_mb15{margin-bottom: 15px;}
.mo_mb19{margin-bottom: 19px;}
.mo_mb20{margin-bottom: 20px !important;}
.mo_mb26{margin-bottom: 26px;}
.mo_mb36{margin-bottom: 36px !important;}
.mo_mb40{margin-bottom: 40px !important;}
.mo_pb50{padding-bottom: 50px;}
.mo_mt0{margin-top: 0px;}
.mo_mt35{margin-top: 35px;}
.mo_mt42{margin-top: 42px;}
.mo_mt64{margin-top: 64px;}

.mo_mgauto{margin: 0 auto;}

.mo_fl{float: left !important;}

.mo_zd0{z-index: 0}
.mo_zd10{z-index: 10}

.mo_mb0{margin-bottom: 0px !important}

.mo_fw400{font-weight: 400;}

.mo_box{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mo_width100{width: 100% !important;}
.mo_width96{width: 96% !important;margin-left: auto !important;margin-right: auto !important;}
.mo_width95{width: 95% !important;}
.mo_width71{width: 72%;}
.mo_width72{width: 71%;}
.mo_width67{width: 67%}
.mo_width63{width: 63%}
.mo_width50{width: 50%}
.mo_width45{width: 45%}
.mo_width40{width: 40%;}
.mo_width35{width: 35%;}
.mo_width23{width: 23%;}
.mo_width13{width: 13.33%;}

.mo_height100{height: 100%}

.mo_tcenter{text-align: center;}
.mo_tleft{text-align: left !important;}
.mo_tjustify{text-align: justify}

.mo_fn{float: none;}

.mo_postatic{position: static}
.mo_poabsolute{position: absolute}
.mo_porelative{position: relative}


.lh61{line-height: 2.1em;}
.mo_lh16{line-height: 1.6em !important;}
.mo_lh15{line-height: 1.5em !important;}
.mo_lh14{line-height: 1.4em;}
.mo_lh13{line-height: 1.3em;}
.mo_lh12{line-height: 1.2em;}
.mo_lh11{line-height: 1.1em;}
.mo_lh23{line-height: 2.3em;}
.mo_lh32{line-height: 3.2em;}
.mo_lhnormal{line-height: normal}

.mo_fs40{font-size: 4.0rem !important;}
.mo_fs36{font-size: 3.6rem;}
.mo_fs34{font-size: 3.4rem !important;}
.mo_fs26{font-size: 2.6rem !important;}
.mo_fs23{font-size: 2.3rem !important;}
.mo_fs19{font-size: 1.9rem !important;}
.mo_fs18{font-size: 1.8rem !important;}
.mo_fs16{font-size: 1.6rem;}
.mo_fs15{font-size: 1.5rem;}
.mo_fs14{font-size: 1.4rem;}
.mo_fs12{font-size: 12px;}
h2 {font-size: 2.0rem;}
h6{font-size: 0.8rem !important;}

.mo_bt0{border-top: none !important;}


.mo_hg15{height: 1.5em}
.mo_hg19{height: 1.9em !important;}
.mo_hg35{height: 3.5em !important;}

.mo_lesp16{letter-spacing:16px !important;}

.content,.synopsis{width: 100%;padding-left: 0;padding-right: 0}

.swiper-wrapper img{
    display: block;
}

/*头部*/
.header-mobile{
    width: 100%;
    height: 64px;
    line-height: 64px;
    background: #FCFCFC;
    z-index: 999;
    top: 0;
    position: static;
}

.logo-mobile{
    width: auto;
    height: 25px;
    position: absolute;
    left: 25px;
    top: 20px;
}

.menu img{
    position: absolute;
    width: auto;
    height: 16px;
    right: 20px;
    top: 24px;
}

.nav_bg{
    width: 100%;
    height: calc(100%);
    background: #fff;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 997;
}

.nav-mobile {
    width: 100%;
    height: calc(100% - 64px);
    z-index: 10000;
    left: 0;
    top: 64px;
    font-size: 1.6rem;
    -webkit-transition: all .5s cubic-bezier(.45,0,.14,1.03);
    -o-transition: all .5s cubic-bezier(.45,0,.14,1.03);
    transition: all .5s cubic-bezier(.45,0,.14,1.03);
}

.nav-mobile li{
    padding: 25px 0;
}

.teach_head img{
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

/*关于我们*/
.synopsis_logo{padding: 10px 0;}
.synopsis_logo img{
    width: 4.8%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*首页*/
    .animateur_name{
        top: 0;
        right: 0;
        left: 0;
    }

    .mo_down{
        width: 10px;
        height: auto;
    }

    .mo_down img{
        margin-top: 4px;
    }

    .download_btn img{
        width: auto;
        height: 34px;
    }

    .download_btn img{
        margin-right: 22px;
    }

    .download_btn img:last-child{
        margin-right: 0px;
    }

    .specialty_bg{
        height: 100%;
        background: #000;
        top: 0;
        left: 2%;
    }

    .animateur_img img{
        display: block;
    }

    .container_title{
        padding-left: 1.3%;
        padding-right: 1.3%;
    }

    .course_name{
        bottom: 29px;
        left: 31px;
    }

    .course_img img{
        display: block;
    }

    .list_icon{
        width: 18px;
        margin-left: 2px;
    }

    .teach_head{margin-left: 2px;}

    .eclipse img{
        display: block;
    }

    .somatotype{
        top: 20%;
    }

    .play{
        width: 27px;
        left: 40%;
        top: 27%;
    }

    .prev_next{
        bottom: 0;
        right: 0;
        width: 25%;
        height: 38px;
        z-index: 20;
    }

    .swiper-button-prev{
        padding-right: 40%;
    }

    .swiper-button-next, .swiper-button-prev{
        top: 40%;
    }

    .swiper-button-next{
        padding-right: 40% !important;
    }


    .footer_ewm{
        right: 50% !important;
        bottom: 30px !important;
    }

    .course_name img{
        margin-top: 4px;
    }


    .swiper-button-next, .swiper-button-prev {
        width: 4px;
        height: 6px;
        margin-top: 0px;
        right: 0px;
        background-size: 4px 6px;
    }

    .pellucidity:hover{
        filter:alpha(opacity=1);
        -webkit-opacity: 1;
        -moz-opacity:1;
        /*-khtml-opacity:1;*//*-khtml-opacity:1;*/
        opacity:1;
        box-sizing: border-box;
        position: absolute;
        bottom:-100px;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }

    .somatotype{
        left: 9.7%;
    }

}

/*-------------------兼容iphone5-------------------*/
@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){
    html { font-size:52% !important; }

    .mo_fs34{font-size: 2.8rem !important;}

    .mo_width63,.mo_width72{width: 77%}
    .mo_width71{width: 96%}
    .mo_mlr145{margin-left: 2%;margin-right: 2%}


    .mo_mt42{margin-top: 30px;}
    .mo_mt35{margin-top: 30px;}
    .mo_mb26{margin-bottom: 15px;}
    .mo_mb19{margin-bottom: 10px;}
    .play{top: 10%;}

    .download_btn img{margin-right: 30px}

}