@charset "UTF8";
h1,h2,h3,h4,h5{font-weight: normal;}
*{margin:0;padding:0;}
body{background: #fff !important;}


/* 下载APP */
.app_download_box>a{display: block;margin:20px 10px 0;min-height: 40px;padding:10px 0; border-radius: 10px;background: url(https://img.233.com/m/css/2019/app_bg.jpg) no-repeat top center;background-size: 100% 100%;box-shadow: 0 2px 13px rgba(149,173,189,.36);position: relative;}
.app_download_box>a .app_ico{position: absolute;top: 50%;left: 10px;width: 40px;height: 40px;margin-top: -20px; background: url(https://img.233.com/m/css/2019/icon_bg.png) no-repeat 0 -1225px;background-size: 200px;}
.app_download_cont{padding:0px 90px 0 57px; font-size: 1.2rem;color:#666;line-height: 20px;}
.app_download_btn{position: absolute;top: 50%;right:10px;height: 60px;line-height: 60px;margin-top: -30px; font-size: 1.4rem;color:#e13b29;cursor: pointer;}
.app_download_btn .xz_jt{display: inline-block;width: 7px;height: 11px;background: url(https://img.233.com/m/css/2019/icon_bg.png) no-repeat -190px -1070px;background-size: 200px;vertical-align: middle;margin-top: -2px;margin-left: 6px;}


/* 新版直播列表页 开始 */
.zhiboList_page{width: 100%;background-color: #fff;}
.live_listBox>a{display: block;margin:15px 10px 0;border-radius: 6px;background-color: #fff;box-shadow: 0 0 15px rgba(176,176,176,.4);padding:12px 0;min-height: 90px; position: relative;}
.liveList_txBox{position: absolute;top: 0;left: 0;width: 95px;}
.liveList_txImg{width: 60px;height: 60px;border-radius: 50%;margin:20px auto 0;}
.liveList_txImg img{width: 100%;height: 100%;border-radius: 50%;}
.liveList_txName{margin-top: 4px;font-size: 1.3rem;color:#8a8a8a;text-align: center;}
.liveList_main{margin-left: 95px;margin-right: 10px;}
.liveList_time{font-size: 1.4rem;color:#555555;}
.liveList_cont{font-size: 1.6rem;line-height: 21px;color:#333;margin-top: 3px;font-weight: 900;}
.liveList_btnBox{height: 30px;position: relative;}
.liveList_lookNum{font-size: 1.2rem;color:#8a8a8a;padding-top: 13px;}
.liveList_lookNum .ico{display: inline-block;width: 14px;height: 14px;background: url(live_icobg.png) no-repeat 0 0;background-size: 320px;vertical-align: middle;margin-top: -3px;margin-right: 5px;}
.liveList_btn{position: absolute;top: 0;right:0;}
.liveList_btn>span{display: block;width: 80px;height: 30px;line-height: 30px;text-align: center;border-radius: 30px;background-color: #f5f5f5;font-size: 1.4rem;color:#b2b2b2;font-weight: 900;transition: .1s;}
.liveList_btn>span:active{transform: scale(.9);}
.liveList_tip{position: absolute;top: 0;left: 0;height: 16px;line-height: 16px;padding:0 7px 0 5px;border-radius: 6px 0 13px 0;background-image: linear-gradient(90deg,#9d7853,#dcc0a2);font-size: 1.0rem;color:#fff;font-weight: 700;}
.liveList_tip.free{background-image: linear-gradient(90deg,#e13a34,#fb5d37);}
.liveList_btn .living{background-image: linear-gradient(90deg,#fb5d37,#e13a34);color:#fff;}
.liveList_btn .living .ico{display: inline-block;width: 17px;height: 13px;background: url(live_icobg.png) no-repeat 0 -20px;background-size: 320px;vertical-align: middle;margin-top: -2px;margin-right: 2px;}
.liveList_btn .ljyy{background: none;background-color: #fbebe9;color:#e13b29;}
.liveList_btn .apphk{width: 78px;height: 28px;line-height: 28px;background: none; border:1px solid #e13b29;color:#e13b29;}
.ckgd_btn>a{display: block;margin:0 10px;border-top: 1px solid #eee;padding:18px 0;text-align: center;font-size: 1.6rem;color:#e13b29;}
.ckgd_btn>a .ckgd_ico{display: inline-block;width: 12px;height: 12px;background: url(https://img.233.com/m/css/2019/icon_bg.png) no-repeat -130px -1070px;background-size: 200px;vertical-align: middle;margin-top: -2px;margin-left: 6px;}
/* 新版直播列表页 结束 */

/* 直播视频播放 开始*/
.live_audioEnded{height: 220px;background-color: #000;padding-top: 1px;}
.audioEnded_ico{display: block;width: 100px;height: 90px;background: url(live_icobg.png) no-repeat -100px -200px;background-size: 320px;margin:30px auto 0;}
.audioEnded_wz{text-align: center;font-size: 1.2rem;color:#939393;margin-top: 6px;}
.audioEnded_btn{display: block;width: 130px;height: 30px;line-height: 30px;text-align: center;font-size: 1.4rem;color:#fff;border-radius: 30px;margin:10px auto 0;background-image: linear-gradient(90deg,#f64915,#ed2e32);}
/* 直播视频播放 结束*/

/* 直播标题详情 */
.live_titDetail_box{padding:10px 10px 12px;background-color: #fff;}
.live_courseTit{font-size: 1.8rem;color:#333;font-weight: 900;line-height: 24px;}
.liveCourse_teacherTx {width: 24px; height: 24px; float: left;}
.liveCourse_teacherInfo {min-height: 24px;margin: 5px 0;position: relative;}
.liveCourse_teacherTx img{width: 100%;height: 100%;border-radius: 50%;}
.liveCourse_teacherName{display: inline-block;font-size: 1.4rem;color:#555;line-height: 24px;}
.live_teacherLable{display: inline-block;height: 16px;line-height: 16px;padding:0 6px;border-radius: 8px 8px 8px 0;background-image: linear-gradient(90deg,#9d7953,#dcc0a2);font-size: 1.0rem;color:#fff;margin-left: 5px;}
.live_teacherLable.free{background-image: linear-gradient(90deg,#e13a34,#fb5d37);}
.liveCourse_time,.liveCourse_yyNum{float: left;font-size: 1.4rem;color:#8a8a8a;}
.liveCourse_time .ico,.liveCourse_yyNum .ico{display: inline-block;width: 14px;height: 14px;background: url(live_icobg.png) no-repeat -15px 0;background-size: 320px;vertical-align: middle;margin-right: 5px;margin-top: -2px;}
.liveCourse_yyNum .ico{background-position: 0 0;}
.liveCourse_yyNum{margin-left: 30px;}
.liveCourse_yzmBox .liveList_yanzhengma .ico{display: inline-block;width: 14px;height: 14px;background: url(zb_yzmico.png) no-repeat 0 0;background-size: 14px;vertical-align: middle;margin-right: 5px;margin-top: -2px;}
.liveCourse_yzmBox .liveList_yanzhengma {font-size: 1.4rem;color:#8a8a8a;}

/* 直播详情主内容 */
.liveDetail_mainCont{border-top: 15px solid #f2f2f2;background-color: #fff;padding-bottom: 55px;}
.liveDetail_tabBox{height: 45px;margin:0 10px;border-bottom: 1px solid #eee;position: relative;}
.liveDetail_tabCont>li{float: left;height: 45px;line-height: 45px;font-size: 1.5rem;margin-right: 28px; cursor: pointer;}
.liveDetail_tabCont>li.this{font-weight: 900;position: relative;}
.liveDetail_tabCont>li.this:before{content:""; position: absolute;bottom:-1px;left: 50%;height: 3px; width: 20px;margin-left: -10px;border-radius: 30px;background-color: #e24433;}
.tjkc_btn{position: absolute;right: 0;top: 0;height: 45px;line-height: 45px;color:#e13b29;font-size: 1.3rem;}
.tjkc_btn .ico{display: inline-block;width: 13px;height: 13px;background: url(live_icobg.png) no-repeat -30px 0;background-size: 320px;margin-left: 5px;vertical-align: middle;margin-top: -2px;}
.liveDetail_contBox{padding-top: 1px;}
/* 课前提问 */
.liveDetail_courseQues{margin-top: 10px;}
.teacher_sayBox{background: url(cont_bg3.jpg) no-repeat 0 0;background-size: 100% 100%;}
.courseQues_h3{text-align: center;padding:12px 0 25px;}
.courseQues_h3>span{font-size: 1.8rem;color:#284883;font-weight: 900;position: relative;}
.courseQues_h3>span:before{content:"";position: absolute;bottom:-14px;left: 50%;width: 91px;height: 8px;margin-left: -45px;background: url(live_icobg.png) no-repeat -65px -35px;background-size: 320px;}
.teacher_sayCont{padding:10px 12px;font-size: 1.2rem;line-height: 19px;color:#284883;text-indent: 26px;background-color: rgba(255,255,255,.8);}


/* 直播底部悬浮按钮 */
.live_fixedBtn_box{position: fixed;bottom:0px;left: 50%;width: 100%;max-width: 640px;transform: translateX(-50%);-webkit-transform: translateX(-50%);height: 70px;background-color: rgba(255,255,255,.8);z-index: 9;}
.live_fixedBtn_cont{display: table;width: 100%; height: 45px;box-sizing: border-box;padding:0 10px; margin:5px 0 20px 0;overflow: hidden;}
.live_fixedBtn_lt,.live_fixedBtn_rt{display: table-cell;vertical-align: middle;width: 50%;text-align: center;font-size: 1.4rem;color:#fff;}
.live_fixedBtn_lt,.live_fixedBtn_rt,.live_returnTop_p .qtw_btn,.remind_yuyuePhone .revise_btn,.remind_yuyuePopup_btn>a,.audioEnded_btn>a,.audioEnded_btn{transition: .1s;}
.live_fixedBtn_lt:active,.live_fixedBtn_rt:active,.live_returnTop_p .qtw_btn:active,.remind_yuyuePhone .revise_btn:active,.remind_yuyuePopup_btn>a:active,.audioEnded_btn:active{transform: scale(.9);}
.live_fixedBtn_lt{background-image: linear-gradient(90deg,#f75e38,#f8952a);border-radius: 30px 0 0 30px;}
.live_fixedBtn_lt.lt{background-image: linear-gradient(90deg,#f75e38,#f8952a);border-radius: 30px;}
.live_fixedBtn_lt.booked{background: #f9d8ce;color:#e13b29;}
.live_fixedBtn_rt{background-color: #ed2e32;border-radius: 0 30px 30px 0;}
.live_fixedBtn_lt .daojishi{display: block;font-size: 1.0rem;}
.live_fixedBtn_lt .nz_ico,.live_fixedBtn_lt .zbz_ico{display: inline-block;width: 12px;height: 12px;background: url(live_icobg.png) no-repeat -305px 0;background-size: 320px;vertical-align: middle;margin-top: -2px;margin-right: 8px;}
.live_fixedBtn_lt .zbz_ico{width: 17px;height: 13px;background-position: 0 -20px;}
.live_fixedBtn_ended{display: block; width: 100%;height: 45px;line-height: 45px;text-align: center; border-radius: 30px;background-color: #f9d8ce;font-size: 1.4rem;color:#e13b29;}


/* 推荐课程弹窗 */
.tjkc_popupBox{position: fixed;bottom:0;left: 50%;width: 100%;max-width: 640px;transform: translateX(-50%);-webkit-transform: translateX(-50%); background-color: #fff; z-index: 59; border-radius: 8px 8px 0 0 }
.tjkc_popupHd{height: 94px;padding-top: 1px;border-radius: 6px 6px 0 0; background: url(cont_bg4.jpg) no-repeat 0 0;background-size: 100% 95px;}
.tjkc_popupTit{text-align: center;margin-top: 10px;font-size: 1.6rem;color:#fff;}
.tjkc_popupTit>span{padding:0 30px;position: relative;}
.tjkc_popupTit>span:before,.tjkc_popupTit>span:after{content:"";position: absolute;top: 50%;left: 0;width: 25px;height: 4px;margin-top: -2px;background: url(live_icobg.png) no-repeat -150px -60px;background-size: 320px;}
.tjkc_popupTit>span:after{left: auto;right:0;}
.tjkc_popupTip{text-align: center;margin-top: 6px;}
.tjkc_popupTip>span{display: inline-block; font-size: 1.2rem;color:#fed19b;height: 20px;line-height: 20px;border-top: 1px solid #e95d3f;border-bottom: 1px solid #e95d3f; position: relative;}
.tjkc_popupTip>span:before,.tjkc_popupTip>span:after{content:"";position: absolute;top: -1px;left: -19px;width: 19px;height: 22px;background: url(live_icobg.png) no-repeat -90px -60px;background-size: 320px;}
.tjkc_popupTip>span:after{left: auto;right:-19px;background-position: -120px -60px;}
.tjkc_popupMain{padding:10px 0;margin:-25px 10px 0;border-radius: 6px;box-shadow: 0 0 15px rgba(219,219,219,.5);background-color: #fff;}
.tjkc_popupMain>a{display: block;min-height: 52px; padding:14px 0;margin:0 12px;border-top: 1px dashed #eee;position: relative;}
.tjkc_popupMain>a:first-child{border-top: 0;}
.tjkc_popupTx{position: absolute;top: 14px;left: 0;width: 52px;height: 52px;}
.tjkc_popupTx img{width: 100%;height: 100%;border-radius: 50%;}
.tjkc_popupMain_cont{margin-left: 70px;}
.tjkc_popupMain_nameBox{margin-top: 4px;position: relative;}
.tjkc_popupMain_name{font-size: 1.4rem;color:#333;font-weight: 900;}
.tjkc_popupMain_stBtn{position: absolute;top: 0;right:0;font-size: 1.4rem;color:#ed2e32;}
.tjkc_popupMain_stBtn .ico{display: inline-block;width: 18px;height: 12px;background: url(live_icobg.png) no-repeat -220px -60px;background-size: 320px;vertical-align: middle;margin-top: -2px;margin-right: 4px;}
.tjkc_popupMain_subject{font-size: 1.4rem;color:#666;margin-top: 6px;}
.tjkc_popup_moreBtn>a{display: block;height: 50px;line-height: 50px;text-align: center;font-size: 1.4rem;color:#e13b29;}
.tjkc_popup_moreBtn>a .ico{display: inline-block;width: 13px;height: 13px;background: url(live_icobg.png) no-repeat -30px 0;background-size: 320px;vertical-align: middle;margin-top: -2px;margin-left: 6px;}
.tjkc_popupClose{position: absolute;top: 15px;right:15px;width: 12px;height: 12px;background: url(live_icobg.png) no-repeat -195px -60px;background-size: 320px;cursor: pointer;}


/* 提醒预约弹窗 */
.popup_mask{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.8);z-index: 8;}
.com_popupBox{position: fixed;top: 50%;left: 50%;width: 330px;margin-left: -165px;padding-bottom: 42px; background-color: #fff;border-radius: 10px;z-index: 10;}
.remind_yuyuePopup .com_popupBox{margin-top: -130px;}
.remind_popupH4{height: 55px;line-height: 55px;text-align: center;font-size: 1.8rem;color:#666;border-bottom: 1px solid #eee;}
.remind_yuyueCont{padding:22px 25px;}
.remind_yuyueTip1{font-size: 1.4rem;}
.remind_yuyuePhone{height: 30px;line-height: 30px;font-size: 1.4rem;color:#555;margin-top: 12px; position: relative;}
.remind_yuyuePhone>span{color:#e13b29;}
.remind_yuyuePhone .revise_btn{position: absolute;top: 0;right:0;width: 68px;height: 30px;line-height: 30px;text-align: center;font-size: 1.4rem;color:#e13b29;background-color: #f9d8ce;border-radius: 50px;}
.remind_yuyuePopup_btn>a{display: block;width: 220px;height: 40px;line-height: 40px;margin:0 auto; text-align: center;font-size: 1.5rem;color:#fff;background-image: linear-gradient(90deg,#ff5b06,#e52300);border-radius: 50px;}
.remind_yuyueClose{position: absolute;top: 20px;right:20px;width: 12px;height: 12px;background: url(live_icobg.png) no-repeat -250px -60px;background-size: 320px;cursor: pointer;}


/* 修改预约手机号弹窗 */
.revise_phonePopup .com_popupBox{margin-top: -220px;}
.popupBox_phoneNum{height: 38px;line-height: 38px;border:1px solid #dedede;border-radius: 10px;position: relative;margin-top: 15px;}
.popupBox_phoneNum>input,.popupBox_yzmL>input{position: absolute;top: 50%;left: 13px;width: 224px;height: 24px;line-height: 22px;margin-top: -10px;border:0; font-size: 1.4rem}
.popupBox_phoneNum>input:hover,.popupBox_yzmL>input:hover,.popupBox_phoneNum>input.hover,.popupBox_yzmL>input.hover{font-size: 1.6rem}
.phoneNum_error,.yzm_error{height: 24px;line-height: 24px;color:#e13b29;font-size: 1.2rem;}
.phoneNum_error .ico,.yzm_error .ico{display: inline-block;width: 12px;height: 12px;background: url(live_icobg.png) no-repeat -295px -90px;background-size: 320px;vertical-align: middle;margin-right: 6px;margin-top: -2px;}
.ysbm_fw p{position:relative}
.ysbm_fw p em{position:absolute;width:12px;height:10px;background: url(https://img2.233.com/zb/2019/m/img/gonggao.png) 0 0;background-size:12px;display:inline-block;top: 8px;}
.ysbm_fw p span{font-size:1.3rem;color:#e13b29;line-height:22px;margin-left: 20px;display: inline-block;}
.popupBox_yzmL{float: left;width: 138px;height: 38px;line-height: 38px; border-radius: 10px;border:1px solid #dedede;position: relative;}
.popupBox_yzmL>input{width: 115px;}
.popupBox_yzmR{float: right;width: 98px;height: 38px;line-height: 38px;border-radius: 10px;border:1px solid #e3a1a7;font-size: 1.4rem;color:#e13b29;text-align: center;background-color: #fff4f3;}
.popupBox_yzmR.gray{background-color: #f0f0f0;border-color: #f0f0f0;color:#666666;}


/* 预约成功去学习中心弹窗 */
.yuyue_successPopup .com_popupBox{margin-top: -130px;box-shadow: 0 0 30px rgba(255,186,150,.6) inset;}
.yuyue_successCont{padding:50px 0 25px;}
.yuyue_successCont .dg_ico{display: block;width: 38px;height: 38px;margin:0 auto;background: url(live_icobg.png) no-repeat -90px -90px;background-size: 320px;}
.yuyue_successTit{text-align: center;font-size: 1.8rem;color:#666666;margin-top: 10px;}


/* 预约成功关注服务号弹窗 */
.yuyue_successFWHPopup .com_popupBox{margin-top: -190px;box-shadow: 0 0 30px rgba(255,186,150,.6) inset;}
.yuyue_successFWHCont{padding:40px 0 8px;}
.successFWH_tit{text-align: center;font-size: 1.8rem;color:#e52400;height: 27px;line-height: 27px;}
.successFWH_tit .ico{display: inline-block;width: 27px;height: 27px;background: url(live_icobg.png) no-repeat -145px -90px;background-size: 320px;vertical-align: middle;margin-right: 8px;}
.successFWH_tip1{font-size: 1.4rem;text-align: center;color:#e52400;margin-top: 7px;}
.successFWH_tip2{font-size: 1.4rem;margin-top: 9px;color:#555;text-align: center;}
.successFWH_ewm{width: 100px;height: 100px;margin:10px auto 0;background: url(live_icobg.png) no-repeat -185px -90px;background-size: 320px;text-align: center;}
.successFWH_ewm img{width: 85px;height: 85px; margin-top: 8px;}
.successFWH_tip3{font-size: 1.4rem;color:#555;text-align: center;margin-top: 8px;line-height: 20px;}


/* 没有预约直播*/
.live_listBox .video-qsy{ width: 100%; height: auto; background: #fff; border-radius: 0 0 30px 0; text-align: center; padding: 15px 0; display: block}
.live_listBox .video-qsy p{  color: #999; padding-top:10px; font-size: 1.6rem; padding: 0 20px}
.live_listBox .video-qsy img{ width: 240px; }
.liveDetail_contBox{text-align: left;line-height: 24px;font-size: 14px;color: #666;padding-top: 10px;}

/* 推荐课程弹窗-202010 */
.content-wap-kctj{display:block;background:#fff;margin:10px 10px 0px;border-radius:10px;padding:0px 10px;}
.content-wap-coursebox{display:block;padding:0px 10px;}
.content-wap-list{display:block;}
.content-wap-list:after{display:block;visibility:hidden;clear:both;height:0;content:'.'; :}
.content-wap-list{zoom:1;}
.content-wap-list .kc-img{width:112px;height:112px;float:left;position:relative;background:url(//img.233.com/m/img/2017m/default-img.png);background-size:100%;}
.content-wap-list .kc-img img{width:100%;height:auto;display:block;border-radius:4px;}
.video-icon2{width:25px;height:25px;position:absolute;bottom:0px;left:0px;background:rgba(0,0,0,.6);display:inline-block;}
.video-icon2:before{background:url(https://img2.233.com/m/course/2018/apphtml/img/icon1.png) no-repeat 0 0;background-size:25px auto;display:inline-block;width:100%;height:100%;content: "";}
.content-wap-list .con-side{width:100%;float:left;margin-left:-112px;}
.content-wap-list .kc-txt{display:block;padding:0px 0px 0px 124px;overflow:hidden;}
.content-wap-list .kc-h3{line-height:20px;display:block;height:60px;overflow:hidden;}
.content-wap-list .kc-h3 span{ display:inline-block}
.content-wap-list .kc-h3 .txt1{font-size:1.6rem;color:#333;font-family: PingFangSC-Medium, "Source Han Sans CN", sans-serif; display:block}
.content-wap-list .kc-h3 .txt2{font-size:1.2rem;color:#999; line-height:18px; margin-top:2px; }
.content-wap-list .kc-num,.content-wap-list .kc-lesson{display:block;font-size:1.4rem; color:#999}
.content-wap-list .kc-num{margin-top:16px;}
.content-wap-list .kc-num i{padding-right:0px; font-size:1.3rem}
.content-wap-list .kc-lesson i{color:#e6422b;font-size:1.4rem}
.content-wap-list .kc-teacher{color:#78797b;font-size:1.4rem;position:relative;margin-top:-30px;padding-left:3px;}
.content-wap-list .kc-btn{display:block;}
.content-wap-list .st-btn{float:right;width:82px;height:28px;line-height:28px;border-radius:28px;box-shadow:0px 2px 4px rgba(245,77,54,.3);color:#fff;text-align:center;position:relative;margin-top:-32px;font-size:1.4rem;}
.content-wap-list .st-btn,.gallery-article .arb-st{background:#f64f37;background:linear-gradient(to right,#f64f37,#de1e1d);}
.content-wap-list .st-btn:active,.gallery-article .arb-st:active{background:#de1e1d;}