@charset "utf-8";
/* CSS reset */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dialog,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}body,button,input,select,textarea{font:12px/1.5 arial,tahoma,simsun,sans-serif;}h1,h2,h3,h4,h5,h6{font-size:100%;}address,cite,em,var{font-style:normal;}code,kbd,pre,samp{font-family:courier new,courier,monospace;}ul,ol{list-style:none;}a{text-decoration:none;}a:hover{text-decoration:underline;}legend{color:#333;}fieldset,img{border:0 none;vertical-align:top;}button,input,select,textarea{font-size:100%;overflow:visible;}table{border-collapse:collapse;border-spacing:0;}article,aside,details,figcaption,figure,footer,header,menu,nav,section,time,audio,video{display:block;margin:0;padding:0;}
.clearfix:before,.clearfix:after{content:""; display:table;}.clearfix:after{clear:both;}.clearfix{*zoom:1;}.clearout{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.cleartxt{color:transparent;font:0/0 a;overflow:hidden;}a:link,a:active{outline:none;}input{border:none;}
.fl{float:left; display:inline;} .fr{float:right; display:inline;}

body{line-height:160%; font-family:\5b8b\4f53, \5FAE\8F6F\96C5\9ED1，tahoma, arial, sans-serif; font-size: 12px; color:#666;}

.com_width{width:1000px; margin:0 auto;}
.bg{background:#000 url(/images/c16/new_version/server/bg.jpg) center top no-repeat;}
.main{background:url(/images/c16/new_version/server/main_bg.jpg?20160624164522) 0 0 no-repeat; height:1080px;padding-left:350px; width:650px; position:relative;}
.head{height:245px; padding-top:34px;}
.logo_box{ position:absolute; top:10px; left:140px;}
.logo_box a{display:block; width:182px; height:150px; font:0/0 a; overflow:hidden;}

.nav{margin-bottom:22px;}
.nav li{float:left; width:154px; height:59px; margin:0 3px 0 5px; display:inline;}
.nav li a{display:block; width:100%; height:100%; font:0/0 a; overflow:hidden; background:url(/images/c16/new_version/server/nav.jpg) no-repeat;}
.nav li.n1 a{ background-position:0 0;}
.nav li.n2 a{background-position:-154px 0;}
.nav li.n3 a{background-position:-308px 0;}
.nav li.n4 a{background-position:-462px 0;}
.nav li a:hover{}
.nav li.n1 a:hover{background-position:0 -59px;}
.nav li.n2 a:hover{background-position:-154px -59px;}
.nav li.n3 a:hover{background-position:-308px -59px;}
.nav li.n4 a:hover{background-position:-462px -59px;}

.login_box{ height:158px;}
.login_box h3{padding-left:272px; height:34px; margin-bottom:40px; color:#666; font-size:24px; font-weight:normal;}
.login_before,.login_after{ margin-left:22px; position:relative;}
.login_before .login_p{ width:182px; height:32px; position:relative; float:left; margin-right:10px;}
.login_before p label,.login_before p input{display:inline-block; vertical-align:middle;}
.login_before p label{width:46px; line-height:30px; height:30px; position:absolute; top:1px; left:0; text-align:center; color:#a9a9a9;}
.login_before p input{width:134px; padding-left:46px; background-color:#fff; border:1px solid #7e878e; height:30px; line-height:30px;}
.login_before p.login_links{padding-top:4px; height:25px; line-height:25px;}
.login_before p.login_links span{width:195px; float:left;}
.login_before p.login_links a{color:#6a6a6a; margin-right:15px;}
.login_before p.login_links a:hover,.login_after .user_msg a:hover{color:#2fc3a2;}
.login_before p.login_links input{width:14px; height:14px; cursor:pointer; color:#fff; border:none;}
.login_before p input.click_quick{position:absolute; top:75px; right:20px; width:164px; height:50px; background:url(/images/c16/new_version/server/start_btn.gif) no-repeat; cursor:pointer;}
.login_before p input.click_quick:hover{background-position:0 -50px;}

.login_after{display:none;}
.login_after .user_msg{ position:absolute; top:28px; right:14px; color:#565656;}
.login_after .user_msg a{color:#6a6a6a; margin-left:5px;}

.server_list{width:600px; padding-top:6px; margin:0 auto; text-align:center;}
.server_list h3{height:45px; line-height:45px; font-size:20px; float:left; font-weight:normal;}
.late_server{text-align:center; font-size:16px;}
.server_list a,.server_zone li a{display:inline-block; width:186px; height:42px; line-height:42px; font-size:14px; background:#2fc3a2; color:#fff; }
.server_list a:hover,.server_zone li a:hover{background:#e65529;}
.server_list p a span,.server_zone li a span{margin-left:8px;}
.server_list p a:hover{text-decoration:none;}
.enter_links{float:left; margin-left:30px;}

.content{ padding:82px 20px 0 30px;}
.con_tit{height:38px; line-height:28px; width:588px; border-bottom:1px solid #2fc3a2; margin-top:30px;}
.con_tit h3{ font-size:20px; font-weight:normal;}
.con_tit input,.con_tit a{display:inline-block; vertical-align:middle;}
.con_tit input{width:51px; text-align:center; height:20px; line-height:20px; color:#fff; margin:0 4px; background:#39363e;}
.con_tit a{color:#fff; width:64px; height:20px; text-align:center; line-height:20px; overflow:hidden; background-color:#39363e;}
.con_tit a:hover{background:#e65529;}
.server_title ul{padding:16px 0 16px;}
.server_title li{float:left; width:80px; height:26px; line-height:26px; margin-bottom:10px; background-color:#39363e; cursor:pointer; color:#fff; text-align:center; margin-right:10px;}
.server_title li.cur{background-color:#e65529;}

.server_zone{ height:410px;width:100%; overflow-y:auto; overflow-x:hidden;}
.server_zone ul{ display:none; margin-right:-8px; zoom:1;}
.server_zone li{float:left; width:186px; height:42px; margin:0  8px 10px 0; text-align:center;}

/* 返回顶部 */
.backToTop {background:url(/images/xsg/top.png) no-repeat; display:none;width:60px; height:56px; line-height:1.2; position:fixed;_position: absolute;right:40px;bottom:20px;_bottom: "auto";cursor: pointer; display:inline-block; opacity:0.9; filter:alpha(opacity=80);}
.backToTop:hover{opacity:1; filter:alpha(opacity=100);}
/* 底部 */
#special_footer{background-color:#000; padding:60px 0!important;}
#special_footer .copyr{line-height:24px;}
.copyr .right_secition a,.copyr{color:#cac9c9!important;}