﻿body,div,p,ul,li,dl,dt,dd,h1,h2,h3,h4{padding:0;margin:0;}
body{font:12px/22px '宋体';background:#fff url(../image/bg24.jpg) no-repeat center top; color:#333;min-width:960px;}
a{cursor:pointer;text-decoration:none;color:#333;}
a:hover{color:#000;}
ul{list-style:none;}
img{border:0 none;}
.fl{float:left;}.fr{float:right;}
.clear{zoom:1;}
.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.ht{overflow:hidden;text-indent:-9999em;}.r_b{border:1px solid #333; background:#fff;  margin-bottom:6px;}
.warp{width:960px; margin:0 auto;}.p10{padding:9px 8px; height:498px; overflow:hidden;}
.header{background:url(../image/header3.jpg) no-repeat;height:120px; position:relative; width:960px; overflow:hidden;}
.logo{width:185px;height:120px;top:0;left:10px; position:absolute;}
.h_btn{float:right; padding-top:21px;}
.btn_xztb,.btn_sc,.bot_btn a,.title,.left_btn a,.n,.login_qq,.login,.hot,.my_s,.f,.c,.h,.m,.server_list ul li a,.newslist li{background:url(../image/icon2.png) no-repeat}
.top_btn{height:22px;}
.top_btn a{float:right; height:22px; margin-left:4px; text-align:center; color:#fff;} 
.top_btn a.btn_xztb{width:108px; background-position:-348px 0; text-indent: 20px;}
.top_btn a.btn_sc{width:63px; background-position:-460px 0;}
.bot_btn{margin-top:46px; height:22px; padding-right:9px; float:right;}
.bot_btn a{display: inline-block; height:22px; margin-left:3px; color:#fff; font-weight:bold; width:80px; text-align:center; background-position:-362px -109px;}
.bot_btn a:hover{background-position:-515px -109px; color:#fff;}
.bot_btn a.t{width:60px; background-position:-299px -109px;}
.bot_btn a:hover.t{background-position:-452px -109px;}
/*main*/
.m_left{float:left; width:340px;}
.m_right{float:right; width:615px;}
.b_box{background:#dee8ee; height:518px; border:1px solid #56585a;}
.inst_b{ padding:0 7px;}
.m_right .title{background-position:-999px -999px; height:31px;}
.m_right .tou{border-bottom:1px solid #331504; position:relative;}
.m_right .tou .n1{position:absolute; left:0; top:2px;}
.m_left .title{background-position:0 0; height:34px; line-height:34px; width:328px; margin:0 auto; overflow:hidden; padding-right:10px;}
.m_left .title a{color:#fff;}
.title .n{float:left; width:102px; height:30px; overflow:hidden;text-indent:-9999em;}
.title .n1{background-position:-159px -113px;}
.title .n2{background-position:-159px -144px;}
.title .n3{background-position:-299px -155px;}
.newslist{margin:0 0 8px; height:180px; padding:2px 7px;}
.newslist li{padding:0 0 0 10px; background-position:-608px -45px;}
/*.left_btn,.left_img{width:308px; margin:0 auto;}*/
.left_btn{height:41px; width:314px; margin:0 auto;}
.left_btn a{display:block; height:40px; width:150px; overflow:hidden; text-indent:-9999em;}
.left_btn a.but1{background-position:0 -112px;}
.left_btn a.but2{background-position:0 -155px;}
.left_img{padding:8px 1px 0 1px; height:179px;}
.left_img a img{width:153px; height:175px; border:2px solid #333; display:block;}
.left_img a img:hover{border:2px solid #000;}
.prompt{text-align:center; height:44px; padding-top:5px;}
.user{float:right;}
.user span{color:red;}
.info{float:right; height:22px; line-height:22px; padding-left:20px; margin-top:5px}
.info li{float:left;padding-right:10px;}
.login_qq{display:block; padding-left:17px; background-position:-598px -82px; text-decoration:underline;}
.login_inpt{width:88px; padding:0 5px; height:20px; background:#fff; border:1px solid #333; color:#333;}
a.login,a.my_s{display:block; width:50px; height:22px; background-position:-480px -33px;}
a.login:hover,a.my_s:hover{background-position:-480px -55px;}
.hot_server{height:57px; padding-top:12px; text-align:center; border-top:none;}
.hot{display:block; width:452px; height:43px; background-position:0 -45px; font:bold 14px/42px '宋体';  text-align:center; color:#fff; margin:0 auto;}
.hot:hover{color:#fff;text-decoration:underline;}
.my_server,.r_icon{background:none;}
a.my_s{background-position:-540px -33px;}
a.my_s:hover{background-position:-540px -55px;}
.my_box{height:47px; padding:0 0 0 12px; border-top:1px solid #333;}
.r_icon{padding-right:10px;margin:0; line-height:30px;}
.r_icon li{padding:0 0 0 15px; margin-left:5px;}
.r_icon .f{color:#627f3b; background-position:-601px -156px;}
.r_icon .c{color:#ac8f4d; background-position:-602px -111px;}
.r_icon .h{color:#fe710a; background-position:-602px -133px;}
.r_icon .m{color:#756f62; background-position:-602px -180px;}
.server{margin:0 auto; height:278px; padding-left:12px; overflow:hidden; border-top:1px solid #333;}
.server_tab{height:24px; padding:18px 0 0 10px; border-bottom:1px solid #262d32; width:563px;}
.server_tab li{float:left; height:23px; font-weight:bold; width:78px; text-align:center; cursor:pointer; border:1px solid #262d32; border-bottom:none; margin-right:9px; color:#ababab; background:#5c5c5c;}
.server_tab li.active{background:#333; color:#fff;}
.server_list{margin-top:13px; width:574px; overflow:hidden;}
.server_list ul{width:580px;}
.server_list ul li{float:left;height:21px; width:110px; margin:0 6px 9px 0; display:inline;}
.server_list ul li a{display:block; height:21px; width:110px; background-position:-417px -133px; color:#fff;}
.server_list ul li a:hover{background-position:-299px -133px;}
.server_list ul li a i{float:left; margin:5px 4px 0; height:11px; width:11px; overflow:hidden;text-indent:-9999em;}
.server_list ul li a i.f{background-position:-602px -165px;}
.server_list ul li a i.c{background-position:-602px -120px;}
.server_list ul li a i.h{background-position:-602px -142px;}
.server_list ul li a i.m{background-position:-602px -189px;}
