html { width: 100%; height: 100%; background-image: linear-gradient(to bottom, #1d9fed, #685ced); }
body { width: 100%; height: 100%; margin: 0; padding: 0; background: url(../imgs/body-bg.png) right top no-repeat; background-size: 80% auto; }
.logo { width: 100%; text-align: center; padding-top: 80px; padding-bottom: 20px; }
.logo .logo-img img { width: 250px; padding: 5px 0; }
.logo .logo-text { border-radius: 30px; background: #ebfdfa; width: 250px; margin: 0 auto; padding: 8px 0; }
.logo .logo-text img { width: 90%; display: block; margin: 0 auto; }

.clearfix { width: 100%; height: 20px; font-size: 0; clear: both; }
.form { width: 100%; padding: 0 15px; box-sizing: border-box; }
.form .login-form { border-radius: 15px; background: #fff; padding: 20px 0; }
.form .form-text { text-align: center; font-size: 24px; height: 40px; line-height: 40px; color: #2b92ed; }
.form .login-form .login-user { margin: 0 auto; padding: 0; display: flex; width: 80%; border: 1px solid #ddd; border-radius: 3px; }
.form .login-form .login-pwd { margin: 0 auto; padding: 0; display: flex; width: 80%; border: 1px solid #ddd; border-radius: 3px; }
.form .login-form .login-code { margin: 0 auto; padding: 0; display: flex; width: 80%; border: 1px solid #ddd; border-radius: 3px; }
.form .login-form dt { margin: 0; padding: 0; height: 40px; width: 40px; text-align: center; line-height: 40px; }
.form .login-form .login-user dt { background: url(../imgs/ico-user.png) no-repeat 50% 50%; background-size: auto 22px; }
.form .login-form .login-pwd dt { background: url(../imgs/ico-pwd.png) no-repeat 50% 50%; background-size: auto 22px; }
.form .login-form dt img { height: 23px; }
.form .login-form dd { margin: 0; padding: 0; flex: 1; display: flex; }
.form .login-form dd input { flex: 1; border: 0; outline: none; font-size: 16px; }
.form .form-button { width: 80%; margin: 0 auto; }
.form .form-button input { width: 100%; border: 0; border-radius: 10px; height: 45px; line-height: 45px; font-size: 18px; color: #fff; background: #328bed; }
.form .form-button input:active { background: #1b6ac1; }

.copyright { text-align: center; font-size: 14px; color: #c2e1ff; line-height:30px; height:30px; }