body,div,ul,ol,li,dl,dt,dd,p,span,a,img,em,input,button,textarea,tr,th,td,h1,h2,h3,h4,h5,h6,h7{margin:0px; padding:0px;}
body{font-size:12px; font-family:'microsoft yahei'; overflow-x:hidden;}
ul,ol,li,dl,dt,dd,p,span,a,img,em,input,button,textarea,tr,th,td,h1,h2,h3,h4,h5,h6,h7{list-style-type:none; border:none; font-style:normal; background:none; outline:none;}
a{color:#403f3f;}
.clearfix{*zoom:1;}
.clearfix:after{height:0; font-size:0; display:block; clear:both; overflow:hidden; visibility:hidden; content:"";}
.f_l{float:left;}
.f_r{float:right;}
.indent{text-indent:-999px; overflow:hidden;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.f26{font-size:26px;}
.f28{font-size:28px;}
.f30{font-size:30px;}
.f32{font-size:32px;}
.f40{font-size:40px;}



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

.logo{width:160px; position:absolute; top:0; left:30px; z-index:3;}
.logo img { width: 160px; }

.server_contain{width:700px; padding:120px 50px 0 250px; position:relative;}
.server_nav{width:200px; height:26px; line-height:26px; text-align:center; padding:0 18px; position:absolute; top:0; right:120px;}
.server_nav a{color:#fff; margin:0 10px;}
.server_nav a:hover{color:#f8bf61;}
.server_logo{position:absolute; top:0; left:0; width:196px; height:126px;}
.con_tit{ font-size:20px; line-height:40px; color:#d3a964; font-size:18px; height:40px; margin-top:20px; position:relative;}
.con_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,.ser_txt li a{display:block; width:204px; height:37px; font-size:13px; line-height:37px; color:#fff; text-align:center; position:relative; background:url(/images/gongsha/new_version/server/ser_btn.jpg?2020042101) no-repeat;}
.tj_ser li a:hover,.ser_txt li a:hover{background-position:0 -37px;}
.tj_ser li a i,.ser_txt li a em,.ser_txt li a i{ margin-left:15px; color:#eec45e;}
.ser_txt li a em{width:10px; height:10px; background-image:url(/images/gongsha/new_version/server/ser_icon.png?2020042101); display:inline-block; vertical-align:middle; margin-right:10px;}
.ser_txt li a em.hot_bg{background-position:0 0;}
.ser_txt li a em.smooth_bg{background-position:0 -10px;}
.ser_txt li a em.expect_bg{background-position:0 -20px;}
.ser_txt 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;}

.choose_tit{height:31px; border-bottom:1px solid #770000; margin:10px 0;}
.choose_tit span{float:left; display:inline; width:90px; height:31px; line-height:31px; color:#fff; background:#770000; text-align:center; margin-right:10px; cursor:pointer; position:relative;}
.choose_tit span.on{background:#bd0000;}

.tab_box{display:none;}

.ser_tit{height:30px; height:auto; padding-top:10px;}
.ser_tit li{float:left; display:inline; width:90px; height:30px; line-height:30px; color:#fff; background:#770000; text-align:center; cursor:pointer; position:relative; margin-bottom:6px;}
.ser_tit li.on{background:#bd0000;}
.ser_txt{margin-top:25px; height:387px; overflow-y:auto; position:relative;}
.ser_txt li{float:left; display:inline; margin:0 22px 13px 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: 188px; height: 50px; border: 0 none; color:#fff; font-size:16px; text-align:center; line-height:50px; cursor: pointer; background: url(/images/gongsha/new_version/server/log_btn.jpg?2020042101) no-repeat; position: absolute; top: -5px; right: 40px;}
.loginform .login-btn:hover { background-position: 0 -50px;}
.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?2020042101) no-repeat; _background:url(/images/cms_style_2015/other_login_icos.gif?2020042101) 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/gongsha/new_version/server/quick_select.png) right center no-repeat;}

.outer{position:relative;}
.pr{position:absolute; top:-20px; right:0;}
.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;}