/*头部样式*/
.newsHeader{width: 100%;height: 44px;line-height: 44px;background-color: #fff;position:fixed;top:0;left:0;color:#2A2A2A;z-index: 1000;font-weight: 700;font-size: 18px;}
.return{position:absolute;top:0;left:10px;font-size:14px;}
.return i{font-size:20px;}
.newsTitle{width:100%;text-align: center;font-size:18px;}
i.newsTuPic{position:absolute;top:0;right:10px;font-size:20px;}
/*A9新闻列表页*/
.opc{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,0.3);z-index: 1;display: none;}
#wrapper{top:44px;}
.newsScroll ul{width:auto!important;margin:0 10px;}
.newsScroll li.indexNewsList{border-bottom: 1px solid #f0f0f0;padding:15px 0;}
li.indexNewsList{width:100%;}
.newsPic{width:96px;height:63px;background:url("../../images/openclass.png");
    background-size:cover;background-position: center;background-repeat: no-repeat;float:left;margin-right:8px;}
.upCont .title{font-size:14px;color:#333;line-height:20px;word-break: break-all;overflow : hidden;
    text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.upLookTime{font-size:12px;color:#bbb;}
.upLookTime span{margin-left:20px;}
.titleIntroduce{margin-top:12px;}
.upLookTime{margin-top:8px;}
.upLookTime span i{margin-right:2px;vertical-align:middle;}
.selectOption{width:100%;height:340px;background:#fff;position:absolute;top:44px;z-index:2;
    display:none;overflow: hidden;}
.selectOption ul{padding-bottom:30px;}
.selectOption li{padding:0 15px;font-size:14px;color:#333;line-height: 48px;border-bottom:1px solid #f0f0f0;}
.selectOption li.active{color:#00b7ef;}
/*A11*/
.newsDetails{width:100%;position:absolute;top:44px;left:0;bottom:0;z-index:2;overflow: hidden;}
.newsDetails{width:100%;position:absolute;top:44px;bottom:0;left:0;}
.xqBox{margin:0 10px;}
.xqBox .title{font-size:16px;color:#333;margin:12px 0 10px 0;word-break: break-all;}
.statusLabel{font-size:12px;color:#bbb;}
.statusLabel span.look{margin:0 20px;}
.statusLabel span.look i{margin-right:5px;}
.statusLabel span.family i{width:11px;height:11px;background:url("../../images/5.2.9/leibie.jpg");
    background-position:0 0;background-repeat: no-repeat;background-size:cover;margin-right:5px;display: inline-block;}
.upPic li{width:100%;height:200px;margin:12px 0;background:url("../../images/openclass.png");
    background-position:center;background-repeat:no-repeat;background-size:cover;}
.xqBox .firstText{font-size:12px;color:#333;margin-top:11px;}
.xqBox .twoText{font-size:12px;color:#333;margin-top:20px;font-weight: bold;}
.xqBox .threeText{font-size:12px;color:#333;margin-top:20px;}
.xqBox .fourText{font-size:12px;color:#999;margin-top:20px;}
.xqBox .fiveText{font-size:12px;color:#333;margin-top:20px;}
.xqBox dl img{width:100%!important;}
/*B1*/
.contBox{width:100%;position:absolute;top:44px;left:0;bottom:50px;background:#f5f5f5;}
.luBoBanner{width:100%;
    background-position:center;background-repeat: no-repeat;background-size:cover;}

.contTable{width:100%;height:44px;line-height:44px;background:#fff;
    border-bottom:1px solid #f0f0f0;}
.contTable .detailsBtn,.muluBtn,.means{width:49%;float:left;text-align: center;}
.contTable span{height:16px;float:left;text-align: center;color:#f0f0f0;}
.contTable .detailsBtn a,.muluBtn a,.means{ afont-size:16px;color:#333;} /*padding:0 9px 10px 9px;*/
.contTable a.active{border-bottom:2px solid #00b7ee;color:#00b7ee;}

/*.tiHuanTable{width:100%;height:44px;line-height:44px;background:#fff;position:absolute;top:44px;left:0;*/
    /*border-bottom:1px solid #f0f0f0;z-index: 10;display: none;}*/
/*.tiHuanTable .detailsBtn,.muluBtn{width:49%;float:left;text-align: center;}*/
/*.tiHuanTable span{height:16px;float:left;text-align: center;color:#f0f0f0;}*/
/*.tiHuanTable .detailsBtn a,.muluBtn a{font-size:16px;color:#333;padding:0 9px 10px 9px;}*/
/*.tiHuanTable a.active{border-bottom:2px solid #00b7ee;color:#00b7ee;}*/


.classHead{background:#fff;}
.classHead h4{font-size:16px;color:#333;line-height: 22px;padding:9px 10px 0;}
.sellOut{font-size:12px;color:#999;margin-top:8px;padding:0 10px;}
.sellOut span{margin-right:31px;}
.statusOne{margin-top:9px;display:none;padding:0 10px 15px;}
.mianFei{font-size:18px;color:#00b7ee;}
.vaildTime{padding:5px 8px;display:inline-block;margin-top:12px;border:1px solid #fe5151;font-size:12px;
    border-radius:2px;color:#fe5151;margin-left:10px;}

.statusTwo{margin-top:13px;}
.sellMoney{padding:0 10px;}
.newsMoney{font-size:18px;color:#fe5151;position:relative;}
.newsMoney i{font-size:14px;position:absolute;top:2px;left:0;}
.newsMoney b{margin-left:14px;}
.oldMoney{font-size:12px;color:#bbb;text-decoration:line-through;margin-left:4px;position:relative;}
.oldMoney i{font-size:12px;position:absolute;left:0;top:0;    text-decoration: line-through;}
.oldMoney b{margin-left:10px;}
.openVip{padding:10px;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;margin-top:18px;height:44px;}
.openVip img{width:14px;height:14px;float:left;margin-top:4px;}
.openVip span{float:left;font-size:12px;margin-top:4px;}
.openVip a{float:right;font-size:12px;color:#fff;background:#07bbee;padding:3px 14px;border-radius:20px;}
.vipName{color:#333;margin-left:8px;}
.payMoney{color:#fe5151;margin-left:31px;position:relative;}
.payMoney i{position:absolute;left:0;top:-1px;font-size:12px;}
.payMoney b{margin-left:10px;}
.statusTwo .lookMore{text-align: center;font-size:12px;color:#999;padding:14px 0 12px 0;}
.statusTwo .vaildTime{margin-top:6px;}

.classDetails{margin-top:10px;padding:15px 10px;background:#fff;}
.classDetails h4{font-size:16px;color:#333;padding:0 0 0 7px;border-left:3px solid #00b7ee;}
.classDetails p{font-size:12px;color:#5d6770;margin-top:10px;}
.classDetails .pic{height:150px;background:url(../../images/5.2.9/banner2.png);margin-top:15px;
    background-repeat: no-repeat;background-position: center;background-size:cover;}

.teachRecommend dd:last-child{border-bottom:0;}
.teachRecommend{margin-top:10px;padding:15px 10px;background:#fff;}
.teachRecommend dd{margin-top:20px;border-bottom:1px solid #f0f0f0;padding-bottom:20px;}
.teachRecommend dt{font-size:16px;color:#333;padding:0 0 0 7px;border-left:3px solid #00b7ee}
.teachRecommend .teachPic{width:35px;height:35px;float:left;background:url("../../images/head_01.png");
    background-repeat: no-repeat;background-position: center;background-size:cover;border-radius:50%;}
.teacherCont{padding-left:50px;}
.teacherCont .teaName{font-size:14px;color:#333;float:left;}
.teacherCont .studyNumber{float:right;font-size:12px;color:#858c94;}
.teacherCont .studyNumber b:nth-child(3){margin-left:20px;}
.teacherCont p.teachText{font-size:12px;color:#5d6770;overflow : hidden;margin-top:11px;
    text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.teacherCont div.clear:after{/*display: inline-block;*/}

.classEvaluate{margin-top:10px;padding:15px 10px 0 10px;background:#fff;}
.classEvaluate .titleName{float:left;font-size:16px;color:#333;padding:0 0 0 7px;border-left:3px solid #00b7ee;}
.classEvaluate dt .lookMore{float:right;font-size:12px;color:#939ca5;}
.classEvaluate dt .lookMore b{margin-right:4px;}
.classEvaluate dt .lookMore i{font-size:12px;}
.classEvaluate .personPic{width:35px;height:35px;float:left;background:url("../../images/head_01.png");
    background-repeat: no-repeat;background-position: center;background-size:cover;border-radius:50%;}
.classEvaluate dd{margin-top:20px;border-bottom:1px solid #f0f0f0;padding-bottom:14px;}
.classEvaluate dd:last-child{border-bottom: 0;}
.classEvaluate .evaluateList{margin-left: 48px;border-bottom: 1px solid #f0f0f0;padding-bottom: 13px;}
.classEvaluate .evaluateList div.clear:after{display: inline-block;}
.classEvaluate .evaluateList .dpName{font-size:14px;color:#333;float:left;}
.classEvaluate .evaluateList .score{float:right;margin-top:-4px;position:relative;}
.classEvaluate .score b{font-size:12px;color:#333;margin-right:20px;}
.classEvaluate .score i{width:15px;height:15px;background:url("../../images/5.2.9/wujuao_orange.png");display: inline-block;
    background-repeat: no-repeat;background-position: center;background-size:cover;position:absolute;top:4px;right:0;}
.classEvaluate .evaluateList time{display: block;font-size:12px;color:#939ca5;}
.classEvaluate .evaluateList .dpText{font-size:12px;color:#5d6770;margin-top:12px;}

.optionFooter{width:100%;height:50px;position:fixed;left:0;bottom:0;background:#fff;display: flex;
    text-align: center;font-size:12px;color:#666;z-index: 2;}
.optionFooter:after{content: "";}
.optionFooter span i{margin-right:4px;}
/*.optionFooter .collect{width:28%;float:left;box-sizing: border-box;border-top:1px solid #eee;border-right:1px solid #eee;*/
    /*line-height: 50px;flex:1;}*/
/*.optionFooter .collect i.active{color:#fe5151;}*/
.optionFooter .collect{flex:1;border-top:1px solid #eee;box-sizing: border-box;line-height:50px;text-align: center ;}
.optionFooter .collect i{width:18px;height:18px;background-position:center;display: inline-block;background-size:cover;
    background-repeat:no-repeat;background-image:url("../../images/aboutClass/shou_pic1.png");vertical-align: -4px;}
.optionFooter .collect i.active{background-image:url("../../images/aboutClass/shou_pic2.png");}

.optionFooter .collect.packageBtn{text-align: left;border-right:0;}
.optionFooter .collect.packageBtn i{margin-left:22px;}
.newsHeader .exam{text-align: right;display: inline-block;float:right;margin: 0 10px;}
.optionFooter .pingLun{
    position: relative;
    flex: 1;
    line-height: 50px;
    text-align: center;
    border-top: 1px solid #eee;
   }
.optionFooter .pingLun:after{
    content: '';
    position: absolute;
    top: 20px;
    left: 0;
    width: 1px;
    height: 10px;
    background-color: #f5f5f5;
}
.optionFooter .counsel{
    position: relative;
    flex: 1;
    line-height: 50px;
    text-align: center;
    border-top: 1px solid #eee;
}
.optionFooter .counsel:after{
    content: '';
    position: absolute;
    top: 20px;
    left: 0;
    width: 1px;
    height: 10px;
    background-color: #f5f5f5;
}

.optionFooter .payBtn{width:44%;height:50px;float:right;background:#fe5151;color:#fff;  display: flex;flex-direction:  column;align-items: center; justify-content: center;}
.optionFooter .noPayBtn{width:44%;height:50px;float:right;background:#a7a3a3;color:#fff;}
.optionFooter .notFree {}
.optionFooter .free {background: #07bbee;}

.optionFooter .payBtn i{margin-right:0;font-size:12px;float:left;margin-top: -1px;}
.optionFooter .payBtn em{font-size:12px;float:left;}
.optionFooter .payBtn span{display:inline-block;margin-top:8px;text-align: center; line-height: 12px;}
.optionFooter .payBtn span.clear:after{display: inline-block;}
.optionFooter .payBtn b{display: block;margin-top:2px;}
.optionFooter .begin{width:44%;float:left;line-height:50px;text-align: center;font-size:14px;color:#fff;background:#00B7EE;}
.optionFooter .payBtn.studyOver{line-height:50px;text-align: center;font-size:14px;color:#fff;background:#abafb4;}
.optionFooter .payBtn.studyOver em{float:none;}
/*B3.1*/
.classBox{position:absolute;top:44px;left:0;bottom:0;}
.classList{padding:0 10px;}
.classList .personPic{width:35px;height:35px;float:left;background:url("../../images/5.2.6/person1.png");
    background-repeat: no-repeat;background-position: center;background-size:cover;border-radius:50%;}
.classList .evaluateList{margin-left:48px;border-bottom:1px solid #f0f0f0;padding-bottom:18px;}
.classList .evaluateList .dpName{font-size:14px;color:#333;float:left;max-width: 130px;
    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.classList .evaluateList .score{float:right;margin-top:-4px;position:relative;}
.classList .score b{font-size:12px;color:#333;margin-right:20px;}
.classList .score i{width:15px;height:15px;background:url("../../images/5.2.9/wujuao_orange.png");display: inline-block;
    background-repeat: no-repeat;background-position: center;background-size:cover;position:absolute;top:4px;right:0;}
.classList .evaluateList time{display: block;font-size:12px;color:#939ca5;margin-top:-10px;}
.classList .evaluateList .dpText{font-size:12px;color:#5d6770;margin-top:6px;}
.classList .teachName{margin-top:8px;font-size:12px;color:#939ca5;}
.evaluateList .teachName{margin-top:8px;font-size:12px;color:#939ca5;}
.classBox .classList li{padding-top:20px;}
/*B3.2*/
.pingLunBox{width:100%;position:absolute;top:44px;left:0;padding:0 10px;background:#fff;}
.inputBox{width:100%;height:100px;position:relative;border:1px solid #eee;margin-top:10px;border-radius:4px;}
.inputBox textarea{width:96%;height:70px;font-size:12px;color:#bbb;resize:none;outline:none;border:0;
    margin:8px;}
.inputBox textarea::-webkit-input-placeholder { color: #bbb;}
.inputBox textarea:-moz-placeholder {color: #bbb;}
.inputBox textarea::-moz-placeholder {color: #bbb;}
.inputBox textarea:-ms-input-placeholder {color: #bbb;}
.inputBox .wenziNumber{position:absolute;right:8px;bottom:6px;font-size:12px;color:#bbb;}
.starsBox{margin-top:10px;}
.starsBox li{margin-bottom:15px;}
.starsBox dl dt{font-size:12px;color:#666;float:left;margin-right:10px;}
.starsBox .left{float:left;}
.starsBox .right{float:right;margin-top:-4px;}
.starsBox .right .checkBox{width:12px;height:12px;display:inline-block;margin-right:4px;vertical-align: middle;
    background:url("../../images/5.2.9/check_pic.png");
    background-size:cover;background-repeat: no-repeat;background-position:0 0;}
.starsBox .right .checkBox.active{background-position:-17px 0;}
.starsBox .right span{font-size:12px;color:#666;}
.starsBox dl dd{width:15px;height:15px;float:left;background:url("../../images/5.2.9/wujiao_gray.png");
    background-repeat: no-repeat;background-position: 0;background-size:cover;margin:-1px 5px 0 0;}
.pingLunBox .fabuBtn{margin:40px 15px 0 15px;display: block;background:#00b7ee;border-radius:8px;padding:15px 0;
    text-align: center;color:#fff;font-size:16px;}
.starsBox dl dd.active{background:url("../../images/5.2.9/wujuao_orange.png");
    background-repeat: no-repeat;background-position: 0;background-size:cover;}
/*B3录播购买前*/
body.lubo{background:#f5f5f5;}
/*.qieHuanTable{width:100%;position:absolute;top:44px;left:0;z-index:10;background:#fff;display: none;}*/
/*.qieHuanTable .tableBox{width:100%;height:44px;line-height:44px;border-bottom:1px solid #f0f0f0;}*/
/*.qieHuanTable .luBoList{height:40px;line-height:40px;text-align: center;}*/
/*.qieHuanTable .luBoList li{width:32%;display: inline-block;}*/

.tiHuanTable{width:100%;position:absolute;top:44px;left:0;z-index:10;background:#fff;display: none;box-shadow: 0 2px 7px -3px rgba(0,0,0,0.15);}
.tiHuanTable .tableBox{width:100%;height:44px;line-height:44px;border-bottom:1px solid #f0f0f0;}
.tiHuanTable .luBoList{height:40px;line-height:40px;text-align: center;}
.tiHuanTable .luBoList li{width:32%;display: inline-block;}
 

.luBoTable{width:100%;/*position:absolute;top:0;left:0;*/background:#fff;}
.luBoTable .tableBox{width:100%;height:44px;line-height:44px;border-bottom:1px solid #f0f0f0;}
.tableBox .detailsBtn,.muluBtn,.means{width:49%;float:left;text-align: center;}
.tableBox .fenGe{height:16px;float:left;text-align: center;color:#f0f0f0;}
.tableBox .detailsBtn a,.muluBtn a,.means a{font-size:16px;color:#333;padding:0 9px 10px 9px;}
.tableBox a.active{border-bottom:2px solid #00b7ee;color:#00b7ee;}
.luBoTable .luBoList{height:40px;line-height:40px;text-align: center;}
.luBoTable .luBoList li{width:32%;display: inline-block;}
.luBoList li span{font-size:14px;color:#333;margin-left:4px;}
.luBoList li span.active{color:#00b7ee;}
.luBoList .luBoPic{background-image:url("../../images/5.2.9/lubo_gray.png");}
.luBoList .luBoPic.active{background-image:url("../../images/5.2.9/lubo_blue.png");color:#00B7EE;}
.luBoList .zhiBoPic{background-image:url("../../images/5.2.9/zhibo_gray.png");background-position:0 -2px;}
.luBoList .zhiBoPic.active{background-image:url("../../images/5.2.9/zhibo_blue.png");background-position:0 -2px;color:#00B7EE;}
.luBoList .mianPic{background-image:url("../../images/5.2.9/mianshou_gray.png");}
.luBoList .mianPic.active{background-image:url("../../images/5.2.9/mianshou_blue.png");color:#00B7EE;}
.luBoList .tupian{width:20px;height:20px;display: inline-block;
    background-repeat: no-repeat;background-position:0 -1px;background-size:cover;vertical-align: middle;}
.luBoList .zhiBoPic{background-position:0 -2px;}

.luBocontBox{width:100%;position:absolute;top:44px;left:0;bottom:50px;background:#f5f5f5;padding-bottom:10px;z-index: 1;}
.luBocontBox .fenLie{margin-top: 10px;}
.luBocontBox .luBo{background:#fff;padding-bottom:10px; }
.luBocontBox .luBo .everyList dd{border-top:1px solid #e5e5e5;}
.luBocontBox .everyList{margin:0 10px 0 10px;/*padding-bottom:10px;*/border-bottom:1px solid #e5e5e5;}
.luBocontBox .everyList:last-child{border-bottom:0;}
.luBocontBox .everyList dd{padding-left:46px;display: none;}
.luBocontBox .everyList dd.xianshi{height:auto;display: block;transition:height 0.3s;}
.everyList dt{width:100%;height:auto;line-height: 44px;/*border-bottom:1px solid #e5e5e5;*/font-size:16px;color:#333;}
.everyList dt em{float:left;}
.everyList dt .title{ width: 80%;
    float: left;
    margin: 10px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-height: 24px;
    -webkit-box-orient: vertical;}
.everyList dt i{float:right;}

.everyList .selectList{margin-top:10px;}
.everyList .selectList:last-child{padding-bottom:10px;}
.disable {color: #ccc!important;}
.disable h4 i {color: #ccc!important;}
.disable h4 span {color: #ccc!important;}
.selectList h4{position:relative;}
.selectList h4 span{word-break: break-all;font-size:14px;color:#333;line-height: 22px;margin-top:10px;}
.selectList span.active{word-break: break-all;font-size:14px;line-height: 22px;margin-top:10px;color: #00b7ee}
.selectList h4 i.video_icon{background-image:url("../../images/5.2.9/lectureImg/video_icon.png");}
.selectList h4 i.music_icon{background-image:url("../../images/5.2.9/lectureImg/music_icon.png");}
.selectList h4 i.file_icon{background-image:url("../../images/5.2.9/lectureImg/file_icon.png");}
.selectList h4 i.flash_icon{background-image:url("../../images/5.2.9/lectureImg/flash_icon.png");}
.selectList h4 i.pdf_icon{background-image:url("../../images/5.2.9/lectureImg/pdf_icon.png");}
.selectList h4 i.test_icon{background-image:url("../../images/5.2.9/lectureImg/test_icon.png");}
.selectList h4 i.play_icon{background-image:url("../../images/video.png");background-size: contain;}

.selectList h4 i{width:20px;height:14px;position:absolute;top:5px;left:-25px;
    background-repeat: no-repeat;background-position:center;background-size:cover;}
.selectList .timeLength{margin-top:4px;}
.timeLength time{float:left;margin-top:-4px;}
.timeLength span{float:right;font-size:12px;color:#333;}
.timeLength span.free{color:#00b7ee;}
.timeLength span.state{color:#00b7ee;float:left;margin-right:10px;margin-bottom: 10px;}
.timeLength span.listenTest{color:#fe5151;}
.timeLength time em{font-size:12px;color:#939ca5;}

.jinDu{width:100%;height:18px;background:rgba(0,0,0,0.5);line-height:18px;text-align:center;font-size:12px;color:#fff;
    position:fixed;left:0;bottom:50px;z-index: 2;}
/*B5录播*/
.muLuBox{width:100%;height:160px;/*position:absolute;top:44px;left:0;*/overflow: hidden;}
.muLuBox .luBoBanner{width:100%;height:160px;background:url(../../images/5.2.9/banner.png);/*position:absolute;top:0;left:0;*/
    background-position:center;background-repeat: no-repeat;background-size:cover;}
.luBocontBox p.noCont{text-align: center;color:#939ca5;font-size:12px;margin-top:10px;padding-bottom:15px;}

.zhiBo dl{background:#fff;padding:15px 10px 0;}
.zhiBo dl dt{text-indent:8px;border-left:3px solid #00b7ee;font-size:16px;color:#333;line-height:16px;}
.zhiBo dl dd:last-child{border-bottom:0;}
.nextClass{margin-top:10px;}
.zhiBo dd{border-bottom:1px solid #e5e5e5;}
.zhiBo dd p{font-size:14px;color:#333;line-height:22px;margin:11px 0 0 0;}
.zhiBo dd time{font-size:12px;color:#939ca5;line-height:18px;margin:4px 0 0 0;padding-bottom:10px;display:block;position: relative;}
.zhiBo dd time i{width:16px;height:16px;display: inline-block;margin-right:4px;
    background:url("../../images/5.2.9/date.png")no-repeat 0 3px/cover;}
.historyClass{margin-top:10px;}

.zhiBoBanner{width: 100%;
    min-height: 160px;
    max-height: 282px;
    overflow: hidden;
    /* height: 160px; */
    position: relative;
    /* top: 0; */
    /* left: 0; */
    display: none;
    overflow: hidden;}
.zhiBoBanner .blur{width:100%;position:relative;-webkit-filter: blur(2px);filter: blur(2px);}
.zhiBoStatus{width: 100%;
    z-index: 2;
    text-align: center;
    overflow: hidden;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);}
.zhiBoBanner .noZhiBoPic{width:45px;height:45px;display: inline-block;
    background-image:url("../../images/5.2.9/zhibo_white.png");
    background-position:0 0;background-size:cover;background-repeat: no-repeat;}
.zhiBoStatus .text{font-size:16px;color:#fff;}
.zhiBoStatus .zhiBoTime{font-size:14px;color:#fff;margin-top:10px;display: block;}

.zhiBoBegin{width: 100%;
    z-index: 2;
    text-align: center;
    overflow: hidden;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);}
.zhiBoBegin .text{font-size:14px;color:#fff;margin-top:10px;}
.zhiBoBegin .beginTime{font-size:16px;color:#fff;display: block;}

.zhiBoProgress{width: 100%;
    z-index: 2;
    text-align: center;
    overflow: hidden;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);}
.zhiBoProgress .text{font-size:14px;color:#fff;margin-top:10px;}
.zhiBoProgress .beginTime{font-size:16px;color:#fff;display: block;}

.zhiBoEnd{width: 100%;
    z-index: 2;
    text-align: center;
    overflow: hidden;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);}
.zhiBoEnd .text{font-size:14px;color:#fff;}

.mianShouBox{width:100%;height:100%;position:absolute;top:0;left:0;text-align:center;display: none;}
.mianShou{width:100%;height:100%;/*position:absolute;top:0;left:0;z-index: 2;*/}
.mianShouBox .blur{width:100%;position:absolute;top:0;left:0;-webkit-filter: blur(2px);filter: blur(2px);}
.mianShou .kaiKePic{width:45px;height:45px;display: inline-block;
    background-image:url("../../images/5.2.9/mianshou_white.png");margin-top:50px;
    background-position:0 0;background-size:cover;background-repeat: no-repeat;}
.mianShou .text{font-size:14px;color:#fff;}
/*B9面授*/
.mianShou dl{background:#fff;padding:15px 10px 0;}
.mianShou dl dt{text-indent:8px;border-left:3px solid #00b7ee;font-size:16px;color:#333;line-height:16px;}
.mianShou dl dd:last-child{border-bottom:0;}
.houXuClass{margin-top:10px;}
.mianShou dd{border-bottom:1px solid #e5e5e5;}
.mianShou dd p{font-size:14px;color:#333;line-height:22px;margin:11px 0 0 0;}
.mianShou dd time{font-size:12px;color:#939ca5;line-height:18px;margin:4px 0 0 0;padding-bottom:10px;display:block;}
.mianShou dd time i{width:16px;height:16px;display: inline-block;margin-right:4px;
    background:url("../../images/5.2.9/date.png")no-repeat 0 3px/cover;}
.historyClass{margin-top:10px;}
.mianShou .address{font-size:12px;color:#939ca5;padding-bottom:15px;}
.mianShou .address span{float:left;}
.mianShou .address .addressPic{width:16px;height:16px;float:left;margin-top:1px;
    background:url("../../images/5.2.9/place.png")no-repeat 0 0/cover;}
/*c1课程包*/
.contBox .twoPage .switchCont{background:#fff;padding:0 10px;}
.courseStage li{height:98px;overflow:hidden;border-bottom:1px solid #e5e5e5;}
.courseStage li:last-child{border-bottom:0;}
.courseStage .listBox{position:relative;}
.courseStage .listBox p{font-size:16px;color:#333;padding:12px 20px 0 0;line-height: 20px;overflow : hidden;
    text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.courseStage .listBox i{font-size:18px;color:#939ca5;position:absolute;top:10px;right:0;}
.courseStage .isFree{margin-top:5px;padding-bottom:14px;    }
.courseStage .isFree .classNumber,.noMoney,.payMoney{font-size:12px;color:#939ca5;float:left;margin-top:3px;}
.courseStage .isFree .noMoney{font-size:14px;color:#00b7ef;margin-left:20px;}
.courseStage .isFree .payMoney{font-size:14px;color:#fe5151;margin-left:20px;}
.courseStage .isFree .payStatus{font-size:12px;color:#fe5151;float:right;border:1px solid #fe5151;border-radius:6px;padding:4px;}
.courseStage .isFree .studyProcess{font-size:12px;color:#fe5151;float:right;margin-top:3px;}
/*.courseStage .haveClassBox{display: none;}*/
.haveClassBox dd{width:50%;float:left;box-sizing: border-box;}
.haveClassBox dd:nth-child(odd){padding-right:12px;}
.haveClassBox dd:nth-child(even){padding-left:12px;}
.haveClassBox .classPic{width:100%;height:85px;background-image:url("../../images/openclass.png");
    background-position:center;background-repeat:no-repeat;background-size:cover;}
.haveClassBox .className{font-size:14px;color:#333;line-height:18px;margin-top:6px;overflow : hidden;
    text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.haveClassBox .number{margin-top:6px;padding-bottom:8px;}
.haveClassBox .number i{font-size:14px;color:#ccc;float:left;}
.haveClassBox .number em{font-size:12px;color:#ccc;float:left;margin-left:7px;}
.haveClassBox .number span{font-size:12px;color:#07bbee;float:right;}
.courseStage li.promptText{height:38px;text-align: center;line-height:38px;font-size:14px;color:#d3d3d3;
    background:url("../../images/tanhao.png")no-repeat 34% center/14px 14px;}
.noClassBox{padding-top:15px;}

.clickout {color: #fe5151;}
.zhiBo dd p.active{color: #00b7ee;}
.contentEmp{font-size: 14px;height: 50px;color: #999;text-align: center;line-height: 38px;padding: 10px 10px 0px 10px;height: 350px;}



.openVip1{height:44px;overflow:hidden;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;margin-top:18px;}
.openVip1 li{height:44px;padding:10px;}
.openVip1 li i.vipPic{width:14px;height:14px;float:left;margin-top:4px;
    background-size:cover;background-position:center;background-repeat: no-repeat;}
.openVip1 li i.vipPic1{background-image:url("../../images/5.2.6/a_v1.png");}
.openVip1 li i.vipPic2{background-image:url("../../images/5.2.6/a_v2.png");}
.openVip1 li i.vipPic3{background-image:url("../../images/5.2.6/a_v3.png");}
/*.openVip li img{width:14px;height:14px;float:left;margin-top:4px;display: inline-block;}*/
.openVip1 li span{float:left;font-size:12px;margin-top:4px;}
.openVip1 li a.open{float:right;font-size:12px;color:#fff;background:#07bbee;padding:3px 14px;border-radius:20px;}
.openVip1 li a.backerOpen{float:right;font-size:12px;color:#fff;background:#bbb;padding:3px 14px;border-radius:20px;}
.openVip1 li .vipName{color:#333;margin-left:8px;}
.openVip1 .payMoney{color:#fe5151;margin-left:31px;position:relative;}
.openVip1 .payMoney i{position:absolute;left:0;top:-1px;font-size:12px;}
.openVip1 .payMoney b{margin-left:10px;}

.statusTwo .lookMore{text-align: center;font-size:12px;color:#999;padding:14px 0 12px 0;}
.statusTwo .vaildTime{margin-top:6px;margin-bottom: 20px;}

.classDetails p img {
    width: 100%;
    vertical-align: top;
}
.timeLength time i{width:18px;height:18px;display:inline-block;background-image:url("../../images/5.2.9/date.png");
    background-repeat: no-repeat;background-size:cover;background-position:center;vertical-align: bottom;}


.noMessage span{
    width: 108px;
    height: 115px;
    margin: 0 auto;
    display: block;
    background-image: url(../../images/noclass.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.classEvaluate dd:last-child{
    border-bottom: 0;
}
.classEvaluate dd{
    margin-top: 20px;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 14px;
}
.noMessage p{
    color: #333;
    font-size: 12px;
    text-align: center;
    margin-top: 10px;
    padding-bottom: 40px;
}

.live-free{
    position: absolute;
    top: 2px;
    right: 0;
    color: #00b7ee;
}
.means_main {
    background: #fff;
    padding-bottom: 20px;
}
.means_main p {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0 3%;
    padding-top: 20px;
}
.means_main p a {
    font-size: 16px;
    color: #333;
    line-height: 24px;
}
.means_main p span {
    width: 90%;
    display: block;
    float: left;
    margin-left: 2%;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}
.means_main p i {
    width: 17px;
    height: 20px;
    display: block;
    float: left;
}
.means_main p.means_text i.tclass {
    background: url(../../images/resource/means_text.png) no-repeat center center;
    background-size: contain;
}
.means_main p.means_text i.pclass {
    background: url(../../images/resource/means_ppt.png) no-repeat center center;
    background-size: contain;
}
.means_main p.means_text i.zclass {
    background: url(../../images/resource/means_zip.png) no-repeat center center;
    background-size: contain;
}
.means_title {
    /*width: 95%;*/
    height: 100%;
    line-height: 45px;
    font-size: 32px;
    color: #666;
    margin: 0 auto;
}
.means_title h6 {
    display: inline;
    margin-left: 10px;
}
.means_title b {
    width: 18px;
    height: 20px;
    display: block;
    background: url(../../images/resource/means_close.png) no-repeat;
    float: right;
    background-size: contain;
    margin-top: 15px;
    margin-left: 15px;
    margin-right: 10px;
}
.means_title i {
    width: 18px;
    height: 20px;
    display: block;
    background: url(../../images/resource/up.png) no-repeat;
    float: right;
    background-size: contain;
    margin-top: 15px;
}
.means_title i.on {
    background: url(../../images/resource/down.png) no-repeat;
    background-size: contain;
}
.optionFooter .wenDa {
    position: relative;
    flex: 1;
    line-height: 50px;
    text-align: center;
    border-top: 1px solid #eee;
}
.optionFooter .wenDa:after{
    content: '';
    position: absolute;
    top: 20px;
    left: 0;
    width: 1px;
    height: 10px;
    background-color: #f5f5f5;
}
.optionFooter .wenDa i{
    width: 15px;
    height: 15px;
    background-position: center;
    display: inline-block;
    background-size: cover;
    /*margin-left: 22px;*/
    background-repeat: no-repeat;
    background-image: url(../../images/aboutClass/wenda.png);
    vertical-align: -4px;
}
/*v6.7 不对外售卖*/
.noSell{
    font-size: 13px;
    color: #999;
}
.bottom_left_icon{
    display: flex;
    width: 56%;
}
.bottom_left_icon .img_box{
    line-height: 15px;
    padding: 10px 0px;
}
.bottom_left_icon .img_box:nth-child(2) i{
    margin-top: -2px;
}
.bottom_left_icon .img_box:nth-child(2) p{
    margin-top: -2px;
}
.bottom_left_icon .optionFooter .wenDa i{
    width: 14px;
    height: 14px;
}
.course-blank-mask {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10000;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
}
.course-blank-mask .content {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    min-height: 230px;
    background: #fff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 0px 18px;
    box-sizing: border-box;
}
.course-blank-mask .content h2 {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding-top: 20px;
}
.course-blank-mask .content h2 div {
    color: #999;
    font-size: 14px;
    float: right;
}
.course-blank-mask .content > img {
    width: 158px;
    height: 158px;
    display: block;
    margin: 0 auto;
    margin-top: 35px;
    margin-bottom: 25px;
}
.course-blank-mask .content .rember {
    width: 160px;
    height: 20px;
    line-height: 20px;
    background: #f6f5fA;
    color: #CBCCD0;
    border-radius: 40px;
    font-size: 12px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 20px;
}
.course-blank-mask .content .rember .three {
    width: 0;
    height: 0;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-bottom: 8px solid #0b8fff;
    margin-right: 4px;
}
.course-blank-mask .content p.phone {
    font-size: 12px;
    text-align: center;
    color: #CBCCD0;
    margin-top: 15px;
}
.course-blank-mask .content a.call {
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    display: flex;
    margin-top: 60px;
    justify-content: center;
    align-items: center;
    color: #098dff;
}
.course-blank-mask .call img {
    width: 24px;
    height: 24px;
    margin-right:5px;
}
/**6.9.7营销轮播图**/
.adverClose {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 31px;
    height: 31px;
    background-image: url(../../../../images/adverClose.png);
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    z-index:999999;
}
/**6.9.7 scorm课程全屏关闭按钮**/
.fullScreenBtn {
    width: 20px;
    height: 20px;
    background-image: url(../../../../images/6.9.7/full-screen-open.png);
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    z-index:999999;
}
.fullScreenCancelBtn {
    width: 20px;
    height: 20px;
    background-image: url(../../../../images/6.9.7/full-screen-close.png);
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    z-index:999999;
}