/***移动端样式768以下***/
@media only screen and (max-width: 768px){
    /**Banner**/
    #BDataBlock1 #IndexBan .swiper-slide a{ height: auto; background-size: 0; }
    #BDataBlock1 #IndexBan .swiper-slide a img{ display: block; }
    /***课程频道***/
    /**菜单**/
    #BDataBlock2 .Box{ margin:-.05rem; }
    #BDataBlock2 .Box span{ display: none; width:33%; padding:.05rem; }
    #BDataBlock2 .Box span:nth-child(1),
    #BDataBlock2 .Box span:nth-child(2){ display: inline-block; }
    #BDataBlock2 .Box span:last-child{ display: inline-block; width:33%; }
    #BDataBlock2 .Box span a{ padding:0 .05rem; line-height: .36rem; font-size: .14rem; word-break: keep-all; overflow: hidden; }
    /**最新课程**/
    #BDataBlock3{ padding:.25rem 0; }
    #BDataBlock3 .ul{ margin:-.05rem; }
    #BDataBlock3 .ul li{ display: none; width:50%; padding:.05rem; }
    #BDataBlock3 .ul li:nth-child(1),
    #BDataBlock3 .ul li:nth-child(2),
    #BDataBlock3 .ul li:nth-child(3),
    #BDataBlock3 .ul li:nth-child(4){ display: inline-block; }
    #BDataBlock3 .ul .cont{ padding:.1rem .1rem 0; }
    #BDataBlock3 .ul .title{ font-size: .14rem; }
    #BDataBlock3 .ul .des{ margin:.03rem 0 .08rem; line-height: .2rem; height: .4rem; }
    #BDataBlock3 .ul .otherf{ line-height: .36rem; font-size: .12rem; }
    /**免费学习**/
    #BDataBlock4{ padding:.25rem 0; }
    #BDataBlock4 .ul{ margin:-.05rem; }
    #BDataBlock4 .ul li{ width: 50%; padding:.05rem; }
    #BDataBlock4 .ul li:first-child{ width: 100%; }
    #BDataBlock4 .ul .otherf{ margin-top: 0; }
    #BDataBlock4 .ul li .cont{ padding:0 .1rem; }
    #BDataBlock4 .ul li:first-child .cont{ padding:.1rem; }
    #BDataBlock4 .ul li:first-child .title{ font-size: .15rem; }
    /**仪器技术原理**/
    #BDataBlock5 .container{ padding-top:0; padding-bottom:.25rem; }
    #BDataBlock5>.container:last-child{ padding-bottom: .25rem; }
    #BDataBlock5 .ul{ margin:-.05rem; }
    #BDataBlock5 .ul li{ display: none; width:50%; padding:.05rem; }
    #BDataBlock5 .ul li:nth-child(1),
    #BDataBlock5 .ul li:nth-child(2),
    #BDataBlock5 .ul li:nth-child(3),
    #BDataBlock5 .ul li:nth-child(4){ display: inline-block; }
    #BDataBlock5 .ul .cont{ padding:.05rem 0 0; }
    #BDataBlock5 .ul .otherf p{ margin:0; }
    /**推荐讲师**/
    #BDataBlock6{ padding:.25rem 0; }
    #BDataBlock6 .ul{ margin:-.05rem; font-size: 0; }
    #BDataBlock6 .ul li{ display: none; padding:.05rem; width:50%; }
    #BDataBlock6 .ul li:nth-child(1),
    #BDataBlock6 .ul li:nth-child(2),
    #BDataBlock6 .ul li:nth-child(3),
    #BDataBlock6 .ul li:nth-child(4){ display: inline-block; }
    #BDataBlock6 .ul .pad{ padding:.15rem; }
    #BDataBlock6 .ul .name{ margin:.1rem 0 .05rem; }
    #BDataBlock6 .ul .des{ font-size:.14rem; }
    /**课程列表**/
    #BDataBlock7{}
    #BDataBlock7 .ul{ padding:.15rem; }
    #BDataBlock7 .ul li+li{ margin-top:.1rem; }
    #BDataBlock7 .ul .TypeBox .span{ padding:0; }
    #BDataBlock7 .ul .TypeBox a{ padding:0 .1rem; }
    #BDataBlock7 .dl dd{ width:25%; border-bottom:.01rem solid #e6e6e6; }
    #BDataBlock7 .dl .hasTank{ display: block; border:0 none; }
    #BDataBlock7 .dl .a{ padding:0 .15rem; }
    #BDataBlock7 .dl .ali a{ padding:0 .15rem; }
    /**课程列表**/
    #BDataBlock8{}
    #BDataBlock8 #BDataBlock3 .ul li{ display: inline-block; }
    /**课程详情**/
    #BDataBlock9{ padding-bottom: .15rem; }
    #BDataBlock9 .imgBox{ display: block; width: 100%; }
    #BDataBlock9 .cont{ display: block; width:100%; padding-top:.15rem; }
    #BDataBlock9 .cont .h2{ line-height: .24rem; font-size: .18rem; }
    #BDataBlock9 .cont .word{ padding:.1rem 0 0; line-height: .28rem; }
    #BDataBlock9 .cont .Btns{ margin-top:.1rem; }
    #BDataBlock9 .cont .Btns .a{ line-height: .36rem; }
    #BDataBlock9 .cont .Shares{ position: static; margin-top: .15rem; line-height: 0; font-size: 0; }
    #BDataBlock9 .cont .shareBox{ display: block; position: static; padding:0; }
    /**课程详情**/
    #BDataBlock10{ margin:.25rem 0; }
    #BDataBlock10 .pad{ padding:.15rem; }
    /**课程简介**/
    #BDataBlock10 .contInfo{ padding-top:.15rem; padding-bottom: .1rem; line-height: .28rem; }
    /**课程目录**/
    #BDataBlock10 .courseList li{ padding-left:.05rem; padding-top:.05rem; padding-bottom: .1rem; line-height: .28rem; }
    #BDataBlock10 .courseList .tit{ float: none; display: block; min-width: .5rem; padding-right: 0; margin-right: 0; }
    #BDataBlock10 .courseList .title{ padding-right: .65rem; }
    #BDataBlock10 .courseList .date{ top:.1rem; }
    #BDataBlock10 .courseList .free,
    #BDataBlock10 .courseList .price{ right:0; }
    /**用户评价**/
    .commentInfoList .Types{ margin-top: .15rem; margin-bottom: .15rem; }
    .commentInfoList .Types .percent{ /*display: block;*/ width:.8rem; padding:.1rem 0 .08rem; }
    .commentInfoList .Types .num{ line-height: .24rem; font-size: .22rem; }
    .commentInfoList .Types .txt{ font-size: .12rem; }
    .commentInfoList .Types .as{ padding:.1rem .05rem; width:calc(100% - .8rem); }
    .commentInfoList .Types .a{ margin:0 .03rem; }
    .commentInfoList .ul li{ padding:.15rem 0; }
    .commentInfoList .ul .Imgs img{ width:.5rem; height: .5rem; }
    .commentInfoList .ul .cont{ width:calc(100% - .5rem); padding-left: .1rem; }
    .commentInfoList .ul .des{ margin:.05rem 0 .03rem; }
    
    /**直播频道**/
    #BDataBlock12{ padding:.25rem 0; }
    #BDataBlock12 .TabBoxs{ display: flex; }
    #BDataBlock12 .TabCon{ width:100%; }
    #BDataBlock12 .TabCon .cont{ padding:.1rem; line-height: .26rem; }
    #BDataBlock12 .TabCon .cont .Btn{ float: right; width:.8rem; line-height: .24rem; font-size: .13rem; }
    #BDataBlock12 .TabCon .cont .title{ display: block; max-width: 100%; font-size: .15rem; }
    #BDataBlock12 .TabCon .cont .time{ padding-left:.17rem; }
    #BDataBlock12 .TabCon .cont .time::before{ left:.08rem; }
    #BDataBlock12 .TabCon .cont .r_con{ display: block; width:100%; }
    #BDataBlock12 .TabTit{ width:20%; display:none; }
        
    /**免费直播课**/
    #BDataBlock13{ padding:.25rem 0; }
    #BDataBlock13 .AutoTitle3{ margin-bottom:0; }
    #BDataBlock13 .ul .top{ padding:.15rem .15rem .1rem; }
    #BDataBlock13 .ul .title{ height: auto; line-height: .22rem; font-size: .16rem; }
    #BDataBlock13 .ul .cont .Btn{ width:.9rem; }

    /**近期直播**/
    #BDataBlock14{ padding-bottom: .25rem; }
    #BDataBlock14 .ul{ margin:-.07rem; }
    #BDataBlock14 .ul li{ width:50%; padding:.07rem; }
    #BDataBlock14 .ul .imgBox .status{ width:.7rem; border-radius: .1rem; line-height: .2rem; font-size: .12rem; }
    #BDataBlock14 .ul .cont{ padding:.1rem; position: relative; }
    #BDataBlock14 .ul .title{ height: .4rem; font-size: .15rem; line-height: .2rem; }
    #BDataBlock14 .ul .other{ margin-top:.03rem; margin-bottom: 0; }
    #BDataBlock14 .ul .free,
    #BDataBlock14 .ul .price{ display: block; float: none; font-size: .14rem; line-height: .24rem; }
    #BDataBlock14 .ul .Btn{ position: absolute; right: .1rem; bottom:.1rem; display: inline-block; width:auto; padding:0 .25rem; line-height: .24rem; }
    
    /**直播推荐**/
    #BDataBlock15{ padding:.25rem 0 .35rem; }
    #BDataBlock15 .AutoTitle3{ margin-bottom:0; }
    #BDataBlock15 .ul{ margin:-.07rem; padding-bottom: .1rem; }
    #BDataBlock15 .ul li{ padding:.07rem; }
    #BDataBlock15 .ul .cont{ padding:.12rem .1rem; }
    #BDataBlock15 .ul .title{ font-size: .16rem; }
    #BDataBlock15 .ul .otherf{ margin-top:0; }
    #BDataBlock15 .dl{ margin:-.07rem; }
    #BDataBlock15 .dl dd{ width:50%; padding:.07rem; }
    
    /***推荐讲师***/
    #BDataBlock16 .AutoTitle3{ margin-bottom:0; }
    #BDataBlock16 #BDataBlock6 .ul .Box{ background:#fff; }
    
    /**确认订单信息**/
    #BDataBlock17{ padding-bottom: .25rem; }
    #BDataBlock17 .h3{ font-size: .18rem; line-height: .5rem; }
    #BDataBlock17 .form .Block{ padding:.1rem .15rem .15rem; }
    #BDataBlock17 .form .Block+.Block{ margin-top: .15rem; }
    #BDataBlock17 .form .title{ line-height: .3rem; font-size: .16rem; margin-bottom: .05rem; }
    #BDataBlock17 .dl dt{ display: none; }
    #BDataBlock17 .dl dd{ display: flex; padding:.15rem .15rem; position: relative; }
    #BDataBlock17 .dl dd .wid{ padding:0; }
    #BDataBlock17 .dl .wid1{ display: block; width:100%; }
    #BDataBlock17 .dl .wid2{ position: absolute; bottom:.15rem; margin:0 0 0 1.2rem; width:auto; }
    #BDataBlock17 .dl .wid3{ position: absolute; bottom:.15rem; right:.15rem; margin:0; width:auto;  }
    #BDataBlock17 .dl .Box{ display: flex; }
    #BDataBlock17 .dl .imgBox{ margin-right: .1rem; }
    #BDataBlock17 .dl .k_title{ width:calc(100% - 1.2rem); margin-top: .01rem; }
    #BDataBlock17 .labelBox .label{ width:50%; text-align: left; }
    #BDataBlock17 .labelBox .Box{ padding:0 .15rem; }
    #BDataBlock17 .labelBox .Box img{ margin:0 .1rem; width:.24rem; }
    #BDataBlock17 .labelBox .Box .word{ line-height: .5rem; }
    #BDataBlock17 .infoBlock{ padding-bottom:.1rem; line-height: .24rem; }
    #BDataBlock17 .infoBlock .icon{ width:.56rem; height:.56rem; margin:0 auto .08rem; }
    #BDataBlock17 .other{ margin-top: .1rem; padding-top: .15rem; }
    #BDataBlock17 .other .p{ line-height: .4rem; }
    #BDataBlock17 .other .p strong{ font-size: .2rem; }
    #BDataBlock17 .other .submit{ width:1.4rem; line-height: .36rem; font-size: .14rem; }

    /**讲师详情**/
    #BDataBlock20{}
    #BDataBlock20 .Top .info{ padding-top:0; padding-bottom: 0; }
    #BDataBlock20 .Top .Img{ display:block; margin:0 auto; }
    #BDataBlock20 .Top .cont{ width:100%; padding-left:0; padding-top:.1rem; }
    #BDataBlock20 .Top .h2{ margin-bottom: 0; font-size: .2rem; }
    #BDataBlock20 #BDataBlock3{ padding-top:.25rem; }

    /**弹出视频**/
    #BDataBlock21 .V_top{ padding:.2rem .1rem; height: .7rem; font-size: .16rem; }
    #BDataBlock21 .V_tips .V_title{ font-size: .16rem; }
    #BDataBlock21 .V_tips .showList{ display: block; z-index: 2; background:rgba(100,100,100,.6); color:#fff; position: absolute; top:.7rem; right:0; padding:0 .25rem; border-radius:.05rem; line-height: .34rem; font-size:.14rem; }
    #BDataBlock21 .l_cont{ width:100%; }
    #BDataBlock21 .V_block{ top:.7rem; }
    #BDataBlock21 .r_list{ width:0%; padding-left:0; transition:all .3s; }
    #BDataBlock21 .r_list.show{ background:rgba(0,0,0,.3); width:100%; padding-left:30%; z-index: 2; }
    #BDataBlock21 .r_list .V_top{ background:#252525; }
    #BDataBlock21 .r_list .V_list{ height: calc(100% - .7rem); background:#333; }
}