@charset "utf-8";
/*
@author: he
@update: he (2020-09-17)
*/
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(/OtherItem/images/2020demo/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: #f6f6f6;}

/*页头大图*/
.banner{ position: relative; z-index: 1; display: block; height: 320px;}

/*主导航*/
.navBox{ margin-top: -80px; position: relative; z-index: 2; background: #fff; -webkit-box-shadow:0 0 18px rgba(115, 115, 115, 0.3); -moz-box-shadow:0 0 18px rgba(115, 115, 115, 0.3); box-shadow:0 0 18px rgba(115, 115, 115, 0.3);}
.navBox-tit{ height: 50px; text-align: center; background: #f6f6f6;}
.navBox-tit .list{ display: inline-block; *display: inline; *zoom: 1; width: 210px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; cursor: pointer; vertical-align: top;}
.navBox-tit .list:hover{ text-decoration: none; color: #4ab83e;}
.navBox-tit .list.on{ padding-top: 8px; height: 42px; line-height: 42px; font-size: 16px; color: #4ab83e; font-weight: 700; background:url(/OtherItem/images/2020demo/icon_04.png) no-repeat;}
.navBox-tit.min .list{ width: 129px;}
.navBox-tit.min .list.on{ background:url(/OtherItem/images/2020demo/icon_05.png) no-repeat;}
.navBox-subtit{ padding: 22px 0 18px 25px;}
.navBox-subtit .subCon{ position: relative; z-index: 1; padding: 0 0 10px 60px;}
.navBox-subtit .subCon .fdtit{ position: absolute; left: 0; top: 0; line-height: 30px; font-size: 14px; font-weight: 700;}
.navBox-subtit .subCon li{ float: left; width: 148px; height: 30px; margin: 0 5px 12px;}
.navBox-subtit .subCon li em,.navBox-subtit .subCon li a{ display: inline-block; max-width: 128px; padding: 0 10px; line-height: 30px; font-size: 14px; border-radius: 15px; cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.navBox-subtit .subCon li:hover em,.navBox-subtit .subCon li:hover a{ text-decoration: none; color: #4ab83e;}
.navBox-subtit .subCon li.on em,.navBox-subtit .subCon li.on a{ background: #4ab83e; color: #fff;}

/*试听列表*/
.auditionBox .audTit{ position: relative; z-index: 1; height: 82px; text-align: center;}
.auditionBox .audTit .lcion,.auditionBox .audTit .rcion{ display: inline-block; *display: inline; *zoom: 1; background:url(/OtherItem/images/2020demo/icon_02.png) no-repeat left center;}
.auditionBox .audTit .rcion{ background:url(/OtherItem/images/2020demo/icon_02.png) no-repeat right center;}
.auditionBox .audTit .ctxt{ position: relative; z-index: 1; display: inline-block; *display: inline; *zoom: 1; padding: 0 46px; line-height: 82px; height: 82px; font-size: 22px; font-weight: 700;}
.auditionBox .audTit .fdfy{ position: absolute; top: 31px; right: 0; height: 20px;}
.auditionBox .audTit .fdfy .lbtn,.auditionBox .audTit .fdfy .rbtn{ display: inline-block; *display: inline; *zoom: 1; width: 20px; height: 20px; cursor: pointer; background-position: 0 -50px; vertical-align: -5px; *vertical-align: -1px;}
.auditionBox .audTit .fdfy .rbtn{ background-position: -110px -50px;}
.auditionBox .audTit .fdfy .lbtn.no{ background-position: 0 0; cursor: inherit;}
.auditionBox .audTit .fdfy .rbtn.no{ background-position: -110px 0; cursor: inherit;}
.auditionBox .audTit .fdfy .cnum{ padding: 0 10px; height: 20px; line-height: 20px;}
.auditionBox .audTit .fdfy .cnum .clv{ color: #4ab83e;}

.auditionBox .audCon{ width: 1220px; *margin-bottom: 30px;}
.auditionBox .audCon .adList{ float: left; width: 285px; height: 296px; background:url(/OtherItem/images/2020demo/bg_01.jpg) no-repeat; margin: 0 20px 30px 0; border-radius: 4px; -webkit-box-shadow:0 0 10px rgba(150, 150, 150, 0.22); -moz-box-shadow:0 0 10px rgba(150, 150, 150, 0.22); box-shadow:0 0 10px rgba(150, 150, 150, 0.22);}
.auditionBox .audCon .adList-ttxt{ padding-top: 65px; text-align: center; line-height: 52px; font-size: 32px; font-weight: 700; color: #fff; -webkit-text-shadow:0 3px 9px rgba(11, 184, 169, 0.9); -moz-text-shadow:0 3px 9px rgba(11, 184, 169, 0.9); text-shadow:0 3px 9px rgba(11, 184, 169, 0.9);}
.auditionBox .audCon .adList-ctxt{ margin-bottom: 20px; text-align: center; line-height: 46px; font-size: 22px; color: #fff; -webkit-text-shadow:0 3px 9px rgba(11, 184, 169, 0.9); -moz-text-shadow:0 3px 9px rgba(11, 184, 169, 0.9); text-shadow:0 3px 9px rgba(11, 184, 169, 0.9);}
.auditionBox .audCon .adList-bbtn{ display: block; width: 137px; height: 35px; line-height: 35px; font-size: 18px; color: #fff; text-indent: 25px; background-position: 0 -100px; margin: 0 auto;}
.auditionBox .audCon .adList-bbtn:hover{ text-decoration: none; background-position: 0 -150px;}
.auditionBox .audCon .coList{ float: left; width: 285px; height: 296px; background: #fff; margin: 0 20px 30px 0; border-radius: 4px; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -webkit-box-shadow:0 0 10px rgba(150, 150, 150, 0.22); -moz-box-shadow:0 0 10px rgba(150, 150, 150, 0.22); box-shadow:0 0 10px rgba(150, 150, 150, 0.22);}
.auditionBox .audCon .coList-pic{ position: relative; z-index: 1; display: block; width: 285px; height: 162px; margin-bottom: 16px;}
.auditionBox .audCon .coList-pic img{ width: 285px; height: 162px; border-radius: 4px 4px 0 0;}
.auditionBox .audCon .coList-pic .icon{ position: absolute; top: 65px; left: 50%; margin-left: -41px; display: block; width: 82px; height: 30px; text-indent: 38px; line-height: 30px; font-size: 14px; color: #fff; background-position: 0 -200px;}
.auditionBox .audCon .coList-pic:hover .icon{ background-position: 0 -250px;}
.auditionBox .audCon .coList-ttxt{ display: block; height: 34px; line-height: 34px; font-size: 16px; font-weight: 700; padding: 0 15px;}
.auditionBox .audCon .coList-ctxt{ height: 34px; line-height: 34px; font-size: 12px; color: #666; padding: 0 15px;}
.auditionBox .audCon .coList-btxt{ height: 34px; line-height: 34px; padding: 0 15px;}
.auditionBox .audCon .coList-btxt .teaTxt{ float: left; width: 170px; font-size: 14px;}
.auditionBox .audCon .coList-btxt .renTxt{ float: right; font-size: 12px; color: #666; white-space: nowrap;}
.auditionBox .audCon .coList-btxt .renTxt .cju{ color: #fd7400;}
.auditionBox .audCon .coList:hover{ text-decoration: none; transform:translateY(-6px); -webkit-transform:translateY(-6px);}

.auditionBox .fy{ content:""; display:block; clear: both; height: 40px; text-align: center; margin-bottom: 30px;}
.auditionBox .fy a.last,.auditionBox .fy a.first,.auditionBox .fy span.last,.auditionBox .fy span.first{ display: inline-block; width: 66px; line-height: 40px; text-align: center; font-size: 14px; color: #666; margin: 0 5px;}
.auditionBox .fy span.last,.auditionBox .fy span.first{ color: #ccc;}
.auditionBox .fy a.up,.auditionBox .fy a.Down,.auditionBox .fy span.up,.auditionBox .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;}
.auditionBox .fy span.up,.auditionBox .fy span.Down{ color: #ccc; background: #f6f6f6;}
.auditionBox .fy a.num,.auditionBox .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;}
.auditionBox .fy a.on{ background: #4ab83e; border: 1px solid #4ab83e; color: #fff;}
.auditionBox .fy a:hover{ text-decoration: none; background: #4ab83e; border: 1px solid #4ab83e; color: #fff;}
.auditionBox .fy a.last:hover,.auditionBox .fy a.first:hover{ border: 0; background: none; color: #4ab83e;}

/*辅导页主导航*/
.tu-navBox{ margin: -80px auto 30px; height: 80px; position: relative; z-index: 2; background: #fff;}
.tu-navBox-tit{ float: left; line-height: 80px; font-size: 20px; font-weight: 700; margin: 0 40px 0 25px;}
.tu-navBox-nav{ float: left; padding-top: 25px;}
.tu-navBox-nav li{ float: left; position: relative; z-index: 1; padding: 0 25px; height: 30px; text-align: center; line-height: 30px; font-size: 16px; cursor: pointer; margin: 0 3px; border-radius: 15px;}
.tu-navBox-nav li i{ display: none; position: absolute; bottom: -25px; left: 50%; margin-left: -10px; width: 19px; height: 10px; background-position: 0 -300px;}
.tu-navBox-nav li:hover{ color: #4ab83e;}
.tu-navBox-nav li.on{ background: #4ab83e; color: #fff; font-weight: 700;}
.tu-navBox-nav li.on i{ display: block;}

/*导航-快搜*/
.kuaisouNav{ width:235px; height: 30px; padding-left: 13px; margin:24px 18px 0 0; border: 1px solid #ddd; border-radius: 16px; overflow: hidden;}
.kuaisouNav form{ width:auto; height:30px;}
.kuaisouNav .ks-input{ width:180px; height:30px; line-height: 30px; border: 0; font-size: 12px; color: #999; padding:0 7px 0 0; background: url(/OtherItem/images/2020demo/icon_01.png) no-repeat right center;}
.kuaisouNav .ks-btn{ width: 48px; height:30px; border: 0; line-height: 360px; overflow:hidden; cursor:pointer; background:url(/OtherItem/images/2020demo/icon_03.png) no-repeat center;}
.kuaisouNav .ks-btn:hover{opacity: .8;}

/*搜索空*/
.showNone{ float: left; width: 895px; height: 242px; padding-top: 54px; background: #fff; border-radius: 4px; -webkit-box-shadow:0 0 20px rgba(232, 232, 232, 1); -moz-box-shadow:0 0 20px rgba(232, 232, 232, 1); box-shadow:0 0 20px rgba(232, 232, 232, 1);}
.showNone .pic{ width: 195px; height: 98px; margin: 0 auto;}
.showNone .ttxt{ line-height: 44px; text-align: center; font-size: 14px; font-weight: 700;}
.showNone .btxt{ line-height: 24px; text-indent: 366px; font-size: 12px; color: #666;}