@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;}
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/24homePage/common-list/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, #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;}
.main-left{ float: left; width: 800px;}
.main-right{ float: right; width: 360px;}
.commonLeftBg{ background: #fff; margin-bottom: 20px; border-radius: 4px; -webkit-box-shadow:0 5px 20px rgba(232,232,232,1); -moz-box-shadow:0 5px 20px rgba(232,232,232,1); box-shadow:0 5px 20px rgba(232,232,232,1);}
.commonRightBg{ background:url(/images/24homePage/common-list/bg_01.png) no-repeat top #fff; background-size: 100% auto; margin-bottom: 20px; border-radius: 4px; -webkit-box-shadow:0 5px 20px rgba(232,232,232,1); -moz-box-shadow:0 5px 20px rgba(232,232,232,1); box-shadow:0 5px 20px 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;}

/*顶部导航*/
.topNavbg{ background: #4ab83e;}
.topNav{ height: 50px;}
.topNav .nav-courseEdu{ width: 250px; text-align: center; position:relative; z-index:49;}
.topNav .nav-courseEdu h1{ display: inline-block; *display: inline; *zoom: 1; line-height:50px; font-size:20px; color:#fff;}
.topNav .nav-courseEdu h1 a{color:#fff;}
.topNav .nav-courseEdu .edu-switch{ display: inline-block; *display: inline; *zoom: 1; width: 24px; height:50px; margin:0 0 0 10px; vertical-align: top;}
.topNav .nav-courseEdu .edu-switch .edu-switch-el{ position: relative; z-index: 1; display: block; width:24px;height:50px;line-height:230px;overflow:hidden; background:url(/images/24homePage/column-yishizige/col-an.png) no-repeat 5px -1531px; background-size: 92px auto;}
.topNav .nav-courseEdu .edu-switch .edu-switch-el .icon{ position: absolute; left: 4px; bottom: 5px; z-index: 2; display: none; width: 14px; height: 8px; background:url(/images/24homePage/column-yishizige/col-an.png) no-repeat 0 -1600px; background-size: 92px auto;}
.topNav .nav-courseEdu .edu-switch .edu-switch-layer{width:360px;padding:15px 15px 7px;background:#fff;border:1px solid #4ab83e;-webkit-box-shadow:0 3px 11px rgba(217,217,217,.5);-moz-box-shadow:0 3px 11px rgba(217,217,217,.5);box-shadow:0 3px 11px rgba(217,217,217,.5);position:absolute;left:0;top:44px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;display:none;}
.topNav .nav-courseEdu .edu-switch .edu-switch-layer li{margin:0 3px 8px;display:inline-block;*display:inline;*zoom:1;float: left;}
.topNav .nav-courseEdu .edu-switch .edu-switch-layer li a{width:110px;height:28px;line-height:28px;font-size:16px;text-align:center;display:inline-block;border-radius:14px;}
.topNav .nav-courseEdu .edu-switch .edu-switch-layer li a:hover{background-color:#dbf1d8;color:#4ab83e;}
.topNav .nav-courseEdu .edu-switch .edu-switch-layer li .on{color:#fff;background:#4dbd33;-webkit-box-shadow:0 2px 6px rgba(53,148,58,.5);-moz-box-shadow:0 2px 6px rgba(53,148,58,.5);;box-shadow:0 2px 6px rgba(53,148,58,.5);}
.topNav .nav-courseEdu .edu-switch.cur .edu-switch-el .icon{ display: block;}
.topNav .nav-main{}
.topNav .nav-main li{ margin-right:29px; height:50px; line-height:50px; display:inline-block; *display:inline; *zoom:1; font-size:16px;}
.topNav .nav-main li .atit{ color:#fff;}
.topNav .nav-main li.nav-hover{position:relative; z-index:49;}
.topNav .nav-main li.nav-hover .atit{display:inline-block; padding-right:22px;}
.topNav .nav-main li.nav-hover .atit:after{ position: absolute; right: 0; top: 21px; content:" "; display:block; width: 15px; height:9px; background:url(/images/24homePage/column-yishizige/icon_02.png) no-repeat right center; background-size: 15px 9px; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.topNav .nav-main li.nav-hover .icon{ position: absolute; left: 50%; bottom: 0; margin-left: -12px; z-index: 2; display: none; width: 17px; height: 10px; background:url(/images/24homePage/column-yishizige/col-an.png) no-repeat 0 -1700px; background-size: 92px auto;}
.topNav .nav-main li.this-hover .atit:after{ transform:rotateZ(180deg);}
.topNav .nav-main li.this-hover .icon{ display: block;}
.topNav .nav-main li.mr0{ margin-right: 0;}
.topNav .nav-main li.pl29{ padding-left: 29px;}
.topNav .nav-main li.pl29.nav-hover .icon{ margin-left: -4px;}
.topNav .nav-main li .nmPop{ width:360px; padding:16px 16px 8px; background:#fff; -webkit-box-shadow:0 3px 11px rgba(217,217,217,.5);-moz-box-shadow:0 3px 11px rgba(217,217,217,.5);box-shadow:0 3px 11px rgba(217,217,217,.5);position:absolute;left:0;top:50px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;display:none;}
.topNav .nav-main li .nmPop-list{ margin:0 3px 8px; display:inline-block; vertical-align: top;}
.topNav .nav-main li .nmPop-list a{width:110px;height:28px;line-height:28px;font-size:16px;text-align:center;display:inline-block; border-radius:14px;}
.topNav .nav-main li .nmPop-list a:hover{background-color:#dbf1d8;color:#4ab83e;}
.topNav .nav-main li .nmPop-list .on{color:#fff;background:#4dbd33;-webkit-box-shadow:0 2px 6px rgba(53,148,58,.5);-moz-box-shadow:0 2px 6px rgba(53,148,58,.5);;box-shadow:0 2px 6px rgba(53,148,58,.5);}
.topNav .nav-main li .infoPop-warp{ display:none; position: absolute; right: 0; top:33px; margin-left: -600px; width:1200px;}
.topNav .nav-main li .infoPop-warp.w800{ width: 800px;}
.topNav .nav-main li .infoPop{ width: 100%; padding: 20px 0; background:#fff; margin-top: 17px; -webkit-box-shadow:0 4px 16px rgba(217,217,217,.7); -moz-box-shadow:0 4px 16px rgba(217,217,217,.7); box-shadow:0 4px 16px rgba(217,217,217,.7); border-radius:6px;
    background: -webkit-linear-gradient(top, #edf9f4 0%, #ffffff 6%); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #edf9f4 0%, #ffffff 6%); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #edf9f4 0%, #ffffff 6%); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #edf9f4 0%, #ffffff 6%); /* 标准的语法 */}
.topNav .nav-main li .infoPop-tit{ height: 36px; line-height: 36px; font-weight: 700; margin: 0 50px 8px;}
.topNav .nav-main li .infoPop-cen{ margin: 0 30px 0 50px;}
.topNav .nav-main li .infoPop-cen .icList{ float: left; position: relative; display: block; padding: 0 20px; height: 38px; line-height: 38px; font-size: 14px; background: #f8fafa; border-radius: 19px; margin: 0 20px 10px 0;}
.topNav .nav-main li .infoPop-cen .icList:hover{ background-color:#dbf1d8; color:#4ab83e;}
.topNav .nav-main li .infoPop-cen .icList i{ display: none; position: absolute; top: -10px; right: 0; width: 38px; height: 16px;}
.topNav .nav-main li .infoPop-cen .icList.cur{ background: #fff5ec; color:#fd7400;}
.topNav .nav-main li .infoPop-cen .icList.cur i{ display: block;}
.topNav .nav-main li .infoPop-cen .icList.cur i img{ width: 38px; height: 16px;}
.topNav .nav-main li .infoPop-bot{ margin: 0 30px 0 50px;}
.topNav .nav-main li .infoPop-bot .ibList{ float: left; position: relative; display: block; width: 100px; height: 80px; padding-top: 16px; background: #f8fafa; border-radius: 4px; margin: 0 20px 10px 0;}
.topNav .nav-main li .infoPop-bot .ibList-pic{ display: block; width: 40px; height: 40px; margin: 0 auto;}
.topNav .nav-main li .infoPop-bot .ibList-txt{ display: block; line-height: 40px; text-align: center; font-size: 14px; color: #666;}
.topNav .nav-main li .infoPop-bot .ibList:hover .ibList-txt{ color:#4ab83e;}

/* 面包屑 */
.crumbs-wrap{ height: 32px; line-height: 32px; font-size: 14px; color: #666; padding: 20px 0;}
.crumbs-wrap a{ color: #666;}
.crumbs-wrap a:hover{ color: #4ab83e;}

/* 通栏广告 */
.left-banner{ display: block; height: 90px; margin-bottom: 20px;}
.left-banner img{ width: 100%; height: 90px; border-radius: 5px;}

/* 新闻标题 */
.news_mian{ padding-bottom: 20px; border-bottom: 1px solid #e7e7e7;}
.news_mian h1{ line-height: 46px; font-size: 24px; font-weight: 700; margin-bottom: 14px;}
.news_mian .mark{ height: 24px;}
.news_mian .mark .lTxt{ float: left; font-size: 14px; line-height: 24px;}
.news_mian .mark .lTxt .source{ display: inline-block; margin-left: 30px;}
.news_mian .mark .lTxt .source a{ color: #4ab83e;}
.news_mian .mark .collection{ float: right; display: block; width: 24px; height: 24px; margin-left: 16px; background-position: 0 -400px; transition: none;}
.news_mian .mark .collection.on{ background-position: 0 -450px;}
.news_mian .mark .print{ float: right; display: block; padding: 0 12px; height: 22px; line-height: 22px; font-size: 14px; color: #666; border: 1px solid #ccc; border-radius: 12px;}
.news_mian .mark .print:hover{ color: #4ab83e; border: 1px solid #4ab83e;}
.news_mian .mark .font_size{ float: right; font-size: 14px;}
.news_mian .mark .font_size .big,.news_mian .mark .font_size .small{ display: inline-block; padding: 0 12px; height: 22px; line-height: 22px; font-size: 14px; color: #666; border: 1px solid #ccc; margin-right: 10px; border-radius: 12px;}
.news_mian .mark .font_size .big:hover,.news_mian .mark .font_size .small:hover{ color: #4ab83e; border: 1px solid #4ab83e;}

/* 新闻内容 */
.news_con{ padding-top: 20px; line-height: 36px; font-size: 16px; margin-bottom: 30px;}
.news_con p a{ color: #080fff;}
.news_con p a.hotLink{ color: #333;}
.news_con.txt2{ line-height: 40px; font-size: 18px;}
.news_con.txt3{ line-height: 44px; font-size: 20px;}
.news_con.txt4{ line-height: 48px; font-size: 22px;}
.news_con table a{ color: #080fff;}

/* 分享 */
.share{ margin-bottom: 30px;}
.share .jc{ line-height: 42px; color: #666; font-size: 14px;}
.share .shareLeft .shareBlock{ float: left; height: 42px; text-align: center; margin-right:30px;}
.share .shareLeft .shareBlock p{ float: left; color:#777; font-size: 14px; line-height: 42px; margin: 0 0 0 6px;}
.share .shareLeft .shareImg{ display:block; float: left; width:24px; height:24px; margin-top: 8px;}
.share .shareLeft .collect a{background: url(/images/24homePage/common-list/star_no.png) no-repeat;}
.share .shareLeft .collect a:hover{ background: url(/images/24homePage/common-list/star_no.png) no-repeat;}
.share .shareLeft .collect a.on{background: url(/images/24homePage/common-list/star_yes.png) no-repeat;}

/* 下部通栏广告 */
.left-bot-banner{ display: block; height: 170px; margin-bottom: 10px;}

/* 相关资讯 */
.left-information{ margin-bottom: 30px;}
.left-information .tit{ line-height:60px; height:60px; border-bottom: 1px solid #e0e0e0;}
.left-information .tit-left{ float: left; height: 56px; font-size: 20px; font-weight: 700; border-bottom:4px solid #4ab83e;}
.left-information ul{ padding:20px 0 0 0;}
.left-information li{ overflow: hidden; float: left; width: 380px; height: 38px; line-height: 38px; font-size: 16px; padding-right: 20px; white-space: nowrap; text-overflow: ellipsis;}
.left-information li a:hover{ color: #4ab83e; text-decoration: none;}

/* 右倒计时 */
.right-timeBox .rtCountdown{ overflow: hidden; width: 100%; height: 100px;}
.right-timeBox .rtCountdown li{ height: 100px; font-size: 16px; color: #333;}
.right-timeBox .rtCountdown li .tit{ display: block; line-height: 54px; text-align: center;}
.right-timeBox .rtCountdown li .bot{ display: block; height: 46px; line-height: 40px; text-align: center;}
.right-timeBox .rtCountdown li .bot b{ display: inline-block; height: 46px; line-height: 40px; font-size: 28px; text-indent: 20px; letter-spacing: 29px; text-align: left;}
.right-timeBox .rtCountdown li .bot b.two{ width: 104px; background-position: 0 -150px;}
.right-timeBox .rtCountdown li .bot b.thr{ width: 150px; background-position: 0 -100px;}
.right-timeBox .cenCon{ padding: 20px 0 0 20px;}
.right-timeBox .cenCon-list{ float: left; display: block; width: 77px; height: 42px; line-height: 42px; font-size: 14px; text-align: center; margin: 0 4px 10px 0; 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);}
.right-timeBox .cenCon-list:hover{ color: #4ab83e;}
.right-timeBox .botCon{ margin: 0 20px;}
.right-timeBox .botCon-ewm{ position: relative; z-index: 1; background:url(/images/24homePage/common-list/bg_02.jpg) no-repeat; background-size: 100% 100%; height: 132px; margin-bottom: 20px;}
.right-timeBox .botCon-ewm .pic{ position: absolute; top: 14px; left: 35px; display: block; width: 98px; height: 98px;}
.right-timeBox .botCon-ewm .right{ float: right; width: 150px; padding-top: 25px;}
.right-timeBox .botCon-ewm .right-btn{ display: block; width: 130px; height: 26px; line-height: 26px; text-align: center; font-size: 16px; font-weight: 700; background: #fee490; border-radius: 6px; margin-bottom: 12px;
    background: -webkit-linear-gradient(top, #ffedcf, #fdd73d); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #ffedcf, #fdd73d); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #ffedcf, #fdd73d); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #ffedcf, #fdd73d); /* 标准的语法 */}
.right-timeBox .botCon-ewm .right-txt{ line-height: 20px; font-size: 14px; color: #666;}
.right-timeBox .botCon-bbtn{ display: block; width: 258px; height: 34px; line-height: 34px; text-align: center; font-size: 14px; border: 1px solid #4ab83e; color: #4ab83e; border-radius: 18px; margin: 0 auto 20px;}
.right-timeBox .botCon-bbtn:hover{ background: #4ab83e; color: #fff;}

/* 右免费试听 */
.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: #4ab83e; 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: #4ab83e;}
.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: #4ab83e; 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: #4ab83e;}
.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: #4ab83e; border: 1px solid #4ab83e; border-radius: 10px;}
.right-audition .raCon .raLiveBox-list .right-btxt .btn:hover{ text-decoration: none; background: #4ab83e; color: #fff;}
.right-audition .raBtn{ display: block; width: 258px; height: 34px; line-height: 34px; text-align: center; font-size: 14px; border: 1px solid #4ab83e; color: #4ab83e; border-radius: 18px; margin: 0 auto 20px;}
.right-audition .raBtn:hover{ background: #4ab83e; 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: #4ab83e; border: 1px solid #4ab83e; 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/24homePage/common-list/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 #4ab83e; color: #4ab83e; border-radius: 18px;}
.right-subject .rsCon .listCon-btn:hover{ background: #4ab83e; color: #fff;}
.right-subject .rsCon .listCon.bg01{ background:url(/images/24homePage/common-list/bg_04.jpg) no-repeat;}
.right-subject .rsCon .listCon.bg02{ background:url(/images/24homePage/common-list/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: #4ab83e; border: 1px solid #4ab83e; color: #fff; font-weight: 700;}
.right-bookInfor .rbCon{ display: none; margin: 0 20px 20px;}
.right-bookInfor .rbCon .handout{ padding-bottom: 10px;}
.right-bookInfor .rbCon .handout .list{ position: relative; z-index: 1; display: block; padding: 14px 0 14px 110px; border-bottom: 1px dashed #e9e9e9;}
.right-bookInfor .rbCon .handout .list-pic{ position: absolute; left: 0; top: 50%; margin-top: -50px; width: 100px; height: 100px; text-align: center;}
.right-bookInfor .rbCon .handout .list-pic img{ display: inline-block; width: auto; height: 100%;}
.right-bookInfor .rbCon .handout .list-tit{ height: 40px; line-height: 20px; font-size: 14px; color: #666; margin: 8px 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: #4ab83e; border-radius: 11px;}
.right-bookInfor .rbCon .handout .list:hover .list-tit{ color: #4ab83e;}
.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: #4ab83e; border-radius: 11px;}
.right-bookInfor .rbCon .testPaper .list:hover .list-tit{ color: #4ab83e;}
.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 #4ab83e; color: #4ab83e; border-radius: 18px; margin: 6px auto 0;}
.right-bookInfor .rbCon .bbtn:hover{ background: #4ab83e; 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: #4ab83e; border: 1px solid #4ab83e; 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;}

/* 文章页评论 start */
.userCommnets{width: 800px; height: auto; background: #F5F6F8; border-radius: 8px; padding: 20px 10px 20px 20px; box-sizing: border-box; margin-bottom: 10px; display: none;}
.user_head_img{width: 32px; height: 32px; border-radius: 50%; overflow: hidden;}
.user_head_img img{width: 100%; height: 100%;}
.commnets_text{width: 628px; height: auto; background: #FFFFFF; border-radius: 4px; padding-right: 35px; box-sizing: border-box; position: relative; margin: 0 8px 0 14px;}
.commnets_text .exp_icon{width: 20px; height: 20px; background: url(/images/24homePage/common-list/exp_icon.png) no-repeat; position: absolute; right: 12px; top: 8px; cursor: pointer;}
.commnets_text .comment_con_input{width: 97%; line-height: 26px; color: #333; font-size: 14px; padding-left: 10px; border: 0; height: auto; min-height: 31px; padding-top: 5px; outline: none; resize: none; white-space: pre-wrap; overflow-wrap: break-word;}
.commnets_text .comment_con_input span{font-size: 14px !important;}
.commnets_text .comment_con_input:empty::before{content: attr(data-placeholder); color: #999;}
.userCommnets_con_list{max-height: 406px; overflow-y: auto; padding-right: 5px; padding-bottom: 20px;}
.userCommnets_con_list::-webkit-scrollbar {width: 10px;}
.userCommnets_con_list::-webkit-scrollbar {width: 10px;}
.userCommnets_con_list::-webkit-scrollbar-thumb {background-color: #e5e5e5;}
.userCommnets_con_list::-webkit-scrollbar-track {background-color: #F5F6F8;}
.userCommnets_btn{width: 70px; height: 36px; background: #4ab83e; border-radius: 4px; text-align: center; line-height: 36px; color: #fff; font-weight: 600; font-size: 14px; display: block;}
.userCommnets_btn:hover{text-decoration: none;}
.commnet_line{display: block; width: 750px; height: 1px; background: #E3E3E3; margin: 27px 0;}
.userCommnets_con_txt {color: #4ab83e; font-size: 14px; font-weight: 600; padding-left: 24px; background: url(/images/24homePage/common-list/discuss-ico02.png) no-repeat left center; margin-bottom: 21px;}
.userCommnets_con_list .userCom_on{padding-bottom: 17px;}
.userCom_on .user_info_topic{width: 706px; margin-left: 10px;}
.userCom_on .user_info_topic h6{font-size: 12px; color: #999; font-weight: 400;}
.userCom_on .user_info_topic h6 em{margin-left: 4px; display: none;}
.userCom_on .user_info_topic h6 em.no{display: inline-block; width: 16px; height: 16px; background: #EDEBEB; border-radius: 2px; text-align: center; line-height: 16px;}
.userCom_on .user_info_topic h6 .level_tag{display: inline-block; width: 49px; height: 15px; background: url(/images/24homePage/common-list/level_img01.png) no-repeat; vertical-align: middle; margin-top: -2px; margin-left: 6px;}
.userCom_on .user_info_topic h6 .level_tag.level_no{display: none;}
.userCom_on .user_info_topic h6 .level_tag.level_gold{background: url(/images/24homePage/common-list/level_img02.png) no-repeat;}
.userCom_on .user_info_topic h6 .level_tag.level_whitegold{background: url(/images/24homePage/common-list/level_img03.png) no-repeat;}
.userCom_on .user_info_topic .topic_txt{line-height: 19px; font-size: 14px; color: #222; margin-top: 6px; word-wrap: break-word;}
.userCom_on .user_info_topic .topic_txt img{vertical-align: middle; margin-top: -3px;}
.userCom_on .user_info_topic .topic_txt.on{display: none;}
.userCom_on .user_info_topic .topic_info{margin-top: 7px;}
.userCom_on .user_info_topic .topic_info p{color: #999; font-size: 12px;}
.userCom_on .user_info_topic .topic_info p.timeInfo.on{display: none;}
.userCom_on .user_info_topic .topic_info p .del_topic{margin-left: 20px; cursor: pointer; display: none;}
.userCom_on .user_info_topic .topic_info p .del_topic.no{display: inline-block;}
.userCom_on .user_info_topic .topic_info p em{color: #666; font-weight: 600; margin-left: 17px; cursor: pointer;}
.userCom_on .user_info_topic .topic_info .eve_view{font-size: 12px; color: #777; position: relative;}
.userCom_on .user_info_topic .topic_info .eve_view i{display: inline-block; vertical-align: middle;}
.userCom_on .user_info_topic .topic_info .eve_view i.blike{width: 16px; height: 17px; background: url(/images/24homePage/common-list/lik_icon.png) no-repeat center top; margin-right: 4px; cursor: pointer;}
.userCom_on .user_info_topic .topic_info .eve_view span.l_like{vertical-align: middle; line-height: 1;}
.userCom_on .user_info_topic .topic_info .eve_view i.blike.on{background: url(/images/24homePage/common-list/lik_icon_yes.png) no-repeat center;}
.userCom_on .user_info_topic .topic_info .eve_view i.cai_icon{width: 20px; height: 16px; background: url(/images/24homePage/common-list/cai.png) no-repeat center; vertical-align: middle; cursor: pointer; margin-left: 6px; position: relative;}
.userCom_on .user_info_topic .topic_info .eve_view i.cai_icon.on{background: url(/images/24homePage/common-list/cai_yes.png) no-repeat center;}
@keyframes changeBig{0%{transform: scale(1.2);} 100%{transform: scale(1);}}
.userCom_on .user_info_topic .topic_info .eve_view i.cai_icon.on:hover .cancel_cai{display: block;}
.userCom_on .user_info_topic .topic_info .eve_view .cancel_cai{width: 124px; height: 30px; background: rgba(0, 0, 0, 0.6); position: absolute; text-align: center; color: #fff; font-size: 14px; line-height: 30px; right: -1px; top: 25px; border-radius: 6px; display: none;}
.userCom_on .user_info_topic .topic_info .eve_view .cancel_cai::after{display: block; content: ""; position: absolute; right: 8px; top: -5px; width: 0; height: 0; border-bottom: 5px solid #000; border-right: 4px solid transparent; border-left: 4px solid transparent; opacity: 0.6;}
.userCom_on .user_info_topic .topic_info .topic_zhe_tips{font-size: 14px; color: #999; vertical-align: middle; display: none;}
.userCom_on .user_info_topic .topic_info .topic_zhe_tips.on{display: block;}
.userCom_on .user_info_topic .topic_info .topic_zhe_tips .tips_icon{display: inline-block; vertical-align: middle; width: 14px; height: 14px; background: url(/images/24homePage/common-list/tips_icon.png) no-repeat; margin-top: -2px; margin-right: 4px;}
.all_commnets{margin-left: 0;}
.all_commnets .user_head_img{width: 18px; height: 18px; margin-top: 2px;}
.userCom_on .all_commnets li{margin-top: 6px;}
.userCom_on .all_commnets li .user_info_topic{width: 678px;}
.userCom_on .all_commnets li .user_info_topic h6 em{color: #777; font-size: 12px; margin-left: 4px; display: none; width: 16px; height: 16px; background: #EDEBEB; border-radius: 2px; text-align: center; line-height: 16px;}
.userCom_on .all_commnets li .user_info_topic h6 em.no{display: inline-block;}
.userCom_on .all_commnets li .user_info_topic h6 .arr_right{display: inline-block; width: 7px; height: 7px; background: url(/images/24homePage/common-list/arrow_right.png) no-repeat center; margin: 0 10px; vertical-align: middle; margin-top: -3px;}
.userCom_on .user_info_topic .expand_topic{margin-top: 14px;}
.userCom_on .user_info_topic .expand_topic.on{display: none;}
.userCom_on .user_info_topic .expand_topic .ex_line {width: 12px; height: 1px; background: #CCCCCC; margin-right: 8px; margin-top: 9px;}
.userCom_on .user_info_topic .expand_topic span {font-weight: 600; color: #666; font-size: 12px; cursor: pointer;}
.userCom_on .user_info_topic .expand_topic em{width: 13px; height: 11px; background: url(/images/24homePage/common-list/arrow_down.png) no-repeat; margin-top: 4px; margin-left: 3px; margin-right: 20px;}
.userCom_on .user_info_topic .expand_topic .ex_s_up{cursor: pointer; display: none;}
.userCom_on .user_info_topic .expand_topic .ex_s_up em.ex_arr_up_icon{background: url(/images/24homePage/common-list/arrow_up.png) no-repeat;}
.user_info_topic .commnets_text{margin-left: 0;}
.user_info_topic .userCommnets_ipt{margin: 10px 0;}
.userCom_on .all_commnets li .commnets_text {}
.userCommnets_ipt_p.on{position: fixed; bottom: 0; z-index: 20; background: #F5F6F8; width: 800px; margin-left: -20px; padding: 10px 20px; box-sizing: border-box;}
.delPop{position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); left: 0; top: 0; z-index: 199;}
.delPop .delPopCon{position: absolute; width: 418px; height: 220px; background: #FFFFFF; border-radius: 14px; left: 50%; top: 50%; margin-left: -209px; margin-top: -110px; color: #333333; font-size: 16px; text-align: center; padding-top: 69px; box-sizing: border-box; font-family: "微软雅黑,宋体";}
.delPopBtn {margin-top: 40px;}
.delPopBtn a{display: inline-block; width: 130px; height: 42px; background: #FFFFFF; border-radius: 21px; border: 1px solid #979797; text-align: center; line-height: 42px; color: #666; font-size: 16px; margin-left: 64px;}
.delPopBtn a:hover{text-decoration: none;}
.delPopBtn a.delSure{background: #4ab83e; border: 1px solid #4ab83e; border-radius: 21px; color: #fff; margin-left: 30px;}
.commnets_text .expression-con {display: none; width: 628px; border: 1px solid #F1F1F1; border-radius: 8px; padding: 15px 0 0 6px; background: #fff; box-sizing: border-box;}
.commnets_text .expression-con.on{display: block;}
.commnets_text .expression-con span {display: block; float: left; width: 30px; height: 30px; text-align: center; margin: 0 13px 8px 0; cursor: pointer;}
.commnets_text .expression-con span img {width: 24px; padding-top: 3px;}
.commnets_text .expression-con .btn {display: block; float: left; width: 30px; height: 30px; background: url(/images/24homePage/common-list/discuss-ico13.jpg) no-repeat center;}
.userCommnets_con_list_nodata{text-align: center; line-height: 20px;}
.userCommnets_con_list_nodata p{margin-top: 10px;}
/* 文章页评论 end */