@charset "UTF-8";
article, aside, blockquote, body, button, code, dd, details, div, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, input, legend, li, menu, nav, ol, p, pre, section, td, textarea, th, ul { margin: 0; padding: 0; }

body, input, textarea { font-family: "Microsoft Yahei"; }

textarea { resize: none; outline: none; }

fieldset, img { border: 0; }

table { border-collapse: collapse; border-spacing: 0; }

input { vertical-align: middle; outline: none; }

embed, img, object { vertical-align: middle; }

h1, h2, h3, h4, h5, h6 { font-size: 14px; }

address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

abbr, fieldset, img { border: 0; }

li, ol, ul { list-style-type: none; }

caption, th { text-align: left; }

a:focus, embed { outline: 0; }

q:after, q:before { content: ''; }

a { text-decoration: none; cursor: pointer; outline: none; }

.clear:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.clear { zoom: 1; }

.none { display: none; }

body { background: #15132c; overflow: hidden; width: 536px; height: 400px; }

.main { overflow: hidden; width: 536px; height: 400px; background: url("../images/main-bg.jpg") no-repeat; }

.top-banners { position: absolute; top: 0; left: 0; width: 536px; height: 60px; z-index: 9999; }

.top-banners .content { position: relative; width: 100%; height: 100%; }

.top-banners .content .game-site { position: absolute; left: 0; top: 13px; width: 124px; height: 36px; background: url("../images/game-website.png") no-repeat left top; }

.top-banners .content .game-site:hover { background-position: left bottom; }

.top-banners .content .charge-system { position: absolute; left: 136px; top: 13px; width: 124px; height: 36px; background: url("../images/charge-system.png") no-repeat left top; }

.top-banners .content .charge-system:hover { background-position: left bottom; }

.top-banners .content .service-center { position: absolute; left: 273px; top: 13px; width: 124px; height: 36px; background: url("../images/service-center.png") no-repeat left top; }

.top-banners .content .service-center:hover { background-position: left bottom; }

.top-banners .content .points-center { position: absolute; left: 410px; top: 13px; width: 124px; height: 36px; background: url("../images/points-center.png") no-repeat left top; }

.top-banners .content .points-center:hover { background-position: left bottom; }

.autoslider { position: absolute; left: 0px; top: 73px; }

.autoslider, .autoslider .sliderbox { overflow: hidden; position: relative; }

.autoslider, .autoslider .sliderbox, .autoslider img { width: 305px; height: 120px; }

.autoslider img { display: block; }

.autoslider .simg a, .autoslider li { float: left; }

.autoslider .simg { position: absolute; right: 5px; bottom: 5px; }

.autoslider .simg a { margin-right: 3px; width: 8px; height: 8px; font-size: 0; background: #fff; border-radius: 5px; }

.autoslider .simg .cur a { background: #f00; }

.news { position: absolute; top: 207px; left: 1px; padding-top: 45px; width: 311px; height: 145px; /* background: url(../images/news-bg.jpg) no-repeat; /* 更多 */ /* 每行 */ }

.news .more { position: absolute; right: 10px; top: 15.5px; line-height: 14px; font-size: 12px; color: #728ca1; }

.news ul { padding-left: 15px; padding-right: 15px; }

.news li { float: left; /* for ie6、7 */ position: relative; width: 100%; height: 26px; line-height: 26px; font-size: 14px; border-bottom: 1px dashed #8497bd; /* 时间 */ }

.news li a { overflow: hidden; display: block; width: 170px; height: 26px; line-height: 26px; text-overflow: ellipsis; white-space: nowrap; color: #8497bd; }

.news li a:hover { color: #c47a4e; }

.news li .time { position: absolute; top: 0; right: 0; width: 80px; text-align: right; color: #8497bd; }

.login-form { position: absolute; left: 325px; top: 113px; width: 211px; /* loading */ /* form group */ /* 错误提示 */ /* 注册账号 */ /* 妖豆 VIP */ /* 登录按钮 */ }

.login-form .mask-position { zoom: 1; position: relative; }

.login-form .mask-position .mask { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 20; _height: 31px; _width: 31px; _top: 40%; _left: 48%; background: url("http://static.yaodou.com/common/images/loading.gif") no-repeat center center; }

.login-form .wrap_input { overflow: hidden; width: 211px; text-align: right; }

.login-form .wrap_input input { float: right; padding-left: 5px; padding-right: 5px; width: 150px; height: 30px; font-size: 13px; line-height: 30px; color: black; border: none; outline: none; background: none; }

.login-form .wrap_input label { float: left; color: #fff; font-size: 12px; display: none; line-height: 30px; }

.login-form .error { overflow: hidden; display: block; padding-left: 53px; width: 155px; height: 20px; font-size: 13px; line-height: 20px; color: #c82c1f; }

.login-form .choice { height: 30px; font-size: 12px; line-height: 30px; text-align: right; /* 忘记密码 */ /* 立即注册 */ }

.login-form .choice .forget { color: #988978; }

.login-form .choice .forget:hover { text-decoration: underline; }

.login-form .choice .shu { color: #988978; }

.login-form .choice .sign { color: #988978; }

.login-form .choice .sign:hover { text-decoration: underline; }

.login-form .sgin { display: block; text-align: center; color: #fff; }

.login-form .sgin:hover { text-decoration: underline; }

.login-form .vip-link { display: block; text-align: center; height: 23px; font-family: "MFShangYa_Noncommercial-Regular"; text-decoration: underline; font-size: 20px; font-weight: normal; font-stretch: normal; line-height: 18px; letter-spacing: 0px; color: #a4957f; }

.login-form .vip-link:hover { text-decoration: underline; }

.login-form .log_btn { display: block; margin: 45px auto 30px; width: 199px; height: 58px; background: url("../images/login-btn.png") no-repeat left top; }

.login-form .log_btn:hover { background-position: left bottom; }

/* 如果需要换底图 */
.main { background-image: url("../images/login-bg.jpg"); }