body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
body, button, input, select, textarea { font: 12px/1.5 tahoma,Arial,"宋体"; }
h1, h2, h3, h4, h5, h6 { font-size:100%; }
address, cite, dfn, em, var { font-style:normal; }
code, kbd, pre, samp { font-family:courier new, courier, monospace; }
small { font-size:12px; }
ul, ol { list-style:none; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
legend { color:#000; }
fieldset, img { border:0 none; }
button, input, select, textarea { font-size:100%; outline:none;}
table { border-collapse:collapse; border-spacing:0; }
.clearfix:after{content:'\20';display:block;height:0;clear:both}
.clearfix{*zoom:1}
.ellipsis{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}


.f12 { font-size:12px }
.f13 { font-size:13px }
.f14 { font-size:14px }
.f16 { font-size:16px }
.f18 { font-size:18px }
.f20 { font-size:20px }
.fb { font-weight:bold }
.fn { font-weight:normal }
.t2 { text-indent:2em }
.blue, a.blue { color:#03c }
.red, a.red { color:#f00 }
.darkred, a.darkred { color:#c00 }
.black, a.black { color:#333 }
.gray, a.gray { color:#666 }
.sgray,a.sgray{ color:#CCC;}
.green, a.green { color:#090 }
.orange, a.orange { color:#ff7800 }
.white, a.white{ color:#FFFFFF}
.lh150 { line-height:150% }
.lh180 { line-height:180% }
.lh200 { line-height:200% }
.unl { text-decoration:underline; }
.no_unl { text-decoration:none; }

.tl { text-align:left }
.tc { text-align:center }
.tr { text-align:right }
.fl { float:left; display:inline }
.fr { float:right; display:inline }
.cb { clear:both }
.cl { clear:left }
.cr { clear:right }
.vm { vertical-align:middle }
.vm-img img { vertical-align:middle; }
.pr { position:relative }
.pa { position:absolute }
.zoom { zoom:1 }
.hidden { visibility:hidden }
.none { display:none }

.w10 { width:10px }
.w20 { width:20px }
.w50 { width:50px }
.w90 { width:90px }
.w100 { width:100px }
.w200 { width:200px }
.w250 { width:250px }
.w500 { width:500px }
.w800 { width:800px }
.w { width:100% }
.h50 { height:50px }
.h80 { height:80px }
.h100 { height:100px }
.h200 { height:200px }
.h { height:100% }

.m5 { margin:5px }
.m10 { margin:10px }
.m15 { margin:15px }
.m20 { margin:20px }
.mt5 { margin-top:5px }
.mt10 { margin-top:10px }
.mt15 { margin-top:15px }
.mt20 { margin-top:20px }
.mb5 { margin-bottom:5px }
.mb10 { margin-bottom:10px }
.mb15 { margin-bottom:15px }
.mb20 { margin-bottom:20px }
.ml5 { margin-left:5px }
.ml10 { margin-left:10px }
.ml15 { margin-left:15px }
.ml20 { margin-left:20px }
.mr5 { margin-right:5px }
.mr10 { margin-right:10px }
.mr15 { margin-right:15px }
.mr20 { margin-right:20px }
.p5 { padding:5px; }
.p10 { padding:10px; }
.p15 { padding:15px; }
.p20 { padding:20px; }
.pt5 { padding-top:5px }
.pt10 { padding-top:10px }
.pt15 { padding-top:15px }
.pt20 { padding-top:20px }
.pb5 { padding-bottom:5px }
.pb10 { padding-bottom:10px }
.pb15 { padding-bottom:15px }
.pb20 { padding-bottom:20px }
.pl5 { padding-left:5px }
.pl10 { padding-left:10px }
.pl15 { padding-left:15px }
.pl20 { padding-left:20px }
.pr5 { padding-right:5px }
.pr10 { padding-right:10px }
.pr15 { padding-right:15px }
.pr20 { padding-right:20px }
.ohidden { overflow: hidden; }
.nopadding { padding: 0 !important; }

body{ color: #d4d7ac; background: #000; }
a{ color: #fff; cursor:pointer; outline:none;}
a:hover{ color:#ff6c00; text-decoration: none; }
.login { position:relative;}
.login .btn { height: 38px; }
.login .btn a {  text-indent: -999px; height: 38px; overflow: hidden; }
.login .btn .dl { width:229px; float:left; background-position:0 -39px; }
.login .btn .dl-on{ background-position:0 0;}
.login .btn .reg { width:231px; float:left; background-position:-229px 0; }
.login .btn .reg-on{ background-position:-229px -39px;}
.login .btn .close { width:40px; float:right; background-position:-461px 0; }
.login .btn .close:hover{ background-position:-461px -39px;}
.login .login-error { padding-left: 144px; line-height: 30px; height: 30px; color: #adadad; }
.login .error{ color:#F00; }
.login li{ overflow: hidden;zoom: 1; *margin-bottom:-2px; }
.login .form-text{ line-height: 26px; height: 26px; border: none; width: 220px; background: #120d07; margin: 2px 5px; color: #FFF;vertical-align:middle; }
.login .m1{ line-height: 28px; text-align: right; height: 34px; width: 144px; display: block; float: left }
.login .m2{ float: left; position: relative; width: 280px; }
.login .lay{ padding-left:144px}
.login .serverorder{ line-height: 16px; padding-top: 5px; height: 40px; }
.login .submit-reg{height: 38px; width: 231px; border:none; text-indent: -999px; overflow: hidden; cursor:pointer; display:block;}
.login .forget { color: #157bbb; position: absolute; top: 0px; left: 326px; white-space: nowrap; }
.login .forget:hover{color:#ff6c00;}
.login .save{ position: relative; height:40px; line-height:30px; }
.login .save input{ vertical-align:middle;}
.login .yzmbox{ position: absolute; left: 125px; top: 3px; }
.login .yzm .form-text{ime-mode:disabled;}
.login .con{ margin: 0px auto; width: 470px; }
.login .y-tip{ color:#d4d7ac; height:18px; line-height:18px;}
.login .ok-tip{ display:none; }
.login .ok-tip s { display: inline-block; height: 14px; width: 14px; margin-left: 20px; background: url(../images/register/ico-gou.png) no-repeat 0px 0px; }
.login .mask{ background: url(http://static.yaodou.com/common/images/loading.gif) no-repeat center center; position: absolute; z-index: 100; height: 100%; width: 100%; left: 0px; top: 0px; right: 0px; bottom: 0px; }
#regbox { padding-top: 38px; }
#regbox .lay { padding-top: 5px; }
.login .back { display: block; height: 25px; width: 25px; position: absolute; top: 4px; right: 4px; z-index: 9;}
html,body{ overflow:hidden;}