.login-vue{text-align:center;position:absolute;top:0;bottom:0;right:0;left:0;background:#f7f8fa}.login-vue .login-container{width:320px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-vue .login-container .login-content{letter-spacing:2px;background:#fff;padding:70px 30px 20px;box-shadow:0 1px 3px 0 rgba(0,0,0,.06);border-radius:3px;box-sizing:border-box}.login-vue .login-container .login-content>div{margin:30px 0}.login-vue .login-container .login-content>div.login-input{position:relative}.login-vue .login-container .login-content>div.login-input .placeholder{position:absolute;color:#7e7e7e;top:6px;font-size:16px;transition:all .2s;left:0;pointer-events:none}.login-vue .login-container .login-content>div.login-input input{font-size:16px;padding:8px 0;height:40px;width:100%;border:none;border-radius:0;border-bottom:1px solid #d3d3d3;box-shadow:inset 0 0 0 1000px #fff;outline:none;box-sizing:border-box;transition:.3s;font-weight:200}.login-vue .login-container .login-content>div.login-input input:focus{border-bottom-color:#3788ee;box-shadow:inset 0 0 0 1000px #fff}.login-vue .login-container .login-content>div.login-input .placeholder.fixed,.login-vue .login-container .login-content>div.login-input input:focus+.placeholder{font-size:13px;top:-16px}.login-vue .login-container .login-content>div.login-input input:-webkit-autofill+.placeholder{font-size:13px;top:-16px}.login-vue .login-container .login-content>div.login-title{font-size:24px;color:#3a3a3a;line-height:1;margin:-16px 0 40px;font-weight:200}.login-vue .login-container .login-content>.buttonDiv{margin-top:45px}.login-vue .login-container .login-content>.buttonDiv .h-btn{padding:12px 0;font-size:18px;border-radius:3px}.login-vue .login-container .copyright{letter-spacing:1px;margin-top:30px;color:#7e7e7e}.login-vue .login-container .copyright a{color:#7e7e7e}