.menu{height:35px;border-bottom:1px solid #ccc}
.box{width:400px}
.box .li{height:70px}
.box .l{width:100px;line-height:42px}
.box .r{width:300px}

.boxbig{width:800px}
.boxbig .li{height:50px}
.boxbig .l{width:300px;line-height:42px; text-align:right;}
.boxbig .r{width:500px}

.login{width:325px}
.login .li{height:70px}
.login .l{width:80px;line-height:42px}
.login .r{width:245px}
.putName{background:url(../images/input-name.gif) no-repeat;border:none;padding:13px 10px 13px 30px;width:205px;height:16px}
.putPass{background:url(../images/input-pass.gif) no-repeat;border:none;padding:13px 10px 13px 30px;width:205px;height:16px}
.put{background:url(../images/input.gif) no-repeat;border:none;padding:13px 10px;width:280px;height:16px}
.btn-reg{background:url(../images/btn-reg.gif) no-repeat;width:119px;height:37px;border:none;cursor:pointer}
.btn-go{background:url(../images/btn-go.png) no-repeat;width:119px;height:37px;border:none;cursor:pointer}
.btn-login{background:url(../images/btn-login.gif) no-repeat;width:110px;height:38px;border:none;cursor:pointer}
.btn-login-reg{background:url(../images/btn-login-reg.gif) no-repeat}

.btn-login-other { border-top: dashed 1px #D8D8D8; padding:10px 0px 20px 28%;}
.btn-login-other p { line-height: 20px; color: #777; }
.btn-login-other a { text-decoration: none; display: inline-block; background: url(../images/login.png) no-repeat scroll; vertical-align: middle; margin-top: 10px; height: 28px;}
.btn-login-other a.qq { background-position: -88px 0px; width: 78px;}
.btn-login-other a:hover.qq {background-position: -88px -28px;}
.btn-login-other a.wechat { background-position: -241px -95px; width: 91px;}
.btn-login-other a:hover.wechat {background-position: -149px -83px;}
.btn-login-other a.sina { background-position: -166px 0px; width: 88px;}
.btn-login-other a:hover.sina {background-position: -166px -28px;}