@charset "utf-8";

/**/
::-webkit-input-placeholder {color:#dcdcdc;}
:-moz-placeholder {color:#dcdcdc;}
::-moz-placeholder {color:#dcdcdc;}
:-ms-input-placeholder { color:#dcdcdc;}

::-webkit-scrollbar { width:7px; }      
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px #999; -webkit-border-radius: 1px;border-radius: 1px; }
::-webkit-scrollbar-thumb { -webkit-border-radius: 2px;border-radius: 2px;background:#999; -webkit-box-shadow: inset 0 0 6px #c9c8cd; }
::-webkit-scrollbar-thumb:window-inactive { background: #999; }
::-webkit-scrollbar-track-piece {  }
/*::-webkit-scrollbar{width: 7px; height: 7px;} 
::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);}
::-webkit-scrollbar-track:hover{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.4); background-color: rgba(0,0,0,0.01);}
::-webkit-scrollbar-track:active{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.4); background-color: rgba(0,0,0,0.05);}
::-webkit-scrollbar-thumb{background-color: rgba(0,0,0,0.05);  -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);}
::-webkit-scrollbar-thumb{background-color: rgba(0,0,0,0.2);  -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);}
::-webkit-scrollbar-thumb:hover{background-color: rgba(0,0,0,0.4); -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);}
::-webkit-scrollbar-thumb:active{background-color: rgba(0,0,0,0.4);}*/ 

/* Base */
body,p,div,span,ul,li,h1,h2,h3,ol{ margin: 0;padding: 0;}
body,div,p,span,ul,li,a{ font-size: 12px;/*font-family: arial,"Hiragino Sans GB","Microsoft Yahei","微软雅黑","宋体",Tahoma,Arial,Helvetica,STHeiti;*/font-family: "Microsoft YaHei","\5fae\8f6f\96c5\9ed1";} 
input, button, select, textarea { line-height: normal; }
ul, li {list-style-type: none;}
p {margin: 0px;line-height: 26px;}
p.indent{ text-indent:2em }
a { text-decoration: none;color: #006699;}
a.link1{display:block;height:25px; text-indent:-9999px;}
a.link{color:#000000;padding-left:5px; line-height:22px;}
a:link{ color: #000000;}
a:hover{ color: #cc0000; }
svg.MathFrame { margin: 0 3px;overflow: visible; }

.msgnum{ color: red; left: -3px;   position: relative; top: -5px;}

h3 {font-size: 22px;font-weight: bold;color: #000;font-family: "微软雅黑","Arial","Helvetica","Verdana","sans-serif";}

.fl{ float: left;}
.fr{ float: right;}
.ml10{margin-left: 10px}
.mt5{ margin-top: 5px;}
.mt20{ margin-top: 20px;}
.mt30{ margin-top: 30px;}
.mr10 {margin-right: 10px; }
.mr20 {margin-right: 20px; }
.mr40{ margin-right: 40px;} 
.mr100{ margin-right: 100px;}
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }

.padding10{ padding: 10px;}
.pl10{ padding-left: 10px;}
.padding
/*.pr10{ padding-right: 10px;}*/
.bt0{ border-top: 0px !important;}
.border-bottom{ border-bottom: 1px dotted #DCDCDC; }
.text-center{ text-align: center;}

.line-height30 { line-height: 30px; }

.font-bold{font-weight: bold;color:#3a3633;}
.f-blue{ color: #307698;}
.f-gray{ color: #A0A0A0;}
.input-text { padding-left: 5px;padding-right: 5px; }

#header{height: 120px;}

#tbox {
    width: 41px;
    position: fixed;
    bottom: 220px;
    right: 75px;
}
#gotop {
    background: url(/chs/dxsx/images/totop_ys.png) no-repeat;
    height: 40px;
    width: 40px;
    display: block;
    cursor: pointer;
}
#tbox:hover > #gotop {
    background: url(/chs/dxsx/images/totop_jg.png) no-repeat;
}
/*------------------------------登录栏--------------------------*/
.login_inputTxt { width: 105px;background-color: #fff;border: 1px solid #b7c1c5;height: 20px;vertical-align: middle;line-height: 20px;padding: 1px 3px; }
.login_inputBtn {  cursor:pointer; border:medium none; height:20px; font-size:12px; vertical-align:middle;}
.loginBtn{ background:url(../images/loginBtn_bg.gif); width:45px;}
.login-goto{    color: #f22e00!important;margin-right: 7px;}
#topLink a{ padding-left: 10px;}
.error-page{ background: url(../images/404.jpg) no-repeat;height: 500px; margin: 0 auto; display: block; width: 580px;margin-top: 105px;}
.pinfo{ padding-left: 285px;padding-top: 65px;}
#queryBtn{margin:0 5px; background:url(../images/queryBtn_bg.gif); width:42px;}
#registerBtn{ background:url(../images/registerBtn_bg.gif);width:45px; }
#queryBox {text-align:left;width:235px;padding:10px;border:1px solid #91b0c2;background-color:#eaeff2;position:absolute;border-radius:5px;top:34%;left:60%;z-index:100;}
#closeBtn {position:absolute;right: 3px;top: 3px;display:block;width:10px;height:10px;	text-align:center;text-decoration:none;	color:#91b0c2;font-family:Tahoma, Geneva, sans-serif;}

.login-container {color: #535353;height: 31px;line-height: 31px;background: #FAFAFA;/*overflow: hidden;*/border-bottom: 1px solid #EEEEEE;}
#loginBar {width: 1100px;text-align: left;font-family: "Times New Roman", Times, serif;padding-top: 1px;clear: both;margin-right: auto;margin-left: auto;height: 30px;}
#loginBar .topLink {text-align: right;margin-top: -1px;}

#loginBar .i_login { background: url(../images/i_login.png);width: 14px;height: 14px;display: inline-block;vertical-align: -3px; margin: 0 2px; }
#loginBar .i_reg { background: url(../images/i_reg.png);width: 14px;height: 14px;display: inline-block;vertical-align: -3px; margin: 0 2px; }

.login{text-align: left;float: left;}
.login .txtDiv{float: left;}
.login .txtDiv label {}
.login .btnDiv{float: left;padding-top: 4px;}
.login .inputTxt{color: #999;padding: 0 3px;border: 1px solid #b7c1c5;background-color: #fff;width: 105px;height: 17px;line-height: 18px;vertical-align:-2px;}
.login .loginBtn{cursor:pointer;font-size:12px;background:transparent url(../images/topBtnBg.gif) no-repeat; border:none; height:20px;line-height:20px; float:left;margin-left:3px;}
.login .login1{width:45px; background-position:0 top;}
.login .login2{width: 66px;color: #407C9D;background-image: none;}
.login .login3{width: 45px;background-position: -49px 0px;}




/*登录后样式*/
.login a.queryBtn{width: 42px;display: inline-block;background: url(../images/queryBtn2.gif) no-repeat 0px 4px;text-indent: -9999px;}
.login .text{text-align:left;}
.login a#center{color: #06C;}
.login a#center:hover{color: #F60;}
.login a.loginLink{text-decoration: none;color: #535353;}
.login a.loginLink:hover{text-decoration: underline;color: #F60;}
#userloginBar #topLink{float: right;text-align: right;margin-top: -1px;}
#userloginBar #topLink a{padding-left: 10px;color: #535353;}
#userloginBar #topLink a.mail{background:transparent url(../images/mailico.gif) no-repeat left center; padding-left:68px;}

/*顶栏查询框样式*/
#queryBox { text-align: left;width: 235px;padding: 10px;border: 1px solid #91b0c2;background-color: #eaeff2;position: relative;border-radius: 5px;z-index: 200;margin-bottom: -63px;*float:left;*margin-left:-30px;}
#closeBtn {
	position:absolute;
	right: 3px;
	top: 3px;
	display:block;
	width:10px;
	height:10px;	
	text-align:center;
	text-decoration:none;	
	color:#91b0c2;
	font-family:Tahoma, Geneva, sans-serif;
}
#queryTxt {
	width:170px;
	line-height:20px;
	height:20px;
	border:1px solid #aeb8c1;
	color:#999;
}
#queryBtn {
	width: 42px;
	height: 20px;
	background: url(../images/queryBtn.gif) no-repeat;
	text-indent: -99px;
	border: none;
}
#mathqid {
	color:#a00;
	cursor:pointer;
}
#queryBox p {
	padding-top:5px;
}
.special{ word-spacing:-4px;}
.nav_n {
	background: url(../images/nav_bg.jpg) repeat-x;
	height: 34px;
}
.banner_n {
	background: #fff url("");
	width: 100%;
}
.banner_inside {
	padding-top: 75px;
}
.banner_inside .searchswf_n{
	float: right;
	padding-right: 10px;
	padding-top: 6px;
}
.banner_inside .leftside {
	height: 60px;
	width: 420px;
}
.banner_inside .leftside .logo {
	background: url(../images/logo_bg01.jpg) no-repeat center center;
	text-indent: -999px;
	height: 60px;
	width: 123px;
	display: block;
	float: left;
	padding-right: 15px;
	padding-left: 15px;
}
.banner_inside .leftside span {
	color: #555;
	font: bold 16px/38px "微软雅黑", "黑体";
	float: left;
	border-left: 1px solid #CCC;
	padding-left: 15px;
	height: 40px;
	margin-top: 10px;
	letter-spacing: 0.1em;
}
#banner .l-side{
	background: url(../images/banner_bg.jpg) no-repeat 480px;
	height: 62px;
}

/* ######### 主菜单 ######### */

.mattblackmenu {
    list-style-type: none;
    overflow: visible;
    background: url(../images/nav_bg.jpg) repeat-x;
    clear: both;
    height: 34px;
    color: #FFF;
    font: bold 14px "宋体";
    padding-left: 0px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.mattblackmenu li{
	margin: 0;
	padding: 0px;
	/*float: left;*/
    background: url(../images/navbtn_bg.jpg) no-repeat right;
    flex: 1 auto;
}
.mattblackmenu li.cur {
	background-image: url(../images/nav_cur.jpg);
	background-repeat: repeat-x;
}

.mattblackmenu li.cur a ,.mattblackmenu li.cur a:hover{
	/*display: block;*/ 
	color: #FFFFFF;
	height: 34px;
	line-height: 36px;
	overflow: hidden;
	/*padding-right: 22px;
	padding-left: 22px;*/
	text-decoration: none;
	/* [disabled]letter-spacing: 0em; */
}
.mattblackmenu li.cur .arrow  {
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	height: 7px;
	width: 15px;
	position: relative;
	display: block;
	margin-top: -1px;
	margin-bottom: -6px;
    top: 0;
    left: 50%;
    margin-left: -7.5px;
}
.mattblackmenu li.cur a:hover {
	background: #CAE4FF url(../images/nav_cur.jpg) repeat-x;
	/*border-right: 1px solid #1168b7;*/
	/* [disabled]border-left: 1px solid #1168b7; */
	color: #FFFFFF;
	/*padding-right: 22px;
	padding-left: 22px;*/
	text-decoration: none;
}
.mattblackmenu li.cur a.lastbtn:hover ,.mattblackmenu li a.lastbtn:hover{
	/*padding-right: 31px;*/
}

.mattblackmenu li a{
	display: block; /*right divider between tabs*/
	color: #E8F3FF;
	height: 34px;
	line-height: 36px;
	overflow: hidden;
	/*padding-right: 22px;
	padding-left: 22px;*/
	text-decoration: none;
	letter-spacing: 0em;
    align-items: center;
    justify-content: center;
    display: flex;
}

.mattblackmenu li a.lastbtn {
	/*padding-right: 32px;*/
}

.mattblackmenu li a:hover{
	background: #CAE4FF url(../images/nav_over.jpg) repeat-x;
	/*border-right: 1px solid #1168b7;*/
	/* [disabled]border-left: 1px solid #1168b7; */
	color: #FFFFFF;
	/*padding-right: 22px;
	padding-left: 22px;*/
	text-decoration: none;
}

.mattblackmenu li a.hc:hover,.mattblackmenu a.selected{
	background: #CAE4FF url(../images/nav_overhc.jpg) repeat-x;
	border-right: 1px solid #1168b7;
	/* [disabled]border-left: 1px solid #1168b7; */
	color: #FFFFFF;
	padding-right: 27px;
	padding-left: 27px;
	text-decoration: none;
}

.mattblackmenu li .new-badge  {
    position: absolute;
    top: -7px;
    right: -5px;
    width: 36px;
    height: 18px;
    background: url('../Images/badge-new.png') no-repeat center center;
    z-index: 10;
    /*animation: bounce 2s infinite;*/
}

.mattblackmenu li .free-badge  {
    position: absolute;
    top: -7px;
    right: -5px;
    width: 36px;
    height: 18px;
    background: url('../Images/badge-free.png') no-repeat center center;
    z-index: 10;
    /*animation: bounce 2s infinite;*/
}

/* 底部半透明提示框样式 */
.mattblackmenu li .tooltip {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(10px);
    /*background: rgba(0, 0, 0, 0.7);*/
    background: rgba(227, 115, 5, 1);
    backdrop-filter: blur(10px);
    color: white;
    padding: 12px 18px;
    border-radius: 8px;
    font-size: 14px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
    z-index: 100;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.mattblackmenu li .tooltip::after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 8px solid transparent;
    /*border-bottom-color: rgba(0, 0, 0, 0.7);*/
    border-bottom-color:  rgba(227, 115, 5, 1);
}

.mattblackmenu li:hover .tooltip {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(15px);
}

@keyframes pulse {
    0% { transform: scale(1); box-shadow: 0 5px 15px rgba(255, 107, 107, 0.4); }
    50% { transform: scale(1.05); box-shadow: 0 8px 20px rgba(255, 107, 107, 0.6); }
    100% { transform: scale(1); box-shadow: 0 5px 15px rgba(255, 107, 107, 0.4); }
}
@keyframes bounce {
    0%, 100% { transform: translate(0, 0); }
    50% { transform: translate(0, -20%); }
}

.subjectnav_top {
    border: 1px solid #ececec;
    width: 258px;
    height: 22px;
    background-color: #f2f9ff;
    margin-left: 20px;
    margin-top: 12px;
    padding-left: 110px;
    line-height: 21px;
    font-weight: bold;
    margin-bottom: 10px;
}
.sort_title {
    float: left;
    font-size: 15px;
    font-weight: bold;
    padding-left: 18px;
    padding-top: 2px;
    padding-right: 8px;
}
.search_block {
    height: 80px;
    padding-top: 20px;
    margin: 0 auto;
    width: 580px;
}

/*========================banner轮播========================================*/
#focus-banner{
	position: relative;
	width: 100%;
	overflow: hidden;
}

#focus-banner-list{
	position: relative;
}
#focus-banner-list li{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
#focus-banner-list li img{
	width: 100%;
}
.focus-banner-img{
	display: block;
}

#focus-banner-list .focus-banner-text{
	position: absolute;
	left: 50%;
	top: 0;
	width: 1000px;
	height: 100%;
	margin-left: -500px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	text-align: center;
}

#focus-banner .focus-handle{
	position: absolute;
	top: 50%;
	margin-top: -40px;
	z-index: 100;
	display: block;
	/*width: 80px;
	height: 80px;*/
	/*background-image: url("../images/focus_handle.png");*/
}
#next-img{
	left: 0;
}
#next-img{
	left: 50px;
	background-position: 0 0;
}
#next-img:hover{
	background-position: 0 -80px;
}
#prev-img{
	right: 0;
}
#prev-img{
	right: 50px;
	background-position: -80px 0;
}
#prev-img:hover{
	background-position: -80px -80px;
}

#focus-bubble{
	position: absolute;
	left: 50%;
	bottom: 10px;
	z-index: 999;
}
#focus-bubble li{
	float: left;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border:1px #fff solid;
	cursor: pointer;
}
#focus-bubble li.current{
	background-color: #fff;
}

/* ########################### 二级菜单 ########################### */
.submenu {clear: both;margin-top: 10px;margin-bottom: 5px;overflow: hidden;}
.submenu.border-bottom { border-bottom: 1px solid black; }
.submenu .submenu-logo{padding-top: 0px;text-align: center;}
.submenu .submenu-nav { }
.submenu ul{list-style-type: none;margin-left: 30px !important;}
.submenu ul li {float: left;font-size: 14px;font-weight: bold;color: black;height: 25px;line-height: 25px;cursor: pointer;}
.submenu ul li:last-child {border-right: 0;}
.submenu ul li:hover{ background: #999999; }
.submenu ul li:hover a{color: #fff;}
.submenu ul li a{ margin: 6px 0;padding: 0 19px;TEXT-DECORATION: none;border-right: 1px solid #000;color: #000;font: bold 14px/1 "Microsoft Yahei";}
.submenu ul li.cur{ background: firebrick;}
.submenu ul li.cur a{color: #fff;}

/* ########################### 三级左菜单 ########################### */
.navbg{ background: url(../images/title3_bg.png) repeat-x;height: 27px;border-bottom: 1px solid #b4c7d6;line-height: 27px;}

#nav_left.itemmenu{float:left;width:300px;border:solid 1px #c2d5e3;background-color:#ffffff;overflow:hidden;min-height:500px; height:auto !important;}
#nav_left.itemmenu .navbg{ background: url(../images/title3_bg.png) repeat-x;height: 27px;border-bottom: 1px solid #b4c7d6;line-height: 27px;}
#nav_left.itemmenu .navbg a{ color: #3a3633;padding: 0px 0px 0px 10px;font-weight: bold;vertical-align: middle;}
#nav_left.itemmenu .box{clear: both;height: 20px; border: 1px solid #e1eaf1;margin: 5px;text-align: center;background: #f9fdff;color: #2f3032;font-weight: bold;}
.libtn{margin-top: 3px;display:block;background: url(../images/expand.jpg) no-repeat left center;padding-left: 15px;cursor:pointer ;line-height: 25px;}
.expand{background: url(../images/expand.jpg) no-repeat left center;}
.collapsed{background: url(../images/collapsed.jpg) no-repeat left center;}
.margin12{ margin-left: 12px;font-weight: normal;line-height: 25px;}
#nav_left.itemmenu .item {clear: both;margin-left: 40px;display: block;left: 50px;}
#nav_left.itemmenu .item ul{ list-style: none;width: auto;}
#nav_left.itemmenu .item ul li{width: 50%; float: left;}
#nav_left.itemmenu .item ul li a{line-height: 25px;color: #0002fe;font-weight: bold;}

#nav_left.itemmenu .item2 {margin-left: 40px;display: block;overflow: auto;}
#nav_left.itemmenu .item2 ul{ list-style: none;}
#nav_left.itemmenu .item2 ul li{width: 33%; float: left;}
#nav_left.itemmenu .item2 ul li:hover { background: rgb(205, 3, 3); }
#nav_left.itemmenu .item2 ul li:hover a { color: #fff; }
#nav_left.itemmenu .item2 ul li.cur { background: firebrick;color: white; }
#nav_left.itemmenu .item2 ul li a{ line-height: 25px;color: #0002fe;font-weight: normal;padding-left: 4px;}
#nav_left.itemmenu .item2 ul li.cur a{ color: white; }

/* ################################ 右边栏目 ################################# */

.main{width: 788px;float: left;margin-left: 10px;}
.main > .title {clear: both;border: solid 1px #b3c7d9;height: 27px;line-height: 27px;background: url(../images/title3_bg.png) repeat-x;color: #33669b;padding-left: 25px;}
.main > .title ul{}
.main > .title ul li{ float: left;padding: 0 20px;height: 25px;line-height: 25px;margin-top: 2px;}
.main > .title ul li.cur{ border: 1px solid #b3c7d9;border-bottom: 0px;border-top-left-radius: 4px;border-top-right-radius: 4px;background-color: white; }

.main .list-title{clear: both;border: solid 1px #BCC5CC;height: 27px;line-height: 27px;background: url(../images/0000.png) repeat;color: #33669b;}
.main .list-title ul.tab{}
.main .list-title ul.tab li{ cursor: pointer;float: left;padding: 0 15px;margin-top: 2px;height: 24px;line-height: 24px; }
.main .list-title ul.tab li a { color: black; }
.main .list-title ul.tab li a:link {  text-decoration: none; }
.main .list-title ul.tab li.on{ height: 25px;line-height: 25px;border-top: solid 1px #BCC5CC;background: #fff;border-left: solid 1px #BCC5CC;border-right: solid 1px #BCC5CC; }
/*.main .list-title span{display: inline-block;text-align: center;}*/
.main .list-content{ border: 1px solid #BCC5CC;min-height: 695px; padding: 0 10px;}
.main .list-content .row-inline{ clear: both;border-bottom: 1px dashed #a6aaaa;height: 35px;line-height: 35px;}
.main .list-content .row-inline:hover{ background-color: #e9e9e9;}
.main .list-content .row-inline:last-child{ border: 0px;}
.main .list-content .row-inline .row-title{ font-size: 14px;font-weight: normal; height: 35px;line-height: 35px;}
.main .list-content .row-inline .row-title a:hover{ text-decoration: underline;}
.main .list-content .row-inline .row-info{height: 35px;line-height: 35px;}
.main .list-content .row-inline span{ display: inline-table;text-align: center;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;  }

.leftform{float:left;width:300px;margin-top:10px;border: 0px;background-color:#ffffff;overflow:hidden;min-height:500px; height:auto !important;}



/* #################################  模块  ################################# */
.form {height: auto;margin-top: 10px}
.form .form_top{ padding-right: 10px;height: 25px;padding-left: 10px;line-height: 25px;/*background: url(../images/title3_bg.png) repeat-x;*/font-size: 14px;font-weight: bold; display: inline-block; border-bottom: 3px #0068b7 solid; margin-bottom: -3px;}
.form .form_bottom{ padding: 10px;line-height: 20px;border-top: 2px #e5e5e5 solid;}
.form .form_bottom p{ line-height: 20px; margin-top: 5px;}
.form dl.my_content{ clear: both; overflow: auto;}
.form dl.my_content dd, .my_content dt {float: left;width: 150px;}
.form-action dl.my_content dt .bookTitle{}

.form .form_bottom .info_ebook {text-indent: 24px;line-height: 22px;border-bottom-width: 1px;border-bottom-style: dashed;border-bottom-color: #bcccde;padding-bottom: 2px;}
.form .form_bottom .software {margin-left: 0px;margin-top: 0px;background-repeat: no-repeat;padding-top: 44px; height:30px;padding-left: 48px; border-bottom:1px dashed #d1dbeb;}
.form .form_bottom .software a {margin-right: 6px;color: #0075a9;line-height: 24px;}
.form .form_bottom .software .download {background-image: url(../images/dlbutn.jpg);background-repeat: no-repeat;height: 20px;width: 91px;display: block;overflow: hidden;float: left;margin-right: 12px;}
.form .form_bottom .software .download:hover {background-position:0px -20px;}
.form .form_bottom .software .know {background-image: url(../images/knowbtn.jpg);background-repeat: no-repeat;height: 20px;width: 91px;display: block;overflow: hidden;float: left;margin-right: 12px;}
.form .form_bottom .software .know:hover {background-position:0px -20px;}

.form .form_bottom .sie {background-image: url(../images/sie.jpg);}
.form .form_bottom .spd {background-image: url(../images/spd.jpg);}
.form .form_bottom .sep {background-image: url(../images/sep.jpg);}
.form .form_bottom .seb {background-image: url(../images/seb.jpg);}

/* #################################  横向滚动栏  ################################### */
.scroll_horizontal{position:relative;width:100%;padding:10px;background-color:#fff;}
.scroll_horizontal .box{overflow:hidden;position:relative;width:720px;height: 150px;margin:0 auto;}
.scroll_horizontal .list{overflow:hidden;width:99999px;}
.scroll_horizontal .list li{float:left;width:144px;}
.scroll_horizontal .list li div { text-align: center; }
.scroll_horizontal .list li div img { width: 131px;height: 100px; }
.scroll_horizontal .list li div a { display: block; }
.scroll_horizontal .list li div a.title { width: 131px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
word-break: break-all;
overflow: hidden; }
.scroll_horizontal .prev,.scroll_horizontal .next{ position:absolute;top:50%;margin-top:-75px;width: 25px;height: 105px;display: block;cursor: pointer; }
.scroll_horizontal .prev{left:5px;background: url(../images/scroll_left.png) no-repeat center center;}
.scroll_horizontal .next{right:5px;background:url(../images/scroll_right.png) no-repeat center center;}

/**/
.form-container { width: 360px;height: auto;float: left;overflow: hidden;margin-top: 4px;height: auto; }
.form-container .form-top{ height: 30px;padding-left: 20px;padding-top: 5px;font-size: 14px;border-bottom: 2px solid #B5B5B5; }
.form-container .form-top .spanL{ float: left;font-size: 14px;font-weight: bold; }
.form-container .form-tab-top{ height: 32px;padding-top: 5px;font-size: 14px;border-bottom: 2px solid #B5B5B5; }
.form-container .form-tab-top ul.form-tab li { padding: 0 15px;float: left;height: 25px;line-height: 25px;background-color: #fff;font-size: 14px;font-weight: bold;cursor: pointer; }
.form-container .form-tab-top ul.form-tab .on {border: 1px solid #B6B6B6;border-bottom: 0px;height: 27px;line-height: 27px;border-top-left-radius: 3px;border-top-right-radius: 3px;background-image: url(../images/tab_bg.png);background-repeat: repeat-x;}
/*row*/
.form-container-row { width: 380px;height: auto;float: right;overflow: hidden;margin-top: 4px;height: auto; }
.form-container-row .form-top{ height: 30px;padding-left: 20px;padding-top: 5px;font-size: 14px;border-bottom: 2px solid #B5B5B5; }
.form-container-row .form-top .spanL{ float: left;font-size: 14px;font-weight: bold; }
.form-container-row .form-tab-top{ height: 32px;padding-top: 5px;font-size: 14px;border-bottom: 2px solid #B5B5B5; }
.form-container-row .form-tab-top ul.form-tab li { padding: 0 15px;float: left;height: 25px;line-height: 25px;background-color: #fff;font-size: 14px;font-weight: bold;cursor: pointer; }
.form-container-row .form-tab-top ul.form-tab .on {border: 1px solid #B6B6B6;border-bottom: 0px;height: 27px;line-height: 27px;border-top-left-radius: 3px;border-top-right-radius: 3px;background-image: url(../images/tab_bg.png);background-repeat: repeat-x;}


.form-container .form-content {min-height: 100px;padding: 10px 20px;}
.form-container .form-content .row-inline { clear: both;height: 26px;line-height: 26px; }
.form-container .form-content .row-inline a:hover { text-decoration: underline; }
.form-container .form-content .row-inline a.programa-title{ max-width: 245px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }

.form-container > .form-content > .form-content-tabs > ul > li.mathx > div.mathx_title {padding-top: 10px;padding-bottom: 10px;line-height: 30px;overflow: hidden;width: 100%;clear: both; }
.form-container > .form-content > .form-content-tabs > ul > li.mathx > div.mathx_title table { display: table !important; }
.form-container > .form-content > .form-content-tabs > ul > li.mathx > div.mathx_title > div.options div,.form-container > .form-content > .form-content-tabs > ul > li.mathx > div.mathx_title > div.options p { display: inline-block; }
.form-container > .form-content > .form-content-tabs > ul > li.mathx > div.mathx_title > div.options .option-item { width: 50%;display: inline-block; }
.form-container > .form-content > .form-content-tabs > ul > li.mathx > div.mathx_note > div span { display: inline;min-width: 70px; }
.form-container > .form-content > .form-content-tabs > ul > li.mathx > div.mathx_note {height: 30px;line-height: 30px;background-color: #e8eff5; }

/* 答案选项 */
li.mathx > .mathx_title > .options >  table.radio-options { width: 100%; }
table.radio-options tbody tr td { width: auto;vertical-align: top;padding: 2px 0; }

.mathx_title hr { margin: 0; }

#banner ul li{}
/*------------------------------左栏--------------------------*/
#banner .logo {height: 61px;width: 181px;background: url(../images/logo_bg.jpg) no-repeat left center;margin-left: 40px;}
#banner .logo a {display: block;height: 61px;text-indent: -999px;}
#banner .l-side .wbar{float:right; width:410px; display:none;}
#banner .l-side .sbar{ float:right;}

/*------------------------------右栏--------------------------*/
.navt1,.navt2,.navt3,.navt4{float:left;width:45px; height:40px; display:inline}
.navt1 a,.navt2 a,.navt3 a,.navt4 a{display:block; width:38px; height:38px;}
.navt1{background:url(../images/index201201/navt1.gif) no-repeat right center; margin-right:11px;_margin-right:7px; }
.navt2{background:url(../images/index201201/navt2.gif) no-repeat right center;}
.navt3{background:url(../images/index201201/navt3.gif) no-repeat right center;}
.navt4{background:url(../images/index201201/navt4.gif) no-repeat right center; margin-right:8px;}

.subnav{ position:absolute; background-color:#ecf5fc; border:1px solid #b5c4d1;z-index:100; display:none; color:#930; width:60px;border-radius:3px; z-index:1000;}
.subnav1{top:20px; right:5px; }
.subnav2{top:40px; right:5px; }
.subnav a{color:#069; display:inline-block; width:100%; height:22px; line-height:22px;}
.subnav a:hover{background-color:#bfd1df; text-decoration:none}
/*------------------------------教育资讯、学科资讯导航-------------------------------*/


/*------------------------------首页广告栏-------------------------------*/
.adBar{}
.abar,.bbar,.cbar{float:left;}
.bbar{width:542px;margin:0 10px; height:79px;}
.cbar ul{padding:0; margin:0;}
.cbar ul li{}
#scrollDiv{ overflow:hidden; height:62px;	}
.preimg{display:none;}
a:hover .preimg{display:block; position:absolute; z-index:5;right:0px;}
.abar .infor{padding-left:12px; padding-top:3px;}
.infor{
	line-height: 20px;
}
.infor a{color:#0000CC;}
.cbar div{padding-top:5px;}




/*------------------------- 产品介绍栏 -------------------------*/
#introductionBar{
clear:both;
padding-left:12px;
color:#1768a8;
height:32px;
line-height:32px;
border-left:1px solid #555;
border-right:1px solid #555;
background:transparent url(../images/introBarbg.png) repeat-x;
}
#introductionBar span{font-weight:bold; padding-right:10px; border-right:1px solid #fff; color:#f8b551;}
#introductionBar a{padding:0 3px; color:#b7e7fe;}
#introductionBar a.last{padding-left:6px; padding-right:0;}
#introductionBar a:hover{color:#fff;}
#introductionBar a.payOnline{color:#f5e790; padding-left:15px; background:transparent url(../images/payico.gif) left center no-repeat;}


.currentPosition{
padding-top:3px;
line-height:20px;
}
/*Ϣͷ*/
.banner2{padding-top:5px;}
.banner2 img{float:left; margin-right:10px;}
ul.mainnav{ padding-top:5px;}
ul.mainnav li{	
	border:medium none;
	display:inline;	
	padding-left:6px;
}
ul.mainnav li.first{ background-image:none; padding:0;}	
.footeroverflow {
	background: #e9e9e9 url(../images/footer_bg.jpg) repeat-x;
	margin-top: 5px; 
	*margin-top: -5px;
}


/* footer style */
#footer{
	clear: both;
	/*height: 60px;*/
	line-height: 1.5em;
	text-align: center;
	padding: 18px 0;
    border-top: 1px solid #dedada;
	color: #999;
    margin-top: 10px;
}
#footer ul li{display:inline;}
#footer a{
	margin: 0 10px;
	color: #666;
	text-decoration: none;
} 
#footer a:hover{ text-decoration:underline;}
#bottom{height:85px;}
.qq {
	background-image: url(../images/qq.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 18px;
}
#BannerNew{
	height: 33px;
	*height: 37px;
	margin-bottom:-3px;
	*margin-bottom:-6px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.login .txtDiv{
margin-top:-2px;
}
.login .inputTxt{
	vertical-align:2px;
}
	#BannerNew{
	/*margin-bottom:-18px;*/
}
}

.layout_n {
  width: 1100px;
  margin: 0 auto;
  text-align: left;
  min-width: 1100px;
  background-color: #FFF;
  overflow:hidden;
}

/* my space */

ul.NoticeUl2{ list-style-type: none;}
ul.NoticeUl2>li{width: 206px;border-bottom: 1px solid #d0d0d0}

/*div.NoticeAll2{ position: absolute; left: -80px;min-width: 160px; top:12px; display: none;z-index: 99999;}*/
/*.NoticeAll2{position:relative;;z-index:111;top:32px;}*/

.NoticeDiv2{float:left;border:1px solid #b4b4b4;background: #FFFFFF;  margin-top: 5px;min-width: 160px;}
.NoticeDiv2 .topDiv2{top:0;position: absolute;z-index: 999;height:6px;min-width:160px;background: url(../images/menuBg3_4.gif) no-repeat center bottom;overflow:hidden;}
.NoticeDiv2 .bottomDiv2{padding-bottom:0px;background-color:#ffffff;}

#noticedropdown{ position: relative;cursor: pointer;}
#noticedropdown #NoticeAll2{position: absolute; display: none;min-width: 160px; top:12px; z-index: 99999;}
#noticedropdown:hover #NoticeAll2{display: block;}

ul.spacemenu{list-style: none;}
ul.spacemenu li{line-height: 40px; text-align: left; position: relative;border-bottom:1px dashed #999999;height:30px;line-height:30px;padding-left: 10px;padding-right: 10px;}
ul.spacemenu li a{ text-decoration: none;}
ul.spacemenu li:hover{ background: #f3f3f3;/*border: 1px solid #bebebe;*/}
ul.spacemenu li ul{ position: absolute;min-width: 150px; left: 0px; top:0px; display: none;background: #fff;border:1px solid #b4b4b4;z-index:999 }
ul.spacemenu li ul li{float: none;cursor: pointer}
ul.spacemenu li ul li a{ display: block;height: 30px;}
ul.spacemenu li:hover ul{ display: inline-block;position: absolute;top: -1px;}

/* tab切换 */
.slideGroup,.slideGroupbloger{ text-align:left;overflow: hidden;  }
.slideGroup .parHd,.slideGroupbloger .parHd{ clear: both;height: 27px;line-height: 27px;border-top: 2px #e5e5e5 solid; }
.slideGroup .parHd span,.slideGroupbloger .parHd span{ /*border-top:3px #0068b7 solid;*/display: inline-block; margin-top: -2px; font-size: 15px; padding: 2px 5px 0 8px;}
.slideGroup .parHd ul,.slideGroupbloger .parHd ul{ float:left; height:32px;   }
.slideGroup .parHd ul li,.slideGroupbloger .parHd ul li{ cursor: pointer;float: left;padding: 0 20px;height: 25px;line-height: 25px;margin-top: 2px;  }
.slideGroup .parHd ul li.on,.slideGroupbloger .parHd ul li.on{ border-top: 3px #0068b7 solid;margin-top: -2px; padding-top: 2px;color: #33669b;}
.slideGroup .slideBox,.slideGroupbloger .slideBox{ overflow:hidden; zoom:1; padding:10px 0 10px 32px; position:relative; height: 156px;  }

.slideGroup .sPrev,.slideGroup .sNext,.slideGroupbloger .sPrev,.slideGroupbloger .sNext{ position:absolute; left:5px; top:13px; display:block; width:30px; height:94px; background: url(../images/scroll_left.png) no-repeat center center; }
.slideGroup .sNext,.slideGroup .sNext{ left:auto; right:5px; background: url(../images/scroll_right.png) no-repeat center center; }
.slideGroup .sPrev:hover{background: url(../images/scroll_left_deep.png) no-repeat center center;}
.slideGroup .sNext:hover{background: url(../images/scroll_right_deep.png) no-repeat center center;}
.slideGroup .sPrev:hover,.slideGroup .sNext:hover,.slideGroupbloger .sPrev:hover,.slideGroupbloger .sNext:hover{ border-color:#f60;  }

.slideGroup .parBd,.slideGroupbloger .parBd{clear: both;}
.slideGroup .parBd ul,.slideGroupbloger .parBd ul{ overflow:hidden; zoom:1;   }
.slideGroup .parBd ul li,.slideGroupbloger .parBd ul li{ margin: 0 7px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.slideGroup .parBd ul li .pic,.slideGroupbloger .parBd ul li .pic{ text-align:center; }
.slideGroup .parBd ul li .pic img,.slideGroupbloger .parBd ul li .pic img{width: 131px;height: 100px;display:block;  padding:2px; border:1px solid #fff; }
.slideGroup .parBd ul li .pic a:hover img,.slideGroupbloger .parBd ul li .pic a:hover img{ border-color:#999;  }
.slideGroup .parBd ul li .title,.slideGroupbloger .parBd ul li .title{ line-height:24px;height: 24px;    top: -27px;width: 125px;display: inline-block;overflow: hidden;text-overflow: ellipsis;   white-space: nowrap; position: relative;    color: #fff;background-image: linear-gradient(transparent,#000);  }
.slideGroup .parBd ul li .title a,.slideGroupbloger .parBd ul li .title a{color: #fff;}

/* 在线考试经典案例tab切换 */
.onlslideGroup,.slideGroupbloger{ text-align:left;overflow: hidden;  }
.onlslideGroup .parHd,.slideGroupbloger .parHd{ clear: both;height: 27px;line-height: 27px;border-top: 2px #e5e5e5 solid; }
.onlslideGroup .parHd span,.slideGroupbloger .parHd span{ /*border-top:3px #0068b7 solid;*/display: inline-block; margin-top: -2px; font-size: 15px; padding: 2px 5px 0 8px;}
.onlslideGroup .parHd ul,.slideGroupbloger .parHd ul{ float:left; height:32px;   }
.onlslideGroup .parHd ul li,.slideGroupbloger .parHd ul li{ cursor: pointer;float: left;padding: 0 20px;height: 25px;line-height: 25px;margin-top: 2px;  }
.onlslideGroup .parHd ul li.on,.slideGroupbloger .parHd ul li.on{ border-top: 3px #0068b7 solid;margin-top: -2px; padding-top: 2px;color: #33669b;}
.onlslideGroup .slideBox,.slideGroupbloger .slideBox{ overflow:hidden; zoom:1; padding:10px 0 10px 38px; position:relative; height: 156px;  }

.onlslideGroup .sPrev,.onlslideGroup .sNext,.slideGroupbloger .sPrev,.slideGroupbloger .sNext{ position:absolute; left:5px; top:13px; display:block; width:30px; height:94px; background: url(../images/scroll_left.png) no-repeat center center; }
.onlslideGroup .sNext,.onlslideGroup .sNext{ left:auto; right:5px; background: url(../images/scroll_right.png) no-repeat center center; }
.onlslideGroup .sPrev:hover{background: url(../images/scroll_left_deep.png) no-repeat center center;}
.onlslideGroup .sNext:hover{background: url(../images/scroll_right_deep.png) no-repeat center center;}
.onlslideGroup .sPrev:hover,.onlslideGroup .sNext:hover,.slideGroupbloger .sPrev:hover,.slideGroupbloger .sNext:hover{ border-color:#f60;  }

.onlslideGroup .parBd,.slideGroupbloger .parBd{clear: both;}
.onlslideGroup .parBd ul,.slideGroupbloger .parBd ul{ overflow:hidden; zoom:1;   }
.onlslideGroup .parBd ul li,.slideGroupbloger .parBd ul li{ float:left; _display:inline; overflow:hidden; text-align:center;  }
.onlslideGroup .parBd ul li .pic,.slideGroupbloger .parBd ul li .pic{ text-align:center; }
.onlslideGroup .parBd ul li .pic img,.slideGroupbloger .parBd ul li .pic img{width: 73px;height: 100px;display:block;  padding:2px; border:1px solid #fff; }
.onlslideGroup .parBd ul li .pic a:hover img,.slideGroupbloger .parBd ul li .pic a:hover img{ border-color:#999;  }
.onlslideGroup .parBd ul li .title,.slideGroupbloger .parBd ul li .title{ line-height:24px;height: 24px;    top: -27px;width: 125px;display: inline-block;overflow: hidden;text-overflow: ellipsis;   white-space: nowrap; position: relative;    color: #fff;background-image: linear-gradient(transparent,#000);  }
.onlslideGroup .parBd ul li .title a,.slideGroupbloger .parBd ul li .title a{color: #fff;}

/*分页样式*/
a.pager:link,a.pager:visited,a.pager:active{padding:1px 5px; margin:2px; color:#000000; text-decoration:none; border:1px solid #cccccc;  display: inline-block;}
a.pagercurrent:link,a.pagercurrent:visited,a.pagercurrent:active{padding:1px 5px; margin:2px; color:#cc0000; font-weight:bold; text-decoration:none; border:1px solid #cccccc;}
a.pager:hover{padding:1px 5px; margin:2px; color:#000000; background:#CEE0F7; border:1px solid #99BBE8;}
.pagertxt{width:30px;border:none 0; background:#e2f1fe; border:1px solid #cccccc;text-align:center;height:17px; line-height:17px; font-family:Arial, Helvetica, sans-serif;}
.pagerarrow{/*font-family:Arial, Helvetica, sans-serif; font-size:16px;*/}

/*按钮*/
.searchBtn { width: 40px;height: 20px;border:1px solid #B6C3CC;border-radius:2px;background: orange; }

.select2-container .select2-selection--single { height: 22px; }

/*热门*/
.focus-list ul{ margin:0 0 0 -20px; *zoom:1; }
	.focus-list ul:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.focus-list li{ float:left; margin:0 0 20px 20px; _display:inline; }
	.focus-list li a{ color:#888; font-size:13px; cursor:pointer; }
	.focus-list li a b{ position:relative; display:block; margin:0; padding:1px; width:136px; height:100px; border:1px solid #e8e8e8; overflow:hidden; }
	.focus-list li a:hover b em{ position:absolute; top:50%; left:50%; display:block; margin:-30px auto auto -30px; height:60px; width:60px; background:url(../images/slider.png) no-repeat 0 0; }
	.focus-list li a b img{ min-width:100%; min-height:100%; width:100%; _height:100%; }
	.focus-list li a span{ display:block; line-height:30px; width:140px; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

/*排行*/
.rank-list li{ position:relative; _display:block; padding:0 0 0 25px; height:25px; vertical-align:top; }
	.rank-list li a{ display:block; padding:0; color:#888; font-size:13px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; _position:absolute; }
	.rank-list li .num{ position:absolute; left:0px; display:inline-block; vertical-align:-3px; *vertical-align:middle; width:16px; height:16px;line-height: 16px; margin-right:10px; background:#1389d7; font-style:normal; color:#fff; font-size:10px; font-family:Verdana, Geneva, sans-serif; text-align:center; overflow:hidden;}
	.rank-list li.active .num{ background:#d60007; font-family:Georgia, "Times New Roman", Times, serif; }
	.rank-list li span{ float:right; margin-left:5px; color:#999; _padding:2px 0 2px 5px; _z-index:2;  _position:absolute; _background:#fff; _right:0; }

/*推荐*/
.red-list ul{  *zoom:1; }
	.red-list ul:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.red-list li{ _display:inline;line-height: 25px;height: 25px; }
	.red-list li a{ color:#888; font-size:13px; cursor:pointer;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block; }
	.red-list li a span{ display:block; line-height:30px; width:98px; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }


/*评论*/
.comment-title{ border-bottom:1px solid #f0f0f0; color:#3b8dd1; line-height:1em; font-size:18px; font-weight:normal;border-top: 5px solid #3b8dd1; }
	.comment-title span{ font-weight: bold;position:relative; top:1px; display:inline-block; padding:10px 10px; border-bottom:1px solid #3b8dd1; }
	.comment-title i{ float:right; padding:10px 10px; color:#999; font-size:12px; line-height:26px; font-style:normal; }
    .comment-title i .num {   font-family: Vani;font-size: 26px;color: brown; }
.comment-add{ margin-top:15px; _width:100%; _position:relative; _overflow:hidden; }
    .comment-add .editor{ position:relative; margin-right:18px;margin-left: 18px; }
	.comment-add .editor textarea{ width:100%; height:283px; }
	.comment-add .subcon{ margin-top:15px; }
    .comment-add .submitbox {float: right;margin-right: 15px;line-height: 35px;}
    .comment-add .comment-btn { display: inline-block;height: 38px;line-height: 38px;padding: 0 18px;background-color: #3b8dd1;color: #fff;white-space: nowrap;text-align: center;font-size: 14px;border: none;border-radius: 2px;cursor: pointer;opacity: .9; }
    .comment-add .comment-btn-small { height: 22px;line-height: 22px;padding: 0 10px;font-size: 12px; vertical-align: middle; }
    .comment-add .comment-btn-primary { background: white;border: 1px solid #C9C9C9;color: #000000; }
.comment-container{ position:relative;  }
	.comment-list li{ padding:15px 0; border-top:1px solid #f7f7f7;width: 780px;}
	.comment-list li .avatar{ display:block; float:left; margin-top:6px; background:#fff; border-radius:2px; width:42px; height:42px; overflow:hidden; }
	.comment-list li .avatar img{ width:42px; height:42px; border-radius: 42px; }
	.comment-list li .inner{ margin-left:52px; }
	.comment-list li .inner p{ color:#333; font-size:14px; line-height:1.8em; }
	.comment-list li .inner .meta{ margin:0; padding-top:3px; color:#999; border:none; }
	.comment-list li .inner .meta .time{ margin-left:5px; padding-left:20px; color:#777; /*background:url(../images/sprite.gif) no-repeat left -158px;*/ }
	.comment-list li .answer{ margin-left:48px; padding:10px; background:#fafafa; border:1px solid #e6e6e6; border-radius:3px; }
	.comment-list li .answer .meta{ margin:0; padding:0; color:#999; margin-bottom:5px; border:none; }
	.comment-list li .answer p{ color:#555; font-size:14px; line-height:1.8em; }
    .comment-list li .foot { text-align: right; }
    .comment-list li .foot a { margin-right: 10px; }

.comment-b {  }
    .comment-b .comment-btn-submit {
        display: inline-block;
        height: 22px;
    line-height: 22px;
    padding: 0 10px;
    font-size: 12px;
    border-radius: 2px;
    cursor: pointer;white-space: nowrap;
    text-align: center;    margin: 0 7px 10px 0;border: 1px solid #C9C9C9;
          background-color: #fafafa; background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2)); background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2); background-image: -o-linear-gradient(top, #ffffff, #f2f2f2); background-image: linear-gradient(to bottom, #ffffff, #f2f2f2); background-repeat: repeat-x; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    }

.verifyinput {  }
    .verifyinput .comment-ipt-vcode { vertical-align: middle;height: 22px;line-height: 22px;padding: 0 3px;border: 1px solid #cccccc; }
    .verifyinput .comment-img-vcode { vertical-align: middle; }

/*搜索*/
.search-box {  }
    .search-box .genre-area { border: 1px solid #b5c7d3;background: #fff;display: inline-block; }
    .search-box .genre-area .genre-text { font: 16px/18px arial;font-weight: bold;color: #6a797f; height: 34px;line-height: 34px;margin: 4px 8px;display: inline-block; }
    .search-box .ipt-area { border: 1px solid #0088CE;background: #fff; position: relative;display: inline-block;vertical-align: top;margin-right: 0;overflow: hidden; }
    .search-box .ipt-area .ipt-math { background: url(../Images/ico-math-default.png) no-repeat left top;z-index: 1;margin-top: -16px;position: absolute;right: 5px;top: 19px;height: 35px;width: 35px;}
    .search-box .ipt-area .ipt-math:hover { background: url(../Images/ico-math-over.png) no-repeat left top;cursor: pointer; }
    .search-box .ipt-area .ipt-box { width: 473px;height: 34px;border: 0px;font: 16px/18px arial;line-height: 34px;margin: 4px 4px 4px 6px;padding: 0;background: transparent;outline: 0;-webkit-appearance: none; }
    .search-box .math-btn { background: url(../Images/ico_math.png) no-repeat left top;display: inline-block;width: 42px;height: 42px; }
    .search-box .s-btn {width: 80px;height: 44px;  padding: 12px 16px;top: 0;position: relative;font-size: 18px;color: white;background: #0088CE;border: 1px solid #0088CE;vertical-align: middle;left: -4px;}
    .search-box .s-btn img{    width: 44px; height: 35px; position: absolute;top: 3px;left: 18px; }
/*验证码*/
    .verifyinput{ float: right;margin-right: 5px;line-height: 35px;}
    
/*试题在线*/
    .tabsplid-click{ display: block;padding: 0 15px !important;}

/*DIV选择菜单*/
.allcontent{  float: left;width: 100px;position: relative;height: 33px;text-align: center;z-index: 1000;border-left: 1px solid transparent;border-right: 1px solid transparent; }
    .allcontent:hover{ box-shadow: 1px 1px 1px #BCC5CC;background: #ffffff;border-right: 1px solid #BCC5CC;border-left: 1px solid #BCC5CC; border-bottom: none;z-index: 1000; }
    .allcontent:hover .arrow{background: url(../Images/top_bottom.gif); position: absolute; top: 12px;}
    .allcontent:hover .icon-btn-arrow-2-h{ width: 5px;height: 5px;background-position: 5px -35px;}
    .allcontent .sublist{ box-shadow: 1px 1px 1px #BCC5CC;display: none;top: 33px;opacity: 1; background: #ffffff;  padding: 10px;position: absolute;z-index: 999;width: 280px;border: 1px solid #BCC5CC; }
    .allcontent .sublist li{ width: 85px;float: left; padding: 0px 10px;text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
    .allcontent:hover .title-item-hd { background: #fff;border: none;z-index: 1000; }
    .allcontent:hover .sublist { display: block;z-index: 999;left: -1px; }
    .allcontent .sublist li.separate { width: 100%;border-top: 1px dotted #BCC5CC;margin-bottom: 5px;margin-top: 5px; }
    .allcontent .sublist li a { text-align: left;text-decoration: none; }
    .allcontent .submit:hover{ display: block;}
    .allcontent .title-item-hd { width: 100px;z-index: 1001;display: inline-block;position: absolute;top: 0;left: 0; }
    
    .title-item-hd a{ padding-right: 8px;}
    .arrow{ background: url(../Images/top_bottom.gif);  position: absolute;top: 15px;}
    .icon-btn-arrow-2-h{width: 5px;height: 4px;}

.tbar-search { float: right;margin-right: 5px; }
    .tbar-search .input-text { width: 300px;line-height: initial;border: 1px solid #CCC;padding: 3px;height: 24px;}
    .tbar-search .searchBtn { color: #333;border: 1px solid #CCC;margin-left: -4px;color: #666;background-color: #f7f7f7;display: inline-block;line-height: 20px;height: 24px;background: #F7F7F7;text-align: center;cursor: pointer; }

/*试题库*/
.form-imgcontent{min-height: 100px;padding-top: 15px;}
.form-img{ float: left;height: 105px;}
.form-img a img{ width: 114px;height: 85px;}

.row-inline-content{clear: both;border-bottom: 1px dashed #a6aaaa;height: 150px;}
.inline-left{ float: left;}
.inline-left span a img{ width: 150px;height: 120px;margin-top: 15px;margin-right: 15px;}
.inline-left span img{ width: 150px;height: 120px;margin-top: 15px;margin-right: 15px;}
.inline-right{ float: left;margin-top: 10px;}
.row-inline-content span{ text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: inline-block;}
.summary{width: 620px; height: 40px;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

/*下载*/
.download-content { padding:20px 10px 20px 10px;text-align: center; }
.download-content .download-title { font-size: 18px;font-weight: bold;color: black;line-height: 40px; }
.download-content .download-score-area { font-size: 16px;line-height: 40px;  }
.download-content .download-use-score,.download-content .download-user-score { color: #aa0000;font-size: 16px; }
.download-content .layui-btn { padding: 0 40px; }




/*数苑首页内容详情页*/
.location .arrow {display: inline-block;margin: auto 3px;width: 7px;height: 14px;background: url(../Images/skin_icons.png) no-repeat -56px 0;vertical-align: middle;position: inherit;}
.location{border-bottom: 2px solid;}
.index-news{ text-align: center;}
.index-news.title{ margin-top: 18px;}
.index-news.jiathis{ margin-left: 180px;}
.index-news.title h4{ font: bold 24px/1 "Microsoft Yahei"; color: #404040;}
.index-button{ padding-bottom: 15px;margin-left: 28px;margin-right: 15px;}
.index-img.box img{ border: 1px solid #ccc;height: 275px;}
.index-img.small img{margin-top: 5px;}
.index-img img{ width: 272px;}
.indexItem ul li{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;}
.index-button p{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;}
#newscontent p, #newscontent div, #newscontent a, #newscontent span{ font: 15px/32px "Microsoft Yahei"!important;}
.detail_banner{ width: 732px;height: 212px;    margin: 22px 0 22px 32px;background: url(../Images/banner_detail.jpg) no-repeat;}

/*登录页面*/
.banner { height: 83px; background-image: url(../images/logo_bg.jpg); background-position: 0 30px; background-repeat: no-repeat; }
    .banner li { float: right; margin-top: 60px; list-style-type: none; }
.bhelp li { float: right; margin-top: 60px; list-style-type: none; }
.L { width: 633px; color: #333333; float: left; }
    .L .IntroImg { clear: both; width: 618px; }
        .L .IntroImg img { float: left; }
    .L .C2 { clear: both; height: 120px; }
    .L .con2 { background-image: url(../images/L_tx.gif); }
    .L .con h1 { color: #087ad3; font-size: 14px; font-weight: bold; }
    .L .con p { margin-right: 20px; margin-top: 5px; line-height: 18px; }
    .L .line { float: left; width: 1px; height: 84px; background-image: url(../images/line.gif); margin-top: 20px; }
    .L .con3 { background-image: url(../images/L_aq.gif); }
    .L .con { width: 248px; background-repeat: no-repeat; background-position: 8px 0px; margin-top: 20px; float: left; padding-left: 60px; }
.R { border: 1px solid #8fb9d0; float: right; width: 315px; padding-right: 15px; padding-left: 15px; background-repeat: repeat-x; background-position: top; height: 434px; }
.bottom { line-height: 50px; text-align: center; margin-top: 26px; }
.ercode { background-image: url(../images/erweima.png); height: 45px; width: 80px; position: relative; left: 245px; top: 5px; }
.r-title h1 { font-size: 30px; margin-bottom: 18px; }
.formbox input { width: 300px; height: 38px; font-size: 16px; margin-bottom: 12px; border: 1px solid #ccc; padding-left: 10px; }
.rcbutton { width: 130px; height: 40px; background-color: #3fc3f1; border: none; font-size: 18px; color: #ffffff; }
.rc-buton { margin-top: 35px; border-top: 1px solid #ccc; }
    .rc-buton span { line-height: 65px; font-size: 14px; }
.r-ercode img { height: 175px; width: 175px; margin-left: 68px; }
.ec-title { font-size: 32px; font-weight: 800; line-height: 100px; }
.rc-close { background-image: url(../images/close.png); width: 24px; height: 24px; position: relative; left: 300px; top: 7px; }
.bhelp { position: relative; top: -40px; left: -55px; }

/*验证提示*/
.Validform_error {  border: 1px solid red !important;background:#fefced; }

/*联系我们*/ 
.conours p span:first-child{
    width: 80px;
}
.conours p span{ display: inline-block;color: #666;}


/*博主推荐*/
.Register{width: 56px;
    float: left;
    height: auto;
    display: inline;
    text-align: center;}
.Register .Registerall{    clear: both;}
.Register .Registername{    clear: both;
    margin-top: 4px;
    height: 17px;
    font-weight: bold;
    overflow: hidden;}
.Register .Registerall img{    padding: 2px;
    width: 48px;
    height: 48px;}

/**教学课件*/
.ts-main{ float: left;width: 760px;}
.ts-right{ float: left;width: 300px;margin-left: 40px;}
.tr-main{ background-color: #eaf1f6;}
.tr-main .trm-content{ padding: 20px;}
.tr-main .trm-content .trm-title{ background: url(../images/title-head-bg.png) no-repeat;width: 260px;height: 25px; margin-bottom: 20px;}
.tr-main .trm-content .trm-title span{ color: #236695;font-size: 18px;font-weight: bold;padding-left: 95px;}
.tr-main .trm-content .trmt-content{    line-height: 22px;color: #666666;    margin-bottom: 25px;}
.trm-list{ display: inline-block;}
.trm-list .img-text{     height: 110px;}
.trm-list .img-text .img-ts,.trm-list .img-text .text-ts{ float: left;}
.trm-list .img-text .text-ts{ margin-left: 15px;}
.trm-list .img-text .text-ts .title{height: 60px; width: 129px;}
.trm-list .img-text .text-ts .title a{ font-size: 14px;color: #333333;font-weight: bold;}
.trm-list .img-text .text-ts .title a:hover{ text-decoration: none;color: #019ad7;}
.tplay{ width: 393px;height: 295px;overflow: hidden;}

.ts-main .tsm-horsm{ display: inline-block;}
.ts-main .tsm-horsm .tdmh-l{ float: left;}
.ts-main .tsm-horsm .tdmh-r{ float: left;}
.ts-main .tsm-horsm .tdmh-r .tdmh-rb .title{font-size: 20px;     padding-bottom: 5px;font-weight: bold;}
.introduction{ line-height: 22px;}
.ts-main .tsm-horsm .tdmh-r .tdmh-rb .keyword{    padding: 10px 0;}
.k-title{font-weight: bold; color: #acacac;}
.k-word{color: #1e6abf;padding-right: 18px;}
.ktw-border{border-bottom: 1px solid #d2d2d2;margin-bottom: 8px;}
.ts-main .tsm-horsm .tdmh-l a img.limg{ width: 164px;height: 108px;}
.ts-main .tsm-horsm .tdmh-r .title a{font-size: 20px; font-weight: bold; padding-bottom: 10px;color: #000000;}
.ts-main .tsm-horsm .tdmh-r .title a:hover{ text-decoration: none;color: #019ad7;}
.ts-main .tsm-horsm .tdmh-r .author-keyword{margin-top: 10px;}
.ts-main .tsm-horsm .tdmh-r .author-keyword .a-title{font-weight: bold;}
.ts-main .tsm-horsm .tdmh-r .author-keyword .author{ padding-right: 105px;}
.tsm-h-border{    padding-bottom: 20px; border-bottom: 1px solid #d2d2d2;margin-bottom: 20px;}
.cls-content{       display: inline-block;   margin-top: 25px;  border-top: 1px solid #d2d2d2;}
.cls-title{margin-top: -1px;position: relative;margin-bottom: 20px;}
.trapezoid-title{position: absolute;left: 30px;top: 6px; font-size: 14px;font-weight: bold; color: #FFFFFF;}
.parallelogram-title{    position: absolute;top: 6px; left: 150px; font-weight: bold; color: #FFFFFF;}
.trapezoid-2 {   height:30px;   width:137px;   border-top:30px solid #1382d3;   border-left:0px solid transparent;   border-right:30px solid transparent;border-bottom-left-radius: 5px;float: left;}  
.parallelogram {  width: 100px;   height: 25px;   -webkit-transform: skew(-30deg);    -moz-transform: skew(-30deg);   -o-transform: skew(-30deg);    -ms-transform: skew(-30deg);   transform: skew(-30deg);    background: #68befd;margin-left: 119px; } 
.cls-item{ width: 236px;float: left;    height: 280px;}
.title-cls a{font-size: 14px;line-height: 38px; font-weight: bold;color: #000000;}
.title-cls a:hover{ text-decoration: none;color: #019ad7;}
.author-cls{padding-bottom: 12px;color: #666666;}
.introduction-cls{    color: #666666;  height: 35px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.mg25{    margin: 0 25px;}


/*在线学习系统*/
.lplay{ width: 296px;height: 395px;overflow: hidden;}
.trm-ftitle{    font-size: 18px;font-weight: bold;color: #18b8f8;}
.cd{ width: 3px; height: 2px; background-color: #e89e00; display: inline-block;    position: absolute; left: 0; top: 10px;}
.trm-ul ul{    margin: 10px 0;}
.trm-ul ul li{ position: relative;    padding-left: 8px;    line-height: 22px;}
.trm-ul ul li a{ color: #000000;}
body .noticecls{ background-color: #f7f5dc;}
.nte-content{    border-top: 1px dashed #ccc;padding: 10px 20px;}
.nte-content *{ font-size: 14px;}
.nte-title{font-size: 18px; padding-bottom: 10px; color: #175f7b;}
.lrlist{ margin-bottom: 20px;}
.lrlist li {padding-left: 25px; height: 22px; background: url(/Areas/Home/Content/images/global/notelibg.png) no-repeat 0px 4px;  line-height: 28px;  overflow: hidden;  margin-bottom: 5px;   margin-left: 0px;}
.lrlist li:first-child a {font-weight: bold;color: #18b8f8;}
.lrlist li a{font-size: 14px;}
.bsl-l{ float: left;}
.sortbooksummary{color: #666666;   height: 55px;line-height: 18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;  -webkit-box-orient: vertical;}
.bsl-first{ display: inline-block;}
.booksortlist li div a{ color: #666666;display: block;}
.booksortlist li:not(:first-child){overflow: hidden; text-overflow: ellipsis; display: -webkit-box;}
.sortbooktitle a{ font-size: 14px;font-weight: bold;color: #333333;    overflow: hidden; text-overflow: ellipsis;display: -webkit-box; }
.sortbooktitle a:hover,.booksortlist li div a:hover,.lrlist li a:hover{ color: #019ad7;text-decoration: none;}
.sortbooktitle{height: 38px;overflow: hidden;}
.sortbookauthor{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; height: 25px;color: #666666;}
.booksortlist li{ height: 23px;line-height: 23px;}
.gzgzsorlist li{ display: inline-block;    margin-bottom: 25px;}
.ts-main .tsm-horsm .tdmh-l a img.lnimg{ width: 88px;height: 117px;}
.tdmh-r .tro{   padding-top: 10px;margin-bottom: 20px;}
.intro-wkhidden{ height: 49px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.clsc-item{ width: 225px;    float: left;margin-bottom: 25px;}
.mg42{    margin: 0 42px;}

.software-group { display: flex; justify-content: space-between; padding: 22px 100px; padding-top: 0; }
.software-group .module { cursor:pointer; text-decoration:none; }
.software-group .module .app-logo { width: 64px;height: 64px;background-repeat: no-repeat; }
.software-group .module .app-name { line-height:30px; text-align:center; }
.software-group .mathai { background-image: url(../Images/mathqai-64.png) }
.software-group .mathplay { background-image: url(../Images/mathplay-64.png) }
.software-group .pcclient { background-image: url(../Images/pcclient-64.png) }
.software-group .aioffice { background-image: url(../Images/aioffice-64.png) }
.software-group .graphplay { background-image: url(../Images/graphplay-64.png) }