body {font-size: 16px;}
.topbar {width: 96%; height: 40px; line-height: 40px; padding: 0 2%;}
.topbar .register {float: right;}
.topbar a {color: #666;}

.header {width: 100%; height: 50px; line-height: 50px; padding: 30px 0; text-align: center; font-size: 27px;}

.phonebox {width: 92%; height: 51px; padding: 0 4%;}
.phonebox .phone {width: 100%; height: 20px; line-height: 20px; padding: 20px 0 10px 0; font-size: 18px; text-indent: 3px; border: 0; border-bottom: 1px solid #ccc;}

.verifycodebox {width: 92%; height: 51px; padding: 0 4%; margin-top: 10px; position: relative;}
.verifycodebox .verifycode {width: 100%; height: 20px; line-height: 20px; padding: 20px 0 10px 0; font-size: 18px; text-indent: 3px; border: 0; border-bottom: 1px solid #ccc;}
.verifycodebox .verifyimg {position: absolute; top: 0; right: 4%;}

.passwordbox {width: 92%; height: 51px; padding: 0 4%; margin-top: 10px; position: relative;}
.passwordbox .password {width: 100%; height: 50px; line-height: 50px; font-size: 18px; border: 0; border-bottom: 1px solid #ccc;}
.passwordbox .getsmscode {display: inline-block; padding: 4px 8px; position: absolute; top: 8px; right: 4%; border-radius: 3px; background: #f5e79e;}
.passwordbox .sms_disable {width: 150px; height: 45px; display: inline-block; position: absolute; right: 70px; top: 2px; z-index: -1;}

.smscodebox {width: 92%; height: 51px; padding: 0 4%; margin-top: 10px; position: relative;}
.smscodebox .smscode {width: 100%; height: 20px; line-height: 20px; padding: 20px 0 10px 0; font-size: 18px; text-indent: 3px; border: 0; border-bottom: 1px solid #ccc;}
.smscodebox .getsmscode {display: inline-block; padding: 4px 8px; position: absolute; top: 8px; right: 4%; color: #38f; border-radius: 3px; background: #eee;}

.subtnbox {width: 92%; height: 51px; padding: 0 4%; margin-top: 30px;}
.subtnbox .loginbtn {width: 100%; height: 50px; line-height: 50px; display: inline-block; text-align: center; color: #fff; font-size: 20px; background: #ff5a00;}

.other {width: 92%; height: 40px; line-height: 40px; padding: 0 4%; background: #fff;}
.other .dongtaima {}
.other .zhaohuimima {float: right;}
.other a {color: #666;}

::-webkit-input-placeholder {color: #ccc;}
:-moz-placeholder {color: #ccc;}
::-moz-placeholder {color: #ccc;}
:-ms-input-placeholder {color: #ccc;}