/**Banner**/
#BDataBlock1{}
#BDataBlock1 #IndexBan .swiper-slide a{ height: 4.8rem; }
#BDataBlock1 #IndexBan .swiper-slide a img{ display: none; }
/***课程频道***/
/**菜单**/
#BDataBlock2{ padding:.25rem 0; }
#BDataBlock2 .Box{ margin:-.12rem; font-size: 0; line-height: 0; }
#BDataBlock2 .Box span{ display: inline-block; width:14.5%; vertical-align:top; padding:.12rem; }
#BDataBlock2 .Box span:last-child{ width:13%; }
#BDataBlock2 .Box span a{ display: block; overflow: hidden; padding:0 .15rem; text-overflow: ellipsis; border:.02rem solid #e8e8e8; line-height: .46rem; font-size: .15rem; color:#333333; text-align: center; transition:all .3s; }
#BDataBlock2 .Box span a:hover,
#BDataBlock2 .Box span.on a{ border-color: #4293f4; background:#4293f4; color:#fff; }
/**最新课程**/
#BDataBlock3{ padding:.55rem 0; }
#BDataBlock3 .ul{ font-size: 0; margin:-.14rem; }
#BDataBlock3 .ul li{ display: inline-block; width:25%; vertical-align:top; padding:.14rem; }
#BDataBlock3 .ul .Box{ display: block; transition: all .3s; box-shadow: 0 0 .15rem rgba(0,0,0,.0); transform: translateY(0); }
#BDataBlock3 .ul .imgBox{ position: relative; }
#BDataBlock3 .ul .imgBox::before{ content: ""; display: block; width:100%; padding-top:66.0714%; }
#BDataBlock3 .ul img{ transition: all .3s; transform: scale(1); position: absolute; left: 0; top:0; width:100%; height: 100%; }
#BDataBlock3 .ul .icon{ position: absolute; left:0; top:0; width: 100%; height: 100%; background:rgba(0,0,0,.39); transition: all .3s; opacity: 0; }
#BDataBlock3 .ul .icon::before{ content: ""; position: absolute; left:50%; top:50%; height: .52rem; width:.52rem; margin-top: -.21rem; margin-left: -.21rem; border-radius: 50%; background:rgba(0,0,0,.52) url(../images/icon_play.png) no-repeat center; }
#BDataBlock3 .ul .cont{ background:#fff; padding:.15rem .15rem 0; }
#BDataBlock3 .ul .title{ line-height: .22rem; font-size: .16rem; font-weight: bold; color:#333333; }
#BDataBlock3 .ul .des{ margin:.08rem 0 .14rem; height: .44rem; line-height: .22rem; font-size: .12rem; color:#999999; }
#BDataBlock3 .ul .otherf{ border-top: .01rem solid #eeeeee; line-height: .48rem; font-size: .13rem; }
#BDataBlock3 .ul .look{ color:#555555; display: inline-block; padding-left:.19rem; background: url(../images/icon_icon21.png) no-repeat left center; }
#BDataBlock3 .ul .free{ color:#0fcb45; }
#BDataBlock3 .ul .price{ color:#ff0000; }
#BDataBlock3 .ul .Box:hover{ box-shadow: 0 0 .15rem rgba(0,0,0,.1); transform: translateY(-.05rem); }
#BDataBlock3 .ul .Box:hover .icon{ opacity: 1; }
#BDataBlock3 .ul .Box:hover .title{ color:#4293f4; }
#BDataBlock3 .ul .Box:hover img{ transform: scale(1.05); }
/**免费学习**/
#BDataBlock4{ padding:.55rem 0; }
#BDataBlock4 .ul{ margin:-.15rem; font-size: 0; }
#BDataBlock4 .ul li{ display: inline-block; float: left; padding:.15rem; width:25%; }
#BDataBlock4 .ul li:first-child{ width:50%; }
#BDataBlock4 .ul .Box{ display: block; background:#fff; box-shadow: 0 0 .15rem rgba(0,0,0,.1); transition: all .3s; transform: translateY(0); }
#BDataBlock4 .ul .imgBox{ position: relative; }
#BDataBlock4 .ul .imgBox::before{ content: ""; display: block; padding-top:66.0714%; }
#BDataBlock4 .ul img{ position: absolute; left: 0; top:0; width:100%; height: 100%; transition: all .3s; transform: scale(1); }
#BDataBlock4 .ul .cont{ padding:0 .15rem; }
#BDataBlock4 .ul li:first-child .cont{ padding:.17rem .25rem .2rem; }
#BDataBlock4 .ul .title{ font-size: .15rem; line-height: .4rem; color:#333333; }
#BDataBlock4 .ul li:first-child .title{ line-height: .24rem; font-size: .18rem; font-weight: bold; color:#333333; }
#BDataBlock4 .ul .otherf{ display: none; margin-top: .1rem; line-height: .2rem; font-size: .13rem; color:#999999; }
#BDataBlock4 .ul li:first-child .otherf{ display: block; }
#BDataBlock4 .ul .look{}
#BDataBlock4 .ul .free{ color:#0fcb45; }
#BDataBlock4 .ul .price{ color:#ff0000; }
#BDataBlock4 .ul .Box:hover{transform: translateY(-.05rem); }
#BDataBlock4 .ul .Box:hover img{ transform: scale(1.05); }
#BDataBlock4 .ul .Box:hover .title{ color:#4293f4; }
/**仪器技术原理**/
#BDataBlock5{}
#BDataBlock5 .container{ padding-top:.25rem; padding-bottom:.25rem; }
#BDataBlock5>.container:last-child{ padding-bottom: .55rem; }
#BDataBlock5 .ul{ margin:-.12rem; font-size: 0; }
#BDataBlock5 .ul li{ display: inline-block; padding:.12rem; width:20%; }
#BDataBlock5 .ul .Box{ display: block; background:#fff; box-shadow: 0 0 .15rem rgba(0,0,0,0); transition: all .3s; transform: translateY(0); }
#BDataBlock5 .ul .imgBox{ position: relative; }
#BDataBlock5 .ul .imgBox::before{ content: ""; display: block; padding-top:66.0714%; }
#BDataBlock5 .ul img{ position: absolute; left: 0; top:0; width:100%; height: 100%; transition: all .3s; transform: scale(1); }
#BDataBlock5 .ul .cont{ padding:.1rem 0; }
#BDataBlock5 .ul .title{ font-size: .15rem; line-height: .22rem; color:#333333; }
#BDataBlock5 .ul .otherf{ line-height: .22rem; font-size: .13rem; color:#999999; }
#BDataBlock5 .ul .otherf p{ font-size: .12rem; margin:.04rem 0; }
#BDataBlock5 .ul .free{ color:#0fcb45; }
#BDataBlock5 .ul .price{ color:#ff0000; }
#BDataBlock5 .ul .look{ margin-left:.1rem; }
#BDataBlock5 .ul .Box:hover{transform: translateY(-.05rem); box-shadow: 0 0 .15rem rgba(0,0,0,.04); }
#BDataBlock5 .ul .Box:hover img{ transform: scale(1.05); }
#BDataBlock5 .ul .Box:hover .title{ color:#4293f4; }
/**推荐讲师**/
#BDataBlock6{ padding:.75rem 0; }
#BDataBlock6 .ul{ margin:-.15rem; font-size: 0; }
#BDataBlock6 .ul li{ display: inline-block; padding:.12rem; width:20%; }
#BDataBlock6 .ul .Box{ display: block; text-align: center; background:#fff; box-shadow: 0 0 .15rem rgba(0,0,0,0); transition: all .3s; transform: translateY(0); }
#BDataBlock6 .ul img{ display: block; margin:0 auto; height: 1.05rem; width:1.05rem; border-radius:50%; transition: all .3s; transform: scale(1); }
#BDataBlock6 .ul .pad{ padding:.25rem .15rem; }
#BDataBlock6 .ul .name{ margin:.16rem 0 .08rem; line-height: .22rem; font-size: .15rem; font-weight: bold; color:#333333; }
#BDataBlock6 .ul .Box:hover{transform: translateY(-.05rem); box-shadow: 0 0 .15rem rgba(0,0,0,.1); }
#BDataBlock6 .ul .des{ line-height: .25rem; font-size: .12rem; color:#999999; }
#BDataBlock6 .ul .Box:hover img{ transform: scale(1.05); }
#BDataBlock6 .ul .Box:hover .name{ color:#4293f4; }

/**课程列表**/
#BDataBlock7{}
#BDataBlock7 .ul{ padding:.24rem .23rem .2rem; border-bottom:.01rem solid #f0f0f0; }
#BDataBlock7 .ul li{ position: relative; }
#BDataBlock7 .ul li+li{ margin-top:.16rem; }
#BDataBlock7 .ul .title{ position: absolute; left: 0; top:.02rem; line-height: .28rem; font-size: .15rem; font-weight: bold; color:#333333; }
#BDataBlock7 .ul .TypeBox{ font-size: 0; padding-left: .74rem; }
#BDataBlock7 .ul .TypeBox .span{ display: inline-block; padding:.02rem; vertical-align: top; }
#BDataBlock7 .ul .TypeBox a{ display: block; border:.01rem solid transparent; border-radius: .03rem; line-height: .26rem; font-size: .14rem; color:#555555; padding:0 .12rem; }
#BDataBlock7 .ul .TypeBox .on a{ border-color: #4293f4; color:#4293f4; }
#BDataBlock7 .ul .TypeBox a:hover{ color:#4293f4; }
#BDataBlock7 .dl{ padding:0; font-size: 0; }
#BDataBlock7 .dl dd{ display: inline-block; vertical-align: top; position: relative; z-index: 2; }
#BDataBlock7 .dl dd::before,
#BDataBlock7 .dl dd::after{ content: ""; position: absolute; top:50%; border-left:.01rem solid #e6e6e6; }
#BDataBlock7 .dl dd+dd::before{ height: .1rem; left:0; margin-top: -.05rem; }
#BDataBlock7 .dl .a{ display: block; padding:0 .3rem; line-height: .58rem; font-size: .14rem; color:#444444; }
#BDataBlock7 .dl dd:first-child .a{ padding-left:.24rem; }
#BDataBlock7 .dl .word{ padding-right: .15rem; position: relative; }
#BDataBlock7 .dl .word::before,
#BDataBlock7 .dl .word::after{ content: ""; position: absolute; top:50%; right:0; border:.04rem solid transparent; }
#BDataBlock7 .dl .word::after{ border-bottom: 0 none; border-top-color:#a9a9a9; margin-top: -.02rem; }
#BDataBlock7 .dl .doublej .word::before{ border-top: 0 none; border-bottom-color:#a9a9a9; margin-top: -.05rem; }
#BDataBlock7 .dl .doublej .word::after{ border-bottom: 0 none; border-top-color:#a9a9a9; margin-top: .01rem; }
#BDataBlock7 .dl .hasTank::before{ width:100%; left:0; top:auto; bottom:0; margin:0; height: 0; border-left: 0 none; border-bottom:.01rem solid #fff; z-index: 2; }
#BDataBlock7 .dl .hasTank{ border-left:.01rem solid #f0f0f0; border-right:.01rem solid #f0f0f0; }
#BDataBlock7 .dl .Tank{ display: none; position: absolute; top:100%; left:-.01rem; margin-top: -.01rem; width:2.6rem; background:#fff; border:.01rem solid #f0f0f0; }
#BDataBlock7 .dl .form{ display: block; }
#BDataBlock7 .dl .ali{ padding:.07rem 0; }
#BDataBlock7 .dl .ali a{ display: block; padding:0 .3rem; line-height: .32rem; font-size: .14rem; color:#444444; }
#BDataBlock7 .dl .ali a.on,
#BDataBlock7 .dl .ali a:hover{ background:#4293f4; color:#fff; }
#BDataBlock7 .dl .other{ padding:.08rem; border-top:.01rem solid #f0f0f0; }
#BDataBlock7 .dl .inputBox{ display: inline-block; margin-right: .15rem; vertical-align: top; position: relative; padding-left: .25rem; border:.01rem solid #f0f0f0; width:.64rem; line-height: .36rem; }
#BDataBlock7 .dl .ico{ display: block; position: absolute; left:.08rem; top:0; font-size: .14rem; color:#444444; }
#BDataBlock7 .dl .input{ display: block; width: 100%; border:0 none; line-height: .36rem; font-size: .14rem; color:#444444; }
#BDataBlock7 .dl .submit{ display: inline-block; cursor: pointer; width:.64rem; background:#4293f4; border-radius: .02rem; text-align: center; line-height: .38rem; font-size: .14rem; color:#fff; }
#BDataBlock7 .dl .submit:hover{ background:#116ede; }
#BDataBlock7 .dl .a:hover,
#BDataBlock7 .dl .a.on{ color:#4293f4; }
#BDataBlock7 .dl .a.on .word::after{ border-top-color:#4293f4; }
#BDataBlock7 .dl .doublej .up .word::before{ border-bottom-color:#4293f4; }
#BDataBlock7 .dl .doublej .down .word::after{ border-top-color:#4293f4; }
#BDataBlock7 .dl dd:hover .Tank{ display: block; }
/**课程列表**/
#BDataBlock8{}
#BDataBlock8 #BDataBlock3{ padding:0; }
/**课程详情**/
#BDataBlock9{ padding-bottom: .4rem; }
#BDataBlock9 .imgBox{ display: inline-block; width: 4.7rem; position: relative; }
#BDataBlock9 .imgBox::before{ content: ''; display: block; width:100%; padding-top: 65.96%; }
#BDataBlock9 .imgBox img{ position: absolute; left: 0; top:0; width:100%; height: 100%; }
#BDataBlock9 .cont{ display: inline-block; float: right; width:6.9rem; padding-top: .25rem; }
#BDataBlock9 .cont .h2{ line-height: .3rem; font-size: .26rem; color:#333333; }
#BDataBlock9 .cont .word{ padding:.4rem 0 0; line-height: .32rem; font-size: .15rem; color:#555555; }
#BDataBlock9 .cont .priceBox{ line-height: .32rem; font-size: .18rem; color:#555555; }
#BDataBlock9 .cont .del{ margin-right: .34rem; position: relative; font-size: .15rem; }
#BDataBlock9 .cont .del::after{ content: ''; position: absolute; right: -.17rem; top:50%; margin-top: -.05rem; display: block; height: .1rem; border-left:.01rem solid #e6e6e6; }
#BDataBlock9 .cont .free{ color:#0fcb45; }
#BDataBlock9 .cont .price{ color:#ff0000; }
#BDataBlock9 .cont .Btns{ font-size: 0; margin-top: .35rem; position: relative; }
#BDataBlock9 .cont .Btns .a{ display: inline-block; text-align: center; background: #4293f4; border-radius: .03rem; vertical-align: top; width:1.48rem; line-height: .46rem; font-size: .15rem; color:#fff; }
#BDataBlock9 .cont .Btns .h{ background: #ff7000; margin-right: .15rem; }
#BDataBlock9 .cont .Btns .a:hover{ background:#116ede; }
#BDataBlock9 .cont .Shares{ position: absolute; right: 0; top:-.1rem; padding-left:.3rem; background:url(../images/icon_icon23.png) no-repeat left center; line-height: .2rem; font-size: .14rem; color:#999999; }
#BDataBlock9 .cont .shareBox{ display: none; position: absolute; right:0; padding-bottom:.15rem; bottom:99%; white-space: nowrap; }
#BDataBlock9 .cont .Shares:hover .shareBox{ display: block; }
#BDataBlock10{ margin:.5rem 0 .6rem; }
#BDataBlock10 .pad{ padding:.2rem .25rem .5rem; }
#BDataBlock10 .TabBox .Tab_head .tit::after{ height: .02rem; }
#BDataBlock10 .TabBox .Tab_head .tit.on{ color:#4293f4; }
#BDataBlock10 .TabBox .Tab_head .tit.on::after{  background:#4293f4; }
/**课程简介**/
#BDataBlock10 .contInfo{ padding-top:.45rem; padding-bottom: .2rem; line-height: .36rem; font-size: .15rem; color:#333333; }
/**课程目录**/
#BDataBlock10 .courseList{}
#BDataBlock10 .courseList .ul{ }
#BDataBlock10 .courseList li{ position: relative; padding-left:.2rem; border-bottom: .01rem solid #efeff2; line-height: .64rem; font-size: .14rem; color:#333333; }
#BDataBlock10 .courseList .tit{ float: left; display: inline-block; min-width: .65rem; margin-right: .17rem; }
#BDataBlock10 .courseList .title{ display: inline-block; position: relative; vertical-align: top; padding-left: .25rem; padding-right: 1.7rem; background:url(../images/icon_icon22.png) no-repeat left center; max-width: 100%; color:#333333; }
#BDataBlock10 .courseList .free{ position: absolute; top:50%; margin-top: -.11rem; right: .9rem; padding:0 .08rem; border-radius: .02rem; background:#0fcb45; line-height: .22rem; font-size: .12rem; color:#fff; }
#BDataBlock10 .courseList .price{ position: absolute; top:50%; margin-top: -.11rem; right: .9rem; padding:0 .08rem; border-radius: .02rem; background:#ff7000; line-height: .22rem; font-size: .12rem; color:#fff; }
#BDataBlock10 .courseList .date{ color:#999999; position: absolute; right: .05rem; top:0; }
#BDataBlock10 .courseList .free:hover,
#BDataBlock10 .courseList .price:hover{ background:#116ede; }
#BDataBlock10 .courseList .title:hover{ color:#4293f4; }
/**用户评价**/
.commentInfoList{}
.commentInfoList .Types{ background:#f6f6f6; border: .01rem solid #e7e7e7; margin-top: .25rem; margin-bottom: .25rem; font-size: 0; }
.commentInfoList .Types .percent{ display: inline-block; position: relative; vertical-align: top; width:1.4rem; text-align: center; padding:.16rem 0 .12rem; }
.commentInfoList .Types .percent::after{ content: ''; position: absolute; right:0; top:10%; height: 80%; border-left:.01rem solid #e7e7e7; }
.commentInfoList .Types .num{ display: block; line-height: .32rem; font-size: .3rem; color:#e85600; }
.commentInfoList .Types .txt{ line-height: .2rem; font-size: .14rem; color:#333333; }
.commentInfoList .Types .as{ display: inline-block; vertical-align: top; width:calc(100% - 1.4rem); padding:.28rem .22rem; }
.commentInfoList .Types .a{ display: inline-block; padding-left:.23rem; margin:0 .06rem; position: relative; vertical-align:top; line-height: .22rem; font-size: .14rem; color:#333333; }
.commentInfoList .Types .a::before,
.commentInfoList .Types .a::after{ content:''; position: absolute; border-radius: 50%; }
.commentInfoList .Types .a::before{ left:0; top:.02rem; height: .18rem; width:.18rem; border:.01rem solid #dcdcdc; }
.commentInfoList .Types .a::after{ height: .1rem; width:.1rem; left:.04rem; top:.06rem; background:#4293f4; opacity: 0; }
.commentInfoList .Types .a.on::after{ opacity: 1; }
.commentInfoList .ul{ border-top:.01rem solid #eeeeee; }
.commentInfoList .ul li{ padding-top:.25rem; padding-bottom: .25rem; border-bottom:.01rem solid #eeeeee; font-size: 0; }
.commentInfoList .ul .Imgs{ display: inline-block; vertical-align: top; }
.commentInfoList .ul .Imgs img{ display: block; border-radius: 50%; width:.62rem; height: .62rem; }
.commentInfoList .ul .cont{ display: inline-block; vertical-align: top; width:calc(100% - .62rem); padding-left: .15rem;  }
.commentInfoList .ul .name{ line-height: .22rem; font-weight: bold; font-size: .15rem; color:#333333; }
.commentInfoList .ul .start{ display: inline-block; vertical-align: top; font-size: 0; margin-left: .1rem; }
.commentInfoList .ul .start i{ display: inline-block; vertical-align: top; height: .22rem; width:.18rem; background: url(../images/icon_icon24.png) no-repeat center .02rem;  }
.commentInfoList .ul .start i+i{ margin-left:.06rem; }
.commentInfoList .ul .des{ margin:.08rem 0 .05rem; line-height: .2rem; font-size: .14rem; color:#555555; }
.commentInfoList .ul .other{ line-height: .2rem; font-size: .12rem; color:#999999; }
.commentInfoList .ul .jb{ color:#999; float: right; }
.commentInfoList .ul .jb:hover{ color:#4293f4; }
/***举报弹框***/
#BDataBlock11{ display: none; position: fixed; left: 0; top:0; width:100%; height: 100%; background:rgba(0,0,0,.1); }
#BDataBlock11 .Box{ position: absolute; left:50%; top:50%; width:4.2rem; max-width: 96vw; background:#fff; border-radius: .05rem; box-shadow: 0 0 .2rem rgba(0,0,0,.2); }
#BDataBlock11 .h3{ padding:0 .2rem; position: relative; border-bottom:.01rem solid #ececec; line-height: .48rem; font-size: .16rem; color:#333; }
#BDataBlock11 .exit{ display: block; position: absolute; top:0; right:.1rem; height: 100%; width:.2rem; background:url(../images/icon_exit1_1.png) no-repeat center; }
#BDataBlock11 .cont{ padding:.2rem; }
#BDataBlock11 .form{ display: block; }
#BDataBlock11 .input{ display: block; width:100%; padding:.1rem .15rem; border:.01rem solid #ccc; border-radius: .05rem; line-height: .22rem; color:#666; }
#BDataBlock11 .input option{ display: none; }
#BDataBlock11 select.input option{ display: block; }
#BDataBlock11 .input+.input{ margin-top:.15rem; }
#BDataBlock11 textarea.input{ height: 1.4rem; }
#BDataBlock11 .Btns{ padding-top:.14rem; text-align: center; font-size: 0; }
#BDataBlock11 .Btns .Btn{ display: inline-block; width:49%; padding:0; text-align: center; background:#4293f4; cursor: pointer; border-radius: .03rem; line-height: .38rem; font-size: .15rem; color:#fff; }
#BDataBlock11 .Btns .n{ margin-left: 2%; background:#e85600; }
#BDataBlock11 .Btns .Btn:hover{ background:#116ede; }

/**直播频道**/
#BDataBlock12{ background: url(../images/lives/Banner.jpg) no-repeat center/100% 100%; padding:.5rem 0; }
#BDataBlock12 .TabBoxs{ font-size: 0; background:#1a1a1a; }
#BDataBlock12 .TabCon{ width: 9.6rem; }
#BDataBlock12 .TabCon .Box{ display: block; position: relative; }
#BDataBlock12 .TabCon .imgBox{ position: relative; overflow: hidden; }
#BDataBlock12 .TabCon .imgBox::before{ content: ""; display: block; padding-top:53.959%; }
#BDataBlock12 .TabCon .imgBox img{ display: block; position: absolute; width:100%; height: 100%; left: 0; top:0; }
#BDataBlock12 .TabCon .cont{ padding:0 .15rem 0 .25rem; position: absolute; left:0; bottom:0; width:100%; background:rgba(0,0,0,.46); line-height: .7rem; }
#BDataBlock12 .TabCon .cont .title{ font-weight: bold; font-size: .2rem; color:#fff; max-width:50%; }
#BDataBlock12 .TabCon .cont .r_con{ color:#fff; }
#BDataBlock12 .TabCon .cont .price{ font-size: .13rem; color:#ff0000; display: inline-block; vertical-align: middle; }
#BDataBlock12 .TabCon .cont .free{ font-size: .13rem; color:#0fcb45; display: inline-block; vertical-align: middle; }
#BDataBlock12 .TabCon .cont .time{ display: inline-block; vertical-align: middle; position: relative; padding-left: .27rem; font-size: .12rem; }
#BDataBlock12 .TabCon .cont .time::before{ content: ""; position: absolute; left:.13rem; top:50%; margin-top: -.06rem; width:.01rem; height: .12rem; background:rgba(255,255,255,.17); }
#BDataBlock12 .TabCon .cont .Btn{ display: inline-block; margin-left: .15rem; vertical-align: middle; text-align: center; border-radius: .18rem; background:#ff9600; width:1.36rem; line-height: .36rem; font-size: .14rem; color:#fff; }
#BDataBlock12 .TabCon .Box:hover .title{ color:#4293f4; }
#BDataBlock12 .TabCon .cont .Btn:hover{ background:#4293f4; }
#BDataBlock12 .TabTit{ width: 2.4rem; }
#BDataBlock12 .TabTit .BImg{ padding:.25rem; }
#BDataBlock12 .TabTit .imgBox{ position: relative; overflow: visible; opacity: .43; }
#BDataBlock12 .TabTit .imgBox+.imgBox{ margin-top: .19rem; }
#BDataBlock12 .TabTit .imgBox::before{ content: ""; display: block; padding-top:53.959%; }
#BDataBlock12 .TabTit .imgBox::after{ content: ""; display: block; position: absolute; left:0; top:0; width:100%; height: 100%; border:.02rem solid transparent; }
#BDataBlock12 .TabTit .imgBox img{ position: absolute; left: 0; top:0; width:100%; height: 100%; }
#BDataBlock12 .TabTit .imgBox .icon{ position: absolute; top:50%; right: 100%; margin-top:-.06rem; border-top:.06rem solid transparent; border-bottom:.06rem solid transparent; border-right:.1rem solid transparent; }
#BDataBlock12 .TabTit .imgBox.on{ opacity: 1; }
#BDataBlock12 .TabTit .imgBox.on::after{ border-color: #4293f4; }
#BDataBlock12 .TabTit .imgBox.on .icon{ border-right-color:#4293f4; }

/**免费直播课**/
#BDataBlock13{ padding-top: .7rem; padding-bottom: .6rem; }
#BDataBlock13 .AutoTitle3{ margin-bottom:.1rem; }
#BDataBlock13 .ul{ font-size: 0; }
#BDataBlock13 .ul li{  }
#BDataBlock13 .ul .Box{ background:#fff; box-shadow:0 0 0 rgba(0,0,0,.1); transform:translateY(0); transition:all .3s; }
#BDataBlock13 .ul .top{ padding:.25rem .25rem .1rem; border-bottom: .01rem solid #ebebeb; }
#BDataBlock13 .ul .title{ margin-bottom: .07rem; height: .48rem; font-weight: bold; line-height: .24rem; font-size: .18rem; color:#333333; }
#BDataBlock13 .ul .cont{ line-height: .28rem; }
#BDataBlock13 .ul .cont .time{ font-size: .12rem; color:#999999; }
#BDataBlock13 .ul .cont .Btn{ width:.78rem; border-radius: .14rem; background:#ff9600; text-align: center; font-size: .14rem; color:#fff; }
#BDataBlock13 .ul .info{ display: block; padding:.12rem .25rem .15rem; }
#BDataBlock13 .ul .info img{ border-radius: 50%; width: .47rem; height: .47rem; margin-right: .1rem; }
#BDataBlock13 .ul .info .name{ line-height: .24rem; font-size: .14rem; color:#333333; }
#BDataBlock13 .ul .info .des{ line-height: .24rem; font-size: .12rem; color:#999999; }
#BDataBlock13 .ul .Box:hover{ box-shadow:0 0 .2rem rgba(0,0,0,.1); transform:translateY(-.03rem); }
#BDataBlock13 .ul .title:hover{ color:#4293f4; }
#BDataBlock13 .ul .cont .Btn:hover{ background:#4293f4; }
#BDataBlock13 .AutoTitle3{ margin-bottom:.1rem; }

/**近期直播**/
#BDataBlock14{ padding-bottom: .7rem; }
#BDataBlock14 .AutoTitle3{ margin-bottom:.1rem; }
#BDataBlock14 .ul{ font-size: 0; margin:-.17rem -.135rem; }
#BDataBlock14 .ul li{ display: inline-block; width:25%; vertical-align:top; padding:.17rem .135rem; }
#BDataBlock14 .ul .Box{ display: block; transition: all .3s; box-shadow: 0 0 .15rem rgba(0,0,0,.0); transform: translateY(0); }
#BDataBlock14 .ul .imgBox{ position: relative; }
#BDataBlock14 .ul .imgBox::before{ content: ""; display: block; width:100%; padding-top:66.0714%; }
#BDataBlock14 .ul img{ transition: all .3s; transform: scale(1); position: absolute; left: 0; top:0; width:100%; height: 100%; }
#BDataBlock14 .ul .imgBox .status{ position: absolute; right: .15rem; top:.12rem; text-align: center; width:.78rem; border-radius: .11rem; line-height: .22rem; font-size: .14rem; color:#ffffff; }
#BDataBlock14 .ul .imgBox .ready{ background:#ff9b0c; }
#BDataBlock14 .ul .imgBox .lived{ background:#4293f4; }
#BDataBlock14 .ul .imgBox .living{ background:#0fcb45; }
#BDataBlock14 .ul .icon{ position: absolute; left:0; top:0; width: 100%; height: 100%; background:rgba(0,0,0,.39); transition: all .3s; opacity: 0; }
#BDataBlock14 .ul .icon::before{ content: ""; position: absolute; left:50%; top:50%; height: .52rem; width:.52rem; margin-top: -.21rem; margin-left: -.21rem; border-radius: 50%; background:rgba(0,0,0,.52) url(../images/icon_play.png) no-repeat center; }
#BDataBlock14 .ul .cont{ background:#fff; padding:.15rem .15rem .2rem; }
#BDataBlock14 .ul .title{ height: .44rem; line-height: .22rem; font-size: .16rem; font-weight: bold; color:#333333; }
#BDataBlock14 .ul .other{ margin:.06rem 0 .1rem; line-height: .22rem; font-size: .12rem; color:#999999; }
#BDataBlock14 .ul .free{ color:#0fcb45; }
#BDataBlock14 .ul .price{ color:#ff0000; }
#BDataBlock14 .ul .Btn{ display: block; margin:0 auto; width:1.4rem; border-radius: .17rem; background:#ff9600; text-align: center; line-height: .34rem; font-size: .14rem; color:#fff; }
#BDataBlock14 .ul .Box:hover{ box-shadow: 0 0 .15rem rgba(0,0,0,.1); transform: translateY(-.05rem); }
#BDataBlock14 .ul .Box:hover .icon{ opacity: 1; }
#BDataBlock14 .ul .Box:hover .title{ color:#4293f4; }
#BDataBlock14 .ul .Box:hover img{ transform: scale(1.05); }
#BDataBlock14 .ul .Btn:hover{ background:#4293f4; }

/**直播推荐**/
#BDataBlock15{ padding-top: .5rem; padding-bottom: .75rem; }
#BDataBlock15 .AutoTitle3{ margin-bottom:.1rem; }
#BDataBlock15 .ul{ font-size: 0; margin:-.15rem; padding-bottom: .2rem; }
#BDataBlock15 .ul li{ display: inline-block; width:50%; vertical-align:top; padding:.15rem; }
#BDataBlock15 .ul .Box{ display: block; transition: all .3s; box-shadow: 0 0 .15rem rgba(0,0,0,.1); transform: translateY(0); }
#BDataBlock15 .ul .imgBox{ position: relative; }
#BDataBlock15 .ul .imgBox::before{ content: ""; display: block; width:100%; padding-top:66.325%; }
#BDataBlock15 .ul img{ transition: all .3s; transform: scale(1); position: absolute; left: 0; top:0; width:100%; height: 100%; }
#BDataBlock15 .ul .word{ background:rgba(0,0,0,.46); position: absolute; left:0; bottom:0; width:100%; padding:0 .22rem; line-height: .52rem; font-size: .16rem; color:#ffffff; }
#BDataBlock15 .ul .cont{ background:#fff; padding:.18rem .22rem .2rem; }
#BDataBlock15 .ul .title{ line-height: .22rem; font-size: .18rem; font-weight: bold; color:#333333; }
#BDataBlock15 .ul .otherf{ margin-top:.1rem; line-height: .22rem; font-size: .13rem; color:#999999; }
#BDataBlock15 .ul .free{ color:#0fcb45; }
#BDataBlock15 .ul .price{ color:#ff0000; }
#BDataBlock15 .ul .Btn{ display: block; margin:0 auto; width:1.4rem; border-radius: .17rem; background:#ff9600; text-align: center; line-height: .34rem; font-size: .14rem; color:#fff; }
#BDataBlock15 .ul .Box:hover{ transform: translateY(-.05rem); }
#BDataBlock15 .ul .Box:hover .icon{ opacity: 1; }
#BDataBlock15 .ul .Box:hover .title{ color:#4293f4; }
#BDataBlock15 .ul .Box:hover .word{ color:#4293f4; }
#BDataBlock15 .ul .Box:hover img{ transform: scale(1.05); }
#BDataBlock15 .ul .Btn:hover{ background:#4293f4; }
#BDataBlock15 .dl{ font-size: 0; margin:-.13rem; }
#BDataBlock15 .dl dd{ display: inline-block; width:25%; vertical-align:top; padding:.13rem; }
#BDataBlock15 .dl .imgBox{ position: relative; }
#BDataBlock15 .dl .imgBox::before{ content: ""; display: block; width:100%; padding-top:66.325%; }
#BDataBlock15 .dl img{ transition: all .3s; transform: scale(1); position: absolute; left: 0; top:0; width:100%; height: 100%; }
#BDataBlock15 .dl .Box{ display: block; background:#fff; transition: all .3s; box-shadow: 0 0 .15rem rgba(0,0,0,.1); transform: translateY(0); }
#BDataBlock15 .dl .title{ padding:0 .15rem; line-height: .42rem; font-size: .15rem; color:#333333; }
#BDataBlock15 .dl .Box:hover{ transform: translateY(-.05rem); }
#BDataBlock15 .dl .Box:hover .title{ color:#4293f4; }

/***推荐讲师***/
#BDataBlock16 .AutoTitle3{ margin-bottom:.1rem; }
#BDataBlock16 #BDataBlock6 .ul .Box{ background:transparent; }
#BDataBlock16 #BDataBlock6 .ul .Box:hover{ background:#fff; }

/**确认订单信息**/
#BDataBlock17{ padding-bottom: .6rem; }
#BDataBlock17 .red{ color:#f71010; }
#BDataBlock17 .h3{ line-height: .84rem; font-size: .24rem; color:#333333; }
#BDataBlock17 .form{ display: block; }
#BDataBlock17 .form .Block+.Block{ margin-top: .3rem; }
#BDataBlock17 .form .Block{ padding:.15rem .25rem .35rem; }
#BDataBlock17 .form .title{ line-height: .6rem; font-size: .18rem; color:#333333; }
#BDataBlock17 .dl{ border:.01rem solid #f5f6f6; }
#BDataBlock17 .dl dt{ background:#f5f6f6; font-weight: normal; }
#BDataBlock17 .dl dt,
#BDataBlock17 .dl dd{ padding-left: .2rem; padding-right: .2rem; font-size: 0; }
#BDataBlock17 .dl dd+dd{ border-top:.01rem solid #f5f6f6; }
#BDataBlock17 .dl dt .wid{ padding-top: .14rem; padding-bottom: .14rem; font-size: .15rem; }
#BDataBlock17 .dl dd .wid{ padding-top: .2rem; padding-bottom: .2rem; font-size: .14rem; }
#BDataBlock17 .dl .wid{ display: inline-block; vertical-align: middle; text-align: center; line-height: .22rem; color:#555555; }
#BDataBlock17 .dl .wid1{ width:3.35rem; text-align: left; }
#BDataBlock17 .dl .wid2{ width:2.1rem; margin:0 1.75rem 0 1.78rem; }
#BDataBlock17 .dl .wid3{ width:2.1rem; }
#BDataBlock17 .dl .Box{ display: block; }
#BDataBlock17 .dl .imgBox{ display: inline-block; position: relative; width:1.1rem; margin-right: .15rem; }
#BDataBlock17 .dl .imgBox::before{ content: ''; display: block; width:100%; padding-top: 65.96%; }
#BDataBlock17 .dl .imgBox img{ position: absolute; left:0; top:0; width:100%; height:100%; }
#BDataBlock17 .dl .k_title{ display: inline-block; vertical-align: top; width:1.9rem; margin-top:.05rem; }
#BDataBlock17 .dl .price{}
#BDataBlock17 .labelBox{ font-size: 0; margin:-.05rem; }
#BDataBlock17 .labelBox .label{ position: relative; display: inline-block; padding:.05rem; }
#BDataBlock17 .labelBox input{ position: absolute; left: 0; top:0; opacity: 0; }
#BDataBlock17 .labelBox .Box{ display: block; padding:0 .4rem 0 .25rem; border:.02rem solid #f2f2f2; cursor: pointer; }
#BDataBlock17 .labelBox .Box .i{ display: inline-block; position: relative; vertical-align: middle; height: .2rem; width: .2rem; border-radius:50%; background:#f2f2f2; }
#BDataBlock17 .labelBox .Box .i::before{ content: ""; position: absolute; border-radius: 50%; left:0; top:0; width:100%; height:100%; border:.06rem solid transparent; }
#BDataBlock17 .labelBox .Box img{ display: inline-block; vertical-align: middle; margin:0 .15rem 0 .13rem; }
#BDataBlock17 .labelBox .Box .word{ display: inline-block; vertical-align: middle; line-height: .6rem; font-size: .15rem; color:#333333; }
#BDataBlock17 .labelBox .Box:hover{ background:#eef6ff; }
#BDataBlock17 .labelBox input:checked+.Box{ border-color:#4293f4; background:#eef6ff; }
#BDataBlock17 .labelBox input:checked+.Box .i::before{ border-color:#4293f4; }
#BDataBlock17 .infoBlock{ padding-bottom: .12rem; text-align: center; line-height: .28rem; font-size: .15rem; color:#555555; }
#BDataBlock17 .infoBlock .icon{ display: block; width:.96rem; height:.96rem; margin:0 auto .14rem; }
#BDataBlock17 .other{ margin-top: .3rem; border-top:.01rem solid #efefef; padding-top:.2rem; }
#BDataBlock17 .other .p{ line-height: .5rem; font-size: .16rem; color:#333333; }
#BDataBlock17 .other .p .price{ font-size: .18rem; }
#BDataBlock17 .other .p strong{ font-size: .28rem; }
#BDataBlock17 .other .submit{ display: inline-block; text-align: center; vertical-align: top; width:1.68rem; background:#f71010; line-height: .52rem; font-size: .16rem; color:#fff; }
#BDataBlock17 .other .submit:hover{ background:#116ede; }

/**直播列表**/
#BDataBlock18{}
#BDataBlock18 #BDataBlock14{ padding-bottom: 0; }

/**讲师详情**/
#BDataBlock20{ font-size:0; }
#BDataBlock20 .Img{ display: inline-block; vertical-align: top; }
#BDataBlock20 .cont{ display: inline-block; vertical-align: top; width:calc(100% - 1.28rem); padding-left:.2rem; }
#BDataBlock20 .cont .h2{ margin:.13rem 0 .08rem; line-height: .28rem; font-weight: bold; font-size: .24rem; color: #333333; }
#BDataBlock20 .cont .word{ line-height: .24rem; font-size: .14rem; color: #999999; }


#BDataBlock3 .cont{ display: inline-block; vertical-align: top; width:calc(100%); padding-left:.2rem; }
/**弹出视频**/
#BDataBlock21{ display: none; position: fixed; left:0; top:0; width:100%; height: 100%; z-index: 9999; }
#BDataBlock21 .V_top{ background:rgba(0,0,0,.6); height:1rem; padding:.35rem .15rem; line-height: .3rem; font-size: .18rem; color:#fff; }
#BDataBlock21 .V_tips{  }
#BDataBlock21 .V_tips .return{ font-size: .14rem; color:#428be4; }
#BDataBlock21 .V_tips .V_title{ display: inline-block;  max-width:calc(100% - 2rem); line-height: .3rem; font-size: .18rem; }
#BDataBlock21 .V_tips .V_check_btn{ display: inline-block; }
#BDataBlock21 .V_tips .V_check_btn .Btn{ opacity: .7; font-size: .14rem; color:#fff; }
#BDataBlock21 .V_tips .return:hover{ color:#fff; }
#BDataBlock21 .V_tips .V_check_btn .Btn:hover{ opacity: 1; }
#BDataBlock21 .V_tips .showList{ display: none; }
#BDataBlock21 .l_cont{ position: absolute; left:0; top:0; width:80%; height: 100%; background:#0d0d0d; text-align: center; }
#BDataBlock21 .V_block{ display: block; position: absolute; left:0; top:1rem; right:0; bottom:0; }
#BDataBlock21 .V_block .V_video{ display: block; width:100%; height:100%; }
#BDataBlock21 .V_block .video{ display: block; width:100%; height:100%; }
#BDataBlock21 .r_list{ position: absolute; right:0; top:0; width:20%; height: 100%; background:#3f4449; }
#BDataBlock21 .r_list .status{ color:#f00; }
#BDataBlock21 .r_list .status.free{ color:#10c944; }
#BDataBlock21 .V_list{ height: calc(100% - 1rem); padding:0 .15rem; }
#BDataBlock21 .V_list .list_title{ text-align:center; line-height: .6rem; font-size: .18rem; color:#4393f4; }
#BDataBlock21 .V_list .ul{ max-height:calc(100% - .7rem); overflow-y:auto; }
#BDataBlock21 .V_list .li{ position: relative; }
#BDataBlock21 .V_list .li+.li{ margin-top:.13rem; }
#BDataBlock21 .V_list .name{ display: block; padding:.1rem .4rem .1rem .18rem; background:rgba(0,0,0,.2); line-height: .22rem; font-size: .14rem; color:#fff; }
#BDataBlock21 .V_list .name:hover,
#BDataBlock21 .V_list .on .name{ color:#4393f4; }
#BDataBlock21 .V_list .word{ display: block; }
#BDataBlock21 .V_list .icon{ display: block; padding:0 .05rem; border-radius:.04rem; background:#f00; position: absolute; right:.1rem; top:.1rem; line-height: .22rem; font-size: .12rem; color:#fff; }
#BDataBlock21 .V_list .icon.free{ background:#10c944; }
#BDataBlock21 .V_list .jt{ display: none; }