html,body,div,ul,li,h1,h2,h3,h4,a,p,b,i,span,video,img,label{
    margin:0;padding:0;}
input{box-shadow:none;-webkit-appearance:none;}
button{background:none;border:0!important;}
body{background:#F4F4F4;overflow-x:hidden;font-family:"microsoft yahei",Tahoma,Verdana,'Simsun'
!important}
i{font-style:normal;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.colorred{color:red}
.color9{color:#999;font-size:.8rem}
.center{text-align:center;}
.mobile-top{
    height:auto;
    padding:.5rem ;
    background:#fff;
}
.mobiletop-logo{
    width:30%;
    float:left;
}
.mobiletop-logo img{
    width:100%;
}
.mobiletop-mid{
    width:auto;
    border:1px #30afff solid;
    border-radius:15px;
    float:left;
    font-size:.7rem;
    padding:.2rem .5rem;
    margin:.2rem 0 0 1rem;
    color:#30afff
}
.mobiletop-right{
    float:right;
    font-size:.8rem;
    line-height:1.8rem
}
.mobile-login-box{
    padding:5% 3%;
    width:84%;
    position:absolute;
    top:15%;
    left:5%;
    z-index:999999;
    background:#61D7FF;
    display:none;
}

.mobile-login{
    width:90%;
    padding:8% 5%;
    border-radius:3px;
    color:#61D7FF;
    background:#fff;
    position:relative;
}
i.closebtn{
    width:1.5rem;
    height:1.5rem;
    background:url("../images/closeimg.png") no-repeat center center;
    background-size:100%;
    display:inline-block;
    position:absolute;
    right:3%;
    top:3%;
}
.mobile-login p{
    text-align:center;
    margin-bottom:1.5rem;
}
.mobile-login label{
    width:100%;
    margin:.7rem auto;
    display:block;
}
.mobile-login label input{
    width:75%;
    height:2.2rem;
    border:1px #61D7FF solid;
    margin:0 auto;
    display:block;
    text-indent:.5rem;
    color:#333;
    font-size:.9rem!important;
    border-radius:0;
}
.mobile-login button{
    margin:.5rem auto 1rem!important;
    display:block;
    color:#fff;
    background:#61D7FF;
    width:40%;
    padding:.6rem 0;
    font-size:.9rem!important;
}
.mobile-login span{
    margin:2rem 1rem 1rem;
    padding:0 10%;
    display:block;
    font-size:.9rem;
    text-align:center;
}
.mobile-login a{
    color:#61D7FF;
    margin:1rem auto 0;
    display:block;
    text-align:center;
    text-decoration:none;
}
.mobile-login p a{
    border:1px #61D7FF solid;
    display:inline-block;
    padding:.5rem 2rem;
    font-size:.8rem;

}
.video-main{
    position:relative;
}
.video-main img.video-play{
    position:absolute;
    top:30%;
    left:42%;
}
.videoplay{
    width:100%;
    min-height:11rem;
    z-index:9999;
}
.video-tab{
    line-height:2rem;
    font-size:.8rem;
    padding:.2rem .75rem;
}

.video-introduce-box-small{
    padding:1rem .75rem;
    background:#fff;
    margin-bottom:.5rem;
    position:relative;
}
p.p-14{
    font-size:1.1rem;
    line-height:1.4rem;
    color:#000;
    display:block;
    margin-bottom:.8rem;
    width:75%;
    word-break:break-all;
    font-weight:500;
}
p.p-12{
    margin:.2rem 0 0 0;
    font-size:.8rem!important;
    color:#939393;
    line-height:1rem;
}
p.p-13,
p.p-13 cite,
p.p-13 cite i{
    color:#fe8f4c;font-style:normal;
}

p.p-13 cite i{
    font-size:1.5rem;
    display:inline-block;
    margin-left:5px;  
}
p.p-13 cite.lv{
    color:#3DB350;
    margin:10px 12px 0 0;
    display:inline-block;
}
p.p-13 b.b{
    font-weight:normal;
    color:#939393;
}
hr{
    border:0;
    border-top:1px #eaeaea solid;
}
.mobile-login hr{
    border-bottom:1px #99e0f8 solid!important;
    border:none;
}
.p-12 img,
.comment-left img{
    border-radius:40px;
    float:left;
}
.p-12 i{
    line-height:2.5rem;
    margin:0 1rem;
    display:inline-block;
    color:#333;
    font-style:normal;
}
.p-12 span{
    float:right;
    padding:.2rem .5rem;
    border:1px #37ccff solid;
    color:#37ccff;
    border-radius:.2rem;
    margin-top:.5rem;
}
.a-text{
    text-decoration:none;
    color:#6d6d72;
}
.appdownload{
    font-size:15px;
    text-align:center;
    padding:1rem 0 .5rem;
}
.appdownload b{
    color:#61D7FF;
    padding-bottom:.1rem;
    border-bottom:1px #61D7FF solid;
}
.mobileApp{
    width:100%;
    height:2.8rem;
    position:fixed;
    left:0;
    top:0;
    padding:2% 0;
    border-bottom:1px #eee solid;
    background:#fafafa;
}
.mobileApptxt{
    float:left;
    width:50%;
    height:100%;
}
.mobileApptxt img{
    height:100%;
    width:auto;
}
.mobileApp_right{
    float:right;
    margin:3%;
}
.mobileApp_right button{
    background:#61D7FF;
    padding:.5rem 1rem!important;
    color:#fff;
    border-radius:1rem;
    float:right;
}
.mobileApp_close{
    float:left;
    height:100%;
    padding:0 1rem;
}
i.icon_close{
    width:1.3rem;
    height:1.3rem;
    display:inline-block;
    background:url("../images/closeimg.png") no-repeat center;
    background-size:100%;
    margin-top:65%;
}

.video-tab1{
    height:2.5rem;
    width:100%;
    background:#fff;
    border-bottom:2px #f4f4f4 solid;
    margin-bottom:.5rem;
    font-size:1rem;
}
.video-tab1 span{
    width:50%;
    height:2.5rem;
    line-height:2.5rem;
    text-align:center;
}
.video-tab1 span.active{
    border-bottom:2px #37ccff solid;
    color:#37ccff;
}
.video-introduce1{
    position:relative;
}
.video-introduce-box1{
    position:absolute;
    left:0;
    top:0rem;
    width:100%;
    display:none;
}
/*评论*/
.video-introduce-box{
    padding:0 0 3rem 0;
}
.commentbox{
    padding:.5rem;
    height:2.2rem;
    position:fixed;
    left:0;
    bottom:0;
    width:100%;
    background:#f4f4f4;
}
.commentbox input{
    border:0;
    background:#fff;
    line-height:1.7rem;
    border-radius:0;
    width:52%;
    font-size:.7rem!important;
    text-indent:.2rem;
}
.commentbox input[placeholder]{
    font-size:.7rem!important;
}
.commentbox button{
    border:1px #bbb solid!important;
    border-radius:1rem;
    line-height:1.7rem;
    text-align:center;
    font-size:.8rem;
    margin-left:.2rem;
    padding:0 .7rem!important;
}


.ucenter-top{
    background:#37ccff;
    padding:1rem 0;
    margin:0 auto;
    text-align:center;
    color:#fff;
    font-size:.8rem;
}
.ucenter-top div{
    margin-bottom:.6rem;
}
.ucenter-top img.self_img{
    border-radius:100%;/*
    margin:0 0 1rem 0;*/
}
.ucenter-top .title{
    font-size:1rem;
    width:50%;
    margin:0 auto .8rem;
}
.ucenter-top .title i{
    /*margin:0 1rem;*/
}
.ucenter-top .title b{
    width:3rem;
    height:1rem;
    display:inline-block;
    background:url("../images/idpic.png") no-repeat center right;
    background-size:90%;
    font-weight:normal;
    font-size:.7rem;
}
.ucenter-top span{
    padding:.2rem 1rem;
    border-radius:.2rem;
    color:#37ccff;
    background:#fff;
    display:inline-block;
    margin:0 0.5rem;
}
.ucenter-top span.active{
    border:1px #e9faff solid;
    background:none;
    color:#e9faff;
}
/*dl.one{
    height:auto;
    padding:0.5rem;
    background:#fff;
    margin:0 0 3% 0;
}
dl.one dt{
    width:auto;
    float:left;
}
dl.one dt img{
    width:3rem;
    height:3rem;
    border-radius:3rem;
}
dl.one dd{
    margin-left:4rem;
    font-size:0.6rem;
    padding:0.1rem;
}
dl.one dd.dd2{
    font-size:0.7rem;
    font-weight:600;
    line-height:1rem;
}
dl.one dd.dd3{
    color:#bbb;
}*/
.video-introduce-bg{
    background:#f4f4f4;
}
.study_box_box a{
    text-decoration:none;
}
.study_box_box{
    width:90%;
    background:#fff;
    margin:.5% auto 2%;
    padding:3% 3%;
    border-radius:.3rem;
    border-bottom:1px #eaeaea solid;
    font-size:1rem;
}
.div_top{
    border-bottom:1px #f2f2f2 solid;
    padding:1% 1% 3%;
    color:#333;
    /*font-size:.7rem;*/
}
.div_top .div_title{
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    width:100%;
    color:#333;
    margin-bottom:.4rem;
}
.jsjs{
    font-size:.7rem;
    color:#a1a1a1;
    margin:.2rem 0 .5rem;
}
i.course_color{
    color:#fff;
    padding:0 .2rem;
    border-radius:.1rem;
}
.div_btm{
    width:100%;
    height:auto;
    margin-top:.5rem;
    font-size:.8rem;
    line-height:1.2rem;
    color:#a1a1a1;
}
.div_left{
    float:left;
    color:#333;
    font-size:.9rem;
    line-height:1.5rem;
}
.div_left img{
    width:1.5rem;
    height:1.5rem;
    border-radius:1.5rem;
    margin-right:.5rem;
    float:left;
}
.div_right{
    float:right;
    position:relative;
    font-size:.7rem
}
.div_right i{
    padding:0 .2rem;
    height:.9rem;
    line-height:.9rem;
}
i.yuwen{
    background:#71cd0e;
}
i.shuxue{
    background:#08c8c6;
}
i.yingyu{
    background:#ff6e27;
}
i.kexue{
    background:#ff68bd;
}
i.pinde{
    background:#4f9df5;
}
i.yinyue{
    background:#ffbd0a;
}
i.qita{
    background:#fd445a;
}
i.wuli{
    background:#7252c6 ;
}
i.huaxue{
    background:#c0c952 ;
}
i.shengwu{
    background:#3fbdd9;
}
i.zhengzhi{
    background:#38b766;
}
i.lishi{
    background:#ed40a2;
}
i.dili{
    background:#87aafe;
}
i.tiyu{
    background:#eec930;
}
i.meishu{
    background:#3786d3;
}

.two{
    margin-bottom:0.5rem;
    padding:0;
    width:100%;
}
.two p{
    float:left;
    width:100%;
}
.two p a{
    float:left;
    text-decoration:none;
    color:#333;
}
.two p span{
    font-size:0.6rem;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    float:left;
    padding:.5rem;
    width:2rem;
}
.two p span i{
    text-align:center;
    margin:.5rem auto 0;
    display:block;
}
.two p span img{
    width:2rem;
    height:2rem;
    display:block;
    margin:0 auto;
    border-radius:2rem;
}
.two p i.num{
    margin-left:1.3rem;
    color:#ccc;
    font-size:0.6rem;
    display:block;
    margin:-.4rem 0 0 1.3rem;

}
i.icon_star{
    width:1rem;
    height:0.85rem; margin:0rem 0.3rem 0 0;
    background:url("../images/icon_addclass.png") no-repeat center;
    background-size:100%;
}
i.favorite{
    width:1.8rem;
    height:1.8rem;
    background:url("../images/favorite.png") no-repeat center;
    background-size:100%;
    display:inline-block;
}
i.favorite1{
    width:1.8rem;
    height:1.9rem;
    background:url("../images/favorite1.png") no-repeat center 100%;
    background-size:100%;
}
i.ewm{
    width:1.5rem;
    height:1.5rem;
    background:url("../images/ewm.png") no-repeat center;
    background-size:100%;
    display:inline-block;
    margin:0.2rem 0.5rem 0 0;
}
span.gray{
    color:#ddd;
    border:1px #ddd solid;
}

/*打赏*/
.award{
    position:absolute;
    right:1rem;
    top:1.1rem;
    padding:0 1rem;
    line-height:1.5rem;
    border-radius:1rem;
    font-size:.8rem;
    background:#fe5741;
    color:#fff;
}
.award-pic{
  width:1.2rem;
  height:1.2rem;
  display:inline-block;
  background:url("/static/shared/detail/images/award-pic.png") no-repeat center;
  background-size:100%;
  margin:.3rem .3rem 0 .5rem;
  float:left;
}
.layui-layer-content .awardmoney{
    display:block!important;
}
.awardmoney{
    padding:.5rem 1.2rem 2rem;
}
.awardmoney label{
    width:3.4rem;
    height:3.4rem;
    border-radius:3.4rem;
    background:#f2f2f2;
    float:left;
    margin:0 .5rem 1rem .5rem;
    line-height:3.4rem;
    color:#a1a1a1;
    text-align:center;
    border:1px #fff solid;
}
.awardmoney label input{
    display:none;
}
.awardmoney label.active{
    color:#fe5741;
    border:1px #ff280c solid;
    background:#fff;
}
#payaward,
#payment{
    background:#ff280c;
    width:100%;
    line-height:2.6rem;
    border-radius:2.6rem;
    color:#fff;
    font-size:1.5rem;
}

.layui-layer-title{
    border:0;
    background:#fff;
    text-align:center;
    padding:0;
    font-size:1.2rem;
}
.choosepay{
    border-top:1px #e6e6e6 solid;
    padding:.5rem 1.2rem 1rem;
} 
.choosepay p{
   color:#a1a1a1;
   font-size:.8rem;
}
.choosepay-box{
    padding:1rem .8rem 0;
}
.choosepay-list{
    height:2rem;
    width:100%;
    margin:0 0 1rem 0;
    display:inline-block;
}
.choosepay-list .img1{
    width:1.8rem;
    height:1.8rem;
    background:url("../images/yue.png") no-repeat center;
    background-size:100%;
    float:left;
}
.choosepay-list .img2{
    width:1.8rem;
    height:1.8rem;
    background:url("../images/wechat.png") no-repeat center;
    background-size:100%;
    float:left;
}
.choosepay-list .img3{
    width:1.8rem;
    height:1.8rem;
    background:url("../images/zfb.png") no-repeat center;
    background-size:100%;
    float:left;
}
.choosepay-list .money{
    float:left;
    margin:0 0 0 1rem;
    line-height:1.8rem;
}
.choosepay-list .money span{
    color:#a1a1a1;
    font-size:.8rem;
    margin:0 0 0 .5rem;
}
.choose{
    border:1px #c2c7ca solid;
    width:1.4rem;
    height:1.4rem;
    border-radius:1.4rem;
    background:#fff;
    float:right;
    margin-top:.1rem; 
}
.choose.active{
    border:1px #ff280c solid;
    box-shadow: 0 0 0 3px #fff inset,10px 10px 10px 10px #ff280c inset;
}
.successpay{
    text-align:center;
    padding:0 0 3rem 0;
}
.successpay div{
    width:5rem;
    height:5rem;
    background:url("../images/success.png") no-repeat center;
    background-size:100%;
    display:block;
    margin:1rem auto 2rem;
}

/*遮罩*/
.guide-img{
    background:rgba(0,0,0,0.7);
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:100%;
    z-index:19891016;
    display:none;
}
.guide-img img{
    max-width:70%;
    float:right;
    margin-right:5%;
}

.award-namebox{
    padding:.5rem;
    display:block;
    font-size:.7rem;
    overflow-x:hidden; 
}
.award-namebox img{
    border-radius:20px;
    margin-right:5px;
    float:left
}
.award-namebox a{
    text-decoration:none;
    color:#333;
    float:left;
    line-height:30px;
    margin:0 20px 0 0;
}
.award-namebox i{
    margin-top:7px;
}



/*新播放*/

.videodetialul{
    display:inline-block;
    width:100%;
    border-bottom:2px #f5f5f5 solid;
    border-top:1px #eee solid;
    background:#fff;
}
.videodetialul li{
    padding:.6rem 0;
    float:left;
    list-style:none;
    width:33.33%;
    text-align:center;
}
.videodetialul li.active{
    border-bottom:2px #37ccff solid;
}
.videodetialulcontent{
    width:100%;
    background:#fff;
    margin-top:-5px;

}
.videodetialulcontent .layui-tab-item{
    display:none;
}
.videodetialulcontent .layui-tab-item.layui-show{
    display:block;
}
.buybox{
    width:100%;
    height:3.3rem;
    border-top:1px #eee solid;
    background:#fff;
    position:fixed;
    left:0;
    bottom:0;
}
.buybox div{
    width:23%;
    float:left;
    height:3.3rem;
    padding:3% 0;
}
.buybox div:nth-child(3){
    width:54%;
    border-right:none;
    background:#fe523b;
    color:#fff;
    text-align:center;
    line-height:1.8rem;
}
.favorite,
.ewmm,
.shared{
    text-align:center;
}
i.shared{
    width:1.8rem;
    height:1.8rem;
    background:url("../images/share.png") no-repeat center;
    background-size:100%;display:inline-block;
}
.buybox div:nth-child(4).active{
    background:#f5f5f5;
    color:#555;
}

/*.playshared{
    padding:15px 0 20px 20px;
    background:#fff;
    position:absolute;
    display:flex;
    top:50%!important;
    left:50%!important;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    border:1px #eee solid;
    box-shadow:0 0 20px #999;
    border-radius:3px;
}*/
/*.jiathis_style a{
    width:50px;
    height:50px;
    margin-right:15px!important;
    line-height:90px;
    font-size:12px; 
    background:none!important;
    text-align:center!important;
}
.jiathis_style span.jiathis_txt,
.jiathis_style span.jtico_cqq,
.jiathis_style span.jtico_qzone,
.jiathis_style span.jtico_tsina{
    width:40px;
    height:60px!important;
    margin:0!important;
    line-height:90px!important
}
.jiathis_style  .jtico{
    background:none!important
}
.jiathis_style .separator, 
.jiathis_style .jiathis_separator{
    height:50px;
}
.jiathis_style a.wx{
    background:url("/static/shared/images/wechat.png") no-repeat top center!important;
    background-size:75%!important;
}
.jiathis_style span.jtico_cqq{
    background:url("/static/shared/images/qq1.png") no-repeat top center!important;
    background-size:70%!important;
}
.jiathis_style span.jtico_qzone{
    background:url("/static/shared/images/qqzone.png") no-repeat top center!important;
    background-size:70%!important;
}
.jiathis_style span.jtico_tsina{
    background:url("/static/shared/images/weibo.png") no-repeat top center!important;
    background-size:70%!important;
}*/
.commentboox{
    padding-left:.75rem;
}



.bdshare-button-style0-24{
    text-align:center;
}
.bdshare-button-style0-24 a{
    width:50px!important;
    display:inline-block;
    height:60px!important;
    padding-left:0!important;
    /*margin:0 10px;*/
}
.bdshare-button-style0-24 .bds_weixin{
    background:url("/static/shared/images/shared-icon.png") no-repeat center top!important;
    background-size:60%!important;
}
.bdshare-button-style0-24 .bds_sqq{
    background:url("/static/shared/images/shared-icon1.png") no-repeat center top!important;
    background-size:60%!important;
}
.bdshare-button-style0-24 .bds_qzone{
    background:url("/static/shared/images/shared-icon2.png") no-repeat center top!important;
    background-size:60%!important;
}
.bdshare-button-style0-24 .bds_tsina{
    background:url("/static/shared/images/shared-icon5.png") no-repeat center top!important;
    background-size:60%!important;
}
.bdshare-button-style0-24 span{
    font-size:12px;
    width:40px;
    display:inline-block!important;
    text-align:center!important;
    margin:35px 0 0 0!important;
}
.layui-layer-page .layui-layer-content{
    height:auto!important;
    padding:20px;
}
.bd_weixin_popup{
    z-index:99999999!important;
}
.sr-bdimgshare .bdimgshare-bg{
    display:none!important;
}
.bdimgshare-content,
.bdshare-slide-button-box .bdshare-slide-button{
    display:none;
}

.shared_btn_box{
    width:15%;
    float:left;
    text-align:center;
    cursor:pointer;
}
.shared_btn{
    width:2.5rem;
    height:2.5rem;
    margin:0 auto 5%;
    border-radius:0.5rem; 
    -moz-border-radius:0.5rem;
    -webkit-border-radius:0.5rem;
}
i.icon_shared_png{
    width:1.5rem;
    height:1.5rem;
    line-height:2.5rem;
    margin:0.5rem auto;
}
i.wechat1{
    background:url("/static/shared/images/shared-icon.png") no-repeat center;
    background-size:100%;
}
i.wechat_friend{
    background:url("/static/shared/images/shared-icon4.png") no-repeat center;
    background-size:100%;
}
i.qq1{
    background:url("/static/shared/images/shared-icon1.png") no-repeat center;
    background-size:100%;
}
i.qqzone{
    background:url("/static/shared/images/shared-icon2.png") no-repeat center;
    background-size:100%;
}
i.weibo{
    background:url("/static/shared/images/shared-icon5.png") no-repeat center;
    background-size:100%;
}
i.zhuan{
    background:url("/static/shared/images/zhuan.png") no-repeat center;
    background-size:100%;
}
.shared-wechat-img{
    display:block;
    margin:50px auto 30px;
}
.shared-wechat-span{
    padding:0 30px;
}




/*评分*/
.commentstar{
    height:50px;
    width:94%;
    line-height:50px;
    font-size:1rem;
}
.commentstar div{
    float:left;
    height:50px;
    margin-right:20px;
}
.playstar{
    height:50px;
    /*width:160px;*/
}
.commentstar div i{
    display:inline-block;
    float:left;
    font-size:.7rem;
}
i.cstar{
    width:18px;
    height:18px;
    background:url("/static/shared/images/cstar.png") no-repeat center;
    background-size:100%;
    margin:15px 5px 0 0;
    display:inline-block;
}
i.cstarbang{
    width:18px;
    height:18px;
    background:url("/static/shared/images/cstarbang.png") no-repeat center;
    background-size:100%;
    margin:15px 5px 0 0;
    display:inline-block;
}
i.cstarg{
    width:18px;
    height:18px;
    background:url("/static/shared/images/cstarg.png") no-repeat center;
    background-size:100%;
    margin:15px 5px 0 0;
    display:inline-block;
}
.playstarr{
    height:20px!important;
    float:left; 
}
i.sstar{
    background-size:70%;height:20px;
    margin:0;
    float:left;
}
.commentwrite{
    width:94%;
    height:1.5rem;
    line-height:1.5rem;
    border-bottom:1px #eaeaea solid;
    padding:0 0 .7rem 0;
}
.commentwrite span{
    color:#37ccff;
    margin-right:20px;
    cursor:pointer;
    padding:0 10px 0 0;
    font-size:1rem;
}
.commentwrite span i{
    width:1.2rem;
    height:1.2rem;
    background:url("../images/wrt.svg") no-repeat center;
    background-size:100%;
    display:inline-block;
    margin:.2rem .5rem 0 0;
    float:left;
}
.commentwrite i{
    color:#939393;
    font-style:normal;
}
.commentwrite.active span,
.commentwrite.active span i{
    color:#e3e3e3;
}



.commentbox11{
    height:auto;
    width:100%;
    margin:10px 0 1rem 0%;
    padding:0 0 1rem 0;
    border-bottom:1px #eee solid;
}
.commentboxtop .pic{
    width:45px;
    height:45px;
    border-radius:45px;
    margin-right:15px;
    float:left;
}
.commentboxtop .pic img{
    width:45px;
    height:45px;
    border-radius:45px;
}
.commentboxtop .name{
    float:left;
    max-width:76%
}
.commentboxtop .name .p{
    color:#939393;
    font-size:14px;
    margin-top:5px;
}
.commentboxmid{
    margin:35px 0 10px 0;
    color:#505050;
    line-height:25px;
    width:100%;
}
.commentboxbtm{
    color:#939393;
    font-size:12px;
}
.v6replybox{
    background:#f2f2f2;
    padding:1rem .5rem;
    width:80%;
    float:right;
    margin-top:.5rem;
    font-size:.8rem;
    color:#666;
}
.v6replybox span{
    color:#30afff;
}


.wcommentlayer{
    padding:1rem;
   
}
.wcommentlayer textarea{
    width:100%;
    height:80px;
    resize:none;
    margin:20px auto;
    display:block;
    padding:10px 0;
    text-indent:10px;
}
.score-star{
    height:30px;
    line-height:30px;
}
.score-star i{
    float:left;
    margin-right:20px;
}
.score-star span{
    font-size:20px;
    width: 20px;
    height: 20px;
    background-image: url("/static/shared/images/diff.png");
    background-position: 0px -575px;
    float: left;
    margin-top: 5px; 
}
.wcommentlayer button{
    width:100px;
    height:30px;
    line-height:30px;
    border-radius:3px;
    background:#1CB7FF;
    color:#fff;
}

.nofind{
    width:100%;
    text-align:center;
    padding:1rem 0
}

.video-info-show{
    padding:10px 0 20px;
    border-bottom:1px #eaeaea solid;
    margin-bottom:20px;
}
.video-info-show .title{
    margin-bottom:5px;
    font-size:1.2rem;
    display:block;
    color:#000;
    font-weight:bold;
    letter-spacing:1px;
    border-left:5px #03AFFF solid;
    padding:0 6%;
}
.video-info-show .text{
    padding:10px 6%;
    text-indent:2rem;
    line-height:1.8rem;
    word-break:break-all;
    white-space:pre-wrap;
    font-size:.8rem;
    color:#666;
}
.video-info-show .img{
    width:88%;
    height:auto;
    margin:0 auto;
}
.video-info-show .img img{
    width:100%;
    height:auto;
    display:block;
}
.bar{
    width:100%;
    height:10px;
    background:#F4F4F4;
    margin-bottom:15px;
}








/*课程播放课程目录*/
.coursetitle{
    padding:1rem .75rem;
    font-size:1.1rem;
    border-bottom:1px #eaeaea solid
}
.catalogbigbox{
    height:auto;
    display:block;
    background:#fff;
}
.catalogbox{
    padding:0 .75rem;
    display:block;
}
.catalogbox1{
    border-bottom:1px #f3f3f3 solid
}
.headline{
    padding:1rem 0 .5rem;
}
.headline .headlinetxt{
    width:100%;
}
.headline .arrow,
.coursetitle .arrow{
    width:0;
    height:0;
    overflow:hidden;
    border-color:transparent transparent transparent #999;
    border-style:solid;
    border-width:6px;
    margin-top:5px;
}
.headline .arrow.active,
.coursetitle .arrow.active{
    transform:rotate(90deg); 　　
    transform-origin-x:50%; 　　
    transform-origin-y:30%;  
}
/*.headlinetxt{
    color:#000;
    width:100%;
}
.headlinetxt i.i1{
    font-size:1.1rem;
    margin:0 .7rem 0 0;
    float:left;
}
.headlinetxt i.i2{
    display:inline-block;
    width:80%;
}*/
.headline1{
    border-bottom:1px #f3f3f3 solid;
}
.littleline{
    border-bottom:1px #f3f3f3 solid;
    padding:10px 0 0 0;
    /*display:none*/
}
.littlelinetxt{
    padding:0 0 0 6%;
    width:94%; 
    display:block;
}
.littlelinetxt i{
    padding:0;
}
.littlelinetxt span.span2{
    width:85%;
    display:inline-block;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.littlelinetxt span.v1,
.headlinetxt span.v1{
    margin-bottom:.5rem;
}
/*.littlelinetxt i.i2{
    color:#333;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    float:left;
    width:85%;
    margin-top:.2rem
}*/
.courseimg{
    width:1.3rem;
    height:1.3rem;
    float:left;
    margin:.2rem 1rem 0 0;
    background:url("../images/courseplay.png") no-repeat center;
    background-size:100%;
}
.txtinfo,
span.span8{
    color:#a1a1a1;
    font-size:.8rem; 
    display:inline-block;
    width:80%;
    padding:0 0 1rem 0;
}
.txtinfo i,
cite.span4{
    color:#fe523b;
    border:1px #fe523b solid;
    border-radius:3px;
    padding:.1rem .4rem;
    margin-left:1rem;
    font-size:.5rem;
    font-style:normal;
}
b.kong{
    width:1.3rem;
    height:.5rem;
    padding:0;
    margin:0 1rem 0 0%;
    display:inline-block;
    float:left;
}
cite.span4{
    float:right;
}
span.span8{
    width:auto;
    float:right;
}


.layui-tab-item1{
    padding:0 0 3.8rem 0;
}



/*直播*/
.live-date{
    color:#333!important;
    font-size:.8rem!important;
    margin-top:.5rem!important;
}
i.courseicon{
    width:20px;
    height:20px;
    background:url("../images/course1.png") no-repeat center;
    background-size:100%;
    display:inline-block;
    margin:3px 10px 0 0;
    float:left;
}
i.courseicon1{
    width:24px;
    background:url("../images/course.png") no-repeat center; 
    background-size:100%;
}
.live-data{
    padding:10px 10px 10px 20px;
}
.live-data-title{
    padding:10px 0;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.live-data-title i{
    display:inline-block;
    width:18px;
    height:18px;
    float:left;
    margin:2px 12px 0 0;
}
/*资源类型*/
i.ppt,i.pptx{
    background:url("/static/shared/images/ico-doctype.png") no-repeat 0 -19px;
}
i.doc, i.docx{
    background:url("/static/shared/images/ico-doctype.png") no-repeat 0 0;
}
i.xls, i.xlsx{
    background:url("/static/shared/images/ico-doctype.png") no-repeat 0 -38px;
}
i.pdf{
    background:url("/static/shared/images/ico-doctype.png") no-repeat 0 -57px;
}
i.txt{
    background:url("/static/shared/images/ico-doctype.png") no-repeat 0 -76px;
}
i.mp3{
    background:url("/static/shared/images/ico-doctype.png") no-repeat 0 -95px;
}
.mobile-live-btn3{
    background:#03AFFF;
    color:#fff;
}
.mobile-live-btn2{
    background:#FE523B;
    color:#fff;
}
.mobile-live-btn1{
    background:#03AFFF;
    color:#fff;
}


.headline .live-span2{
    width:100%;
    display:block;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;margin-bottom:.3rem;
}
.live-headline{
    border-bottom:1px #f3f3f3 solid
}
.live-state i{
    font-size:12px;
    padding:3px 10px;
    border-radius:3px;
    cursor:pointer;
}
/*.live-type{
    color:#999
}
.live-type3{
    color:#f01414
}*/
/*.live-typegreen{
    color:#40bf56;
}
.live-typeblue{
    color:#03AFFF;
}*/
.headline .live-span1 i{
    margin-top:.2rem;
}

.state-one{
    border:1px #30afff solid;
    color:#30afff;
}
.state-thr{
    border:1px #37ccff solid;
    color:#37ccff;
}




/*直播须知*/
.class-notice{
    padding:0 .75rem
}
.class-notice .title{
    font-size:1.1rem;
    color:#4f4f4f;
    margin-bottom:1rem
}
.notice-content{
    line-height:2rem;
    color:#4f4f4f;
    margin-bottom:1rem;
}
.notice-content i{
    width:8px;
    height:8px;
    border-radius:8px;
    background:#03AFFF;
    margin:0 15px 0 0;
    display:inline-block;
}
.notice-content b{
    font-size:1rem;
    font-weight:400;
    color:#1f1f1f;
}
.notice-content div{
    padding:0 0 0 22px;
    font-size:.9rem;
}



/*第三方分成*/
/*新*/
.newthirdshared{
    width:100%;
    height:100%;
    background:#353535;
}
.newthirdsharedtop{
    width:85%;
    margin:0 auto;
    height:auto;
}
.newthirdsharedbtm{
    width:100%;
    height:70px;
    background:#fff;
    white-space: nowrap;
    overflow-x:scroll;
    float:left;
    overflow-y:hidden
}
.newthirdsharedbtm span{
    width:50px;
    height:50px;
    display:inline-block;
    margin:5px 6px;
    border-radius:8px;
    position:relative;
    border:1px #ddd solid;
}
.newthirdsharedbtm span i{
    font-size:30px;
    width:50px;
    height:50px;
    display:inline-block!important;
    line-height:50px;
}
.newthirdsharedbtm span i.active{
    background:url(/static/shared/images/greenright.png) no-repeat center;
    background-size:50%;
}
.newthirdsharedbtm span.span1{
    background:url("/static/shared/images/third80.png") no-repeat center;
    background-size:100%;
}
.newthirdsharedbtm span.span2{
    background:url("/static/shared/images/third80_1.png") no-repeat center;
    background-size:100%;
}
.newthirdsharedbtm span.span3{
    background:url("/static/shared/images/third80_2.png") no-repeat center;
    background-size:100%;
}
.newthirdsharedbtm span.span4{
    background:url("/static/shared/images/third80_5.png") no-repeat center;
    background-size:100%;
}
.newthirdsharedbtm span.span5{
    background:url("/static/shared/images/third80_3.png") no-repeat center;
    background-size:100%;
}
.newthirdsharedbtm span.span6{
    background:url("/static/shared/images/third80_4.png") no-repeat center;
    background-size:100%;
}
.newthirdsharedmid{
    width:100%;
    height:30px;
    background:#abcdef;
    text-align:center;
    line-height:30px;
    color:#fff;
}
.newthirdsharedtopbox{
    width:auto;
    height:100%;
}
.new_m_0{
    position:relative;
    width:auto;
    height:100%;
    display:none;
}
.new_m11{
    position:relative;
}
.new_m11 img{
    display:inline-block;
    position:absolute; 
    left:0%; 
    top:50%;
    -webkit-transform:translate(0%, -50%);
    -moz-transform:translate(0%, -50%);
    transform:translate(0%, -50%);
}
.thirdsharedbtn{
    padding:.3rem 1rem;
    border-radius:15px 0 0 15px;
    background:#F0523D;
    position:fixed;
    right:0;
    top:15%;
    color:#fff;
    z-index:99;
    font-size:.8rem;
}




/* 微讲 */
.microspeak{
    width:90%;
    padding:1.5rem 5%;
    height:auto;
    line-height:1.5rem;
    background:rgba(248,248,248,1);
}
.microspeak .text{
    font-size:1rem;
    color:#333;
    word-break:break-all;
}
.microspeak .info{
    margin-top:1rem;
    font-size:.8rem;
    color:#666;
}
.microspeak .title{
    font-size:1rem;
    font-weight:bold;
    margin-bottom:15px;
}
.microspeak .info span{
    margin-left:19px;
}
.microspeak .publishbtn{
    margin:.3rem auto;
    line-height:50px;
    width:80%;
}
.publishbtn button{
    width:100%;
    height:50px;
    font-size:1rem;
    background:rgba(235,82,60,1);
    border-radius:2rem;
    color:#fff;
}
.microspeak button p{
    font-size:.7rem;
}
.microspeak-detail{
    margin-top:9px;
    width:90%;
    padding:.8rem 5%;
    background:#fff;
}
i.wj_icon_add{
    width:1.4rem;
    height:1.4rem;
    display:inline-block;
    background:url("../images/wj_icon_add@2x.png") no-repeat center;
    background-size:100%;
    float: left;
    margin-right:10px;
}
.microspeak-detail .info .title{
    font-size:1.1rem;
    color:#333;
    font-weight:500;
}
.microspeak-detail .info .title span{
    font-size:.7rem;
    color:#666;
    font-weight:normal;
    margin-left:8px;
}
.microspeak-detail .info .tab{
    font-size:.8rem;
    line-height:30px;
}
.microspeak-detail .info .tab span{
    cursor:pointer;
}
.microspeak-detail .info .tab span.active{
    color:#EB6759;
}
.microspeak-detail .msdetailbox{
    margin-top:1.2rem;
    border-bottom:1px #E6E6E6 solid;
    padding-bottom:15px;
}
.microspeak-detail .msdetailbox video{
    margin:0;
    padding:0;
    float:left;
    width:100%;
    height:10vm;
    border-radius:3px;
}
.msdetailbox1 .name-small p{
    margin-top:1px!important;
}
.userinfo{
    margin-bottom:12px;
}
.userinfo .userinfo-img{
    height:40px;
    float:left;
}
.userinfo .zan{
    width:50%;
    height:40px;
    float:right;
}
.userinfo-img .img,
.userinfo-img .img img{
    width:40px;
    height:40px;
    border-radius:40px;
    float:left;
    margin-right:12px;
}
.userinfo-img .name{
    float:left;
    font-size:1rem;
    height:40px;
    color:#333;
}
.userinfo-img .name p{
    font-size:.6rem;
    color:#666;
    margin-top:5px;
    line-height:.7rem;
}
i.wk_post{
    width:2rem;
    height:1.5rem;
    display:inline-block;
    background:url("../images/wk_post@2x.png") no-repeat center;
    background-size:100%;
    float:right
}
i.wj_icon_pf{
    width:.8rem;
    height:.8rem;
    display:inline-block;
    background:url("../images/wj_icon_pf@2x.png") no-repeat center;
    background-size:100%;
    margin-right:5px;
}
i.wtxq_pl_s{
    width:.8rem;
    height:.8rem;
    display:inline-block;
    background:url("../images/wtxq_pl_s@2x.png") no-repeat center;
    background-size:100%;
    margin-right:5px;
}
i.wj_icon_dz{
    width:.8rem;
    height:.8rem;
    display:inline-block;
    background:url("../images/wj_icon_dz@2x.png") no-repeat center;
    background-size:100%;
    margin-right:5px;
}
.userinfo .zan p{
    height:25px;
}
.userinfo .zan .p1{
    font-size:.7rem;
    color:#666;
    float:right;
}
.userinfo .zan p span{
    margin-left:15px;
}
.nodata{
    padding:2rem 1rem;
    text-align:center;
    color:#666;
    font-size:1rem;
}


.wjdetail video{
    width:100%;
    height:10vm;   
    float:left;
}
.pt10{
    margin:1.2rem 0 .8rem;
}
.userinfo .userinfo-img-small{
    height:35px;
    float:left;
}
.userinfo-img .img-small,
.userinfo-img .img-small img{
    width:35px;
    height:35px;
    border-radius:35px;
    margin-right:6px;
}
.userinfo-img .name-small{
    font-size:.8rem;
    height:35px;
}
.userinfo-img-small{
    height:35px;
}
.text-small{
    font-size:.9rem;
    color:#333;
    margin-top:8px;
}
i.wk_icon_evaluation{
    width:1.4rem;
    height:1.4rem;
    display:inline-block;
    background:url("../images/wk_icon_evaluation@2x.png") no-repeat center;
    background-size:100%;
    float:left;
    margin-right:10px;
}
.msreply{
    padding:.5rem .8rem;
    background:#eee;
    border-radius:3px;
    color:#333;
    margin:10px 0;
    font-size:.9rem;
}
.msreply span{
    color:#08274F;
}
.msreply  div{
    margin:6px 0;
}

.answerdetail{
    background:#fff;
}
.forhelpbox{
    border-bottom:1px #E6E6E6 solid;
    padding-bottom:10px;
    margin-bottom:15px;
}
i.home_wd_blue,
i.home_wd_red{
    width:2rem;
    height:1.6rem;
    display:inline-block;
    background:url("../images/home_wd_blue@2x.png") no-repeat top;
    background-size:100%;
    color:#fff;
    font-size:.6rem;
    text-align:center;
    /* margin-right:10px; */
    line-height:1rem;
}
i.home_wd_red{
    background:linear-gradient(90deg,rgba(235,103,89,1),rgba(255,84,52,1));
    height:1rem!important;
}
.wjimg100{
    width:100%;
    height:10vm;
    border-radius:3px;
}
.wk_icon_playbox{
    width:100%;
    height:100%;
    position:relative;
}
.wk_icon_play{
    background:rgba(0,0,0,.1);
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
}
i.wk_icon_play{
    width:3rem;
    height:3rem;
    display:inline-block;
    background:url("../images/wk_icon_play@2x.png") no-repeat center;
    background-size:100%;
    position:absolute;
    left:42%;
    top:38%;
}
.subcolor-red{
    border:1px #FF5434 solid;
    border-left:none;
    border-radius:3px;
    color:#FF5434;
    padding:0 5px 0 0;
    font-size:.6px;
    float:left;
    line-height:15px;
    height:15px;
    margin-right:10px;
}
.subcolor-blue{
    border:1px #2898FB solid;
    border-left:none;
    border-radius:3px;
    color:#10A0FA;
    padding:0 5px 0 0;
    font-size:.6px;
    float:left;
    line-height:16px;
    height:16px;
    margin-right:10px;
}
.subcolor-blue i.i2,
.subcolor-red i.i2{
    margin-left:5px;
}
i.home_wd_integral{
    width:.9rem;
    height:1rem;
    display:inline-block;
    background:url("../images/home_wd_integral@2x.png") no-repeat center;
    background-size:100%;
    margin-left:5px;
}
i.home_wd_integr1al{
    width:.9rem;
    height:1rem;
    display:inline-block;
    background:url("../images/home_wd_integr1al@2x.png") no-repeat center;
    background-size:100%;
    margin-left:5px;
}

.forhelp{
    font-size:.7rem;
    color:#666;
    font-weight:500;   
    line-height:16px; 
}
.forhelp i{
    float:left;
}
video[poster]{
    width:100%;
}
.forhelp-imgbox{
    height:70px;
    overflow:hidden;
    width:100%;
}
.forhelp-img img{
    width:100%;
    height:70px;
    border-radius:3px;
    object-fit:cover;
}
.forhelp-text{
    font-size:.8rem;
    color:#333;
}
.forhelp-text .span1,
.forhelp-text .span22{
    color:#999;
    float:right;
}
.forhelp-text .span22{
    display:none;
}
button.best{
    background:#EB523C;
    color:#fff;
    padding:.1rem .3rem;
    border-radius:3px;
    font-size:.6rem;
    float:right
}
.answer-img{
    margin-top:10px;
    word-break:break-all;
}
.answer-img img{
    width:100%;
    height:26vh;
    border-radius:3px;
    object-fit:cover;
}
.problem-btn{
    line-height:50px;
    margin:12px 0 10px;
}
.problem-btn span{
    width:45%;
    float:left;
    line-height:50px;
    text-align:center
}
.problem-btn span.span1{
    border:1px #EB523C solid;
    border-radius:5px;
    color:#EB523C;
    float:left;
}
.problem-btn span.span2{
    border:1px #EB523C solid;
    border-radius:5px;
    color:#fff;
    background:#EB523C;
    float:right;
}
i.wtxq_reply{
    width:1.4rem;
    height:1.4rem;
    display:inline-block;
    background:url("../images/wtxq_reply@2x.png") no-repeat center;
    background-size:100%;
    float:left;
    margin-right:10px;
}


/*成员邀请*/
.classinvitation{
    width:100%;
    height:55vw;
    background:url("../images/classinvitation.jpg") no-repeat center top;
    background-size:100%;
}
.classinvitation div,
.classinvitation span{
    width:80%;
    position: absolute;
    display:flex;
    top:18vw!important;
    left:50%!important;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    font-size:3.9vw;
    color:#fff;
    line-height:8vw;
    letter-spacing:1px;
}
.classinvitation span{
    left:-57%!important;
    top:32vw!important;
    -webkit-transform:translate(82%, -50%);
    -moz-transform:translate(82%, -50%);
    transform:translate(82%, -50%);
    width:80%;
    text-align:right;
    display:block
}
.classinvitation-info,
.wkbregister-info{
    width:80%;
    height:75vw;
    padding:5vw;
    border-radius:10px;
    background:#fff;
    box-shadow:9px 9px 29px rgba(254,96,93,0.18);
    position:absolute;
    display:flex;
    top:82vw!important;
    left:50%!important;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
}
.classinvitation-info .info{
    width:96%;
    height:15.5vw;
    padding:2vw;
}
.classinvitation-info .left{
    float:left;
    width:15vw;
    height:15vw;
    border-radius:15vw;
    margin-right:5vw;
    border:1px #ddd solid
}
.classinvitation-info .left img{
    width:15vw;
    height:15vw;
    border-radius:15vw;
}
.classinvitation-info .right{
    float:left;
    color:#666;
    font-size:3.2vw;
}
.classinvitation-info .right h3{
    color:#000;
    font-size:4.5vw;
    margin-bottom:1vw;
}
.cutline{
    position: absolute;
    display:flex;
    top:29vw!important;
    left:50%!important;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    background:url('../images/classinvitation-point.jpg') no-repeat center;
    background-size:100%;
    height:10px;
    width:90%;
}
.phone{
    width:75%;
    padding:2.5vw 5vw;
    height:7vw;
    position: absolute;
    display:flex;
    top:44vw!important;
    left:50%!important;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    border:1px #D7D7D7 solid;
    border-radius:60px;
    line-height:7vw;
    color:#D7D7D7;
}
.phone input{
    border:none;
    width:70%;
    color:#666;
    font-size:3.2vw;
    background:none
}
.phone i{
    width:6.9vw;
    height:6.9vw;
    background:url('../images/classinvitation-phone.png') no-repeat center;
    background-size:55%;
}
.phone span{
    margin:0 3vw;
}
.addclass{
    width:87.5%;
    height:12vw;
    background:#EB523C;
    border-radius:50px;
    position:absolute;
    display:flex;
    top:75%!important;
    left:50%!important;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
}
.addclass button{
    color:#fff;
    border:1px #000 solid;
    width:100%;
    font-size:4vw;
    letter-spacing:1px;
}
.classinvitation1{
    width:80%;
    height:6vw;
    position: absolute;
    display:flex;
    top:9vw!important;
    left:50%!important;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    color:#999;
    font-size:4vw;
    letter-spacing:1px;
}
.classinvitation1 span{
    margin-left:.4rem;
    color:#EB523C;
    font-size:4.2vw;
    letter-spacing:0;
}
.passbox .phone{
    top:25vw!important;
    width:75%;
    padding:2.5vw 0 2.5vw 5vw;
}
.passbox .phone i.lock{
    background:url('../images/classinvitation-lock.png') no-repeat center;
    background-size:70%;
}
.passbox .phone input{
    width:48%;
}
.passbox .phone button{
    color:#798B99;
    width:22vw;
    font-size:3vw;
}
.identity{
    width:80%;
    height:auto;
    position: absolute;
    display:flex;
    top:40vw!important;
    left:50%!important;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    color:#999;
    font-size:4vw;
    letter-spacing:1px;
}
.identity h3{
    font-size:4vw;
    color:#999
}

.identitybox,
.identitybox1{
    width:100%;
    height:30vw;
    position: absolute;
    display:flex;
    top:30vw!important;
    left:50%!important;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
}
.identitybox{
	justify-content: center;
	align-items: center;
}
.identitybox input{
    -webkit-appearance:radio;
    float:left;
}
.identitybox div{
    width:50%;
}
.identitybox label{
	flex-direction: column;
}
.identitybox label img{
	margin: 0 auto;
	display: block;
}
.identitybox1{
	height: 5vw;
    margin-top:19vw;
	text-align: center;
	width: 100%;
 }
.identitybox1 div{
	flex-direction: column;
}
.choose-subject{
    width:80%;
    height:30vw;
    position: absolute;
    display:flex;
    top:116vw!important;
    left:50%!important;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
}
.choose-subject div{
    /* border:1px #000 solid; */
    width:100%;
}
.choose-subject div button{
    padding:.1rem .4rem!important;
    border:1px #C9C9C9 solid!important;
    border-radius:.2rem!important;
    font-size:.6rem!important;
    color:#555!important;
    line-height:1rem!important;
    margin:0 .4rem .5rem 0!important 
}
.choose-subject div button.active{
    color:#EB523C!important;
    border:1px #EB523C solid!important
}
.passbox1 .phone,
.passbox2 .phone,
.passbox4 .phone,
.passbox5 .phone{
    top:43vw!important;
    width:75%;
    padding:2.5vw 0 2.5vw 5vw;
}
.passbox2 .phone{
    top:61vw!important;
}
.passbox4 .phone{
    top:61vw!important;
}
.passbox5 .phone{
    top:79vw!important;
}
.addclass1{
    top:120vw!important;
    margin-bottom:10vw;
}
.not-register .identity-notregist{
	width:80%;
	height:50vw;
	position: absolute;
	display:flex;
	top:115vw!important;
	left:50%!important;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}
.classinvitation2 img{
    display:block;
    margin:15vw auto 12vw;
}
.classinvitation2-text{
    text-align:center;
}
.classinvitation2-text p.p1{
    color:#000;
    font-size:5vw;
    font-weight:bold;
    margin-bottom:8vw
}
.classinvitation2-text p.p2{
    font-size:4vw;
    color:#666;
    margin-bottom:3vw;
    line-height:7vw
}
.classinvitation2-text p.p2 span{
    color:#EB523C;
    font-weight:bold;
}
.classinvitation2-btn{
    width:55%;
    margin:12vw auto
}
.classinvitation2-btn .student,
.classinvitation2-btn .teacher{
    background:#10A0FA;
    color:#fff;
    width:100%;
    height:12vw;
    font-size:4vw;
    border-radius:10vw;
    margin-bottom:5vw
}
.classinvitation2-btn .teacher{
    background:#EB523C
}
.identitybox .imgshow{
    display:none;
}
.classinvitation-hide{
    display:none;
}

.not-register .identity{
    width:80%;
    height:50vw;
    position: absolute;
    display:flex;
    top:80vw!important;
    left:50%!important;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
}
.not-register .addclass{
    position: absolute;
    display:flex;
    top:125vw!important;
    left:50%!important;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
}
/* 注册邀请会员微课宝 */
.wkbregister-infobox{
    position: relative;
    width:100vw;
    height:100vh;
    background:url('../images/wkbregisterbg.jpg') no-repeat center top;
    background-size:100%;
}
.wkbregister-pic{
    width:60vw;
    height:30vw;
    background:url('../images/wkbregister-pic.png') no-repeat center;
    background-size:100%;
    position: absolute;
    display:flex;
    top:30vw!important;
    left:50%!important;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
}
.wkbregister-text{
    width:50vw;
    height:8vw;
    position: absolute;
    display:flex;
    top:65vw!important;
    left:50%!important;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    font-size:4vw;
}
.wkbregister-info{
    height:40vw;
    top:85vw!important;
    box-shadow:none;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    background:none;

}
.wkbregister-info .phone{
    top:10vw!important;
    -webkit-transform:translate(-50%, 0%);
    -moz-transform:translate(-50%, 0%);
    transform:translate(-50%, 0%);
}
.wkbregister-info .addclass{
    background:#3db350;
    top:30vw!important;
    -webkit-transform:translate(-50%, 0%);
    -moz-transform:translate(-50%, 0%);
    transform:translate(-50%, 0%);
}
.wkbregister-info-mobilecolor span{
    color:#3db350;
}
.classinvitation2-text p.p3{
    font-size:3.7vw;
    color:#999;
    margin-top:30px;
}
.classinvitation2-text p.p2 .span1{
    color:#3db350;
    font-weight:normal
}
.classinvitation2-btn .wkbregister,
.wkbregist-btn{
    background:#3db350;
}
.wkbregisterbtn{
    width:70%;
}
.wkbregister-index{
    width:100%;
    height:308vw;
    position: relative;
}
.wkbregister-indexbox{
    width:100vw;
    height:100%;
    background:url('../images/wkbregister1.png') no-repeat;
    background-size:100%;
}

.wkbregister-content{
    width:93%;
    height:95.5%;
    position: absolute;
    display:flex;
    top:11vw!important;
    left:50%!important;
    -webkit-transform:translate(-50%, 0%);
    -moz-transform:translate(-50%, 0%);
    transform:translate(-50%, 0%);
}
.wkbcontent1{
    width:60%;
    height:4.5%;
    position: absolute;
    display:flex;
    top:11vw!important;
    left:50%!important;
    -webkit-transform:translate(-50%, 0%);
    -moz-transform:translate(-50%, 0%);
    transform:translate(-50%, 0%);
    background:url('../images/wkbregister2.png') no-repeat top;
    background-size:100%;
}
.wkbcontent2{
    width:80%;
    height:8%;
    position: absolute;
    display:flex;
    top:37vw!important;
    left:50%!important;
    -webkit-transform:translate(-50%, 0%);
    -moz-transform:translate(-50%, 0%);
    transform:translate(-50%, 0%);
    background:url('../images/wkbregister5.png') no-repeat top;
    background-size:100%;
}
.wkbcontent3{
    width:97%;
    height:30%;
    position: absolute;
    display:flex;
    top:65vw!important;
    left:50%!important;
    -webkit-transform:translate(-52%, 0%);
    -moz-transform:translate(-52%, 0%);
    transform:translate(-52%, 0%);
    background:url('../images/wkbregister3.png') no-repeat top;
    background-size:100%;
}
.wkbcontent4{
    width:80%;
    height:8%;
    position: absolute;
    display:flex;
    top:153vw!important;
    left:50%!important;
    -webkit-transform:translate(-50%, 0%);
    -moz-transform:translate(-50%, 0%);
    transform:translate(-50%, 0%);
    background:url('../images/wkbregister6.png') no-repeat top;
    background-size:100%;
}
.wkbcontent5{
    width:105.5%;
    height:30%;
    position: absolute;
    display:flex;
    top:182vw!important;
    left:50%!important;
    -webkit-transform:translate(-50.5%, 0%);
    -moz-transform:translate(-50.5%, 0%);
    transform:translate(-50.5%, 0%);
    background:url('../images/wkbregister4.png') no-repeat top;
    background-size:100%;
}
.wkbcontent6{
    width:80%;
    height:10vw;
    border-radius:15vw;
    background:#13AD67;
    line-height:10vw;
    color:#fff;
    position:absolute;
    font-size:4.6vw;
    bottom:4vw!important;
    left:50%!important;
    -webkit-transform:translate(-50%, 0%);
    -moz-transform:translate(-50%, 0%);
    transform:translate(-50%, 0%);
}

.wkbcontent6 p{
    text-align:center;
    width:100%;
}
.wkbcontent6box{
    width:93vw;
    height:23vw;
    background:#fff;
    position:fixed;
    z-index:10;
    bottom:0vw!important;
    left:50%!important;
    -webkit-transform:translate(-50.1%, 0%);
    -moz-transform:translate(-50.1%, 0%);
    transform:translate(-50.1%, 0%);
    /* border:3.5vw #13AD67 solid;
    border-top:none;
    border-bottom:none; */
}
.wkbcontent6-text{
    width:100%;
    height:4vw;
    color:#13AD67;
    text-align:center;
    font-size:4vw;
    margin-top:1vw;
}
.wkbcontent6-text input{
    width:80%;
    height:10vw;
    border-radius:15vw;
    line-height:10vw;
    text-indent:3vw;
    color:#666;
    position:absolute;
    font-size:4vw;
    bottom:18vw!important;
    left:50%!important;
    border:1px #B3B3B3 solid;
    -webkit-appearance: none;
    -webkit-transform:translate(-50%, 0%);
    -moz-transform:translate(-50%, 0%);
    transform:translate(-50%, 0%);
}


/* 年会视频投票 */
.votebigbox{
    width:93%;
    padding:4% 2%;
    margin:.5rem auto;
    position:relative;
    /* object-fit:cover; */
}
.votebox{
    position:absolute;
    width:46%;
    display:inline-block;
    padding:0 0 2%;
    background:#f4f4f4;
    /* border:1px #eee solid; */
    /* height:10rem;border:1px red solid; */
}
.votevideo{
    width:100%;
    height:100%;
    position: relative;
}
.votevideo video[poster]{
    display:block;
    width:100%;
}
.video-img{
    width:3rem;
    height:3rem;
    position:absolute;
    display:flex;
    top:50%!important;
    left:50%!important;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    display:none;
}
.votebox video{
    padding:0;
    margin:0;
}
.voteinfo{
    margin-top:.5rem;
    text-indent:.5rem;
    line-height:1.5rem
}
.voteall{
    float:left;
}
.votebtn{
    float:right;
    padding:.2rem 1rem;
    border-radius:2rem;
    color:#fff;
    background:url('../images/voteimgbtn.png') no-repeat center;
    background-size:100%;
    margin-right:.5rem
}
.votebtngray{
    background:url('../images/voteimgbtn.png') no-repeat center;
    background-size:100%;
}
video::-webkit-media-controls{height:1rem;}
video::-webkit-media-controls-fullscreen-button{ display: none;}
video::-webkit-media-controls-timeline {display: none; }
video::-webkit-media-controls-current-time-display{display: none; }
video::-webkit-media-controls-time-remaining-display {display: none; }
video::-webkit-media-controls-mute-button {display: none; }
video::-webkit-media-controls-toggle-closed-captions-button {display: none; }
video::-webkit-media-controls-volume-slider {display: none; }




/* 微信公众号vip邀请 */
.wxvip{
    width:100%;
    height:100%;
}
.wxvip-title{
    font-size:6vw;
    color:#F3BD4D;
    text-align:center;
    font-weight:bold;
    margin-top:3vw;
}
.wxvip-tip{
    color:#653608;
    text-align:center;
    font-size:3.5vw;
    letter-spacing:.1vw
}
.wxvip-img{
    display:block;
    margin:1.5vw auto;
}
.wxvip .wkbregister-info{
    top:59vw!important;
    border:none;
    border-bottom:1px dashed #D9D9D9;
    border-radius:0;
    padding:5vw 5vw 2vw;
}
.wxvip .wkbregister-info .addclass{
    top:27vw!important;
    background:linear-gradient(#F8CA60,#F7B144);
}
.wxvip .addclass button{
    color:#653608
}
.wxvip .phone input{
    font-size:3.5vw;
    font-weight:500;
}
.wxvip-vipbox{
    width:92%;
    height:70vw;
    position:absolute;
    display:flex;
    top:123vw;
    left:50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.wxvip-viptitle{
    font-size:5vw;
    height:13vw;
    color:#653608;
    font-weight:bold;
    text-align:center;
    width:100%;
    position:absolute;
}
.wxvip-vipbb{
    width:100%;
    position:absolute;
    top:13vw;
}
.wxvip-vipb{
    float:left;
    width:30%;
    font-size:.6rem;
    border:1px #F6C864 solid;
    border-radius:.7rem;
    text-align:center;
    margin:0 3.8% 20vw 0;
    color:#333;
    min-height:13rem;
    padding:15px 0 0;

}
.wxvip-vipb img{
    margin:0 auto 15%;
}
.wxvip-vipb:nth-child(3){margin:0}
.wxvip-vipb p{
    line-height:1.8rem;
}
.wxvip-vipb .p1{
    background:#FFEBCC;
}
.wxvip-tipp{
    background:#FCAF02;
    width:2rem;
    height:.25rem;
    border-radius:3px;
    display:block;
    margin:0 auto;
}
.wxvip-layer{
    width:100%;
    height:100%;
    position:fixed;
    left:0;
    top:0;
    background:rgba(0,0,0,.52);
    z-index:9;
}
.wxvip-layerbox{
    width:80%;
    height:57%;
    background:#fff;
    border-radius:1rem;
    position:absolute;
    display:flex;
    top:50%;
    left:50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.wxvip-layerbox .close{
    width:1.5rem;
    height:1.5rem;
    background:url('../images/closeimg.png') no-repeat center;
    background-size:100%;
    float:right;
    position:absolute;
    right:10px;
    top:10px;
}
.layerbox{
    position: absolute;
    top:2rem;
    width:80%;
    margin:0 auto;
    padding:0 10%;
    text-align:center;
    color:#653608;
}
.layerbox p{
    font-size:4vw;
}
.layerbox .addclass{
    width:75%;
    top:53vw!important;
    background:linear-gradient(#F8CA60,#F7B144);
}
.layerbox .addclass button{
    color:#653608;
}












@media screen and (min-width:320px) and (max-width:374px) {
   .video-main img.video-play{
        top:35%;
    } 
    .choosepay-box{
        padding:1rem .5rem 0;
    }
    .choose{
        width:1.2rem;
        height:1.2rem;
        margin-top:.2rem; 
    }
}
@media screen and (min-width:375px) and (max-width:413px) {
   .video-main img.video-play{
        top:38%;
        left:44%;
    } 
    .awardmoney{
        padding:.5rem 2.5rem 2rem;
    }
}
@media screen and (min-width:414px) and (max-width:767px) {
   .video-main img.video-play{
        top:43%;
        left:46%;
    } 
    .video-title{
        height:3rem;
        line-height:3rem;
    }
    .video-title p{
        line-height:3rem;
        padding-left:1rem;
        font-size:1rem;
    }
    .awardmoney{
        padding:.5rem 3.5rem 2rem;
    }
}
@media screen and (min-width:768px) and (max-width:1024px) {
   .video-main img.video-play{
        top:44%;
        left:47%;
    } 
    .video-title{
        height:3rem;
        line-height:3rem;
    }
    .video-title p{
        line-height:3rem;
        padding-left:1rem;
        font-size:1rem;
    }
    .awardmoney{
        padding:.5rem 5.5rem 2rem;
    }
}