@charset "utf-8";
/* CSS Document */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,input,textarea,blockquote,th,td{ margin:0px; padding:0px;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details { display:block; } 
table{ border-collapse:collapse; border-spacing:0;}
fieldset,img{ border:0px;}
i,em{font-style: normal;}
address,caption,em,code{ font-style:normal; font-weight:normal;}
pre, code, kbd, samp { font-family:inherit; } 
ol,ul{ list-style:none;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal; padding:0; margin:0;}
a{ text-decoration:none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;color:#333;}
input:focus,textarea:focus{outline:none}
input,textarea,select{font-family:inherit;font-weight:inherit}
html{font-size:62.5%;height:100%;}
body{font-family:"PingFang","Microsoft YaHei","Arial",sans-serif;min-height:100%;min-width:320px;max-width:640px;margin:0 auto;position: relative;color: #333;background-color: #f4f7f9;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="checkbox"],input[type="radio"] {-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;}
textarea {-webkit-appearance:none;}  

/*清除浮动*/
.clearfix:after{ display:block;visibility:hidden;overflow: hidden; clear:both;height:0;content:'.';}
.clearFloat{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}
img{max-width:100%}



/* zbkt_navOne */
.zbkt_navOne{height: 43px;background-color: #fff;position: relative;}
.zbkt_navOne_tab{margin-right: 50px;}
.zbkt_navOne_tab>a{float: left;width: 20%;text-align: center;line-height: 43px;font-size: 1.2rem;color:#666;}
.zbkt_navOne_tab>a.this{color:#e13b29;font-weight: 900;}
.zbkt_navOne_more>a{position: absolute;top: 0;right:0;width: 50px;height: 43px;background: url(../img/dh_ico.png) no-repeat 0 0;background-size: 50px;font-size: 0;}


/* zbkt_navTwo */
.zbkt_navTwo{height: 43px;position: relative;border-bottom: 1px solid #dddddd;}
.zbkt_navTwo:before{content:"";position: absolute;top: 50%;right:0;width: 45px;height: 27px;margin-top: -13px; background: url(../img/nav_mask.png) no-repeat;background-size: 45px;z-index: 2;}
.zbkt_navTwo_ul{height: 43px;width: 100%;overflow-x: auto;white-space: nowrap;}
.zbkt_navTwo_li{display: inline-block;padding-right: 60px;}
.zbkt_navTwo_li>a{display: inline-block; font-size: 1.2rem;color:#666;line-height: 43px;margin-left: 15px;position: relative;}
.zbkt_navTwo_li>a.this{color:#e13b29;}
.zbkt_navTwo_li>a.this:before{content:"";position: absolute;bottom:0;left: 50%;width: 10px;margin-left: -5px;height: 2px;background-color: #e13b29;border-radius: 10px;}


/* 直播列表 */
.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;font-weight: 700;}
.liveList_cont{font-size: 1.6rem;line-height: 21px;min-height: 42px; color:#333;margin-top: 3px;font-weight: 900;}
.liveList_btnBox{height: auto; min-height: 30px;position: relative;}
.liveList_lookNum{font-size: 1.2rem;color:#8a8a8a;padding-top: 13px;}
.liveList_lookNum .ico,.liveList_yanzhengma .ico{display: inline-block;width: 10px;height: 10px;background: url(../img/ico_courseList_wap.png) no-repeat -290px -30px;background-size: 320px;vertical-align: middle;margin-top: -3px;margin-right: 5px;}
.liveList_yanzhengma{font-size: 1.2rem;color:#8a8a8a;padding-top: 4px;padding-bottom: 13px;margin-bottom: -13px;}
.liveList_yanzhengma .ico{background: url(../img/zb_yzm.png);background-size: 10px;}
.liveList_btn{position: absolute;top: 50%;right:0;margin-top: -15px; cursor: pointer;}
.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;cursor: pointer;}
.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(../img/ico_courseList_wap.png) no-repeat -290px -60px;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;}
.live_listKong{margin:15px 10px 0;background-color: #fff;border-radius: 6px;text-align: center;padding:44px 0;}
.live_listKong_ico{display: inline-block;width: 45px;height: 45px;background: url(../img/ico_courseList_wap.png) no-repeat -220px -105px;background-size: 320px;margin-right: 15px; vertical-align: middle;}
.live_listKong_wz{display: inline-block;text-align: left;font-size: 1.4rem;line-height: 23px;color:#999;vertical-align: middle;}


/* 近期回顾 */
.jqhg_box{padding-top: 22px;}
.jqhg_h2{padding-left: 10px;position: relative;font-size: 1.8rem;color:#333;font-weight: 900;}
.jqhg_h2:before{content:"";position: absolute;top: 50%;left: 0;width: 3px;height: 15px;margin-top: -7px;background: url(../img/ico_courseList_wap.png) no-repeat 0 -25px;background-size: 320px;}


/* 下载APP */
.zbkt_xzappBox>a{display: block; margin:15px 10px 0;height: 85px;background-image: linear-gradient(90deg,#fff,#fff9f8);border-radius: 6px;box-shadow: 0 3px 12px rgba(246,212,208,.4);position: relative;}
.zbkt_xzapp_ico{position: absolute;top: 13px;left: 10px;width: 55px;height: 68px;background: url(../img/ico_courseList_wap.png) no-repeat 0 -125px;background-size: 320px;}
.zbkt_xzapp_cont{padding:16px 0 0 75px;}
.zbkt_xzapp_contHd{font-size: 1.6rem;font-weight: 900;color:#333;}
.zbkt_xzapp_contBd{font-size: 1.4rem;color:#999;margin-top: 12px;}
.zbkt_xzapp_btn{position: absolute;top: 10px;right:10px;width: 80px;height: 30px;line-height: 30px;text-align: center;font-size: 1.4rem;color:#fff;border-radius: 30px;background-image: linear-gradient(90deg,#f64915,#ed2e32);transition: .1s;}
.zbkt_xzappBox>a:active .zbkt_xzapp_btn{transform: scale(.9);}


/* 预约成功关注服务号弹窗 */
.com_popupBox{position: fixed;top: 50%;left: 50%;width: 300px;margin-left: -150px;padding-bottom: 25px; background-color: #fff;border-radius: 10px;z-index: 300;}
.yuyue_successFWHPopup .com_popupBox{margin-top: -190px;}
.yuyue_successFWHCont{padding:25px 0 8px;}
.successFWH_tit{text-align: center;font-size: 2.1rem;color:#e52400;font-weight: 900; height: 36px;line-height: 36px;}
.successFWH_tit .ico{display: inline-block;width: 27px;height: 27px;background: url(../img/ico_courseList_wap.png) no-repeat -290px -90px;background-size: 320px;vertical-align: middle;margin-right: 8px;margin-top: -3px;}
.successFWH_tip1{font-size: 1.4rem;text-align: center;color:#e52400;margin-top: 7px;}
.successFWH_tip2{margin-top: 9px;color:#555;text-align: center;}
.successFWH_ewm{width: 100px;height: 100px;margin:10px auto 0;background: url(../img/ico_courseList_wap.png) no-repeat -170px 0px;background-size: 320px;text-align: center;position: relative;}
.successFWH_ewm img,.successFWH_ewm canvas{position: absolute;top: 50%;left: 50%; width: 85px;height: 85px;margin-top: -42px;margin-left: -42px;}
.successFWH_tip3{font-size: 1.4rem;color:#555;text-align: center;margin-top: 8px;line-height: 20px;}
.remind_yuyuePopup_btn>a,.live_yjsBtn>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,.remind_yuyueClose{position: absolute;top: 15px;right: 15px;width: 22px;height: 22px;background: url(../img/ico_courseList_wap.png) no-repeat -285px 5px;background-size: 320px;cursor: pointer;}


/* 直播已结束弹窗 */
.com_popupBox{margin-top: -120px;}
.live_yjsPopup_h4{text-align: center;font-size: 2.1rem;color:#333;font-weight: 900;padding-top: 23px;}
.live_yjsWz{padding:25px 0;}
.live_yjsWz{text-align: center;font-size: 1.8rem;color:#666;}





/* 切换考试弹窗 */
.switchCourse_popup{display: none;}
.switchCourse_popup.popup_show{display: block;}
.popup_mask{position: fixed;top: 0;left: 0;width: 100%;height: 120%;background-color: #000;opacity: .7;z-index: 200 !important;cursor: pointer;}
.switchCourse_popupMain{position: fixed;top: 0;right: 0;height: 100%;z-index: 300;overflow: hidden;}
.popup_show .switchCourse_popupMain{animation: popup_wid .2s linear;}
.switchCourse_popupCont{margin-left: 35px;height: 100%;box-sizing: border-box; padding:40px 0 25px;background-color: #fff; position: relative;}
.switchCourse_popupTop{position: absolute;top: 0;left: 0;width: 100%;height: 40px;line-height: 40px; background-color: #fff;box-shadow: 0 2px 10px rgba(207,207,207,.4);}
.popup_close{float: left;width: 32px;height: 40px;background: url(../img/ico_courseList_wap.png) no-repeat -280px 14px;background-size: 320px;cursor: pointer;}
.switchCourse_popupH2{float: right;margin-right: 10px;padding:0 16px;font-size: 1.4rem;color:#e13b29;position: relative;}
.switchCourse_popupH2:before,.switchCourse_popupH2:after{content:"";position: absolute;top: 50%;left: 0;width: 10px;height: 1px;background-color: #ffabab;}
.switchCourse_popupH2:after{left: auto;right:0;}
.switchCourse_popupClasify{height: 100%;margin:0 10px;overflow-y: auto;overflow-x: hidden;}
.switchCourse_popupSubj{padding-top: 18px;}
.switchCourse_popupH4{height: 20px;line-height: 20px;font-size: 1.6rem;color:#e13b29;font-weight: 900;}
.switchCourse_popupH4 .subj_ico{display: inline-block;width: 16px;height: 16px;background: url(../img/ico_courseList_wap.png) no-repeat;background-size: 320px;vertical-align: middle;margin-top: -3px;margin-right: 5px;}
.switchCourse_popupH4 .subj_ico.jianzhu{background-position: 0 -90px;}
.switchCourse_popupH4 .subj_ico.jinrong{background-position: -25px -90px;}
.switchCourse_popupH4 .subj_ico.caijing{background-position: -50px -90px;}
.switchCourse_popupH4 .subj_ico.zyzg{background-position: -75px -90px;}
.switchCourse_popupH4 .subj_ico.qita{background-position: -100px -90px;}
.switchCourse_popupUl{margin-right: -20px;}
.switchCourse_popupUl>li{float: left;width: 100px;height: 35px;line-height: 35px;text-align: center;margin-right: 10px;margin-top: 10px;}
.switchCourse_popupUl>li>a{display: block;width: 100%;height: 100%;border-radius: 5px;background-color: #f9f9f9;font-size: 1.4rem;color:#666;overflow: hidden;}
.switchCourse_popupUl>li.this>a{background-image: linear-gradient(90deg,#fe5b2f,#ee4836);color:#fff;box-shadow: 0 2px 7px rgba(251,70,45,.4);}
@keyframes popup_wid{
0%{width: 0%;}
100%{width: 100%;}
}


@media screen and (max-width: 340px){
.liveList_txBox{width: 80px;}
.liveList_main{margin-left: 80px;}
}



