html, body { height: 100%; }
body { font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif; color: #666; font-size: 14px; }
.box {
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6699FF', endColorstr='#6699FF'); background-image: linear-gradient(bottom, #6699FF 0%, #6699FF 100%); background-image: -o-linear-gradient(bottom, #6699FF 0%, #6699FF 100%); background-image: -moz-linear-gradient(bottom, #6699FF 0%, #6699FF 100%); background-image: -webkit-linear-gradient(bottom, #6699FF 0%, #6699FF 100%); background-image: -ms-linear-gradient(bottom, #6699FF 0%, #6699FF 100%); margin: 0 auto; position: relative; width: 100%; height: 100%; }
.login-box { width: 100%; max-width: 320px; height: 280px; position: absolute; top: 50%; margin-top: -140px; left: 50%; margin-left: -161px; }
.form-signin { padding: 0 15px; margin: 0 auto; }
.form-signin .checkbox { font-weight: normal; }
.form-signin .form-control { position: relative; height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; font-size: 16px; }
.form-signin .form-control:focus { z-index: 2; }
.form-signin input[type="text"] { border-top-left-radius: 0; border-top-right-radius: 0; }
.form-signin input[type="password"] { border-top-left-radius: 0; border-top-right-radius: 0; }
.form-signin .input-group-btn { vertical-align: top; }
.form-signin #zphone { border: 0; background: none; outline: 0; font-size: 16px; }
.input-group { margin-bottom: 10px; }
.yzm-addon { padding: 6px 0; }
.loginbtn { margin-bottom: 10px; width: 40%; position:relative; }
.loginbtn input { border-radius: 0; }