body{background-image:url(image/htmlbg.jpg); background-position:center; background-repeat:repeat-y; font-size: 12px;}
input, select, button { vertical-align:middle; }
body, ul, li, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 14px; }
ul li { list-style: none; }
a { text-decoration: none; color:#333; }
a:hover { text-decoration: underline; color:#06F;}
a img { border: none; }
em, cite, strong, th { text-align: left; font-style: normal; }
table { empty-cells: show; border-collapse: collapse; }
th { font-weight: 400; }
.txt, .txtarea { padding: 2px; *padding:0 2px; height: 16px; *height:20px; border: 1px solid; border-color: #ccc #f00; background:#fff;  }
.txtarea { height: auto; }
.checkbox, .radio { margin: 0; width: 15px; }
.pipe { margin: 0 5px; }
.noborder, .noborder td { border: none !important; }
.nobg { background: none !important; }
.fl{ float:left;}
.fr{ float:right;}

.topbg{ width:100%; height:auto; margin:0 auto; padding:0px; background:url(image/bg.jpg) no-repeat top; font-size: 12px;}
.topbg .wrap{ width:950px; height:108px; margin:0 auto;}
.topbg .wrap .logo{ width:240px; height:108px;}
.topbg .wrap .headbanner{ width:520px; height:108px;}
.topbg .wrap .emenu{ width:185px; height:108px; }
.topbg .wrap .emenu a{ color: #000; text-decoration:none;}
.topbg .wrap .emenu a:hover{ color:#06F; text-decoration:underline;}
.topbg .wrap .emenu ul{ width:173px; height:48px; background:url(image/emenu_bg.png); margin-top:30px; line-height:24px;}
.topbg .wrap .emenu ul .left{ width:70px; height:24px; float:left; padding-left:26px;}
.topbg .wrap .emenu ul .right{ width:37px; height:24px; float:right; padding-left:40px;}
.topbg .menu{ width:950px; height:46px; margin:0 auto; padding-bottom:10px;}
.topbg .menu .left{ width:8px; height:46px; background:url(image/menuL.png) no-repeat;}
.topbg .menu .center{ width:922px; height:46px; background:url(image/menuC.png); padding-left:10px;}
.topbg .menu .center li{ padding:0px 8px;}
.topbg .menu a{ line-height:38px; font-family: Microsoft YaHei; font-size: 14px; color: #383838; text-decoration:none; font-weight:bold;}
.topbg .menu a:hover{ color:#FFF; text-decoration:underline;}
.topbg .menu li{float:left;}
.topbg .menu img{ padding-top:7px;}
.topbg .menu .center .subnav {	list-style: none;	position: absolute; margin: 0; padding: 0; display: none; float: left; width: auto;	-moz-border-radius-bottomleft: 5px;-moz-border-radius-bottomright: 5px;	-webkit-border-bottom-left-radius: 5px;	-webkit-border-bottom-right-radius: 5px;}
.topbg .menu .center .subnav li{ margin: 0; padding: 0; }
.topbg .menu .center .subnav .subnavL{ width:11px; height:30px; background:url(image/subL.png) no-repeat;}
.topbg .menu .center .subnav .subnavC{ width:auto; height:30px; background:url(image/subC.png) left;}
.topbg .menu .center .subnav .subnavR{ width:12px; height:30px; background:url(image/subC.png) ;}
.topbg .menu .right{ width:10px; height:46px; background:url(image/menuR.png) no-repeat;}
.topbg .notice{ width:930px; margin:0 auto; height:40px; padding:0px 10px 10px 10px;}
.topbg .notice .ico{ height:40px; background:url(image/ann_icon.gif) no-repeat 0px 50%; padding-left:20px; line-height:40px; font-size:14px; color:#4e8209; font-weight:bold;}
.topbg .notice .left { width:545px; background:url(bg_show.gif) no-repeat right; float:left; margin-left:5px; line-height:20px; }
.topbg .notice .right { width:150px; float:left; text-align:center; height:40px; line-height:30px; }
.topbg .notice .left .s1 { width:40px; height:40px; margin-right:5px; float:left; }
.topbg .notice .left .s2 { width:500px; height:20px; float:left; line-height:20px; }
.topbg .notice .left .s3 { width:500px; height:20px; float:left; line-height:20px; }
#announcement { width:600px; height:30px; overflow: hidden;}
#announcement div {padding:0px 10px 0px 0px; overflow-y:hidden; line-height: 30px; height:30px;}
#announcement li { font-size: 14px; line-height: 30px; white-space: nowrap; cursor:pointer; color:#f00; font-family:Microsoft YaHei;}
#announcement a { text-decoration: none;}
#announcement a:hover { text-decoration:underline;}
#announcementbody li{ line-height:40px;}

/*--body部分--*/
.line_1{ width:950px; height:193px; margin:0 auto; padding-bottom:10px;}
.line_1 .loginArea{ width:240px; height:193px; float:left; background:url(image/loginBg.png) no-repeat bottom;}
.line_1 .loginArea .tit{ height:29px;}
.line_1 .loginArea .login{width:85%;height:145px; margin:0 auto; padding-top:10px;}
.line_1 .loginArea .login .account{border-right: #ccc 1px solid;	border-TOP: #999 1px solid;	float: none;	MARGIN: 0px 0px 10px;	border-left: #999 1px solid;	width: 95%;;	border-bottom: #ccc 1px solid;	height: 20px;	background-color: #fff}
.login .account option{ width:75px; height:30px; float:left; border:none;}
.login .account span{ float: left; padding-left: 4px; width: 55px; line-height: 150%; }
.login .account input{ float:left; border:none; height:18px; line-height:18px; background: #fff; width:120px; overflow:hidden; color:#444;}
.login a { color:#f90; text-decoration:underline;}
.login a:hover {}
.login p{ line-height:26px;}
.line_1 .scrollArea{ padding-left:10px; width:700px; height:193px; float:left;}
.line_1 .scrollArea .cpstarTitle{ width:700px; height:22px; background:url(image/cpTitle.png) no-repeat left;}
.line_1 .scrollArea .cpstar{ width:700px; height:171px; background:url(image/cpBg.gif) no-repeat;}
.line_1 .scrollArea .cpstar .btn{ width:33px; height:auto; text-align:center; padding-top:27px;}
.line_1 .scrollArea .cpstar #slider{ width:623px; height:161px; padding:5px; white-space:nowrap; overflow:hidden; float:left}
.line_1 .scrollArea .cpstar .cpContent{height:161px; float:left; width:3150px;}
.line_1 .scrollArea .cpstar .cpContent li{ width:100px; line-height:18px; color:#383838; overflow:hidden; float:left; padding:1px 5px 1px 0px;}
.line_1 .scrollArea .cpstar .cpContent img{ padding:2px; background:#FFF; border:1px solid #abc901;}
.line_1 .scrollArea .cpstar .cpContent div{ width:99px; height:18px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.line_1 .scrollArea .cpstar .cpContent .Rank img{ padding:0px; border:none; background:none;}

.line_2{ width:950px; height:214px; overflow:hidden; margin:0 auto; padding-bottom:10px;}
.nTest{width:240px; height:214px;}
.nTest .tit{ background:url(image/NewAssessment.png) no-repeat left bottom; padding-left:10px; width:230px; height:30px;}
.nTest .m_green{ width:50px; height:30px; line-height:30px; text-align:right; padding-right:10px; color:#5a9217}
.nTest .ctj{ width:240px; height:104px; padding-bottom:6px;}
.nTest .ctj .tit{ width:240px; height:30px; background:url(image/ctjTit.png) no-repeat left bottom; padding:0px;}
.nTest .ctj .cont{ width:240px; height:74px; background:url(image/ctjBg.png) no-repeat bottom;}
.nTest .zmn{ width:240px; height:104px;}
.nTest .zmn .tit{ width:240px; height:30px; background:url(image/zmnTit.png) no-repeat left bottom; padding:0px;}
.nTest .zmn .cont{ width:240px; height:74px; background:url(image/zmnBg.png) no-repeat bottom;}
.test_cont{ width:220px; height:179px; background:url(image/NewAssessmentBg.png) no-repeat top; padding:5px 10px 0px 10px; overflow:hidden}
.test_cont ul{ width:98%;}
.test_cont ul li{ height:26px; line-height:26px; border-bottom:1px dashed #7bb8d4; padding-left:0px;}
.test_cont ul li span{ color:#328008}

.box1 { width:700px; height:214px; padding-left:10px;}
.box1 .TabMenu1 { width:675px; height:30px; background:url(image/academicTit.gif)  no-repeat left; padding-left:25px;}
.box1 .TabMenu2{ width:675px; height:30px; background:url(image/freeBg.gif)  no-repeat left; padding-left:25px;}
.box1 .TabMenu1 h2{ font-size:12px; font-weight:bold; color:#0268cd; line-height:20px; padding-top:10px;}
.box1 .TabMenu2 h2{ font-size:12px; font-weight:bold; color:#0268cd; line-height:20px; padding-top:10px;}
.box1 .content { width:678px; height:163px; overflow:hidden; border:1px solid #c2c2c2; border-top:0px; padding:10px;}
.box1 .content .con{ width:220px; height:163px;}
.box1 .content .con ul{ width:220px; height:153px;}
.box1 .content .con li{ width:215px; height:25px; line-height:25px; text-align:left; overflow:hidden;}
.box1 .content .con span{ color:#222;}

.line_3{ width:950px; height:200px; overflow:hidden; margin:0 auto; padding-bottom:10px;}
.line_3 .zxs{ width:440px; height:200px;}
.line_3 .zxs .tit{ width:440px; height:35px; background:url(image/zxsTit.png) no-repeat left bottom;}
.line_3 .zxs .tit h2{ font-size:12px; font-weight:bold; color:#0268cd; line-height:20px; padding-top:17px; padding-left:45px;}
.line_3 .zxs .content{ width:420px; height:145px; background:url(image/zxsBg.gif) no-repeat top; padding:10px;}
.line_3 .zxs .content .cont{width:200px; height:145px;}
.line_3 .zxs .content .cont .tit{width:200px; height:27px; background:url(image/zxsChilTit.png) no-repeat left bottom;}
.line_3 .zxs .content .cont .tit h5{font-size:12px; color:#0268cd; line-height:20px; padding-left:30px; padding-top:5px;}
.line_3 .zxs .content .cont .tit span{ font-size:12px; line-height:20px; padding-right:10px; padding-top:5px;}
.line_3 .zxs .content .cont ul{ width:190px; height:118px; padding:0px 5px;}
.line_3 .zxs .content .cont li{ line-height:22px; height:22px; border-bottom:1px dashed #999; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.line_3 .wdy{ padding-left:10px; width:240px; height:200px;}
.line_3 .wdy .tit{ width:240px; height:52px; background:url(image/wdyTit.png) no-repeat left;}
.line_3 .wdy .tit span{ padding-top:30px; padding-right:10px;}
.line_3 .wdy ul{ width:235px; height:138px; padding:5px; }
.line_3 .wdy .wdycontent{ width:233px; height:145px; overflow:hidden}
.line_3 .wdy li{ background:url(image/icon.gif) no-repeat left; padding-left:13px; width:222px; height:23px; line-height:23px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.line_3 .lyzs{ padding-left:10px; width:240px; height:200px;}
.line_3 .lyzs .tit{ width:240px; height:52px; background:url(image/lyzsTit.png) no-repeat left;}
.line_3 .lyzs .tit span{ padding-top:30px; padding-right:10px;}
.line_3 .lyzs .lyzscontent{width:235px; height:145px; overflow:hidden}
.line_3 .lyzs ul{ width:235px; height:138px; padding:5px;}
.line_3 .lyzs li{ background:url(image/icon.gif) no-repeat left; padding-left:13px; width:222px; height:23px; line-height:23px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}

.line_4 {width:950px; height:49px; overflow:hidden; margin:0 auto;}
.line_4 .hbtL{ width:102px; height:49px; background:url(image/hbtL.png) no-repeat left;}
.line_4 .hbtC{ width:818px; height:49px; background:url(image/hbtC.png); padding-left:20px;}
.line_4 .hbtC div{ margin-top:18px; padding-right:10px;}
.line_4 .hbtC .contact{ background:url(image/cartoon.png) no-repeat left; height:49px; line-height:49px; padding:0px 20px 0px 45px; margin:0px; color:#161616;}
.line_4 .hbtR{ width:10px; height:49px; background:url(image/hbtR.png) no-repeat right;}
/*--底部--*/
.foot{ width:100%; height:136px; background:url(image/footBg.gif) center; margin:0 auto;}
.foot div{ width:570px; height:100px; margin:0 auto;}
.foot .sLogo{ width:160px; height:100px;}
.foot .info{ width:380px; padding-left:20px; height:100px; text-align:left; line-height:24px;}


.tip { width:550px; height:60px; line-height:20px; float:left;  }
.titleInfo { float:left; width:600px; height:25px; line-height:25px; padding-left:20px; font-size:14px; color:#F30; font-weight:bold; margin-top:10px; background:#FFC; border:#F60 solid 1px; margin-left:15px; }

.Topsubmenu{position:absolute; top:142px; display:none}
.Topsubmenu a:link,.Topsubmenu a:visited{ color:#000}
.Topsubmenu a:hover{ color:#F30}
.Topsubmenu a{ display:inline; margin:0px 5px 0px 5px;}
.Topsubmenu .left{float:left; padding:0px; margin:0px; padding-top:29px; width:11px; background:url(/style/image/subL.png) no-repeat;}
.Topsubmenu .center{float:left; padding:2px 0px 0px 0px; margin:0px;background:url(/style/image/subC.png) -2px 0px;height:30px; line-height:28px; }
.Topsubmenu .right{float:left; padding:0px; margin:0px; padding-top:29px; width:11px; background:url(/style/image/subR.png) no-repeat;}

/*--CP之星用户详情--*/
.cpstarInfo{ width:270px; height:140px; padding:15px; background:url(/style/image/cpstarInfo.png); overflow:hidden;}
.cpstarInfo .avatar{ width:93px; height:91px; border:1px solid #54a5d5;}
.cpstarInfo ul{ padding:0px 0px 0px 5px; width:168px; height:115px;}
.cpstarInfo li{ width:168px; height:22px; line-height:22px; overflow:hidden;}
.cpstarInfo .star{ width:270px; height:20px; overflow:hidden; display:inline;}
.cpstarInfo span{ color:#333;}

#showBox{ width:600px; height:auto;}
#showBox .t1{ width:17px; height:17px; background:url(/style/image/t1.png);}
#showBox .t2{ width:566px; height:17px; background:url(/style/image/t2.png);}
#showBox .t3{ width:17px; height:17px; background:url(/style/image/t3.png);}
#showBox .Boxc{ width:560px; height:auto; background:url(/style/image/c.png); padding:5px 20px 5px 20px;}
#showBox .Boxc ul{ background:#FFF; padding:5px; border: 1px solid #dcdcdc; line-height:20px;}
#showBox .Boxc li{ padding:2px; position: inherit}
#showBox .c1{ width:17px; height:auto; background:url(/style/image/c1.png);}
#showBox .c2{ width:566px; height:auto; background:url(/style/image/c2.png);}
#showBox .c3{ width:17px; height:auto; background:url(/style/image/c3.png);}
#showBox .b1{ width:17px; height:17px; background:url(/style/image/b1.png);}
#showBox .b2{ width:566px; height:17px; background:url(/style/image/b2.png);}
#showBox .b3{ width:17px; height:17px; background:url(/style/image/b3.png);}
#showBox .ansered{ margin:2px; width:auto; height:auto; border:1px solid #a2daff; padding:10px; background:#ebf7ff; *position:static;}
#showBox .info{ width:544px; height:22px; background: #FFC; line-height:22px;}
#showBox span{ font-weight:bold; color:#008deb}
#showBox p{ text-indent:2em;}

.button1 { background:url(/upload/bg_b.jpg) -2px -30px; width:70px; height:23px; border:0px; }
.button2 { background:url(/upload/bg_b.jpg) -2px -4px; width:70px; height:23px; border:0px; }