@charset "utf-8";
/* CSS Document */
body{height:100vh;background:url(../images/login-bg.jpg) no-repeat #000;background-size:cover}
input::-webkit-input-placeholder{color:#a4b3cb}
input::-moz-placeholder{color:#a4b3cb}
input:-moz-placeholder{color:#a4b3cb}
input:-ms-input-placeholder{color:#a4b3cb}

.login-box{position:relative;width:900px;height:640px;margin:120px auto 0;background:url(../images/login-box.png) no-repeat center 100px}
.login-box .logo{text-align:center;font-size:24px;font-weight:500}
.login-box .logo img{display:block;margin:0 auto;}

.form-box{width:370px;margin:80px auto}
.form-box .login-txt{margin:24px 0;padding-bottom:16px;font-size:18px;font-weight:normal;background: url(../images/login-txt-bg.svg) no-repeat bottom left}
.form-box .input-item{position:relative;margin:18px 0;font-size:0}
.form-box .input-item .input{width:100%;height: 46px;line-height:46px;padding:0 12px 0 40px;margin:0;border:1px solid #4f5a8e;background-color:#19266a;font-size:16px;color:#a4b3cb}
.form-box .input-item .icon{position:absolute;left:10px;top:10px;width:24px;height:24px}
.form-box .input-item .i-user{background:url(../images/i-user.png) no-repeat}
.form-box .input-item .i-pwd{background:url(../images/i-pwd.png) no-repeat}
.form-box .input-item .i-yzm{background:url(../images/i-yzm.png) no-repeat}
.form-box .input-validation .input{width:220px;}
.form-box .input-validation img{display:inline-block;width:130px;height:46px;margin-left:18px;vertical-align:top}
.form-box .input-btn{margin:24px auto;}
.form-box .btn-login{display:block;width:100%;height:46px;line-height:46px;border:0;background:#0e58ff;text-align:center;color:#fff;font-size:16px}
.form-box .btn-login:focus{border:0;box-shadow:0;outline:0}
.form-box .btn-login:hover{opacity:.8}
.form-box .btn-login:active{opacity:1}

.login-box .copyright{margin-top:90px;text-align:center;font-size:13px;color:rgba(255,255,255,.4);line-height:1.5}