body {background:#fff;color:#333;font-size:14px;line-height:1.5;font-family:\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,"Hiragino Sans GB",STHeiti,"WenQuanYi Micro Hei","Droid Sans Fallback",SimSun,sans-serif;}
html,body { height:100%;}
a {text-decoration:none;color:inherit;}
a:hover {text-decoration:underline;}
em, i {font-style:normal;font-weight:inherit;}
button,[event],[lay-tips] {cursor:pointer;}
.fl {float:left;}
.fr {float:right;}
.txt-right {text-align:right;}
.txt-center {text-align:center;}
.martop-10 {margin-top:10px;}
.martop-15 {margin-top:15px;}
.martop-20 {margin-top:20px;}
/**  =================== 重置layuicss ===================  **/
.layui-btn {font-size:15px;box-sizing:border-box;}
.layui-btn.layui-btn-sm {font-size:14px;}
a.layui-btn:hover {text-decoration:none;}

/**  =================== 全局布局 ===================  **/
.wan-container {position:relative;min-height:100%;padding-bottom:80px;box-sizing:border-box;background:#535353 no-repeat;color:#eee;}
.wan-wap {position:relative;z-index:10;margin:0 auto;width:1100px;}

.wan-breadcrumb {visibility:hidden;}
.wan-breadcrumb [lay-separator] {margin:0 6px;color:#ccc;}

.wan-payway:before,
.wan-paymoney.active:after {background:url(../img/payicons.png) no-repeat;}
.wan-navigate a.active,
.wan-card-header,
.wan-navigate-btn,
.wan-item-server,
.wan-item-server:before,
.layui-tab .wan-tab-server li,
.wan-item-server .server-lock {background:url(../img/game_server_slist.png?v=1) no-repeat;}

/** 顶部栏 */
.wan-topbar {height:42px;line-height:42px;border-bottom:1px solid #eee;background:#f9f9f9;color:#333;box-sizing:border-box;}
.wan-topbar~.wan-cover {top:42px;}

/** 导航栏 */
.wan-cover {position:absolute;left:0;right:0;top:0;bottom:0;background:no-repeat 50% 0;}
.wan-cover-mtop {padding-top:360px;}
/** 底部信息 */
.wan-footer {position:absolute;left:0;right:0;bottom:0;height:60px;color:#999;text-align:center;}
.wan-footer p {margin-top:10px;}
/** 内页 */
.wan-body {}

.wan-location {padding:0 10px;height:58px;line-height:58px;background:#222 url(../img/game_server_top.jpg) no-repeat;color:#fff;}
.wan-location a:hover {color:#fff;text-decoration:none;}
.wan-location .fr .wan-breadcrumb {margin-right:12px;font-size:13px;}
.wan-location .fr .wan-breadcrumb [lay-separator] {color:#777;}

.wan-navigate a {float:left;margin-top:10px;padding:0 1.2em;min-width:40px;height:38px;line-height:38px;border-radius:3px;font-size:15px;text-align:center;transition:background .2s}
.wan-navigate a:hover {background-color:rgba(255,255,255,.1);}
.wan-navigate a.active {background-position:0 -270px;}
.wan-navigate [lay-separator] {float:left;line-height:58px;margin:0 5px;color:rgba(255,255,255,.2);}
.wan-navigate-btn {float:left;margin:14px 0 0 5px;padding:0 18px;height:30px;line-height:30px;font-size:14px;font-weight:bold;border:1px solid #FFC96A;color:#A83E00;background-position:0 -230px;box-shadow:2px 2px 5px rgb(0 0 0 / 20%)}
.wan-page {padding:40px;background-color:#fff;color:#333;box-shadow:0 0 8px 0 rgb(0 0 0 / 10%), 0 8px 10px -8px rgb(0 0 0 / 10%)}

.wan-panel+.wan-panel {margin-top:40px;}
.wan-panel-header {position:relative;margin-bottom:20px;height:20px;line-height:20px;}
.wan-panel-header:before {position:absolute;top:50%;left:0;margin-top:-8px;width:4px;height:16px;background-color:#505c68;content:'';}
.wan-panel-header h2 {padding-left:20px;font-size:20px;color:#505c68;font-weight:normal;}
.wan-panel-header .beside {position:absolute;bottom:0;right:0;display:inline-block;font-size:14px;vertical-align:top;}

.wan-card-gather {margin-top:10px;margin-bottom:10px;}

.wan-card-block {padding:15px;background-color:#302e2c;color:#fff;box-sizing:border-box;}
.wan-card-block hr {border-color:#474440!important;}

.wan-card {background-color:#dcdcdc;}
.wan-card~.wan-card,
.wan-card-block~.wan-card {margin-top:10px;}
.wan-card-header {padding:0 15px;height:42px;line-height:42px;background-repeat:repeat-x;background-position:0 -270px;color:#fff;}
.wan-card-body {padding:15px;color:#222;}
.wan-card-body .layui-table {margin:0;background:none;color:#4b4947;}
.wan-card-body .layui-table td, 
.wan-card-body .layui-table th {padding:5px 12px;background:none;border-color:#c7c5c1;}

.wan-card-login {min-height:200px;}
.wan-card-login .title {margin-bottom:10px;}
.wan-card-login .layui-form-item {margin-bottom:5px;padding:0 5px;}
.wan-card-login .layui-input {height:32px;background-color:#aba598;border-color:#8d8575;color:#000;}
.wan-card-login .layui-input:hover {border-color:#8d8575!important;}
.wan-card-login .layui-input:focus {border-color:#a49c8d!important;}
.wan-card-login .layui-input-wrap, .wan-card-login .layui-input-affix {line-height:32px;}
.wan-card-login .layui-form-item .layui-form-checkbox[lay-skin=primary] {margin-top:0;}
.wan-card-login .layui-form-checkbox[lay-skin=primary]>div {color:#fff;}

.wan-card-server {min-height:260px;}
.wan-card-server li {border-bottom:1px dotted #c7c5c1;height:32px;line-height:32px;}
.wan-card-server li a {display:block;height:32px;}
.wan-card-server .state-herald {color:#777;}
.wan-card-server .state-today,
.wan-card-server li a:hover {color:#f30;}

.wan-card-center {min-height:620px;line-height:1.8;font-size:15px;}
.wan-card-center p{margin:4px 0;}
.wan-card-center p:first-child{margin-top:0;}
.wan-card-center p:last-child{margin-bottom:0;}
.wan-card-center ul,
.wan-card-center ol{padding-left:15px;}
.wan-card-center ul li{list-style-type:disc;}
.wan-card-center ol li{list-style-type:decimal;}
.wan-card-center .layui-badge {line-height:1.5em;height:auto;}
.wan-card-center .layui-table {margin:10px 0;background:none;color:#eee;}
.wan-card-center .layui-table td, 
.wan-card-center .layui-table th {padding:6px 12px;background:none;border-color:#504f49;}

.wan-card-banner {padding:0;height:190px;}
.wan-card-banner img {width:100%;height:100%;}

.wan-card-keifu {height:140px;}
.wan-card-paywal {height:420px;}

.server-state {position:relative;display:inline-block;padding-left:12px;}
.server-state+.server-state {margin-left:12px;}
.server-state:before {position:absolute;left:0;top:50%;margin-top:-7px;width:6px;height:14px;background-color:#4eaf00;content:'';z-index:10;}
.server-state.b:before {background-color:#eb2001;}
.server-state.c:before {background-color:#fdbd09;}
.server-state.d:before {background-color:#ccc;}

.layui-tab .wan-tab-server {margin-bottom:20px;border:none;}
.layui-tab .wan-tab-server li {margin-right:2px;padding:0;width:95px;height:34px;line-height:30px;background-position:-96px -185px;transition:none}
.layui-tab .wan-tab-server .layui-this {background-position:0 -185px;color:#fff;}
.layui-tab .wan-tab-server .layui-this:after {content:none;}

.wan-col5 {width:20%;}
.wan-item-server {position:relative;display:block;margin:0 auto;padding-left:55px;height:46px;line-height:46px;background-position:100% 0;color:#fff;box-sizing:border-box;}
.wan-item-server:before {position:absolute;left:0;top:0;bottom:0;width:20px;background-position:0 0;content:'';}
.wan-item-server:hover {text-decoration:none;background-position:100% -46px;color:#fff;}
.wan-item-server:hover:before {background-position:0 -46px;}
.wan-item-server .server-state {position:absolute;left:30px;top:50%;margin-top:-7px;height:14px;}
.wan-item-server .server-lock {position:absolute;left:20px;top:50%;margin-top:-15px;width:30px;height:30px;background-position:-193px -185px;}

.wan-item-server.hot {background-position:100% -92px;}
.wan-item-server.hot:hover {background-position:100% -138px;}
.wan-item-server.hot:before {background-position:0 -92px;}
.wan-item-server.hot:hover:before {background-position:0 -138px;}
.wan-item-server.herald {padding-left: 20px;}

.wan-gamecard {position:relative;padding:30px 20px 30px 160px;border:2px solid #f60;background-color:#fff;color:#222;border-radius:8px;}
.wan-gamecard .icon {position:absolute;top:50%;left:30px;margin-top:-50px;width:100px;height:100px;}
.wan-gamecard .row {height:38px;line-height:38px;}
.wan-gamecard .row .fr {width:380px;}
.wan-gamecard .barname h3 {display: inline-block;font-size: 22px;color: #f60;margin-right: 1em;}
.wan-gamecard .barbtns {font-size:0;} 

.wan-gamecard.theme-dark {background-color:#302e2c;color:#fff;}

.wan-layer {border-radius:8px;color:#222;}
.wan-layer-close { position:absolute;right:-8px;top:-8px;border:3px solid #fff;width:28px;height:28px;line-height:28px;background-color:#999;color:#fff;border-radius:30px;text-align:center;cursor:pointer;}
.wan-layer-close:hover {background-color:#ff5722;}
.wan-layer-close .layui-icon {font-size:20px;}
.wan-layer-body {position:relative;padding:5px 40px;}
.wan-layer-footer {position:absolute;bottom:0;left:0;right:0;padding:15px;}

.wan-layer-tab .layui-tab-title {margin-bottom:10px;border:none;text-align:center;}
.wan-layer-tab .layui-tab-title li {position:relative;font-size:18px;font-weight:bold;color:#999;}
.wan-layer-tab .layui-tab-title .layui-this {color:#505c68;}
.wan-layer-tab .layui-tab-title .layui-this:after {top:auto;left:50%;bottom:-4px;margin-left:-.5em;width:1em;height:4px;border-radius:10px;background-color:#505c68;border:none;}

.wan-layer-form .layui-input-wrap {line-height:42px;}
.wan-layer-form .layui-input {height:42px;border-radius:5px;border-color:#e3e3e3;}
.wan-layer-form .layui-input-prefix .layui-icon {font-size:18px;}
.wan-layer-form .layui-btn {border-radius:5px;}
.wan-layer-form .captcha img {width:100%;}

/**  =================== 充值 ===================  **/
.wan-payform .layui-form-item {margin-bottom:20px;}
.wan-payway {position:relative;width:138px;height:38px;line-height:38px;padding:5px 0!important;text-indent:52px;font-size:16px;border:1px solid #eee;background-color:#fcfcfc;cursor:pointer;}
.wan-payway:before {position:absolute;top:50%;left:10px;margin-top:-16px;width:32px;height:32px;content:'';}
.wan-payway.alipay:before {background-position:0 0;}
.wan-payway.wxpay:before {background-position:-32px 0;}
.wan-payway.alipay.active {background-color:#00a9f2;border-color:#00a9f2;color:#fff;box-shadow:0 0 0 3px rgba(0,169,242,0.08);}
.wan-payway.alipay.active:before {background-position:-97px 0;}
.wan-payway.wxpay.active {background-color:#42b035;border-color:#42b035;color:#fff;box-shadow:0 0 0 3px rgba(66,176,53,0.08);}
.wan-payway.wxpay.active:before {background-position:-129px 0;}

.wan-paymoney {position:relative;height:38px;line-height:38px;border:1px solid #eee;text-align:center;box-sizing:border-box;cursor:pointer;}
.wan-paymoney.active {background-color:#fff!important;border-color:#ff9703;color:#ff9730;box-shadow:0 0 0 3px rgba(255,151,48,0.08);}
.wan-paymoney.active:after {position:absolute;bottom:0;right:0;width:21px;height:21px;background-position:-129px -40px;content:''}
.wan-payway:hover,
.wan-paymoney:hover {background-color:#f9f9f9;}
.wan-payother {}
.wan-payother.active {border-color:#ff9703!important;color:#ff9730;box-shadow:0 0 0 3px rgba(255,151,48,0.08);}
/*.layui-input:focus, .layui-textarea:focus{border-color:#16b777 !important;box-shadow:0 0 0 3px rgba(22,183,119,0.08);}*/

.wan-welfare .layui-text {line-height:1.5;}
.wan-welfare .layui-text p {margin:10px 0;}
.wan-welfare .layui-table td, 
.wan-welfare .layui-table th {padding:5px 12px;}
.wan-welfare .layui-table th {border-color:#ffc359;background:#ffd894;color:#76180b;font-weight:200;}
.wan-welfare .layui-table td {border-color:#f4dfbb;font-size:13px;color:#c04332;}
.wan-welfare .layui-table tbody tr:nth-child(even){background:#fff9ef;}

/** 扫码窗口*/
.payorder-desc {margin:10px 0;}
.payorder-qrcode {margin:10px auto;padding:10px;width:180px;height:180px;border:1px solid #e6e6e6;}
.payorder-qrcode img {width:100%;height:100%;}
.payorder-qrcode .expire .layui-icon {font-size:56px;color:#eb6877;}
.payorder-qrcode .expire p {margin-bottom:15px;font-size:16px;}
.payorder-result {padding-top:33px;text-align:center;}
.payorder-result .layui-icon {font-size:72px;color:#42b035;line-height:1.1;}
.payorder-result h3 {color:#42b035;}
.payorder-result dl {margin-top:40px;font-size:16px;}
.payorder-result dd {font-size:32px;color:#eb6877;}
.payorder-btnbar {margin-bottom:15px;text-align:center;}
.payorder-btnbar .layui-btn {min-width:90px}

/** 进入游戏 */
.wan-play-container {position:relative;min-height:100%;box-sizing:border-box;background:#464646;color:#fff;}
.wan-play-topbar {position:relative;padding:0 10px;height:26px;line-height:26px;font-size:13px;background-color:#27292a;z-index:10;}
.wan-play-topbar~.wan-play-main {top:26px;}
.wan-play-main {position:fixed;left:0;top:0;bottom:0;right:0;background-color:#363636;}
.wan-play-main iframe {width: 100%;height: 100%;border:none}
.wan-play-countdown {position: absolute;top:36%;left: 50%;margin-left: -250px;width:500px;text-align: center;}
.wan-play-countdown .title {font-size:18px;color: #999;}
.wan-play-countdown .timer {font-size:32px;color: #ffb800;}
.wan-play-private {position: absolute;top:36%;left: 50%;margin-left: -150px;width:300px;text-align: center;}
.wan-play-private .title {margin-bottom: 20px;font-size:16px;color: #fff;}
.wan-play-topbar .close {margin-left:15px;}
/** 首页 */
.wan-container.i { background-image: url(../img/ibg.jpg); }
.wan-glist { margin: 60px auto 20px; width: 1100px; }
.wan-gviewcard { position: relative; background-color: #fff; color: #333; }
.wan-gviewcard .cover { position: relative; display: block; padding-top: 56.25%; background-color: #999; overflow: hidden; }
.wan-gviewcard .cover img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.wan-gviewcard .content { padding: 15px; line-height: 38px; overflow: hidden; } 
.wan-gviewcard .content .title { float: left; font-size: 18px; }
.wan-gviewcard .content .title:hover { text-decoration: none; color: #2a6bdc; }
.wan-gviewcard .content .binfos { float: right; }