@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:#fff; font-family:微软雅黑, Arial, Helvetica, sans-serif; word-break:break-all;}

a{ color:#333;}

a:hover{ color:#f00;}

.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:159px; background:url(../images/header_bg.jpg) repeat-x #fff;}

.header_line{ width:1180px; height:26px; margin:0 auto; line-height:26px; position:relative; z-index:99999999;}

.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:right; color:#666;}

.header_line a:hover{ color:#f00;}

.header_holder{ width:1180px; height:87px; margin:1px auto 0 auto;}

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

.search{ float:right; width:450px; height:32px; margin:30px 15px 0 0;}

.search_box{ float:left; width:372px; height:32px; padding:0 10px; background:url(../images/search_box.jpg) no-repeat; line-height:32px; border:none; color:#999;}

.search_btn{ float:right; width:46px; height:26px; background:url(../images/search_btn.jpg) no-repeat 0 0; border:none; text-indent:-9999px; margin:2px 0; cursor:pointer;}

.search_btn:hover{ background:url(../images/search_btn.jpg) no-repeat 0 -26px;}

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

.nav ul{ width:1180px; margin:0 auto}

.nav ul li{ float:left; display:inline; line-height:38px; font-size:1.3em; color:#fff; font-family:微软雅黑; width:91px; text-align:center; margin:0 3px;}

.nav ul li.nav_downone{ width:154px;}

.nav ul li.nav_downlongone{ width:234px;}

.nav ul li.nav_downmiddleone{ width:124px;}

.nav ul li.nav_downshortone{ width:91px;}

.nav ul li a.navone{ float:left; color:#fff; width:91px; height:38px;}

.nav ul li.nav_downone a.navone{ width:154px;}

.nav ul li.nav_downlongone a.navone{ width:234px;}

.nav ul li.nav_downmiddleone a.navone{ width:124px;}

.nav ul li.nav_downshortone a.navone{ width:91px;}

.nav ul li a.navone:hover, .nav_current{ width:154px; height:46px!important; line-height:46px!important; background:url(../images/nav_current_bg1.png) no-repeat; color:#fff;}

.nav_current_2{ width:91px; height:46px!important; line-height:46px!important; background:url(../images/nav_current_bg1.png) no-repeat; color:#fff;}

.nav ul li a.navone:hover, .nav ul li a.nav_current_2{background:url(../images/nav_current_bg1.png) no-repeat; width:91px;}

.nav ul li.nav_downone a.navone:hover, .nav ul li.nav_downone a.nav_current_2{background:url(../images/nav_current_bg1_jia.png) no-repeat; width:154px;}

.nav ul li.nav_downlongone a.navone:hover, .nav ul li.nav_downlongone a.nav_current_2{background:url(../images/nav_current_bg1_addmore.png) no-repeat; width:234px;}

.nav ul li.nav_downmiddleone a.navone:hover, .nav ul li.nav_downmiddleone a.nav_current_2{background:url(../images/nav_current_bg1_add.png) no-repeat; width:124px;}

.nav ul li.nav_downshortone a.navone:hover, .nav ul li.nav_downshortone a.nav_current_2{background:url(../images/nav_current_bg1.png) no-repeat; width:91px;}


.nav_downone{ position:relative;}

.nav_downholder{ position:absolute; z-index:999999999; top:36px; width:1180px;}

.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:1176px; background:#fff; border:2px solid #f43f3f; box-shadow:2px 3px 2px #666; border-top:none; z-index:999999999; _margin-top:-11px; text-align:left;}

/*.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:inline; 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;}



.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; background:url(../images/topline_down_bg3.gif) no-repeat 6px 0; 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:54px; padding:0 10px 0 16px!important; background:url(../images/topline_down_bg4.gif) no-repeat right 0; cursor:pointer;}

.down_arrow4{ color:#c33;}

.down_arrow4:hover{ text-decoration:underline;}

.top_downone4 .down_arrow4{ position:absolute; height:27px; background:url(../images/topline_down_bg4.gif) no-repeat right -26px #fff;  z-index:9999999999999999999; border-left:1px solid #999; border-right:1px solid #999; box-shadow:1px 0 1px #ccc; width:54px; padding:0 10px 0 10px!important;}

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



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

.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{ position:absolute; 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:right; width:20px; height:20px; border:1px solid #ccc; margin-top:2px;}

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

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

.header_username{ float:right; margin-left:5px; color:#333; margin-right:10px;}



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

.header_uc{ float:right;}

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

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

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

.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:#f60; top:2px; color:#fff; display:block; float:left; line-height:14px; height:14px; right:165px; border-radius:10px; padding:0 5px; z-index:9999999999999999999;}

.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 0 auto; width:1180px;}


.location{ width:1150px; margin:20px auto 10px auto; color:#fff; background:url(../images/icon_line.gif) no-repeat 10px center; padding-left:25px; line-height:18px; min-height:18px; position:relative;}

.location a{ color:#fff;}

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

.location strong{ color:#f66; font-size:14px; font-weight:bold;}

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


.location_ongray{ width:1150px; margin:20px auto 10px auto; color:#333; background:url(../images/icon_line.gif) no-repeat 10px center; padding-left:25px; line-height:18px; position:relative;}

.location_ongray a{ color:#333;}

.location_ongray a:hover{ color:#f00;}

.location_ongray strong{ color:#c33; font-size:14px; font-weight:bold;}

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


.ranking{ float:right; width:260px; height:410px; background:#404040; 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;}

.ranking_title li a:hover{ color:#fff;}

.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; color:#fff; height:32px; overflow:hidden;}

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



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

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


.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 img{ float:left; width:173px; height:109px; border:1px solid #bcbcbc;}

.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:10px 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:10px 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;}


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


.class_supicon{ position:absolute; width:40px; height:40px; top:0; right:0; z-index:5;}



.class_name{ float:left; width:169px; height:24px; overflow:hidden; padding:0 3px; line-height:24px; position:absolute; bottom:0;}

.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:1180px; 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:20px 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; font-weight:bold; margin:20px auto; width:540px; text-align:center;}

.test_result_txt2{ font-size:14px; font-weight:bold; 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:#c33; font-size:2em; margin:0 10px; font-family:微软雅黑;}

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

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

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


.holder_404{ width:900px; height:469px; margin:50px auto; background:url(../images/bg_404.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:#c33; text-decoration:underline;}

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




.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:15px 15px 0 0; line-height:20px;}

.exam_user_right span{ color:#999;}

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

.exam_user_right span strong{ color:#333;}

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





.usercenter_left{ float:left; display:inline; width:308px; margin:20px 0 0 20px; 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:#f00;}

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

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

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

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

.grade_lefticon_img{ float:left;}


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

.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_menu li a.usercenter_menu_current{ background-color:#f14d4e; background-position:10px -26px; color:#fff;}




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

.ui_dialog{ z-index:999999999!important;}


.banner_1180x90{ margin-top:30px;}



.tag_forlist{ width:920px;}

.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:780px;}

.tag_forindex .tag_list{ width:1020px;}

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




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


#footer{ clear:both; width:100%; min-height:200px; _height:200px; background:url(../images/footer_bg.gif) repeat-x 0 90px; margin:40px 0;}

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

.footer_intro{ height:48px; text-indent:24px; margin-bottom:20px; line-height:24px; padding:10px 20px; color:#999; border-top:1px solid #ccc;}

.footer_link{ float:left; display:inline; margin:0 0 0 25px; height:36px;}

.footer_link li{ float:left; padding:0 45px; height:36px; line-height:36px;}

.footer_link li a{ color:#fff;}

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

.copyrights{ clear:both; float:left; width:1180px; text-align:center; margin:20px 0; line-height:30px;}

.copyrights a{ color:#c00;}

.copyrights a:hover{ color:#f00;}

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

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



#tbox{width:75px; float:right; position:fixed; right:50%; top:180px; margin-right:-672px; z-index:2;
_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 的问题*/

#tbox #shop, #tbox #exam, #tbox #gotop, #tbox #foreshow{ width:75px; background:url(/images/icon.png) no-repeat; display:block;}

#tbox #shop{ background-position:0 0; height:106px;}

#tbox #shop:hover{ background-position:-75px 0;}

#tbox #exam{ background-position:0 -106px; height:88px;}

#tbox #exam:hover{ background-position:-75px -106px;}


#tbox #foreshow{ background-position:0 -197px; height:88px; position:relative;} 

#tbox #foreshow:hover{ background-position:-75px -197px;}


/*#questionnaire{ background-position:0 -197px; height:88px; position:relative;} 

#questionnaire:hover{ background-position:-75px -197px;}
*/

#tbox #gotop{ background-position:0 -291px; height:45px;} 

#tbox #gotop:hover{ background-position:-75px -291px;}

#tbox #m_code{ margin-top:3px; height:114px; position:relative; display:block;} 

#tbox #wx_code{ margin-top:3px; margin-left:-5px; height:125px; position:relative; display:block;} 



@media only screen and (max-width: 1370px) {
	#tbox{ right:5px; margin-right:0;
	}