@charset "utf-8";
html, body, div, span, iframe, h1, h2, p, blockquote, pre, abbr, em, img, samp, small, strong, sub, b, i, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { margin: 0; padding: 0; border: 0; outline: 0; }
a, input, button { padding: 0; margin: 0; outline: 0; border: none; }
body { font-size: 12px; font-family: "微软雅黑"; }
ul { list-style: none; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
table { border-collapse: collapse; border-spacing: 0; }
input, select, img { vertical-align: middle; }
.clearfix { zoom: 1; }
.clearfix:after { clear: both; display: block; content: ""; }
/* function */
.relative { position: relative; }
.left { float: left; _display: inline; }
.right { float: right; _display: inline; }
.placeholder { color: #6f5850 !important; }
.hide { display: none; }
.checkbox, .check { display: inline-block; width: 14px; height: 14px; vertical-align: middle; position: relative; background: transparent url(../images/rem.png) no-repeat; }
.checked, .check-on { background: transparent url(../images/rem_on.png) no-repeat; }
.btn-s { display: block; width: 152px; height: 28px; line-height: 28px; text-align: center; background: url(../images/server-btn.jpg) no-repeat; color: #f5e5ba; }
.btn-s:hover { background: url(../images/server-btn-on.jpg) no-repeat; }
/* layout x:84px;y:197px;*/
.container { width: 896px; height: 487px; overflow: hidden; color: #606056; background: #000; }
.log { background: url(../images/bg3.jpg) no-repeat; }
.reg { background: url(../images/bg3.jpg) no-repeat; }
.history { background: url(../images/server2.jpg) no-repeat; }
.server { background: url(../images/loged.jpg) no-repeat; }
/* log */

/* kv */
.kv-focus { width: 378px; height: 149px; overflow: hidden; position: absolute; top: 58px; left: 24px; border: none; padding: 0; }
.log-kv { position: relative; width: 378px; height: 149px; overflow: hidden; }
.log-kv img { vertical-align: bottom; width: 378px; height: 149px; }
.log-kv-nav { position: absolute; bottom: 0; right: 5px; }
.log-kv-nav a { float: left; display: block; background: url(../images/kv-ico.png) no-repeat; color: #000; padding: 6px; margin-right: 5px; _display: inline; text-indent: -9999px; font-size: 0; }
.log-kv-nav .focus, .log-kv-nav a:hover { background: url(../images/kv-ico.png) no-repeat -16px 0; color: #fff; text-decoration: none; }
/* news */
.news { width: 460px; height: 144px; overflow: hidden; position: absolute; top: 60px; right: 0px; }
.news li { padding: 0 5px; height: 24px; border: none; line-height: 22px; background: none; }
.news li a { float: left; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 300px; color: #c7b480; }
.news li span.cate { float: left; display: inline-block; width: 30px; height: 18px; margin: 2px 0; padding-right: 2px; color: #e36c4b; line-height: 18px; background: url(../images/news_span.jpg) no-repeat; text-align: center; }
.news li span.news-date { float: left; display: inline; color: #c7b480; }
.fh { width: 1002px; height: 562px; position: absolute; top: 0; left: 0; z-index: 1; }
.text { position: absolute; bottom: 60px; right: 60px; }
/* log-form */
.log-form, .reg-form { width: 250px; height: 337px; overflow: hidden; top: 92px; left: 598px; *zoom:1;
z-index: 10; }
.log-form p, .reg-form p { width: 250px; height: 22px; overflow: hidden; padding: 26px 0 0; }
.log-form p.p-l-usr { padding: 56px 0 0; }
.log-form p.p-l-pwd { }
.log-form label, .reg-form label { float: left; display: inline-block; width: 89px; height: 22px; text-indent: -999px; }
.log-form input, .reg-form input { float: left; width: 138px; height: 22px; padding: 0 5px; background: none; border: none; color: #fff; line-height: 22px; }
.log-form span.status, .reg-form span.status { display: none; width: 6px; height: 24px; float: left; padding: 0; }
.log-form span.status-r, .reg-form span.status-r { background: url(../images/input-status.png) no-repeat 9px -4px; }
.log-form span.status-w, .reg-form span.status-w { background: url(../images/input-status.png) no-repeat 9px -36px; }
.log-form p.log-form-footer { padding: 14px 0 0 32px; height: 19px; background: none; }
.log-form-footer .checkbox { margin: 0 6px 0 0; }
.log-form-footer .checkbox-label { color: #f7e9df; }
.log-form-footer .forget { margin: 0 0 0 148px; color: #f1e0d3; }
.btn { display: block; position: absolute; }
.btn-log, .btn-reg { width: 183px; height: 65px; left: 29px; top: 198px; }
.btn-log:hover { background: url(../images/sprite.png) no-repeat 0 -65px; }
.btn-log:active { background: url(../images/sprite.png) no-repeat 0 0; }
.btn-reg-short, .btn-log-short { width: 109px; height: 28px; left: 66px; top: 277px; }
.btn-reg-short:hover { background: url(../images/sprite.png) no-repeat -109px -130px; }
.btn-reg-short:active { background: url(../images/sprite.png) no-repeat 0 -130px; }
/* reg */
.reg-form { background: url(../images/reg.jpg) no-repeat; }
.reg-form p.p-r-usr { padding: 56px 0 0; }
.reg-form .reg-tip { display: none; }
.reg-form p.sc { padding: 10px 0 0 10px; height: 16px; line-height: 16px; background: none; }
.reg-form p.sc a { color: #ab6f35; }
.btn-reg { top: 217px; }
.btn-reg:hover { background: url(../images/sprite.png) no-repeat -183px -65px; }
.btn-reg:active { background: url(../images/sprite.png) no-repeat -183px 0; }
.btn-log-short { top: 296px; }
.btn-log-short:hover { background: url(../images/sprite.png) no-repeat 0 -158px; }
.btn-log-short:active { background: url(../images/sprite.png) no-repeat -218px -130px; }
/* server */

.welcome { width: 846px; height: 22px; line-height: 22px; color: #e1a021; position: absolute; top: 18px; left: 25px; text-align: center; }
.welcome .account, .welcome-hty .account { color: #fff4d6; margin-right: 10px; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; }
.welcome a, .welcome-hty a { color: #d81313; }
.lately, .best { width: 152px; height: 28px; line-height: 28px; position: absolute; top: 228px; left: 595px; text-align: center; color: #fff; }
.lately a, .best a { width: 152px; float: left; _display: inline; margin: 0; display: block; height: 28px; line-height: 28px; text-align: center; background: url(../images/server-btn.jpg) no-repeat; color: #f5e5ba; }
.lately a:hover, .best a:hover { background: url(../images/server-btn-on.jpg) no-repeat; }
.lately span { top: 202px; left: 6px; }
.best { left: 176px; }
.choose { width: 170px; height: 22px; position: absolute; top: 290px; left: 708px; line-height: 22px; color: #554d40; z-index: 10; }
.server-fastin { width: 43px; height: 18px; display: inline; text-align: center; background: #38281c; border: none; color: #d8d6d6; }
.btn-fastin { width: 62px; height: 22px; display: inline-block; background: url(../images/fastin.jpg) no-repeat; vertical-align: middle; }
.server-list { width: 846px; height: 160px; position: absolute; top: 290px; left: 24px; }
.server-list-title { width: 640px; height: 20px; overflow: hidden; border: none; padding: 0 0 10px; }
.server-list-title li { width: 80px; height: 20px; float: left; }
.server-list-title li a { width: 80px; height: 20px; display: block; text-align: center; line-height: 20px; color: #c7b480; }
.server-list-title .focus a{ color: #0ebce7; }
.server-list-p { width: 846px; height: 130px; padding: 0; overflow: hide; }
.server-list-p ul li{ float:left;  margin: 0 6px 6px;}
.prev, .next { width: 21px; height: 21px; display: block; cursor: pointer; text-indent: -999px; position: absolute; top: 0; }
.prev { background: url(../images/arrow_l.jpg) no-repeat; right: 1px; }
.prev:hover { background: url(../images/arrow_l_on.jpg) no-repeat; }
.next { background: url(../images/arrow_r.jpg) no-repeat; right: 23px; }
.next:hover { background: url(../images/arrow_r_on.jpg) no-repeat; }
.footer { width: 100%; height: 28px; bottom: 2px; left: 0px; color: #f7a03e; position: absolute; line-height: 20px; font-size: 12px; text-align: center; font-family: "微软雅黑"; }
.footer .ft { letter-spacing: 1px; }
.logout { padding-left: 20px; }
.logoutmark { background-image: url(../images/loading.gif); background-repeat: no-repeat; background-position: center center; position: absolute; z-index: 100; height: 100%; width: 100%; left: 0px; top: 0px; right: 0px; bottom: 0px; display: none; }

/*维护页*/
.main, .wh, .kf{ position: relative; overflow:hidden; margin:0 auto; width:896px; height:487px; background: url(../images/bg4.jpg) no-repeat; }
.coming { font-family:Microsoft YaHei; color:#fff; overflow:hidden; text-align: center; padding-top: 90px; }
.open{ font-family:Microsoft YaHei; color:#fff; overflow:hidden; text-align: center; padding-top: 150px; }
.coming .date { font-size:30px; height:32px; }
.coming .date div {display:inline;}
.coming .date div em {color:#f00;font-family:Verdana;display:inline-block;width:1.5em;}
.coming h1 { font-size:30px; font-weight:normal; padding-bottom: 30px; }
.coming h5 { font-size:18px; font-weight:normal; color:#f00; height:26px;  padding-bottom: 30px; }
.coming .countdown { font-size:30px; font-weight:normal; padding-bottom: 20px; }
.coming .time{ color: #F60; }
a.enterForum,a.enterForum:visited {background:#ffb700;height:25px;line-height:26px;width:122px;overflow:hidden;text-align:center;border-bottom:3px solid #f39800;color:#000;display:inline-block;font-size:14px;}

.autoslider, .autoslider .sliderbox,.autoslider img { width: 378px; height: 149px }
.autoslider .sliderbox { position: relative; overflow: hidden }
.autoslider img { display: block;}
.autoslider .simg { position: absolute; bottom: 10px; right: 6px }
.autoslider li, .autoslider .simg a { float: left; display: inline }
.autoslider .simg li { padding-right: 4px }
.autoslider .simg a { display: block; width: 11px; height: 5px; overflow: hidden; background: #FFF; font-size:0; line-height:0; }
.autoslider .simg .cur a { background: #F60; }
.mask { background: url(http://static.yaodou.com/common/images/loading.gif) no-repeat center center; position: absolute; left: 50px; top: 0px; right: 0px; bottom: 0px; z-index: 20; height: 80px; width: 300px; }
.noMyGame,.noHotGame{ display:none}
.hotGame li,.myGame li,.server-list-p li{ *display:inline;}
.msg-box{ margin-top:120px;}