@charset "UTF-8";
/*注册账号、忘记密码*/
/* 公共页面的字体颜色*/
/*去掉input自动补全后的黄色样式*/
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-transition-delay: 99999s; -webkit-transition: color 99999s ease-out, background-color 99999s ease-out; /* -webkit-box-shadow: 0 0 0px 1000px white inset; */ }

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: #100203; }

.main { overflow: hidden; width: 600px; height: 380px; background: url("../images/register/common-bg.jpg") no-repeat; }

.nav { position: absolute; top: 11px; left: 25px; width: 603px; }

.nav .nav-item { display: block; height: 41px; float: left; width: 150px; background: url("../images/nav.jpg") no-repeat; }

.nav .nav-item--first { background-position: 0 0; }

.nav .nav-item--first:hover { background-position: 0 -41px; }

.nav .nav-item--two { background-position: -150px 0; }

.nav .nav-item--two:hover { background-position: -150px -41px; }

.nav .nav-item--three { background-position: -300px 0px; }

.nav .nav-item--three:hover { background-position: -300px -41px; }

.nav .nav-item--four { width: 153px; background-position: -450px 0px; }

.nav .nav-item--four:hover { background-position: -450px -41px; }

.autoslider { position: absolute; left: 13px; top: 30px; }

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

.autoslider, .autoslider .sliderbox, .autoslider img { width: 295px; height: 106px; }

.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: #d6ab5c; border-radius: 5px; }

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

.news { position: absolute; top: 188px; left: 20px; width: 278px; height: 122px; /* 更多 */ /* 每行 */ }

.news .more { position: absolute; right: 16px; top: -22px; line-height: 14px; font-size: 12px; color: #c46b19; }

.news .more::after { content: '>'; position: absolute; top: 0; right: -10px; }

.news .more:hover { color: #f9c152; }

.news ul { padding-left: 5px; padding-right: 5px; height: 120px; overflow: hidden; }

.news li { float: left; /* for ie6、7 */ position: relative; width: 100%; height: 30px; line-height: 30px; font-size: 14px; /* 时间 */ }

.news li a { overflow: hidden; display: block; width: 190px; height: 30px; line-height: 30px; text-overflow: ellipsis; white-space: nowrap; color: #ba946f; }

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

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

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

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

.login-form .mask-position .mask { position: absolute; left: 0; top: -59px; right: -19px; 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; text-align: right; }

.login-form .wrap_input input { float: left; margin-left: 32px; width: 174px; height: 30px; font-size: 13px; line-height: 30px; color: #e0e0e0; border: none; outline: none; background: none; }

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

.login-form .first { margin-bottom: 23px; }

.login-form .error { overflow: hidden; display: block; margin-left: 78px; width: 155px; height: 23px; font-size: 13px; line-height: 25px; color: #9d8c7a; }

.login-form .choice { height: 20px; font-size: 12px; line-height: 20px; text-align: right; width: 224px; padding-top: 14px; /* 记住账号 */ /* 忘记密码 */ }

.login-form .choice .remember { margin-right: 94px; color: #9a816b; }

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

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

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

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

.login-form .sgin { display: block; text-align: center; color: #f7ca71; font-size: 12px; margin: 10px 0; }

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

.login-form .vip-link { display: block; margin: 10px auto 0 14px; width: 208px; height: 30px; background: url("../images/vip-link.jpg") no-repeat left top; }

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

.login-form .log_btn { display: block; margin: 34px 0 0 14px; text-align: center; width: 208px; height: 62px; background: url("../images/login-btn.jpg") no-repeat left top; }

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

/*注册账号、忘记密码*/
/* 公共页面的字体颜色*/
/*去掉input自动补全后的黄色样式*/
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-transition-delay: 99999s; -webkit-transition: color 99999s ease-out, background-color 99999s ease-out; /* -webkit-box-shadow: 0 0 0px 1000px white inset; */ }

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

.login { height: 100%; }