@charset "utf-8";
/*reset.css*/
html{ font-size:100%;}
body { margin:0; color: #565656; font:12px/1.5 "microsoft yahei", Arial, sans-serif;}
dl, dd, h1, h2, h3, h4, h5, h6, p, ul, ol { margin:0;}
ul, ol { padding-left:0; list-style-type:none;}
img { border:0;}
a { color: #333; text-decoration:none; outline: 0 none;}
a:hover { color: #000; text-decoration:none;}
a, button { cursor:pointer}
table { border-collapse:collapse; border-spacing:0}
input, select, img { vertical-align:middle;}
a, input, button { padding:0; margin:0; outline:0}
i,em {font-style: normal;}
.fl { float: left; display: inline;}
.fr { float: right; display: inline;}
.dib { display: inline-block; vertical-align: top; *display: inline; *zoom: 1;}
.tc { text-align: center;}
.fz14 { font-size: 14px;}
.ml30{margin-left:30px;}
.fix {zoom:1;}
.fix:after,.fix:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden;}
.none { display: none;}
.hidden { width: 0px; height: 0px; overflow: hidden;}

.wrapper { min-width: 1000px; background: url(/images/jianling/server/bg.jpg?20180416) top center no-repeat;}
.wrap { width: 1000px; height: 1096px; margin: 0 auto; background: url(/images/jianling/server/main_bg.jpg?20180416) top center no-repeat;}
.logo { position: absolute; top: 10px; left: -310px;}
.main { width: 610px; margin-left: 390px; position: relative;}
.w-btns { font-size: 0; margin-right: -10px; padding-top: 20px;}
.w-btns .btn, .loginform .login-btn ,.serlist-mod .qenter .enter{ background: url(/images/jianling/server/ser-btns.png) no-repeat;}
.w-btns .btn { display: inline-block; vertical-align: top; width: 140px; height: 59px; margin-right: 10px;}
.w-btns .btn1 { background-position: 0px 0px;}
.w-btns .btn2 { background-position: -150px 0px;}
.w-btns .btn3 { background-position: -300px 0px;}
.w-btns .btn4 { background-position: -450px 0px;}
.w-btns .btn1:hover { background-position: 0px -60px;}
.w-btns .btn2:hover { background-position: -150px -60px;}
.w-btns .btn3:hover { background-position: -300px -60px;}
.w-btns .btn4:hover { background-position: -450px -60px;}
.w-tit { width: 490px; height: 38px; line-height: 38px; text-align: center; margin: 30px auto; font-size: 24px; font-weight:bold; color:#009bae; background: url(/images/jianling/server/hw.png) no-repeat;}
.laybox { padding: 10px 20px; border-radius: 8px; box-shadow: 0 0 10px #ccc; background: #fff; background: rgba(255,255,255,0.8);}
.no-login {}
.loginform {}
.loginform .opt { position: relative; }
.loginform .lp { width: 188px; height: 36px; line-height: 36px; border: 1px solid #7e878e; margin-right: 12px; position: relative;}
.loginform .lp label { width: 50px; height: 36px; font-size: 13px; color: #a9a9a9; text-align: center; position: absolute; top: 0px; left: 0px;}
.loginform .lp input { width: 138px; height: 36px; border: 0 none; outline: 0 none; position: absolute; top: 0px; left: 46px;}
.loginform .login-btn { width: 190px; height: 68px; border: 0 none; cursor: pointer; background-position: -595px 0; position: absolute; top: 0px; right: 20px;}
.loginform .login-btn:hover { background-position: -595px -69px;}
.loginform .forget-pwd { padding-top: 10px; color: #707070;}
.loginform .forget-pwd a { color: #707070; margin-right:4px;}
.loginform .forget-pwd a:hover { color: #fc9f05;}

.other_login_icos{display:block; margin-left:4px; float:left;}
.other_login_icos i{ background:url(/images/cms_style_2015/other_login_icos.png?201703301648) no-repeat; _background:url(/images/cms_style_2015/other_login_icos.gif?201703301648) 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;}

.logleft { width: 250px; height: 78px;}
.logright { width: 250px; height: 78px; padding-left: 30px;}
.logined { line-height: 24px; padding-top: 6px; }
.logined a { color: #22a88b; margin: 0 20px;}
.logined a:hover { color: #5bdcc0;}
.logined .user-fun, .logined .last-game { padding-left: 48px;}

.server-list { margin-right: -5px;}
.server-list li { width: 190px; height: 42px; margin-right: 5px; margin-bottom: 10px; float: left; display: inline;}
.server-list li a { display: block; height: 42px; line-height: 42px; text-align: center; color: #fff; background: #009bae;}
.server-list li a:hover{ background: #03bed5;}
.server-list .act a { background:#ea5d54;}
.server-list .act a:hover { background:#ff7a72;}
.server-list li span { margin-left: 20px; color:#feffa9;}

.serlist-mod { height: 600px; padding-right: 20px;}
.serlist-mod .rmd .t { font-size: 18px; color: #009bae; line-height: 40px;}
.serlist-mod .qenter { font-size: 13px; line-height: 24px;margin: 12px 0; color:#707070;}
.serlist-mod .qenter .input { width: 88px; height: 24px; vertical-align: top; text-align: center; border: 0 none; color: #464646; background: #e7e7e7;}
.serlist-mod .qenter .enter { display:inline-block; text-align:center; font-size: 12px; width:88px; height:24px; color: #493212; margin-left: 10px; background-position:-786px 0;} 
.serlist-mod .qenter .enter:hover { background-position:-787px -26px;}

.server-menu-tab { padding: 0 0 20px 0;}
.server-menu2 {}
.server-menu2 li { width: 88px; height: 24px; line-height: 24px; color: #464646; text-align: center; cursor: pointer; background: #e7e7e7; margin-right: 9px; margin-bottom:5px; float: left; display: inline;}
.server-menu2 li.act, .server-menu2 li:hover { background: #ea5d54; color:#fff;}

.serlist-wrap2 { height: 460px; margin-right: -10px; overflow-x: hidden;}
.serlist-wrap2 .server-list { width: 626px; height: 460px; overflow-y: auto;}
.gray{width:100%; position:absolute;left:0;top:0;z-index:100;background-color:#000; opacity:0;filter:alpha(opacity=0);}