@charset "utf-8";
/*
@author: he
@update: he (2021-06-11)
*/
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_01.jpg") no-repeat center top; margin-bottom: 30px;}
.topHeader{ height:320px;}
.topHeader .teacher-con{ width:940px; height:260px; padding-top: 60px; overflow:hidden; margin: 0 auto;}
.topHeader .teacher-con .pic{ position:absolute; bottom:0;}
.topHeader .teacher-con .pic p{ display:block; width:24px; line-height:16px; font-size: 14px; text-align:center; border-radius:50px; padding:7px 0; color:#fff; background:#000; opacity:.8; filter:alpha(opacity=80); z-index:89; position:absolute; left: 50%; bottom:27px;}
.topHeader .teacher-con .pic:hover{ z-index:10 !important;}
.topHeader .teacher-con .pic:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); transition:.5s; -webkit-transition:0.5s all;}
.topHeader .teacher-con .pic01{ left: 0; z-index: 2;}
.topHeader .teacher-con .pic01 img{ width: 174px; height: 212px;}
.topHeader .teacher-con .pic01 p{ margin-left: -30px;}
.topHeader .teacher-con .pic02{ left: 82px; z-index: 3;}
.topHeader .teacher-con .pic02 img{ width: 184px; height: 224px;}
.topHeader .teacher-con .pic02 p{ margin-left: -30px;}
.topHeader .teacher-con .pic03{ left: 170px; z-index: 4;}
.topHeader .teacher-con .pic03 img{ width: 194px; height: 236px;}
.topHeader .teacher-con .pic03 p{ margin-left: -30px;}
.topHeader .teacher-con .pic04{ left: 266px; z-index: 5;}
.topHeader .teacher-con .pic04 img{ width: 204px; height: 248px;}
.topHeader .teacher-con .pic04 p{ margin-left: -30px;}
.topHeader .teacher-con .pic05{ left: 360px; z-index: 6;}
.topHeader .teacher-con .pic05 img{ width: 214px; height: 260px;}
.topHeader .teacher-con .pic05 p{ margin-left: -12px;}
.topHeader .teacher-con .pic06{ right: 244px; z-index: 5;}
.topHeader .teacher-con .pic06 img{ width: 204px; height: 248px;}
.topHeader .teacher-con .pic06 p{ margin-left: 10px;}
.topHeader .teacher-con .pic07{ right: 170px; z-index: 4;}
.topHeader .teacher-con .pic07 img{ width: 194px; height: 236px;}
.topHeader .teacher-con .pic07 p{ margin-left: 10px;}
.topHeader .teacher-con .pic08{ right: 82px; z-index: 3;}
.topHeader .teacher-con .pic08 img{ width: 184px; height: 224px;}
.topHeader .teacher-con .pic08 p{ margin-left: 10px;}
.topHeader .teacher-con .pic09{ right: 0; z-index: 2;}
.topHeader .teacher-con .pic09 img{ width: 174px; height: 212px;}
.topHeader .teacher-con .pic09 p{ margin-left: 10px;}

/*分类导航*/
.topNav-wap{ background: #fff; padding: 15px 0; 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);}
.topNav-wap .navCon{ position: relative; z-index: 1;}
.topNav-wap .navCon-tit{ position: absolute; top: 0; left: 0; width: 130px; text-align: right; line-height: 50px; font-size: 20px; font-weight: 700;}
.topNav-wap .navCon ul{ padding-left: 130px;}
.topNav-wap .navCon li{ float: left; padding: 0 20px; line-height: 50px; font-size: 16px; color: #333; cursor: pointer;}
.topNav-wap .navCon li a{ color: #333;}
.topNav-wap .navCon li.on{ font-weight: 700; color: #4ab83e;}
.topNav-wap .navCon li.on a{ color: #4ab83e;}
.topNav-wap .tiao{ clear: both; height: 1px; background: #f8f8f8; margin: 5px 30px;}

/*辅导导航*/
.couNav-wap{ background: #fff; padding: 20px 0; 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-wap .couText{ float: left; margin-left: 30px; line-height: 30px; font-size: 20px; font-weight: 700;}
.couNav-wap .couScreen{ float: left; margin-left: 30px; height: 30px;}
.couNav-wap .couScreen-left{ float: left; line-height: 30px; font-size: 14px; color: #666;}
.couNav-wap .couScreen-right{ float: left; position: relative; z-index: 5; width: 130px; height: 30px;}
.couNav-wap .couScreen-right .rcon{ position: relative; z-index: 1; display: inline-block; max-width: 118px; line-height: 30px; font-size: 14px; color: #4ab83e; padding-right: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor: pointer;}
.couNav-wap .couScreen-right .rcon:after{ content:" "; position: absolute; right: 0; top: 12px; width: 7px; height: 6px; background:url(../../images/2021teacher/an.png) no-repeat 0 0;}
.couNav-wap .couScreen-right .rlist{ display: none; position: absolute; top: 30px; left: -10px; width: 130px; line-height: 32px; background: #fff; max-height: 150px; overflow: auto; overflow-x: hidden; -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-wap .couScreen-right .rlist li{ padding: 0 0 0 10px; max-width: 120px; line-height: 30px; font-size: 14px; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor: pointer;}
.couNav-wap .couScreen-right .rlist li:hover{ background: #f8f8f8; color: #72d167;}
.couNav-wap .search{ float: right; margin-right: 30px; width:236px; height: 28px; padding-left: 12px; border: 1px solid #f1f2f2; border-radius: 15px; overflow: hidden; -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-wap .search .s-input{ float: left; width:180px; height:28px; line-height: 28px; border: 0; font-size: 14px; color: #666; padding:0 8px 0 0; background: url(../../images/2021teacher/icon_04.png) no-repeat right center;}
.couNav-wap .search .s-btn{ float: right; width: 48px; height:28px; border: 0; line-height: 360px; overflow:hidden; cursor:pointer; background:url(../../images/2021teacher/icon_03.png) no-repeat center;}
.couNav-wap .search .s-btn:hover{opacity: .8;}

/*名师列表*/
.teacher-wap{ margin-bottom: 60px;}
.teacher-wap .listCon{ width: 1220px; margin-bottom: 20px;}
.teacher-wap .listCon .teaList{ float: left; position: relative; z-index: 1; width: 285px; height: 400px; margin: 0 20px 20px 0;}
.teacher-wap .listCon .teaList .pic{ overflow: hidden; display: block; width: 285px; height: 400px;}
.teacher-wap .listCon .teaList .pic img{ width: 285px; height: 400px; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.teacher-wap .listCon .teaList .fdTxt{ position: absolute; left: 0; bottom: 0; width: 285px;}
.teacher-wap .listCon .teaList .fdTxt-top{ display: block; height: 42px; padding-top: 50px; line-height: 42px; background:url(../../images/2021teacher/icon_01.png) no-repeat;}
.teacher-wap .listCon .teaList .fdTxt-top .name{ display: block; margin-left: 20px; font-size: 20px; font-weight: 700; color: #fff;}
.teacher-wap .listCon .teaList .fdTxt-top .name:hover{ text-decoration: none; color: #f4674b;}
.teacher-wap .listCon .teaList .fdTxt-cen{ display: none; padding: 12px 0 2px 20px; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#72000000', endColorstr='#72000000');background:rgba(0,0,0,0.45);}
.teacher-wap .listCon .teaList .fdTxt-cen span{ display: inline-block; width: 110px; height: 30px; text-align: center; line-height: 30px; font-size: 14px; color: #666; background: #f4f4f4; border-radius: 15px; margin: 0 20px 10px 0;}
.teacher-wap .listCon .teaList .fdTxt-cen a:hover{ text-decoration: none;}
.teacher-wap .listCon .teaList .fdTxt-bot{ padding: 0 20px 20px; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#72000000', endColorstr='#72000000');background:rgba(0,0,0,0.45);}
.teacher-wap .listCon .teaList .fdTxt-bot .audList{ display: block; height: 30px; clear: both;}
.teacher-wap .listCon .teaList .fdTxt-bot .audList-txt{ width: 210px; height: 30px; line-height: 30px; font-size: 16px; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor: pointer;}
.teacher-wap .listCon .teaList .fdTxt-bot .audList-icon{ width: 30px; height: 30px; background-position: 7px -92px;}
.teacher-wap .listCon .teaList .fdTxt-bot .audList:hover .audList-txt{ text-decoration: none; color: #f4674b;}
.teacher-wap .listCon .teaList .fdTxt-bot .audList:hover .audList-icon{ background-position: 7px -142px;}
.teacher-wap .listCon .teaList:hover .pic img{ transform:scale(1.04); -webkit-transform:scale(1.04); -moz-transform:scale(1.04); -o-transform:scale(1.04); -ms-transform:scale(1.04);}

.teacher-wap .fy{ content:""; display:block; clear: both; height: 40px; text-align: center;}
.teacher-wap .fy a.last,.teacher-wap .fy a.first,.teacher-wap .fy span.last,.teacher-wap .fy span.first{ display: inline-block; width: 66px; line-height: 40px; text-align: center; font-size: 14px; color: #666; margin: 0 5px;}
.teacher-wap .fy span.last,.teacher-wap .fy span.first{ color: #ccc;}
.teacher-wap .fy a.up,.teacher-wap .fy a.Down,.teacher-wap .fy span.up,.teacher-wap .fy span.Down{ display: inline-block; width: 88px; height: 38px; line-height: 38px; font-size: 14px; color: #666; text-align: center; border: 1px solid #e2e2e2; border-radius: 3px; margin: 0 5px;}
.teacher-wap .fy span.up,.teacher-wap .fy span.Down{ color: #ccc; background: #f6f6f6;}
.teacher-wap .fy a.num,.teacher-wap .fy span.num{ display: inline-block; width: 46px; height: 38px; line-height: 38px; font-size: 14px; color: #666; text-align: center; border: 1px solid #e2e2e2; border-radius: 3px; margin: 0 5px;}
.teacher-wap .fy a.on{ background: #4ab83e; border: 1px solid #4ab83e; color: #fff;}
.teacher-wap .fy a:hover{ text-decoration: none; background: #4ab83e; border: 1px solid #4ab83e; color: #fff;}
.teacher-wap .fy a.last:hover,.teacher-wap .fy a.first:hover{ border: 0; background: none; color: #4ab83e;}
/*搜索空*/
.teacher-wap .showNone{ background: #fff; padding: 50px 0; 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);}
.teacher-wap .showNone .pic{ width: 195px; height: 98px; margin: 0 auto;}
.teacher-wap .showNone .ttxt{ line-height: 44px; text-align: center; font-size: 14px; font-weight: 700;}
.teacher-wap .showNone .btxt{ line-height: 24px; text-indent: 446px; font-size: 14px; color: #666;}