@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: 834px; height: 630px; 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: 34px; top: 60px; }

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

.autoslider, .autoslider .sliderbox, .autoslider img { width: 400px; height: 146px; }

.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: 300px; left: 35px; width: 395px; height: 158px; /* 更多 */ /* 每行 */ }

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

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

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

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

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

.news li a { overflow: hidden; display: block; width: 310px; height: 34px; line-height: 34px; text-overflow: ellipsis; white-space: nowrap; color: #9a8977; }

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

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

.login-form { position: absolute; left: 515px; top: 80px; width: 300px; /* 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: 246px; height: 38px; font-size: 13px; line-height: 38px; 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: 37px; }

.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: 298x; padding-top: 10px; /* 记住账号 */ /* 忘记密码 */ }

.login-form .choice .remember { margin-right: 170px; color: #7a6a53; }

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

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

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

.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: 20px auto; width: 271px; height: 32px; 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: 14px 0 0 -6px; text-align: center; width: 310px; height: 151px; 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: 834px; height: 630px; }

.login { height: 100%; }