@charset "utf-8";
/*
@author: he
@update: he (2021-06-22)
*/
body{font:12px/1.5 "\5b8b\4f53",arial,Helvetica,Tahoma,sans-serif; margin:0 auto; color:#333; min-width: 1200px;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0; padding:0;}
img{border:0 none;}
ul,li,ol{list-style-type:none;}
i,em,address, caption, cite, code, dfn, th, var {font-style: normal;font-weight: normal}
.msf{font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
a,a:hover{outline:none;}
.clearfix:after{content:" ";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}
input,button,select,textarea{outline:none} textarea{resize:none}

/*框架*/
.layout{ clear:both;width:1200px;text-align:left;margin:0 auto;color:#333;}
.fl{ float:left;_display: inline}
.fr{ float:right;_display: inline}
.pr{ position:relative}
.abs{position:absolute;}
.ellipsis{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.an{ background:url(../../images/2021teacher/an.png) no-repeat;}
/* 新增公用样式 */
.hide{display:none;}
.diiblock{display: inline-block; *zoom: 1; *display: inline;}
.textcon{text-align:center;}
.marcon{margin:0 auto;}
.wblod{font-weight: bold;}
.horizontalcolor{background: -moz-linear-gradient(to right, #11C3F9, #72C472); background: -ms-linear-gradient(to right, #11C3F9, #72C472); background: -webkit-linear-gradient(to right, #11C3F9, #72C472); background: linear-gradient(to right, #11C3F9, #72C472); filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#11C3F9", endColorstr="#72C472", gradientType="1");}
.verticalcolor{background: -moz-linear-gradient(#11C3F9, #72C472); background: -ms-linear-gradient(#11C3F9, #72C472); background: -webkit-linear-gradient(#11C3F9, #72C472); background: linear-gradient(#11C3F9, #72C472); filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#11C3F9", endColorstr="#72C472", gradientType="0");}
.margR0{margin-right: 0 !important;}
.bodyBg{ background: #f8f8f8;}

/*页头大图*/
.topHeader-bg{ width:100%; height:320px; background:url(../../images/2021teacher/banner_02.jpg) no-repeat center top; margin-bottom: 30px;}
.topHeader{ height:320px;}
.topHeader .teacher-left{ float: left; width:720px; padding-top: 38px; margin-left: 140px;}
.topHeader .teacher-left .tlName{ line-height: 56px; font-size: 32px; color: #f09e46;}
.topHeader .teacher-left .tlLabel{ height: 30px; margin-bottom: 20px;}
.topHeader .teacher-left .tlLabel-icon{ display: block; padding-left: 22px; height: 30px; line-height: 30px; font-size: 16px; color: #fff; background-position: 0 -245px; margin-right: 20px;}
.topHeader .teacher-left .tlLabel-vido{ display: block; width: 90px; height: 30px; font-size: 14px; color: #fd7400; line-height: 30px; text-indent: 12px; background-color: #fff; background-position: 74px -288px; margin-right: 20px; border-radius: 15px;}
.topHeader .teacher-left .tlLabel-vido:hover{ text-decoration: none; opacity: 0.9;}
.topHeader .teacher-left .tlLabel-char{ display: block; height: 28px; padding: 0 12px; line-height: 28px; font-size: 14px; color: #fff; border: 1px solid #fff; border-radius: 15px; margin-right: 10px;}
.topHeader .teacher-left .tlTxt{ line-height: 28px; font-size: 14px; color: #fff;}
.topHeader .teacher-right{ position: relative; z-index: 10; float: right; width: 230px; height: 280px; padding-top: 40px; margin-right: 60px;}
.topHeader .teacher-right .pic{ width: 230px; height: 280px;}
.topHeader .teacher-right .fdicon{ position: absolute; left: 50%; bottom: 16px; margin-left: -95px; width: 190px; height: 36px; border-radius: 18px; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2000000', endColorstr='#B2000000');background:rgba(0,0,0,0.7);}
.topHeader .teacher-right .fdicon-share{ position: relative; z-index: 10; height: 36px; margin-left: 20px;}
.topHeader .teacher-right .fdicon-share span{ display: inline-block; height: 36px; font-size: 14px; color: #fff; line-height: 36px; padding: 0 10px 0 32px; background-position: 0 -342px; cursor: pointer;}
.topHeader .teacher-right .fdicon-share .pop{ display: none; position: absolute; left: -20px; bottom: -44px; width: 190px; height: 44px; background: #fff; border-radius: 6px; text-align: center;}
.topHeader .teacher-right .fdicon-share .pop a:hover{ text-decoration: none;}
.topHeader .teacher-right .fdicon-praise{ padding-left: 28px; height: 36px; line-height: 36px; font-size: 14px; color: #fff; margin-left: 10px; background-position: 0 -391px; cursor: pointer;}
.topHeader .teacher-right .fdicon-praise:hover,.topHeader .teacher-right .fdicon-praise.on{ background-position: 0 -441px;}

.mainBox{ width: 1160px; background: #fff; padding: 0 20px; margin-bottom: 30px; -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.03); -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.03); box-shadow:0 0 10px rgba(0, 0, 0, 0.03);}
/*辅导导航*/
.couNav{ height: 66px; border-bottom: 1px solid #f8f8f8; margin-bottom: 10px;}
.couNav .ltit{ line-height: 66px; font-size: 20px; font-weight: 700;}
.couNav .rbox{ position: relative; z-index: 1; width: 1000px; height: 66px; padding: 0 25px;}
.couNav .rbox .swiper-container{ width: 1000px; height: 67px;}
.couNav .rbox .swiper-slide{ width: 140px; height: 66px; cursor: pointer;}
.couNav .rbox .swiper-slide span{ overflow: hidden; display: block; width: 120px; height: 66px; line-height: 66px; text-align: center; font-size: 16px; margin: 0 10px;}
.couNav .rbox .swiper-slide.on span{ border-bottom: 1px solid #4ab83e; color: #4ab83e; font-weight: 700;}
.couNav .rbox .larrow-left{ display: none; position: absolute; left: 0; top: 24px; width: 18px; height: 18px; background-position: 0 -500px;}
.couNav .rbox .larrow-right{ display: none; position: absolute; right: 0; top: 24px; width: 18px; height: 18px; background-position: -50px -500px;}

/*所授课程*/
.teachList .mtit{ height: 60px;}
.teachList .mtit-left{ line-height: 60px; font-size: 20px; font-weight: 700;}
.teachList .tBox{ width: 1180px; margin-bottom: 20px;}
.teachList .tBox-list{ float: left; display: block; width: 275px; margin-right: 20px; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.teachList .tBox-list .tlPic{ position: relative; z-index: 1; display: block; width: 275px; height: 155px;}
.teachList .tBox-list .tlPic .flIcon{ position: absolute; top: 0; left: 0; min-width: 90px; padding: 0 10px; height: 24px; line-height: 24px; text-align: center; font-size: 12px; color: #fff; border-radius: 0 0 6px 0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2000000', endColorstr='#B2000000');background:rgba(0,0,0,0.7);}
.teachList .tBox-list .tlPic .vdIcon{ position: absolute; top: 50%; left: 50%; margin: -20px 0 0 -20px; width: 40px; height: 40px; background:url(../../images/2021teacher/icon_06.png) no-repeat;}
.teachList .tBox-list .tlPic img{ width: 275px; height: 155px;}
.teachList .tBox-list .tlCon{ height: 75px; padding-top: 15px; background: #fff;}
.teachList .tBox-list .tlCon-tit{ display: block; height: 30px; line-height: 30px; font-size: 14px;}
.teachList .tBox-list .tlCon-bot{ height: 30px; line-height: 30px;}
.teachList .tBox-list .tlCon-bot-l{ font-size: 14px; color: #999;}
.teachList .tBox-list .tlCon-bot-l span{ color: #ff7e00;}
.teachList .tBox-list .tlCon-bot-r{ display: block; height: 30px; font-size: 14px; color: #ff7e00; padding-right: 25px; background-position: 37px -193px;}
.teachList .tBox-list:hover{ text-decoration: none; transform:translate3d(0, -6px, 0);}
.teachList .tBox-list:hover .tlCon-tit{ color: #4ab83e;}
.teachList .tBox-list:hover .tlCon-bot-r{ background-position: 37px -143px;}
.teachList .cBox{ background:url(../../images/2021teacher/icon_02.png) no-repeat center #f8f8f8; padding: 35px 0; margin-bottom: 20px;}
.teachList .cBox-list{ float: left; display: block; width: 420px; height: 36px; line-height: 36px; font-size: 16px; margin: 0 80px;}
.teachList .cBox-list-l{ width: 340px; height: 36px;}
.teachList .cBox-list-r{ display: block; height: 36px; color: #ff7e00; padding-right: 25px; background-position: 37px -189px;}
.teachList .cBox-list:hover{ text-decoration: none; color: #4ab83e;}
.teachList .cBox-list:hover .cBox-list-r{ background-position: 37px -139px;}

/*免费直播*/
.liveList .mtit{ height: 60px;}
.liveList .mtit-left{ line-height: 60px; font-size: 20px; font-weight: 700;}
.liveList .mtit-right{ display: block; height: 60px; line-height: 60px; font-size: 12px; color: #999; padding-right: 24px; background-position: 30px -529px;}
.liveList .tBox{ width: 1180px; border-bottom: 1px solid #f8f8f8; margin-bottom: 20px;}
.liveList .tBox-list{ float: left; display: block; width: 275px; margin-right: 20px; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.liveList .tBox-list .tlPic{ display: block; width: 275px; height: 155px;}
.liveList .tBox-list .tlPic img{ width: 275px; height: 155px;}
.liveList .tBox-list .tlCon{ height: 75px; padding-top: 15px; background: #fff;}
.liveList .tBox-list .tlCon-tit{ display: block; height: 30px; line-height: 30px; font-size: 14px;}
.liveList .tBox-list .tlCon-bot{ height: 30px; line-height: 30px;}
.liveList .tBox-list .tlCon-bot-l{ font-size: 14px; color: #999;}
.liveList .tBox-list .tlCon-bot-btnPre{ display: block; width: 56px; height: 26px; line-height: 26px; font-size: 14px; color: #fff; text-align: center; border-radius: 13px; background: #50d447; margin-top: 2px;
    background: -webkit-linear-gradient(left, #60d64c, #4bd345); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #60d64c, #4bd345); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #60d64c, #4bd345); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #60d64c, #4bd345); /* 标准的语法 */}
.liveList .tBox-list .tlCon-bot-btnGet{ display: block; width: 56px; height: 26px; line-height: 26px; font-size: 14px; color: #fff; text-align: center; border-radius: 13px; background: #faa034; margin-top: 2px;
    background: -webkit-linear-gradient(left, #ff8818, #f8aa40); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ff8818, #f8aa40); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ff8818, #f8aa40); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ff8818, #f8aa40); /* 标准的语法 */}
.liveList .tBox-list:hover{ text-decoration: none; transform:translate3d(0, -6px, 0);}
.liveList .tBox-list:hover .tlCon-tit{ color: #4ab83e;}
.liveList .tBox-list:hover .tlCon-bot-btnPre{ text-decoration: none;
    background: -webkit-linear-gradient(left, #4bd345, #60d64c); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #4bd345, #60d64c); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #4bd345, #60d64c); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #4bd345, #60d64c); /* 标准的语法 */}
.liveList .tBox-list:hover .tlCon-bot-btnGet{ text-decoration: none;
    background: -webkit-linear-gradient(left, #f8aa40, #ff8818); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #f8aa40, #ff8818); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #f8aa40, #ff8818); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #f8aa40, #ff8818); /* 标准的语法 */}

/*学员评价*/
.evaluateList{ width: 854px; margin-bottom: 10px;}
.evaluateList .mtit{ height: 60px;}
.evaluateList .mtit-left{ line-height: 60px; font-size: 20px; font-weight: 700; margin-right: 20px;}
.evaluateList .mtit-cen{ display: block; height: 60px; line-height: 60px; font-size: 16px; color: #ff7e00; padding-right: 22px; background-position: 70px -576px;}
.evaluateList .tBox{ height: 428px;}
.evaluateList .tBox .swiper-evaList{ height: 419px; overflow: hidden;}
.evaluateList .tBox .swiper-evaList .swiper-slide{ width: 100%; height: 80px; padding: 12px 0; border-bottom: 1px solid #f8f8f8;}
.evaluateList .tBox .swiper-evaList .swiper-slide .pic{ display:block; float:left; width: 50px; height: 50px; border-radius: 50%; margin-top: 20px;}
.evaluateList .tBox .swiper-evaList .swiper-slide .con{ width: 785px; float: right;}
.evaluateList .tBox .swiper-evaList .swiper-slide .con-top{ height: 32px; line-height: 32px;}
.evaluateList .tBox .swiper-evaList .swiper-slide .con-top .name{ float: left; font-size: 14px; color: #127de1;}
.evaluateList .tBox .swiper-evaList .swiper-slide .con-top .time{ float: right; font-size: 12px; color: #999;}
.evaluateList .tBox .swiper-evaList .swiper-slide .con-bot{ width: 100%; height: 48px; line-height: 24px; font-size: 14px; color: #666; overflow:hidden; display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}

/*热门推荐*/
.recommend{ width: 286px; margin-bottom: 10px;}
.recommend .mtit{ height: 60px;}
.recommend .mtit-left{ line-height: 60px; font-size: 20px; font-weight: 700;}
.recommend .mtit-right{ display: block; height: 60px; line-height: 60px; font-size: 14px; color: #4dd346; padding-right: 22px; background-position: 64px -627px;}
.recommend .curList{ display: block; margin-bottom: 20px; -webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.05); -moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.05); box-shadow:0 5px 10px rgba(0, 0, 0, 0.05);}
.recommend .curList .cPic{ display: block; width: 286px; height: 130px;}
.recommend .curList .cPic img{ width: 286px; height: 130px;}
.recommend .curList .cCon{ height: 52px; padding: 5px 10px;}
.recommend .curList .cCon-top{ height: 26px; line-height: 26px; font-size: 16px;}
.recommend .curList .cCon-top span{ color: #fd7400;}
.recommend .curList .cCon-bot{ height: 26px; line-height: 26px; font-size: 14px; color: #999;}
.recommend .curList:hover{ text-decoration: none;}

.mask{ display: none; width:100%; height:100%; background:#000; opacity:.7; filter:alpha(opacity=70); position:fixed; top:0; left:0; z-index:98;}

/*学员评价弹框*/
.evaTk{ display: none; width: 798px; border: 1px solid #999; background: #fff; border-radius: 8px; top: 50%; left: 50%; position: fixed; margin: 0 0 0 -400px; z-index: 99;}
.evaTk .xx{ display: block; position: absolute; top: 21px; right: 21px; width: 18px; height: 18px; background-position: 0 -700px;}
.evaTk .ttit{ height: 60px; line-height: 60px; text-align: center; font-size: 20px; font-weight: 700;}
.evaTk .ctxt{ padding: 30px 30px 20px;}
.evaTk .ctxt .inptxt{ width: 696px; height: 198px; padding: 10px 20px; border: 1px solid #e1e1e1; line-height: 34px; font-size: 16px; color: #666;}
.evaTk .bbox{ height: 50px; padding: 0 30px 20px;}
.evaTk .bbox-btn{ display: block; width: 160px; height: 50px; line-height: 50px; text-align: center; font-size: 18px; color: #fff; background: #4ab83e; border-radius: 6px;}
.evaTk .bbox-btn:hover{ text-decoration: none; background: #72D167;}
.evaTk .bbox-txt{ line-height: 50px; font-size: 18px; color: #999; margin-right: 20px;}
.evaTk .bbox-txt.no{ color: #FD7400;}