@charset "utf-8";
/*
@author: he
@update: he (2024-03-01)
*/

body{font:12px/1.5 "\5FAE\8F6F\96C5\9ED1",arial,Helvetica,Tahoma,sans-serif; margin:0 auto; color:#333; min-width: 1200px; background: #f6f6f6;}
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:none; transition:all 0.1s linear; -webkit-transition:all 0.1s linear;}
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;}
.li-an{ background:url(../images/li-an.png) no-repeat; background-size: 150px auto;}
/* 新增公用样式 */
.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, #FF0000); background: -ms-linear-gradient(to right, #11C3F9, #FF0000); background: -webkit-linear-gradient(to right, #11C3F9, #FF0000); background: linear-gradient(to right, #11C3F9, #FF0000); filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#11C3F9", endColorstr="#72C472", gradientType="1");}
.verticalcolor{background: -moz-linear-gradient(#11C3F9, #FF0000); background: -ms-linear-gradient(#11C3F9, #FF0000); background: -webkit-linear-gradient(#11C3F9, #FF0000); background: linear-gradient(#11C3F9, #FF0000); filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#11C3F9", endColorstr="#72C472", gradientType="0");}
.margR0{margin-right: 0 !important;}
.main-left{ float: left; width: 810px;}
.main-right{ float: right; width: 360px;}
.commonLeftBg{ background: #fff; margin-bottom: 20px; padding-top: 20px; border-radius: 4px; -webkit-box-shadow:0 5px 30px rgba(232,232,232,1); -moz-box-shadow:0 5px 30px rgba(232,232,232,1); box-shadow:0 5px 30px rgba(232,232,232,1);}
.commonRightBg{ background: #fff; background-size: 100% auto; margin-bottom: 20px; border-radius: 4px; -webkit-box-shadow:0 5px 30px rgba(232,232,232,1); -moz-box-shadow:0 5px 30px rgba(232,232,232,1); box-shadow:0 5px 30px rgba(232,232,232,1);}
.prev,.next{width:20px;height:30px;position:absolute;left:0;top:50%;margin-top:-15px;z-index:4;display:none;background-position:0 -350px;}
.next{left:auto;right:0;background-position:-30px -350px;}



/* 分类切换 */
.left-tabTit{ height: 50px; margin: 0 30px 20px; background: #fff; border-radius: 4px; -webkit-box-shadow:0 0 12px rgba(232,232,232,0.6); -moz-box-shadow:0 0 12px rgba(232,232,232,0.6); box-shadow:0 0 12px rgba(232,232,232,0.6);}
.left-tabTit-left{color: #ff0000; float: left; width: 100px; line-height: 50px; text-align: center; font-size: 16px; font-weight: 700;}
.left-tabTit ul{ float: right; width: 640px;}
.left-tabTit ul li{ position: relative; z-index: 1; float: left; width: 89px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; border-radius: 4px; cursor: pointer;}
.left-tabTit ul li:after{ content:" "; display: none; width: 17px; height: 7px; position: absolute; left: 50%; bottom: -7px; margin-left: -8px; background:url(../images/li-an.png) no-repeat 0 -50px; background-size: 150px auto;}
.left-tabTit ul li.on{ background: #58bd4d; color: #fff;}
.left-tabTit ul li.on a{ color: #fff;}
.left-tabTit ul li.on:after{ display: block;}
.left-tabTit ul li:hover.left-tabTit ul li a:hover{ color: #FF0000;}
.left-tabTit ul li.on:hover,.left-tabTit ul li.on a:hover{ color: #fff;}


/* 列表内容 */
.left-listBox{ margin: 0 30px 30px;}
.left-listBox ul{ padding: 10px 10px; border-bottom: 1px solid #efefef; font-size: 14px;}
.left-listBox ul li{ height: 38px; line-height: 38px;}
.left-listBox ul li.imgbox {
    display: inline-block;
    width: 248px;
    height: 150px;
    vertical-align: middle;
    margin-right: 14px;
    overflow: hidden;
    margin-bottom: 7px;
}
.left-listBox ul li .atxt{ float: left; display: block; width: 630px; height: 38px; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.left-listBox ul li .atxt:hover{ color: #FF0000;}
.left-listBox ul li .time{ float: right; display: block; font-size: 14px; color: #999;}
.left-listBox .fy{ overflow: hidden; clear: both; text-align: center; height: 34px; padding: 30px 0 0 0; color: #666;}
.left-listBox .fy a{ display: inline-block; margin: 0 7px; vertical-align: middle; width: 34px; height: 34px; line-height: 34px; color: #666; font-size: 14px; border-radius: 3px}
.left-listBox .fy a:hover{ background-color: #d5f9e0; text-decoration: none;}
.left-listBox .fy .hover{ background-color: #FF0000; color: #fff}
.left-listBox .fy .hover:hover{ background-color: #FF0000; color: #fff;}
.left-listBox .fy .sw{ width: 56px}
.left-listBox .fy .np{ width: 70px}
.left-listBox .fy .hui{ color: #ccc; cursor: auto;}
.left-listBox .fy .hui:hover{ background: none;}


/* 右免费试听 */
.right-audition{ height: 320px; overflow: hidden;}
.right-audition .raTit{ padding-top: 4px; height: 46px; margin: 0 20px 12px;}
.right-audition .raTit li{ position: relative; z-index: 1; float: left; padding: 0 10px; height: 46px; line-height: 46px; font-size: 18px; color: #666; cursor: pointer;}
.right-audition .raTit li.on{ color: #FF0000; font-weight: 700;}
.right-audition .raTit li:after{ content:" "; display: none; width: 20px; height: 4px; border-radius: 2px; position: absolute; left: 50%; bottom: 0; margin-left: -10px; background: #FF0000;}
.right-audition .raTit li.on:after{ display: block;}
.right-audition .raCon{ margin: 0 20px 20px;}
.right-audition .raCon .auditionBox-mian,.right-audition .raCon .auditionBox{ overflow: hidden; position: relative; z-index: 1; width: 100%; height: 180px;}
.right-audition .raCon .auditionBox li .link{ display: block; position: relative; z-index: 1; width: 100%; height: 180px; cursor: pointer;}
.right-audition .raCon .auditionBox li .link .pic{ display: block; width: 100%; height: 180px;}
.right-audition .raCon .auditionBox li .link .icon{ display: block; position: absolute; top: 50%; left: 50%; margin: -29px 0 0 -29px; width: 58px; height: 58px; background-position: 0 -245px;}
.right-audition .raCon .auditionBox li .bfd{ position: absolute; left: 0; bottom: 0; z-index: 5; width: 100%; height: 36px; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2000000', endColorstr='#B2000000');background:rgba(0,0,0,0.7);}
.right-audition .raCon .auditionBox li .bfd-name{ display: block; line-height: 36px; font-size: 18px; color: #fff; margin-left: 12px;}
.right-audition .raCon .auditionBox li .bfd-cour{ display: block; line-height: 36px; font-size: 12px; color: #fff; margin-left: 16px;}
.right-audition .raCon .auditionBox li .bfd-rbtn{ display: block; width: 66px; height: 26px; line-height: 26px; font-size: 12px; color: #fff; text-align: center; background: #FF0000; border-radius: 3px; margin: 5px 10px 0 0;}
.right-audition .raCon .auditionBox li .bfd-rbtn:hover{ background: #23a216; text-decoration: none;}
.right-audition .raCon .raCourseBox-mian,.right-audition .raCon .raCourseBox{ overflow: hidden; position: relative; z-index: 1; width: 100%; height: 180px;}
.right-audition .raCon .raCourseBox li .link{ display: block; position: relative; z-index: 1; width: 100%; height: 180px; cursor: pointer;}
.right-audition .raCon .raCourseBox li .link .pic{ display: block; width: 100%; height: 180px;}
.right-audition .raCon .raLiveBox{ width: 100%; padding: 4px 0 0 0; height: 176px;}
.right-audition .raCon .raLiveBox-list{ height: 54px; padding: 15px 0; border-bottom: 1px dashed #e8e6e6}
.right-audition .raCon .raLiveBox-list .pic{ overflow: hidden; width: 54px; height: 54px; border-radius: 50%;}
.right-audition .raCon .raLiveBox-list .pic img{ width: 54px; height: auto;}
.right-audition .raCon .raLiveBox-list .right{ width: 250px;}
.right-audition .raCon .raLiveBox-list .right-ttxt{ display: block; height: 26px; line-height: 26px; font-size: 14px; margin-bottom: 8px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.right-audition .raCon .raLiveBox-list .right-ttxt:hover{ color: #FF0000;}
.right-audition .raCon .raLiveBox-list .right-btxt{ height: 20px;}
.right-audition .raCon .raLiveBox-list .right-btxt p{ width: 190px; line-height: 20px; font-size: 12px; color: #999;}
.right-audition .raCon .raLiveBox-list .right-btxt .btn{ display: block; width: 54px; height: 18px; line-height: 18px; text-align: center; font-size: 12px; color: #FF0000; border: 1px solid #FF0000; border-radius: 10px;}
.right-audition .raCon .raLiveBox-list .right-btxt .btn:hover{ text-decoration: none; background: #FF0000; color: #fff;}
.right-audition .raBtn{ display: block; width: 258px; height: 34px; line-height: 34px; text-align: center; font-size: 14px; border: 1px solid #FF0000; color: #FF0000; border-radius: 18px; margin: 0 auto 20px;}
.right-audition .raBtn:hover{ background: #FF0000; color: #fff;}

/* 右精品题 */
.right-subject .rsTit{ padding-top: 4px; height: 46px; line-height: 46px; font-size: 18px; font-weight: 700; margin: 0 20px;}
.right-subject .rsSubTit{ height: 36px; text-align: center; margin-bottom: 20px;}
.right-subject .rsSubTit li{ display: inline-block; width: 98px; height: 34px; line-height: 34px; font-size: 14px; color: #333; border: 1px solid #d6f4df; margin: 0 3px; border-radius: 18px; background: #fff; cursor: pointer;}
.right-subject .rsSubTit li.on{ background: #FF0000; border: 1px solid #FF0000; color: #fff; font-weight: 700;}
.right-subject .rsCon{ display: none; margin: 0 20px 20px;}
.right-subject .rsCon .secretBox{ position: relative; z-index: 1; width: 100%; height: 174px; padding-top: 30px; background:url(../images/bg_03.jpg) no-repeat; background-size: 100% 100%;}
.right-subject .rsCon .secretBox .fdIcon{ position: absolute; top: 0; right: 0; width: 48px; height: 45px;}
.right-subject .rsCon .secretBox .fdIcon img{ width: 48px; height: 45px;}
.right-subject .rsCon .secretBox .sList{}
.right-subject .rsCon .secretBox .sList-list{ float: left; width: 130px; height: 44px; line-height: 44px; text-align: center; font-size: 14px; background: #fff; border-radius: 6px; margin: 0 0 10px 20px; -webkit-box-shadow:0 6px 12px rgba(239,239,239,1); -moz-box-shadow:0 6px 12px rgba(239,239,239,1); box-shadow:0 6px 12px rgba(239,239,239,1);}
.right-subject .rsCon .secretBox .sList-list b{ font-size: 18px; vertical-align: -2px;}
.right-subject .rsCon .secretBox .syPrice{ clear: both; height: 20px; line-height: 20px; text-align: center; font-size: 14px; color: #999; text-decoration: line-through; margin-bottom: 10px;}
.right-subject .rsCon .secretBox .sBot{ height: 34px; border: 1px solid #fd7400; border-radius: 17px; margin: 0 20px;}
.right-subject .rsCon .secretBox .sBot-price{ float: left; line-height: 34px; color: #fd7400; font-size: 14px; margin-left: 20px;}
.right-subject .rsCon .secretBox .sBot-price b{ font-size: 20px;}
.right-subject .rsCon .secretBox .sBot-btn{ position: relative; z-index: 1; float: right; display: block; width: 120px; height: 34px; line-height: 34px; text-align: center; font-size: 14px; color: #fff; background: #fd7400; border-radius: 17px;}
.right-subject .rsCon .secretBox .sBot-btn:hover{ background: #FD6100;}
.right-subject .rsCon .listCon{ position: relative; z-index: 1; display: block; height: 204px;}
.right-subject .rsCon .listCon-ewm{ float: left; width: 113px; margin: 40px 0 0 30px;}
.right-subject .rsCon .listCon-ewm img{ display: block; width: 100px; height: 100px; margin: 0 auto;}
.right-subject .rsCon .listCon-list{ float: right; width: 130px; margin: 9px 14px 0 0;}
.right-subject .rsCon .listCon-list .tit{ height: 40px; line-height: 40px; font-size: 16px; font-weight: 700;}
.right-subject .rsCon .listCon-list p{ line-height: 36px; font-size: 14px; color: #666;}
.right-subject .rsCon .listCon-btn{ position: absolute; left: 50%; bottom: 0; margin-left: -130px; display: block; width: 258px; height: 34px; line-height: 34px; text-align: center; font-size: 14px; border: 1px solid #FF0000; color: #FF0000; border-radius: 18px;}
.right-subject .rsCon .listCon-btn:hover{ background: #FF0000; color: #fff;}
.right-subject .rsCon .listCon.bg01{ background:url(../images/bg_04.jpg) no-repeat;}
.right-subject .rsCon .listCon.bg02{ background:url(../images/bg_05.jpg) no-repeat;}

/* 右图书资料 */
.right-bookInfor .rbTit{ padding-top: 4px; height: 46px; line-height: 46px; font-size: 18px; font-weight: 700; margin: 0 20px;}
.right-bookInfor .rbSubTit{ height: 36px; text-align: center; margin-bottom: 10px;}
.right-bookInfor .rbSubTit li{ display: inline-block; width: 98px; height: 34px; line-height: 34px; font-size: 14px; color: #333; border: 1px solid #d6f4df; margin: 0 3px; border-radius: 18px; background: #fff; cursor: pointer;}
.right-bookInfor .rbSubTit li.on{ background: #FF0000; border: 1px solid #FF0000; color: #fff; font-weight: 700;}
.right-bookInfor .rbCon{ display: none; margin: 0 20px 15px;}
.right-bookInfor .rbCon .handout{ padding-bottom: 10px;}
.right-bookInfor .rbCon .handout .list{ position: relative; z-index: 1; display: block; padding: 16px 0 25px 150px; border-bottom: 1px dashed #e9e9e9;}
.right-bookInfor .rbCon .handout .list-pic{ position: absolute; left: 0; top: 50%; margin-top: -50px; width: 140px; height: 94px; text-align: center;  padding: 3px 0 3px 0; }
.right-bookInfor .rbCon .handout .list-pic img{ display: inline-block; width: 140px; height: 100%;}
.right-bookInfor .rbCon .handout .list-tit{ height: 30px; line-height: 20px; font-size: 14px; color: #262626; margin: 2px 0; overflow:hidden; display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.right-bookInfor .rbCon .handout .list-bot{ height: 22px; padding-bottom: 8px;}
.right-bookInfor .rbCon .handout .list-bot-price{ float: left; line-height: 22px;}
.right-bookInfor .rbCon .handout .list-bot-price .xj{ display: inline-block; font-size: 16px; color: #ff0000; font-weight: 700;}
.right-bookInfor .rbCon .handout .list-bot-price .yj{ display: inline-block; font-size: 12px; color: #999; text-decoration: line-through; margin-left: 10px;}
.right-bookInfor .rbCon .handout .list-bot-btn{ float: right; width: 56px; height: 22px; line-height: 22px; text-align: center; color: #fff; background: #FF0000; border-radius: 11px;}
.right-bookInfor .rbCon .handout .list:hover .list-tit{ color: #FF0000;}
.right-bookInfor .rbCon .handout .list:last-child{ border-bottom: 0;}
.right-bookInfor .rbCon .testPaper{ padding-top: 14px;}
.right-bookInfor .rbCon .testPaper .list{ position: relative; z-index: 1; display: block; padding-left: 60px; margin-bottom: 14px;}
.right-bookInfor .rbCon .testPaper .list-icon{ position: absolute; left: 0; top: 0; width: 48px; height: 50px;}
.right-bookInfor .rbCon .testPaper .list-icon img{ width: 48px; height: 50px;}
.right-bookInfor .rbCon .testPaper .list-tit{ max-height: 40px; line-height: 20px; font-size: 14px; color: #666; margin-bottom: 6px; overflow:hidden; display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.right-bookInfor .rbCon .testPaper .list-bot{ height: 22px;}
.right-bookInfor .rbCon .testPaper .list-bot-left{ float: left; line-height: 22px; font-size: 12px; color: #999;}
.right-bookInfor .rbCon .testPaper .list-bot-btn{ float: right; width: 56px; height: 22px; line-height: 22px; text-align: center; color: #fff; background: #FF0000; border-radius: 11px;}
.right-bookInfor .rbCon .testPaper .list:hover .list-tit{ color: #FF0000;}
.right-bookInfor .rbCon .giftPack .pic{ height: 186px; margin-bottom: 4px;}
.right-bookInfor .rbCon .giftPack .pic img{ width: 100%; height: 186px;}
.right-bookInfor .rbCon .giftPack .list{ padding-left: 8px; margin-bottom: 8px;}
.right-bookInfor .rbCon .giftPack .list li{ float: left; width: 104px; height: 32px; line-height: 32px; font-size: 14px; color: #666;}
.right-bookInfor .rbCon .bbtn{ display: block; width: 258px; height: 34px; line-height: 34px; text-align: center; font-size: 14px; border: 1px solid #FF0000; color: #FF0000; border-radius: 18px; margin: 6px auto 0;}
.right-bookInfor .rbCon .bbtn:hover{ background: #FF0000; color: #fff;}

/* 右学习社区 */
.right-community .rcTit{ padding-top: 4px; height: 46px; line-height: 46px; font-size: 18px; font-weight: 700; margin: 0 20px;}
.right-community .rcSubTit{ height: 36px; text-align: center; margin-bottom: 20px;}
.right-community .rcSubTit li{ display: inline-block; width: 72px; height: 34px; line-height: 34px; font-size: 14px; color: #333; border: 1px solid #d6f4df; margin: 0 3px; border-radius: 18px; background: #fff; cursor: pointer;}
.right-community .rcSubTit li.on{ background: #FF0000; border: 1px solid #FF0000; color: #fff; font-weight: 700;}
.right-community .rcCon{ display: none; margin: 0 20px 20px;}
.right-community .rcCon .exchange .pic{ width: 132px; height: 132px; border: 1px solid #dfdfdf; padding: 10px; margin: 0 auto; border-radius: 10px;}
.right-community .rcCon .exchange .pic img{ width: 132px; height: 132px;}
.right-community .rcCon .exchange .txt{ height: 44px; line-height: 44px; text-align: center; font-size: 14px; font-weight: 700;}
.right-community .rcCon .exchange .bot{ height: 54px; background: #f9fafb; border-radius: 12px;}
.right-community .rcCon .exchange .bot-pic{ float: left; margin: 7px 0 0 30px;}
.right-community .rcCon .exchange .bot-pic img{ display: inline-block; width: 36px; height: 36px; border: 2px solid #fff; border-radius: 50%; margin-left: -14px;}
.right-community .rcCon .exchange .bot-txt{ float: right; line-height: 54px; font-size: 14px; margin: 0 40px 0 0;}
.right-community .rcCon .listCon{ position: relative; z-index: 1; display: block; height: 170px;}
.right-community .rcCon .listCon .bgImg{ display: block; width: 320px; height: 170px;}
.right-community .rcCon .listCon .bgEwm01{ position: absolute; top: 34px; left: 22px; display: block; width: 98px; height: 98px;}
.right-community .rcCon .listCon .bgEwm02{ position: absolute; top: 20px; left: 8px; display: block; width: 126px; height: 126px;}