@charset "utf-8";
/* CSS Document */

/******************** reset ********************/
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, button,
textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
fieldset, img {
    border: 0;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
.address, caption, cite, code, dfn,
em, strong, th, var, optgroup {
    font-style: normal;
    font-weight: normal;
}
 
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}
abbr, acronym {
    border: 0;
    font-variant: normal;
}
 
input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}
code, kbd, samp, tt {
    font-size: 100%;
}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {
    *font-size: 100%;
}
body {
    line-height: 1.5;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption, th {
    text-align: left;
}
sup, sub {
    font-size: 0.5em;
}
/* remember to highlight anchors and inserts somehow! */
:link, :visited , ins {
    text-decoration: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}





body{ font-size:12px; color:#333; background:url(/images_neo2017/bg2.jpg) no-repeat center top #f3f5f7!important; font-family:微软雅黑, Arial, Helvetica, sans-serif; min-width:1200px;}

a{ color:#333;}

a:hover{ color:#cd2129;}

.break{ clear:both;}

.f-icon {
    font-family:'icomoon';
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:1;
    text-transform:none;
}


/******************** header ********************/

#header{ width:100%; height:153px;}


.header_nav{ float:left;}

.header_nav li{ float:left; display:inline; margin-left:15px; padding:0 5px;}

.header_nav li a{ color:#666; float:left; height:26px;}

.header_login{ float:left; width:185px;}

.header_holder{ width:1200px; height:100px; margin:1px auto 0 auto; position:relative;}

.logo{ float:left; margin:5px 0 0 15px;}

.search{ float:left; width:500px; height:30px; margin:30px 0 0 50px; border:1px solid #ddd; border-radius:15px; background:#fff;}

.search_box{ float:left; width:420px; height:30px; margin:0 10px 0 20px; background:#fff; line-height:30px; border:none; color:#999; font-size:14px;}

.search_btn{ float:right; width:30px; height:30px; background:url(../images_neo2017/iconbtn_search.png) no-repeat 0 0; border:none; text-indent:-9999px; margin:0 15px 0 0; cursor:pointer;}

.search_btn:hover{ background:url(../images_neo2017/iconbtn_search.png) no-repeat 0 -30px;}

.mobile_btn{ float:left; height:30px; margin:36px 0 0 50px; background:url(../images_neo2017/icon_mobile.png) no-repeat 0 0; color:#666; position:relative; cursor:pointer; line-height:24px; font-size:14px; padding-left:30px;}

.mobile_btn:hover{ background-position:0 -30px; color:#cd2129;}

.mobile_btn .mobile_code{ display:none; left:-60px; position:absolute; top:25px; z-index:99999999;}

.mobile_btn:hover .mobile_code{ display:block;}

.login_btn{ float:left; width:72px; height:32px; margin:30px 0 0 20px; border-radius:15px; background:#cd2129; line-height:32px; color:#fff; font-size:14px; text-align:center;}

.login_btn:hover{ background:#eb151f; color:#fff;}

.resign_btn{ float:left; width:70px; height:30px; margin:30px 0 0 20px; border:1px solid #ccc; border-radius:15px; line-height:30px; font-size:14px; text-align:center; background:#fff;}

.resign_btn:hover{ border:1px solid #cd2129;}



.nav { width:100%; height:53px; margin:0 auto; line-height:53px; z-index:99999!important; background:#cd2129;}

.nav ul.nav_detail{ width:1200px; margin:0 auto; position:relative;}

.nav ul.nav_detail li{ float:left; display:inline; font-size:1.4em; color:#fff; font-family:微软雅黑; text-align:center; margin:0 3px;}


.nav ul.nav_detail li a.navone{ float:left; color:#fff; width:144px; height:53px;}

.nav ul.nav_detail li a strong{ color:#cd2129;}

.nav ul.nav_detail li:hover a.navone, .nav ul.nav_detail li.nav_currentone a.navone{ color:#fff; background:#585858;}


.nav ul.nav_detail li a.navdownone .nav_arrow{  
	border:2px solid #fff;  
	border-width:2px 0 0 2px;  
	display:inline-block;  
	height:6px;  
	-moz-transform-origin:center center;  
	-moz-transform:rotate(225deg);  
	-moz-transition:all .5s ease-in .1s;  
	-webkit-transform-origin:center center;  
	-webkit-transform:rotate(225deg);  
	-webkit-transition:all .5s ease-in .1s;  
	-o-transform-origin:center center;  
	-o-transform:rotate(225deg);  
	-o-transition:all .5s ease-in .1s;  
	-ms-transform-origin:center center;  
	-ms-transform:rotate(225deg);  
	-ms-transition:all .5s ease-in .1s;  
	transform-origin:center center;  
	transform:rotate(225deg);  
	transition:all .5s ease-in .1s;  
	width:6px;
	margin:0px 0 0 15px;
}  
.nav ul.nav_detail li:hover a.navdownone .nav_arrow{  
	-moz-transform:rotate(-75deg);  
	-moz-transition:all .5s ease-in .1s;  
	-webkit-transform:rotate(45deg);  
	-webkit-transition:all .5s ease-in .1s;  
	-o-transform:rotate(45deg);  
	-o-transition:all .5s ease-in .1s;  
	-ms-transform:rotate(45deg);  
	-ms-transition:all .5s ease-in .1s;  
	transform:rotate(45deg);  
	transition:all .5s ease-in .1s;  
	margin:9px 0 0 15px;
}  





.nav_downone{ position:relative;}

.nav_downholder{ position:absolute; z-index:999999999; top:53px; width:1200px; left:0;}

.nav_downholder1{ left:-100px; _left:-113px;}

.nav_downholder2{ left:-260px; _left:-265px;}

.nav_downholder3{ left:-357px; _left:-362px;}

.nav_downholder4{ left:-487px; _left:-492px;}

.nav_downholder5{ left:-617px; _left:-622px;}

.nav_downholder6{ left:-833px; _left:-838px;}

.nav_downbox{ float:left; width:1196px; background:#fff; border:2px solid #cd2129; box-shadow:2px 3px 2px #666; border-top:none; z-index:999999999; _margin-top:-11px; text-align:left; padding:10px 0;}

.nav_downbox a{ float:left; color:#333; width:220px; display:inline; font-size:13px; line-height:30px; height:30px; text-align:center;}

.nav_downbox a:hover{ color:#cd2129; background:#f0f0f0;}



/*.nav_downbox1{ width:1176px; height:100px;}

.nav_downbox2{ width:1176px; height:196px;}

.nav_downbox3{ width:1176px; height:100px;}

.nav_downbox4{ width:1176px; height:195px;}

.nav_downbox5{ width:1176px; height:60px;}

.nav_downbox6{ width:1176px; height:60px;}*/

.nav_uparrow{ width:18px; height:5px; line-height:5px; background:url(../images/nav_uparrow.gif) no-repeat top; display:none; float:left;}

.nav_uparrow1{ margin-left:169px; _margin-left:174px;}

.nav_uparrow2{ margin-left:297px; _margin-left:302px;}

.nav_uparrow3{ margin-left:411px; _margin-left:416px;}

.nav_uparrow4{ margin-left:542px; _margin-left:547px;}

.nav_uparrow5{ margin-left:720px; _margin-left:725px;}

.nav_uparrow6{ margin-left:890px; _margin-left:895px;}

.nav_class_menu{ float:left; display:inline;}

.nav_class_menu1{ width:1000px; margin:0 0 0 100px; padding-top:10px;}

.nav_class_menu2{ width:1150px; margin:0 0 0 20px; padding-top:10px;}

.nav_class_menu3{ width:1150px; margin:0 0 0 20px; padding-top:10px;}

.nav_class_menu4{ width:1150px; margin:0 0 0 20px; padding-top:10px;}

.nav_class_menu5{ width:300px!important; margin:0 0 0 632px!important; padding-top:10px;}

.nav_class_menu6{ width:300px!important; margin:0 0 0 755px!important; padding-top:10px;}

.nav_class_menu li{ float:left; text-align:left!important; margin-top:5px!important; height:30px!important; line-height:30px!important;}

.nav_class_menu1 li{ width:200px!important; margin-left:20px!important;}

.nav_class_menu2 li{ width:270px!important; margin:5px 10px 0 10px!important;}

.nav_class_menu3 li{ width:253px!important; margin:5px 20px 0 20px!important;}

.nav_class_menu4 li{ width:370px!important; margin:5px 10px 0 10px!important;}

.nav_class_menu5 li{ width:200px!important; margin:5px 10px 0 10px!important;}

.nav_class_menu6 li{ width:130px!important; margin:5px 10px 0 10px!important;}

.nav_class_menu li a{ float:left; background:none!important; color:#333!important; font-size:14px; height:30px!important; line-height:30px!important; padding-left:30px;}

.nav_class_menu1 li a{ width:170px!important;}

.nav_class_menu2 li a{ width:240px!important;}

.nav_class_menu3 li a{ width:223px!important;}

.nav_class_menu4 li a{ width:340px!important;}

.nav_class_menu5 li a{ width:170px!important; text-align:center; padding-left:0;}

.nav_class_menu6 li a{ width:120px!important; text-align:center; padding-left:0;}

.nav_class_menu li a:hover{ height:30px!important; line-height:30px!important; background:#eee!important; color:#f00!important;}






.columnGroup {
    align-items: stretch;
    display: flex;
    width: 1196px;
}
.column {
    float: left;
}
.column.middle {
    padding-top: 2.1em;
}
.column.border {
    border-left: 1px dotted #e0e0e0;
    padding-left: 1em;
}

.nav_downbox .active {
    display: block;
}
.nav_downbox .expand {
    bottom: 0;
    cursor: pointer;
    height: 2em;
    position: absolute;
    width: 2em;
}
.nav_downbox .expand::before {
    content: "";
    font-size: 1rem;
    margin-left: 0.3em;
}
.nav_downbox .expand.left {
    left: 0;
}
 .nav_downbox .expand.right {
    right: 0;
}
.nav_downbox.subExpanded .expand::before {
    content: "";
}
.nav_downbox h3 {
    color: #c00;
    font-size: 1.1em;
    font-weight: 600;
}
.nav_downbox h3 a {
    color: #c00;
}
.nav_downbox p {
    max-width: 200px;
}
.nav_downbox a {
    color: #333;
}

.nav_downbox .columnGroup a{ text-indent:6px;}

.nav_downbox .columnGroup1 a{ width:265px; text-indent:20px;}

.column ul ul{ width:293px;}

.column ul li{ margin:0 3px!important;}

.column a{ text-align:left;}

.column ul ul a{ text-indent:0; font-size:12px; width:150px!important; padding:0 20px;}




.top_downone1, .top_downone2, .top_downone3, .top_downone4{ background:#fff; border-left:1px solid #999; border-right:1px solid #999; box-shadow:1px 2px 1px #ccc; padding:0 4px!important;}


.down_arrow1{ display:block; padding-right:10px; padding-left:45px; background:url(../images/topline_down_bg1.gif) no-repeat right 0; cursor:pointer;}

.top_downone1 .down_arrow1{ background:url(../images/topline_down_bg1.gif) no-repeat right -26px; color:#f00!important;}

.top_downmenu1{ position:absolute; width:87px; background:#fff; border:1px solid #999; box-shadow:1px 2px 1px #ccc; z-index:999999999999999; left:-1px; top:26px; border-top:none;}

.top_downmenu1 li{ width:77px; display:inline; border-bottom:1px solid #dcdcdc; margin-left:5px; text-indent:5px; padding:0;}


.down_arrow2{ display:block; padding-right:10px; padding-left:25px; background:url(../images/topline_down_bg2.gif) no-repeat right 0; cursor:pointer;}

.top_downone2 .down_arrow2{ background:url(../images/topline_down_bg2.gif) no-repeat right -26px; color:#f00!important;}

.top_downmenu2{ position:absolute; width:115px; background:#fff; border:1px solid #999; box-shadow:1px 2px 1px #ccc; z-index:999999999999999999; left:-1px; top:26px; border-top:none;}

.top_downmenu2 li{ width:105px; display:inline; border-bottom:1px solid #dcdcdc; margin-left:5px; text-indent:5px; padding:0;}


.down_arrow3{ display:block; width:78px; padding-left:31px; cursor:pointer;}

.down_arrow3 a{ color:#c33; padding:0 5px;}

.down_arrow3 a:hover{ text-decoration:underline;}

.top_downone3 .down_arrow3{ position:absolute; height:27px; background:url(../images/topline_down_bg3.gif) no-repeat 0 -26px #fff;  z-index:9999999999999999999; border-left:1px solid #999; border-right:1px solid #999; box-shadow:1px 0 1px #ccc; width:78px; padding-left:25px;}

.top_downmenu3{ position:absolute; width:308px; background:#fafafa; border:1px solid #999; box-shadow:1px 2px 1px #ccc; z-index:999999999999999999; right:-1px; top:26px; padding-bottom:10px; overflow:hidden;}



.down_arrow4{ display:block; width:173px; height:52px; cursor:pointer; z-index:99999; position:absolute; top:24px; right:0; padding:0 10px 0 16px!important;}

.top_downone4 .down_arrow4{ position:absolute; height:52px;  z-index:999999; width:173px;}

.top_downmenu4{ position:absolute; width:308px; background:#fafafa; border:1px solid #ccc; box-shadow:1px 2px 1px #ccc; z-index:999999; right:0; top:68px; overflow:hidden;}



.toplogin_txt{ float:left; display:inline; width:280px; margin:15px 0 0 15px; padding-bottom:10px; border-bottom:1px dashed #dcdcdc; font-family:微软雅黑; font-size:14px; text-align:center;}


.toplogin_info{ float:left; display:inline; width:280px; margin:5px 0 0 15px; line-height:20px;}

.toplogin_info .grade_lefticon_title{ float:left; margin:5px 0 0 0!important;}

.toplogin_info_username{ color:#f33!important; font-size:1.5em; font-weight:bold; padding:0;}

.top_credit{ float:left; margin:7px 0 0 15px;}

.toplogin_info .user_info{ clear:none; margin-left:105px!important; margin-top:9px!important;}

.toplogin_btns{ float:left; display:inline; width:260px; margin-left:20px; padding-bottom:10px; border-bottom:1px dashed #dcdcdc; text-align:center; font-family:微软雅黑; font-size:14px;}

.toplogin_btn1{ float:left; display:inline; height:26px; padding:0 15px; line-height:26px; color:#fff!important; font-weight:bold; cursor:pointer; margin:15px 0 5px; background:#c00; border:none; width:80px;}

.toplogin_btn1:hover{ background:#e00;}

.toplogin_btn2{ float:left; display:inline; height:26px; padding:0 15px; line-height:26px; color:#666!important; font-weight:bold; cursor:pointer; margin:15px 10px 5px 20px; background:#ccc; border:none; width:80px;}

.toplogin_btn2:hover{ background:#dcdcdc;}

#top21, #topti, #toplogin, #topuc, #topexam, #topcourse, #topnotice{ z-index:99999999;}

#top21{ left:10px; width:79px;}

#topti{ left:120px; width:107px;}

#toplogin{ left:1070px; _left:1064px; width:100px;}

#topuc{ left:1099px; width:71px;}

#topexam{ right:76px; width:30px;}

#topcourse{ right:110px; width:30px;}

#topnotice{ right:150px; width:30px;}


.header_smalluserhead{ float:left; width:50px; height:50px; border:1px solid #ddd; border:1px solid #ccc; border-radius:25px; overflow:hidden;}

.header_smalluserhead:hover{ border:1px solid #cd2129;}

.header_smalluserhead img{ width:50px; height:50px;}


.top_downone4 .top_headerbg{ position:absolute; width:50px; height:14px; background:url(../images_neo2017/topuserhead_bg.gif) no-repeat 0 0; z-index:999999; right:132px; top:68px;}


.header_username{ float:left; margin:0 0 0 7px; color:#cd2129; line-height:50px; font-size:16px; width:113px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.header_username:hover{ color:#eb151f;}



.header_complatebtn{ float:right; margin-right:15px;}


.header_ucbtn{ clear:both; float:left; width:100%; height:30px; line-height:30px; padding:5px 0; background:#dcdcdc;}

.header_ucbtn a{ font-family:微软雅黑; font-size:14px; color:#666;}

.header_ucbtn a:hover{ color:#cd2129;}

.header_ucbtn1{ float:left; margin-left:14px;}

.header_ucbtn2{ float:right; margin-right:14px;}


.header_point{ float:right; margin-right:190px; margin-left:1px; background:url(../images/topline_down_bg6.gif) no-repeat 0 0; padding:0 5px 0 30px; color:#f60; font-weight:bold;}

.header_point:hover{ background:url(../images/topline_down_bg6.gif) no-repeat scroll 0 -26px; border-left:1px solid #999; border-right:1px solid #999; box-shadow:1px 0 1px #ccc; color:#f90; margin-right:189px; margin-left:0;}




.down_arrow5{ display:block; width:30px; cursor:pointer;}

.top_downone5 .down_arrow5{ position:absolute; height:27px; z-index:9999999999999999999; border-left:1px solid #999; border-right:1px solid #999; box-shadow:1px 0 1px #ccc; width:30px; margin-left:-1px;}

.top_downmenu5{ position:absolute; width:350px; background:#fafafa; border:1px solid #999; box-shadow:1px 2px 1px #ccc; z-index:999999999999999999; right:-1px; top:26px; overflow:hidden;}




.header_exam_icon{ float:right; height:26px; background:url(../images/topline_down_bg5.gif) no-repeat 0 0; width:30px; text-indent:-9999px;}

.header_exam_icon:hover{ height:27px; background:url(../images/topline_down_bg5.gif) no-repeat 0 -26px #fff; border-left:1px solid #999; border-right:1px solid #999; box-shadow:1px 0 1px #ccc;}

.header_exam_num{ position:absolute; background:#6c3; top:2px; color:#fff; display:block; float:left; line-height:14px; height:14px; right:92px; border-radius:10px; padding:0 5px; z-index:9999999999999999999;}



.header_exambtn{ clear:both; float:left; width:100%; height:20px; line-height:20px; padding:10px 0; background:#dcdcdc; text-align:center;}

.header_exambtn a{ font-family:微软雅黑; font-size:14px; color:#666;}

.header_exambtn a:hover{ color:#c33;}

.topexam_title{ float:left; display:inline; width:320px; margin:10px 0 0 5px; padding:0 10px 10px; border-bottom:1px dashed #dcdcdc; font-family:微软雅黑; font-size:14px;}

.top_exam_menu{ width:340px; margin-left:5px;}

.top_exam_menu li{ float:left; width:340px; border-bottom:1px solid #dcdcdc; padding:5px 0;}

.top_exam_name{ float:left; display:inline; margin:4px 0 0 10px; width:250px; height:26px; overflow:hidden;} 

.top_exam_btn{ float:right; display:inline; height:22px; line-height:22px; margin:5px 5px 0 0; overflow:hidden; padding:0 10px; text-align:center; width:50px;} 

.btn_green{ background:url(../images/btn_greenbg.gif) repeat-x; border:1px solid #096; color:#096;}

.btn_green:hover{ border:1px solid #0b0; color:#0b0!important;}

.btn_red{ background: url(../images/btn_redbg.gif) repeat-x scroll; border:1px solid #f00; color:#f00;}

.btn_red:hover{ border:1px solid #f60; color:#f60!important;}



.down_arrow6{ display:block; width:30px; cursor:pointer;}

.top_downone6 .down_arrow6{ position:absolute; height:27px; z-index:9999999999999999999; border-left:1px solid #999; border-right:1px solid #999; box-shadow:1px 0 1px #ccc; width:30px; margin-left:-1px;}

.top_downmenu6{ position:absolute; width:270px; background:#fafafa; border:1px solid #999; box-shadow:1px 2px 1px #ccc; z-index:999999999999999999; right:-1px; top:26px; overflow:hidden;}




.header_course_icon{ float:right; height:26px; background:url(../images/topline_down_bg7.gif) no-repeat 0 0; width:30px; text-indent:-9999px;}

.header_course_icon:hover{ height:27px; background:url(../images/topline_down_bg7.gif) no-repeat 0 -26px #fff; border-left:1px solid #999; border-right:1px solid #999; box-shadow:1px 0 1px #ccc;}

.header_course_num{ position:absolute; background:#22bcef; top:2px; color:#fff; display:block; float:left; line-height:14px; height:14px; right:128px; border-radius:10px; padding:0 5px; z-index:9999999999999999999;}

.topcourse_title{ float:left; display:inline; width:240px; margin:10px 0 0 5px; padding:0 10px 10px; border-bottom:1px dashed #dcdcdc; font-family:微软雅黑; font-size:14px;}


.top_course_menu{ width:260px; margin-left:5px;}

.top_course_menu li{ float:left; width:260px; border-bottom:1px solid #dcdcdc; padding:5px 0;}

.top_course_progressbar{ clear:both; float:left;color:#c33; margin-left:15px; width:155px;}

.class_progress_line{ float:left; height:16px; margin-top:10px; padding:1px; width:93px;}

.class_progress_txt{ float:right; width:60px;}


.down_arrow7{ display:block; width:30px; cursor:pointer;}

.top_downone7 .down_arrow7{ position:absolute; height:27px; z-index:9999999999999999999; border-left:1px solid #999; border-right:1px solid #999; box-shadow:1px 0 1px #ccc; width:30px; margin-left:-1px;}

.top_downmenu7{ position:absolute; width:270px; background:#fafafa; border:1px solid #999; box-shadow:1px 2px 1px #ccc; z-index:999999999999999999; right:-1px; top:26px; overflow:hidden;}




.header_notice_icon{ float:right; height:26px; background:url(../images/topline_down_bg8.gif) no-repeat 0 0; width:30px; text-indent:-9999px;}

.header_notice_icon:hover{ height:27px; background:url(../images/topline_down_bg8.gif) no-repeat 0 -26px #fff; border-left:1px solid #999; border-right:1px solid #999; box-shadow:1px 0 1px #ccc;}

.header_notice_num{ position:absolute; background:#cd2129; top:15px; color:#fff; display:block; float:left; line-height:16px; height:16px; right:0; border-radius:8px; padding:0 5px; z-index:9999999999999999999; font-size:12px;}

.topnotice_title{ float:left; display:inline; width:240px; margin:10px 0 0 5px; padding:0 10px 10px; border-bottom:1px dashed #dcdcdc; font-family:微软雅黑; font-size:14px;}


.top_notice_menu{ width:260px; margin-left:5px;}

.top_notice_menu li{ float:left; width:260px; border-bottom:1px solid #dcdcdc; padding:5px 0;}

.top_notice_name{ float:left; display:inline; margin:4px 0 0 10px; width:160px; height:26px; overflow:hidden;}


.ucenter_notice_menu{ width:800px;}

.ucenter_notice_menu li{ float:left; width:780px; border-bottom:1px solid #dcdcdc; padding:5px 10px;}

.ucenter_notice_name{ float:left; display:inline; margin:4px 0 0 10px; width:600px; line-height:26px; font-size:14px;}





.nav_course_sort{ padding-bottom:15px; float:left;}

.nav_course_sort1{ border-right:1px solid #e1e1e1; width:250px; margin:0 0 0 20px;}

.nav_course_sort2{ float:right; width:860px; margin:0 20px 0 0;}

.nav_course_sort dt{ font-size:16px; height:24px; line-height:24px; display:block; margin: 10px 0 0 0; clear:both; color:#c33; padding-left:30px; background: url(../images/icon_nav_sort.gif) no-repeat left center;}


.nav_course_sort dd{ float:left; width:190px; display:inline; font-size:14px; line-height:24px; margin: 5px 0 0 25px; color:#666;}

.nav_course_sort1 dd{ width:80px;}

.nav_course_sort dd a{ float:left; color:#333; padding:0 5px;}

.nav_course_sort dd a:hover{ color:#c33;}











.nav_course_tag{ float:left; display:inline; width:1140px; margin:0 0 15px 20px; padding-top:10px; border-top:1px solid #e1e1e1;}

.nav_course_tag dt{ float:left; font-size:16px; height:24px; line-height:24px; display:block; margin: 5px 0 0 10px; clear:both; color:#c33; padding-left:20px; background: url(../images/icon_nav_tag.gif) no-repeat left center;}

.nav_course_tag dd{ float:left; display:inline; font-size:14px; line-height:24px; margin: 5px 0 0 25px; color:#666;}

.nav_course_tag dd a{ float:left; color:#333; padding:0 5px;}

.nav_course_tag dd a:hover{ color:#c33;}









/******************** main ********************/

#main{ clear:both; margin:20px auto; width:1200px; overflow:hidden;}


.location{ width:1170px; margin:20px auto 10px auto; padding:9px 15px; line-height:18px; position:relative; font-size:14px; border-bottom:1px solid #b8c0c6;}

.location a{ color:#333;}

.location a:hover{ color:#cd2129;}

.location strong{ font-size:14px;}

.location span{ font-family:宋体;}


.ranking{ float:right; width:260px; height:410px; background:#fff; margin-top:20px; margin-bottom:40px;}

.ranking_title{ width:260px; height:38px;}

.ranking_title li{ float:left; width:130px; height:36px; text-align:center; line-height:36px; padding-bottom:2px; background:url(../images/ranking_titlebg.jpg) no-repeat; padding-bottom:2px; font-size:1.2em; font-family:微软雅黑;}

.ranking_title li a{ color:#ccc; float:left; width:130px; height:36px; font-size:16px;}


.ranking_title_current{ background:url(../images/ranking_current_titlebg.jpg) no-repeat; color:#fff!important;}

.ranking_list{ clear:both; width:240px; margin:20px 0 0 20px;}

.ranking_list li{ display:block; width:200px; height:32px; overflow:hidden; line-height:32px; background:url(../images/icon_video.png) no-repeat left center; padding-left:20px;}

.ranking_list li a{ display:block; height:32px; overflow:hidden; font-size:14px;}

.ranking_list li a:hover{ text-decoration:underline;}



.ranking_numlist{ background:url(../images/ranking_nums.png) no-repeat -8px 0;}

.ranking_numlist li{ background:none; padding-left:23px;}




.nf_watch{ float:right; width:260px; height:410px; background:#fff; margin-bottom:40px;}

.nf_watch h3{width: 260px; height: 38px; background:url(../images/ranking_current_titlebg.jpg) repeat-x; display: block; color: #fff; line-height: 36px; font-size: 16px; text-align: center;}

.ranking_title li{ float:left; width:130px; height:36px; text-align:center; line-height:36px; padding-bottom:2px; background:url(../images/ranking_titlebg.jpg) no-repeat; padding-bottom:2px; font-size:1.2em; font-family:微软雅黑;}

.nf_watch_list{ margin: 10px 0 0; float: left;}

.nf_watch_list li{ float:left; width:213px; margin:20px 24px 5px;}

.nf_watch_list .nfwatch_class_img{ width:213px; height:135px; position: inherit;}

.nf_watch_list .nfwatch_class_img a{ width: 213px;height: 135px; display: block;}

.nf_watch_list .nfwatch_class_img img{ float:left; width:211px; height:133px; border:1px solid #bcbcbc;}

.nf_watch_list .nfwatch_class_name { width: 213px; line-height: 18px; word-break: break-all; font-size: 14px; margin-top: 8px;}




.maybe-lesson-holder .nf_watch_list li{ width:175px; margin:20px 16px 5px 20px;}

.maybe-lesson-holder .nf_watch_list .nfwatch_class_img{ width:175px; height:113px;}

.maybe-lesson-holder .nf_watch_list .nfwatch_class_img a{ width: 175px;height: 113px;}

.maybe-lesson-holder .nf_watch_list .nfwatch_class_img img{ width:173px; height:111px;}

.maybe-lesson-holder .nf_watch_list .nfwatch_class_name { width: 175px; padding:0; height: 36px; overflow: hidden;}



.big_title{ clear:both; width:1160px; height:38px; line-height:38px; background:url(../images/icon_line.gif) no-repeat 10px center; border-bottom:1px solid #ebebeb; padding-left:20px; margin-top:20px;}

.big_title1{ margin-top:0;}

.big_title span{ font-family:微软雅黑; float:left; line-height:38px; font-size:2em;}

.big_title .more{ float:right; margin:10px 10px 0 0; height:20px; line-height:20px; background:url(../images/icon_more.gif) no-repeat right center; padding-right:20px;}


.class_menu{ clear:both; width:1178px; height:113px; background:#e9e9e9; border:1px solid #d0d0d0; position:relative;}

.class_menu h3{ position:absolute; left:-11px; top:-10px;}

.class_menu_one1{ float:left; display:inline; margin-left:71px; width:515px; height:78px; background:url(../images/shadow.jpg) no-repeat 140px center;}

.class_menu_one2{ float:right; display:inline; width:590px; height:78px; background:url(../images/shadow.jpg) no-repeat 82px center;}

.class_menu_one3{ float:right; display:inline; width:590px; height:78px; background:url(../images/shadow.jpg) no-repeat 115px center;}

.class_menu_one4{ float:right; display:inline; width:590px; height:78px; background:url(../images/shadow.jpg) no-repeat 175px center; *background:url(../images/shadow.jpg) no-repeat 170px center; _background:url(../images/shadow.jpg) no-repeat 170px center;}

.class_menu_one5{ float:right; display:inline; width:590px; height:78px; background:url(../images/shadow.jpg) no-repeat 120px center;}

.class_menu_one6{ float:right; display:inline; width:590px; height:78px; background:url(../images/shadow.jpg) no-repeat 145px center;}

.dpj_menu{ width:1080px;}

.dy_menu{ width:1107px;}

.qcdz_menu{ width:1107px;}

.xhl_menu{ width:800px;}

.other_xhl_menu{ width:307px;}

.ti_combine_menu{ width:1107px;}

.class_menu_one{ margin-top:10px; height:90px;}

.class_menu_one dt{ float:left; line-height:24px; background:url(../images/icon_dot1.gif) no-repeat left center; padding-left:15px; color:#c33; font-size:14px; font-weight:bold; margin:35px 0;}

.class_menu_one dt a{ color:#c33;}

.class_menu_one dt a:hover{ color:#f00; text-decoration:underline;}

.class_menu_one1 dd{ float:left; width:auto; line-height:24px; margin:0 0 0 20px;}

.class_menu_one2 dd{ float:left; width:auto; line-height:24px; margin:0 0 0 20px;}

.class_menu_one3 dd{ float:left; width:auto; line-height:24px; margin:0 0 0 20px;}

.class_menu_one4 dd{ float:left; width:auto; line-height:24px; margin:0 0 0 20px;}

.class_menu_one5 dd{ float:left; width:auto; line-height:24px; margin:0 0 0 20px;}

.class_menu_one6 dd{ float:left; width:auto; line-height:24px; margin:0 0 0 20px;}

.dpj_menu dd{ line-height:24px; margin:10px 20px 10px 23px; width:auto;}

.dy_menu dd{ line-height:24px; margin:4px 8px 4px 20px; width:auto;}

.qcdz_menu dd{ float:left; line-height:24px; margin:10px 10px 10px 23px; width:auto;}

.xhl_menu dd{ line-height:24px; margin:0 20px 0 25px; width:auto;}

.other_xhl_menu dd{ line-height:24px; margin:35px 8px 10px 20px; width:auto;}

.ti_combine_menu dd{ line-height:24px; margin:10px 8px 10px 20px; width:auto;}

.xhl_menu dd.class_menu_leftone{ margin:0 20px 0 35px; width:200px;}

.qcdz_menu dd.class_menu_leftone{ margin-left:35px;}

.ti_combine_menu dd.class_menu_leftone{ margin-left:35px;}


/*class_menu_new*/

.class_menu_new{ width:1178px; background:#e9e9e9; border:1px solid #d0d0d0; position:relative;}

.class_menu_new h3{ position:absolute; left:-11px; top:-10px; display:none;}

.class_menu_newone1, .class_menu_newone2, .class_menu_newone3, .class_menu_newone4{ float:left; display:inline;}


.dpj_newmenu{}

.dy_newmenu{}

.class_menu_newone{ margin-top:10px; overflow:hidden; padding-bottom:10px;}

.class_menu_newone dt{ line-height:18px; background:url(../images/icon_dot1.gif) no-repeat left 2px; padding-left:15px; color:#c33; font-size:14px; font-weight:bold; margin-left:10px;}

.class_menu_newone dt a{ color:#c33;}

.class_menu_newone dt a:hover{ color:#f00; text-decoration:underline;}

.class_menu_newone1 dd{ float:left; display:inline; width:70px; line-height:24px; margin-top:10px; margin-left:10px;}

.class_menu_newone2 dd{ float:left; display:inline; width:180px; line-height:24px; margin-top:10px; margin-left:10px;}

.class_menu_newone3 dd{ float:left; display:inline; width:200px; line-height:24px; margin-top:10px; margin-left:10px;}

.class_menu_newone4 dd{ float:left; display:inline; width:158px; line-height:24px; margin-top:10px; margin-left:10px;}

.class_menu_newone5 dd{ float:left; display:inline; width:138px; line-height:24px; margin-top:10px; margin-left:10px;}

.class_menu_newone1 dd a{ float:left; color:#fff; height:24px; padding-left:10px; width:60px; background:#f34544;}

.class_menu_newone2 dd a{ float:left; color:#fff; height:24px; padding-left:10px; width:170px; background:#f34544;}

.class_menu_newone3 dd a{ float:left; color:#fff; height:24px; padding-left:10px; width:190px; background:#f34544;}

.class_menu_newone4 dd a{ float:left; color:#fff; height:24px; padding-left:10px; width:148px; background:#f34544;}

.class_menu_newone5 dd a{ float:left; color:#fff; height:24px; padding-left:10px; width:128px; background:#f34544;}

.class_menu_newone dd a:hover{ background:#c33; color:#fff;}


.line_morebtn_holder1{ float:left; display:inline; margin-left:40px;}

.line_morebtn_holder2{ float:left; display:inline; margin-left:160px;}

.line_morebtn_holder3{ float:left; display:inline; margin-left:65px;}

.line_morebtn_holder4{ float:left; display:inline; margin-left:45px;}

.class_more_newbtn{ display:inline; float:left; width:88px; height:20px; text-align:center; line-height:20px; background:#dcdcdc; border:1px solid #d0d0d0; border-bottom:none;}


/*.class_menu_leftone{ margin-left:25px!important;}*/

.class_menu_leftone1{ width:105px!important;}

/*.class_menu_leftone2{ width:85px!important;}*/

.class_menu_rightone{ width:100px!important;}

.class_menu_current{ font-weight:bold; color:#c33;}



.open_class{ float:left; width:1206px; margin-left:-13px;}

.class_list1, .class_list2{ margin-top:20px;}

.open_class dt{ float:left; display:inline; width:376px; height:136px; margin:26px 13px 0 13px; color:#fff;}

.open_class1 dt{ background:url(../images/icon_arrow_blue.gif) no-repeat right bottom #1f8eed;}

.open_class2 dt{ background:url(../images/icon_arrow_yellow.gif) no-repeat right bottom #ed8f1f;}

.open_class3 dt{ background:url(../images/icon_arrow_blue.gif) no-repeat right bottom #1f8eed;}

.class_list1 dt, .class_list2 dt{ width:175px;}

.open_class dt h4{ margin:20px 20px 0 20px; font-family:微软雅黑; line-height:30px; font-size:2em;}

.open_class dt h4 .title_class_num{ font-family:宋体; line-height:24px; font-size:12px; margin-left:20px;}

.open_class dt h4 a{ color:#fff; word-break:break-all;}

.open_class dt h4 a:hover{ color:#fff; text-decoration:underline;}

.class_list1 dt h4{ margin:20px 8px 0 8px; font-size:1.4em; line-height:24px; max-height:110px; overflow:hidden;}

.class_name_2l{ max-height:48px; overflow:hidden; float:left; margin-bottom:8px;}

.class_list1 dt h4 span{ margin:5px 0 0 0;}

.class_list1 dt h4 .title_class_num{ margin-left:0; clear:both; float:left;}

.open_class dd{ float:left; display:inline; width:175px; height:136px; margin:26px 13px 0 13px; position:relative; overflow:hidden;}



.class_img{ width:175px; height:111px; position:absolute; z-index:2;}

.class_img a{position:relative;width: 175px;height: 111px;display: block;}

.class_img img{ float:left; width:173px; height:109px; border:1px solid #bcbcbc;}

.class_img sub{ color:#fff; font-size:12px; text-align:center; padding:2px 8px; background:rgba(0, 0, 0, 0.5); border-radius:5px; position:absolute; left:3px; bottom:3px;}

.class_info{ width:173px; height:109px; background:#000; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; position:absolute; z-index:4; left:1px; top:1px; color:#fff;}

.class_info a:hover{ color:#fff; text-decoration:underline;}

.class_info_num{ float:left; margin:8px 0 0 7px;}

.class_info_duration{ float:left; background:url(../images/icon_duration.png) no-repeat left center; padding-left:15px; height:20px; line-height:20px; margin:8px 0 0 7px;}

.class_info_times{ clear:both; float:left; background:url(../images/icon_times.png) no-repeat left center; padding-left:15px; height:20px; line-height:20px; margin:10px 0 0 7px;}

.class_info_btn{ clear:both; float:left; background:#c00; width:52px; height:22px; line-height:22px; text-align:center; font-size:14px; color:#fff; margin:10px 0 0 7px;}

.class_info_btn:hover{ background:#f00; text-decoration:none!important;}




.newest_course .class_img{ width:213px; height:135px; position:absolute; z-index:2;}

.newest_course .class_img a{position:relative;width: 213px;height: 135px;display: block;}

.newest_course .class_img img{ float:left; width:211px; height:133px; border:1px solid #bcbcbc;}

.newest_course .class_info{ width:211px; height:133px; background:#000; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; position:absolute; z-index:4; left:1px; top:1px; color:#fff;}

.newest_course .class_info_num{ clear: both; float:left; margin:8px 0 0 7px;}

.newest_course .class_intro{ font-size: 12px; height: 39px; line-height: 18px; overflow: hidden; width: 193px; margin:0 10px; color: #999; display: block; position: absolute; top: 165px;}


.info_publishtime{ float:left; clear:both; margin:10px 0 0 7px;}


.class_supicon{ position:absolute; width:43px; height:42px; top:0; right:0; z-index:9999;}


.class_subicon{ position:absolute; width: 85px;height: 30px;background: rgba(255, 255, 255, 0.8);border-radius: 3px; top: 147px;right: 3px;text-align: center; z-index:9999;}

.class_subicon img{ width: 70px; padding: 3px 0;}

.class_subicon1{ position:absolute; width: 70px;height: 24px;background: rgba(255, 255, 255, 0.8);border-radius: 3px; top: 84px;right: 3px;text-align: center; z-index:3;}

.class_subicon1 img{ width: 60px; padding: 2px 0;}

.class_subicon2{ display: inline;}

.class_subicon2 img{ width: 60px; margin-bottom: -6px;}

.class_subicon3{ position:absolute; width: 70px;height: 24px;background: rgba(255, 255, 255, 0.8);border-radius: 3px; top: 108px;right: 3px;text-align: center; z-index:3;}

.class_subicon3 img{ width: 60px; padding: 2px 0;}


.class_name{ float:left; width:175px; height:24px; overflow:hidden; padding:0; line-height:24px; position:absolute; bottom:0; word-break:break-all;}


.newest_course .class_name{ width:193px; height:22px; overflow:hidden; padding:0 10px; line-height:22px; position:absolute; top:140px; word-break:break-all; font-size: 14px;}

.open_class_titlelist{ clear:both; margin:5px 20px 0 20px;}

.open_class_titlelist a{ margin:0 7px 0 0; color:#fff; line-height:24px; font-size:12px;}

.open_class_titlelist a:hover{ color:#fff; text-decoration:underline;}

.line{ float:left; width:1200px; height:1px; border-bottom:1px solid #ebebeb; margin-top:30px;}

.open_class2{ margin-top:20px;}

.open_class3{ margin-top:20px;}


.page_holder{ width:100%; border:none;}

.page{ float:right; height:32px; margin:23px 10px 20px 0; display:inline; line-height:28px;}

.page a{ float:left; height:28px; border:1px solid #ddd; line-height:28px; text-align:center; background:#fff; color:#999; padding:0 10px; margin-left:5px;}

.page a:hover{ color:#c71400; border:1px solid #c71400;}

.page span.current{ float:left; height:28px; line-height:28px; text-align:center; border:1px solid #c71400; background:#c71400; border:1px solid #c71400; color:#fff; padding:0 10px; margin-left:5px;}

.page span.page_info{ float:left;}



.formtable_holder1{ clear:both; text-align: left; margin: 0px auto; width: 500px; padding: 20px; line-height: 30px; font-size: 15px; background:#fee;}

.formtable1{ clear:both; display:inline; width: 500px;}

.formtable1 th{ padding:5px 10px; text-align:right; vertical-align:top; width:100px;}



.line1{ height:21px;}

.line_more_btn{ display:inline; float:left; width:88px; height:20px; margin:0 0 0 545px; text-align:center; line-height:20px; background:#eee; border:1px solid #dcdcdc; border-bottom:none;}

.line2{ float:right; height:21px; width:650px; margin:10px 30px 10px 0;}

.line2 .line_more_btn{ display:inline; float:left; width:88px; height:20px; margin:0 0 0 281px; text-align:center; line-height:20px; background:#eee; border:1px solid #dcdcdc; border-top:none;}



.test_result_txt1{ font-size:16px; margin:20px auto; width:540px; text-align:center;}

.test_result_txt2{ font-size:14px; margin:20px auto; text-align:center;}


.test_result_green{ color:#096; font-size:2em; margin:0 10px; font-family:微软雅黑;}

.test_result_green:hover{ color:#090!important; text-decoration:underline;}

.test_result_red{ color:#cd2129; font-size:2em; margin:0 10px; font-family:微软雅黑;}

a.test_result_red:hover{ color:#eb151f!important; text-decoration:underline;}

.test_result_txt1 a{ color:#cd2129; text-decoration:underline;}

.test_result_txt1 a:hover{ color:#eb151f;}



.test_result_greenbtn{ background:#096; color:#fff; margin:0 10px; font-family:微软雅黑; width:230px; text-align:center; height:36px; line-height:34px; padding:10px 30px; font-size:18px; border-radius:23px;}

.test_result_greenbtn:hover{ color:#fff!important; background:#090}

.test_result_redbtn{ background:#cd2129; color:#fff; margin:0 10px; font-family:微软雅黑; width:230px; text-align:center; height:36px; line-height:34px; padding:10px 30px; font-size:18px; border-radius:23px;}

a.test_result_redbtn:hover{ color:#fff!important; background:#eb151f;}




.holder_404{ width:900px; height:469px; margin:50px auto; background:url(../images/bg_404.jpg) no-repeat left;}


.holder_warning{ width:900px; height:469px; margin:50px auto; background:url(../images/bg_warning.jpg) no-repeat left;}


.title_404{ float:left; display:inline; color:#666; font-size:2.2em; font-family:微软雅黑; margin:150px 0 0 400px;}

.btn_404{ float:left; display:inline; font-size:1.5em; font-family:微软雅黑; margin:30px 0 0 480px; padding-left:35px; height:30px; line-height:30px; background:url(../images/icon_404arrow.jpg) no-repeat left center;}

.btn_404 a{ color:#cd2129;}

.btn_404 a:hover{ color:#eb151f;}




.holder_update{ width:1000px; height:626px; margin:50px auto; background:url(../images_neo2017/icon_update.png) no-repeat left;}

.title_update{ float:left; display:inline; color:#666; font-size:2.2em; font-family:微软雅黑; margin:200px 0 0 580px;}

.btn_update{ float:left; display:inline; font-size:1.5em; font-family:微软雅黑; margin:30px 0 0 650px; padding-left:35px; height:30px; line-height:30px; background:url(../images/icon_404arrow.jpg) no-repeat left center;}

.btn_update a{ color:#cd2129;}

.btn_update a:hover{ color:#eb151f;}





.exam_user_left{ float:left; display:inline; width:88px; margin:15px 0 0 15px;}

.exam_user_left img{ float:left; width:86px; border:1px solid #ccc;}

.exam_user_right{ float:right; display:inline; width:170px; margin:50px 15px 0 10px; line-height:20px;}

.exam_user_right span{ color:#999;}

.exam_user_name{ color:#cd2129!important; font-size:1.5em; font-weight:bold; padding:0;}

.exam_user_name:hover{ color:#eb151f!important;}

.exam_user_right span strong{ color:#333;}

.exam_user_point:hover{ text-decoration:underline; color:#cd2129;}



.usercenter_left_holder{ float:left; display:inline; width:310px; margin:20px 0 0 20px;}

.usercenter_left{ float:left; display:inline; width:300px; border:1px solid #dcdcdc; background:#fafafa;}

.user_info{ clear:both; float:left; width:50px; line-height:16px; height:16px; padding-right:20px!important; background:url(../images/icon_userinfo.gif) no-repeat right 0; margin-top:5px;}

.user_info:hover{ background-position:right -16px; text-decoration:underline; color:#cd2129;}

.grade_lefticon_title{ float:left; margin-top:5px;}

.grade_lefticon_title:hover{ text-decoration:underline; _text-decoration:none; color:#cd2129;}

.grade_lefticon_title span{ float:left; margin-top:2px; color:#333;}

.grade_lefticon_title span:hover{ text-decoration:underline; _text-decoration:none; color:#cd2129;}

.grade_lefticon_img{ float:left;}


.usercenter_menu{ clear:both; display:inline; float:left; width:280px; margin:5px 10px 10px;}

.usercenter_menu li{ float:left; display:inline; width:130px; height:26px; line-height:26px; margin:5px 5px 4px;}

.usercenter_menu li a{ float:left; width:80px; height:26px; padding-left:45px;}

.usercenter_menu li a:hover{ text-decoration:underline;}

.usercenter_menu1{ background:url(../images/icon_uc_class.gif) no-repeat 10px 0;}

.usercenter_menu2{ background:url(../images/icon_uc_test.gif) no-repeat 10px 0;}

.usercenter_menu3{ background:url(../images/icon_uc_credits.gif) no-repeat 10px 0;}

.usercenter_menu4{ background:url(../images/icon_uc_product.gif) no-repeat 10px 0;}

.usercenter_menu5{ background:url(../images/icon_uc_comment.gif) no-repeat 10px 0;}

.usercenter_menu6{ background:url(../images/icon_uc_board.gif) no-repeat 10px 0;}

.usercenter_menu7{ background:url(../images/icon_uc_coupon.gif) no-repeat 10px 0;}

.usercenter_menu8{ background:url(../images/icon_uc_notice.gif) no-repeat 10px 0;}

.usercenter_menu9{ background:url(../images/icon_uc_sign.gif) no-repeat 10px 0;}

.usercenter_menu10{ background:url(../images/icon_uc_collect.gif) no-repeat 10px 0;}

.usercenter_menu11{ background:url(../images/icon_uc_info.gif) no-repeat 10px 0;}

.usercenter_menu li a.usercenter_menu_current{ background-color:#f14d4e; background-position:10px -26px; color:#fff;}






.header_uc .usercenter_menu li{ float:left; display:inline; width:80px; height:26px; line-height:26px; margin:5px 5px 4px 38px;}

.header_uc .usercenter_menu li a{ float:left; width:50px; height:26px; padding-left:30px;}

.header_uc .usercenter_menu1{ background:url(../images/icon_uc_class.gif) no-repeat 0 0;}

.header_uc .usercenter_menu2{ background:url(../images/icon_uc_test.gif) no-repeat 0 0;}

.header_uc .usercenter_menu3{ background:url(../images/icon_uc_credits.gif) no-repeat 0 0;}

.header_uc .usercenter_menu4{ background:url(../images/icon_uc_product.gif) no-repeat 0 0;}

.header_uc .usercenter_menu8{ background:url(../images/icon_uc_notice.gif) no-repeat 0 0;}

.header_uc .usercenter_menu9{ background:url(../images/icon_uc_sign.gif) no-repeat 0 0;}

.header_uc .usercenter_menu10{ background:url(../images/icon_uc_collect.gif) no-repeat 0 0;}

.header_uc .usercenter_menu11{ background:url(../images/icon_uc_info.gif) no-repeat 0 0;}





#XYTipsWindowBg{ z-index:999999999!important;}

.ui_dialog{ z-index:999999999!important; margin-left:175px;}


.banner_1180x90{ margin-top:30px;}

.banner_1200x90{ margin:20px 0;}



.banner_848x70{ float: left; margin:20px 0 0; width: 848px; height: 70px; border: 1px solid #dcdcdc;}

.banner_300x120{ float: left; margin:20px 0 0; width: 300px; height: 120px; border: 1px solid #dcdcdc;}



.tag_forlist{ width:850px;}

.tag_forindex{ width:1160px; margin:12px 0 10px 10px;}

.tag_holder{ float:left; background:url(../images/tag_bg.gif) no-repeat right;}

.tag_holder h3{ float:left; width:79px; height:68px; background:url(../images/tag_title.gif) no-repeat; text-indent:-9999px; overflow:hidden;}

.tag_list{ float:right; padding:4px 50px 4px 0; height:60px; line-height:30px;}

.tag_forlist .tag_list{ width:710px;}

.tag_forindex .tag_list{ width:1020px;}

.tag_forlist .tag_list li{ float:left; font-size:14px; margin:0 18px 0 10px;}
 
.tag_forindex .tag_list li{ float:left; font-size:16px; width:100px; text-align:center;}
 
 .tag_list li a:hover{ color:#eb151f;}
 
 .tag_current{ color:#c33;}



.wheel_activity_btn {
    background: #ff9802 none repeat scroll 0 0;
    border-radius: 20px;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    height: 32px;
    line-height: 32px;
    padding: 5px 20px;
    text-align: center;
}
.wheel_activity_btn:hover {
    background: #ff530b none repeat scroll 0 0;
    color: #fff;
    text-decoration: none;
}


.neocourselist_img sub{ color:#fff; font-size:12px; text-align:center; padding:2px 8px; background:rgba(0, 0, 0, 0.5); border-radius:5px; position:absolute; left:3px; bottom:3px;}






/******************** footer ********************/


#footer{ clear:both; width:100%; background:#585858; color:#fff;}

.footer_detail_holder{ width:1200px; margin:0 auto;}


.footer_links{ float:left; display:inline; margin:20px 0 20px 25px;}

.footer_links dl{ float:left; width:240px; padding:0 20px;}

.footer_links dl dt{ float:left; width:240px; height:50px; line-height:50px; font-size:1.4em; font-weight: normal;}

.footer_links dl dd{ float:left; width:120px; height:30px; line-height:30px;}

.footer_links dl dd a{ color:#fff; font-size:14px;}

.footer_links dl dd a:hover{ text-decoration:underline; color:#fff;}

.footer_intro{ float:right; width:480px; margin:20px 0; line-height:24px; padding:0 60px 20px; color:#fff; border-left:1px solid #64676a;}

.footer_intro h3{ width:480px; height:50px; line-height:50px; font-size:1.4em;}

.footer_intro p{ width:480px; text-indent:26px; line-height:26px; font-size:14px;}

.copyrights{ clear:both; float:left; width:1200px; text-align:center; margin:0 0 10px 0; line-height:50px; border-top:1px solid #64676a;}

.copyrights a{ color:#fff;}

.copyrights a:hover{ color:#fff; text-decoration:underline;}

.copyrights span{ font-family:Arial, Helvetica, sans-serif;}

#colorbox{ border:0px solid #999;}



#rightbar{width:56px; float:right; position:fixed; top:180px; right:0; z-index:99999;
_position:absolute;
_bottom:auto;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
_margin-top:180px;
}/*解决IE6下不兼容 position:fixed 的问题*/

#rightbar #shop{ background-position:0 0; height:88px; width:50px; background:url(/images_neo2017/icon_shop.png) no-repeat; display:block; margin:0 3px;}

#rightbar #shop:hover{ background-position:0 -88px;}


#rightbar #shop .shop_m_code{ display:none; left:-105px; position:absolute; top:57px; z-index:99999999;}

#rightbar #shop:hover .shop_m_code{ display:block;}



#rightbar #help{ background-position:0 0; height:88px; width:50px; background:url(/images_neo2017/icon_help.png) no-repeat; display:block; margin:5px 3px 0;}

#rightbar #help:hover{ background-position:0 -88px;}

#rightbar #sign_button{ background-position:0 0; height:68px; width:50px; background:url(/images_neo2017/icon_sign.png) no-repeat; display:block; margin:5px 3px 5px;}

#rightbar #sign_button:hover{ background-position:0 -68px;}

#rightbar .have_signed{ background:url(/images_neo2017/icon_signed.png) no-repeat!important;}


#rightbarbox{ background:#fff; box-shadow:-3px 3px 3px 0px #dcdcdc; width:56px; margin-top:5px;}

#rightbarbox a{ display:block; height:50px; width:32px; background-position:center 2px; padding:0 5px; margin:0 7px; border-bottom:1px solid #dcdcdc; background-repeat:no-repeat; cursor: pointer;}

#rightbarbox a:hover{ background-position:center -44px;}

#rightbarbox #exam{ background-image:url(/images_neo2017/icon_exam.png); height: 42px; background-position: center -2px;}

#rightbarbox #exam:hover{ background-position: center -48px;}

#rightbarbox #foreshow{ position:relative; background-image:url(/images_neo2017/icon_foreshow.png);} 

#rightbarbox #rightcollect{ position:relative; background-image:url(/images_neo2017/icon_rightcollect.png);} 

#rightbarbox #rightfunction{ position:relative; background-image:url(/images_neo2017/icon_function.png); height: 52px; background-position: center 4px;} 

#rightbarbox #xcx_code{ position:relative; background-image:url(/images_neo2017/icon_rightcode.png); height: 52px; background-position: center 4px;} 

#rightbarbox #rightfunction:hover, #rightbarbox #xcx_code:hover{ background-position: center -51px;}

#rightbarbox #notice{ position:relative; background-image:url(/images_neo2017/icon_notice.png);} 

#rightbarbox #ucenter{ background-image:url(/images_neo2017/icon_ucenter.png);} 

#rightbarbox #gotop{ background-image:url(/images_neo2017/icon_gotop.png); height:32px!important; width:32px; border-bottom:none!important; background-position:center 0;} 

#rightbarbox #gotop:hover{ background-position:center -32px!important;}


#rightbarbox #help{ background-image:url(/images_neo2017/icon_help.png);} 

#rightbarbox #rightspecial{ position:relative; background-image:url(/images_neo2017/icon_rightspecial.png); height: 42px; background-position: center -2px;}

#rightbarbox #rightspecial:hover{ background-position: center -48px;}

#rightbarbox #rightsummit{ position:relative; background-image:url(/images_neo2017/icon_album.png); height: 42px; background-position: center -2px;}

#rightbarbox #rightsummit:hover{ background-position: center -48px;}



.precision_labs a{ color: #cd2129;}



#xcx_code img{ display:none; left:-170px; position:absolute; top:-52px; z-index:99999999;}

#xcx_code:hover img{ display:block;}