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; outline:none;}a:hover{text-decoration:none;}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;}.pr{position:relative;}.dib{display:inline-block; *display:inline; zoom:1; vertical-align:middle;}.hidden{width:0; height:0; overflow:hidden;}.none{display:none;}body{position:relative; overflow-x:hidden;}

/* 服务器列表页面 */
.wrap{width:100%; background:url(/images/mscs/server/bg.jpg?201712151153) center top no-repeat;}
.main{width:1000px; height:1060px; background:url(/images/mscs/server/main_bg.jpg?201712151153) no-repeat; margin:0 auto; position:relative;}

.logo{position:absolute; top:24px; left:754px; z-index:3;}
.logo img{display:block;}

.server_contain{width:700px; padding:120px 50px 0 290px; position:relative;}
.server_nav{width:200px; height:26px; line-height:26px; text-align:center; padding:0 18px; position:absolute; top:0; right:253px;}
.server_nav a{color:#959595; margin:0 10px;}
.server_nav a:hover{color:#fff;}
.server_logo{position:absolute; top:0; left:0; width:196px; height:126px;}
.ser_tit{font-size:20px; line-height:40px; color:#c38f39; font-size:18px; height:40px; margin-top:20px; position:relative;}
.ser_tit span{color:#818b99; font-weight:normal; font-size:12px; margin-left:8px; position:relative; top:2px;}
.tj_ser{padding-top:20px; height:50px;}
.tj_ser li{float:left; display:inline; margin-right:35px;}
.tj_ser li a,.li_server li a{display:block; width:204px; height:33px; font-size:12px; line-height:33px; color:#fff; text-align:center; position:relative; background:url(/images/mscs/server/ser_btn.jpg?201712151153) no-repeat;}
.tj_ser li a:hover,.li_server li a:hover{background-position:0 -34px;}
.tj_ser li a span,.li_server li a span{ margin-left:15px; color:#eec45e;}
.li_server li a em{width:10px; height:10px; background-image:url(/images/mscs/server/ser_icon.png?201712151153); display:inline-block; vertical-align:middle; margin-right:10px;}
.li_server li a em.hot_bg{background-position:0 0;}
.li_server li a em.smooth_bg{background-position:0 -10px;}
.li_server li a em.expect_bg{background-position:0 -20px;}
.li_server li a em.defend_bg{background-position:0 -30px;}
.status_s{float:right; font-size:12px; padding-right:30px;}
.status_s i{display:inline-block; width:6px; height:15px; vertical-align:middle; overflow:hidden; margin:0 5px 0 20px;}

.quickJump{height:26px; padding:20px 0; overflow:hidden; line-height:20px; color:#fff;}
.quickJump input{border:none; width:75px; height:26px; padding:0 5px; line-height:26px; color:#000; overflow:hidden; background-color:#8a8a79;}
.quickJump span,.quickJump input{margin-right:7px;}
.quickJump a{display:inline-table; background-color:#790e21; width:85px; height:26px; overflow:hidden; color:#dbdbdb; font-size:14px; text-align:center; line-height:26px; vertical-align:middle;}

.tab_box{border-bottom:1px solid #770000;}
.sTab{padding-top:10px; height:30px; overflow:hidden; width:552px;}
.sTab li{float:left; display:inline; width:90px; height:30px; line-height:30px; color:#b6b6b6; background:#671e25; text-align:center; cursor:pointer; position:relative;}
.sTab li.current{background:#972f39; color:#fff;}
.ul_server{margin-top:25px; height:364px; overflow-y:auto;}
.li_server li{float:left; display:inline; margin:0 22px 14px 0;}

.server_loginbox{border-top:1px solid #770000; border-bottom:1px solid #770000; height:160px; margin-top:20px;}
.login-mod{padding:10px 0 20px; height:64px; color:#8793b0;}
.no-login{padding-top:8px;}
.loginform .opt{position:relative;}
.loginform .lp{width:190px; height:32px; line-height:32px; border:none; background:#fff; margin-right:12px; position:relative;}
.loginform .lp label{width:50px; height:32px; font-size:13px; color:#2d2d2d; text-align:center; position: absolute; top:0px; left:0px;}
.loginform .lp input{width:140px; height:32px; border:0 none; background:none; outline:0 none; position: absolute; top:0px; left:50px;}
.loginform .login-btn{width:204px; height:58px; border:0 none; color:#fff; font-size:18px; text-align:center; line-height:58px; cursor:pointer; background: url(/images/mscs/server/log_btn.jpg?201712151153) no-repeat; position:absolute; top:0; right:40px;}
.loginform .login-btn:hover{background-position:0 -59px;}
.loginform .forget-pwd{padding-top:6px; color:#677484;}
.loginform .forget-pwd a{color:#677484;}
.loginform .forget-pwd a:hover{color:#fc9f05;}
.loginform .forget-pwd label{margin-right:22px;}
.loginform .forget-pwd .qreg{margin-left:13px; margin-right:8px;}

.logleft{width:250px; height:78px;}
.logright{width:250px; height:78px; padding-left:30px;}
.logined{line-height: 22px;}
.logined a{color:#8793b0; margin:0 20px;}
.logined a:hover{color: #6b56bb;}
.logined .user-fun, .logined .last-game{padding-left: 35px;}

/**  微信微博登录图标  **/
.other_login_icos{display:block; margin-left:6px; float:left;}
.other_login_icos i{ background:url(/images/cms_style_2015/other_login_icos.png?201712151153) no-repeat; _background:url(/images/cms_style_2015/other_login_icos.gif?201712151153) no-repeat; display:inline-block; width:24px; height:23px;}
.other_login_icos i.o_login_ico_qq{background-position:0 0;}
.other_login_icos i.o_login_ico_wx{background-position:-28px 0;}
.other_login_icos i.o_login_ico_wb{background-position:-57px 0;}
.other_login_icos:hover i.o_login_ico_qq{background-position:0 -23px;}
.other_login_icos:hover i.o_login_ico_wx{background-position:-28px -23px;}
.other_login_icos:hover i.o_login_ico_wb{background-position:-57px -23px;}

.all_tit{background:url(/images/mscs/server/quick_select.png?201712151153) right center no-repeat;}

.pr{position:absolute; top:480px; right:50px;}
.choose_server{height:24px; color:#c6d7eb; padding:20px 0;}
.choose_server input,.choose_server a,.choose_server span{display:inline-block; vertical-align:middle;}
.choose_server span{width:66px; height:24px; line-height:24px; color:#323232; background:#fff; overflow:hidden; padding-left:14px; margin-right:4px; cursor:pointer;}
.choose_server span i{width:0; height:0; overflow:hidden; border-width:5px; border-style:solid dashed dashed; border-color:#323232 transparent transparent; position:absolute; top:50%; right:10px; margin-top:-2px;}
.choose_server input{width:60px; height:24px; line-height:24px; color:#323232; background:#fff; text-align:center; overflow:hidden; margin-right:6px;}
.choose_server a{width:62px; height:24px; line-height:24px; color:#fff; background:#8c0000; text-align:center; margin-left:6px;}
.choose_server a:hover{background:#ce0000;}
.choose_server ul{width:180px; background:#fff; position:absolute; left:-16px; top:44px; z-index:999; display:none;}
.choose_server ul li{width:60px; line-height:24px; color:#323232; text-align:center; cursor:pointer; float:left;}