.input-l,.input-s {height:20px; line-height:20px; padding:9px 10px; border:0 none; background:url(../images/login/login-icon.png) no-repeat; }
.input-l { width:300px; background-position:0 -138px; }
.input-s { width:100px; background-position:0 0; }
.blue-btn { display:inline-block; width:120px; height:32px; line-height:32px; text-align:center; border:0 none; cursor:pointer; color:#fff; background:url(../images/login/login-icon.png) no-repeat 0 -39px; }
.blue-btn:hover { background-position:0 -72px; }
.blue-btn:active { background-position:0 -105px; }
.qq-i,.renren-i,.weibo-i { display:inline-block; width:16px; height:16px; vertical-align:middle; background:url(../images/login/login-icon.png) no-repeat; }
.qq-i { background-position:0 -177px; }
.renren-i { background-position:-16px -177px; }
.weibo-i { background-position:-33px -177px; }
/**/
html,body { height:100%; }
body{ background:#000b17 url(../images/login/login-bg.jpg) no-repeat center top; }
#login { position:relative; width:980px; min-height:100%; margin:0 auto; }
#login .logo { padding:50px 15px 66px; }
#login .logo a { display:block; width:200px; height:0; padding-top:43px; overflow:hidden; background:url(../images/logonew.png) no-repeat 0 -126px; }
.login-content { width:850px; margin:0 auto; padding-bottom:100px; }
.login-content .left { width:323px; height:85px; padding-top:68px; }
.login-box { width:400px; height:380px; background:url(../images/login/login-box.png) no-repeat; }
.login-box .login-tab a { display:inline; float:left; width:200px; height:50px; line-height:50px; text-align:center; font-size:17px; color:#888; }
.login-box .login-tab a:hover { color:#444; }
.login-box .login-tab a span { display:block; }
.login-box .login-tab a.curr .lg { background:url(../images/login/login-icon.png) no-repeat -121px 0; }
.login-box .login-tab a.curr .rg { background:url(../images/login/login-icon.png) no-repeat -121px -51px; }
.login-box .login-main { height:290px; padding:40px 35px 0 40px; }
.login-box .login-main .tab-box { display:none; }
.login-box .login-main .login-cont div { position:relative; margin-bottom:15px; }
.login-box .login-main .login-cont .operate { font-size:13px; color:#666; padding:8px 0 13px; }
.login-box .login-main .login-cont .operate label input { width:13px; height:13px; margin-right:5px; }
.login-box .login-main .login-cont .operate a { color:#0072ff; text-decoration:underline; padding-left:16px; }
.login-box .login-main .login-cont .connect { font-size:13px; color:#444; padding-top:25px; }
.login-box .login-main .login-cont .connect a { color:#0060aa; margin-right:3px; }
.login-box .login-main .register-cont div { position:relative; margin-bottom:12px; }
.login-box .login-main .register-cont .txtcenter { padding-top:18px; }
.login-box .login-main .tab-box div .warn-l,.login-box .login-main .tab-box div .warn-s {display:none;  height:22px; line-height:22px; padding:4px 1px 1px 32px; font-size:12px; position:absolute; left:0; top:29px; z-index:99; background:url(../images/login/login-icon.png) no-repeat; }
.login-box .login-main .tab-box div .warn-l { width:287px; background-position:0 -203px; }
.login-box .login-main .tab-box div .warn-s { width:87px; background-position:0 -230px; }
#login .foot { width:980px; position:absolute; bottom:30px; color:#999; text-align:center; font-size:12px; line-height:1.8; }
.login-small { padding:8px; background:#666; }