.login{position:relative;top:0;width:100%;height:100vh;opacity:0;transition:all 2s ease-in-out}.login .left-con{position:absolute;top:0;left:0;width:30%;height:100%;background-position:50%;background-size:cover;background-image:url(../img/left_bg.541d9208.png)}.login .left-con .logo{margin-top:10%;text-align:center}.login .left-con .logo img{width:150px;height:150px}.login .right-con{position:absolute;top:0;right:0;width:70%;height:100%;background-image:url(../img/right_bg.a1ac430e.png);background-size:cover}.login .right-con .login-con{position:absolute;top:50%;left:50%;width:33%;text-align:center;transform:translateX(-50%) translateY(-50%)}.login .right-con .login-card{position:relative;font-size:14px}.login .right-con .login-card .login-card-head p{display:inline-block;margin:0;width:100%}.login .right-con .login-card .login-card-head .head-title{height:26px;font-size:20px;line-height:26px;color:var(--color-primary)}.login .right-con .login-card .login-card-head .head-remark{margin-top:10px;height:20px;font-size:12px;line-height:20px;color:#555}.login .right-con .login-card .login-card-body{padding-top:30px}.login .right-con .login-card .login-card-body .login-form{padding:10px 0 0}.login .right-con .login-card .login-card-body .login-form .login-form-group{display:flex;position:relative;width:100%;font-size:12px}.login .right-con .login-card .login-card-body .login-form .login-form-group .input-left{position:absolute;top:50%;left:0;z-index:1;width:2px;height:16px;background:var(--color-primary);transform:translateY(-50%)}.login .right-con .login-card .login-card-body .login-form .login-form-group .input-right{position:absolute;top:50%;right:0;z-index:1;font-size:16px;color:#c5c6c6;transform:translateY(-50%)}.login .right-con .login-card .login-card-body .login-form .login-form-group .el-input{position:relative}.login .right-con .login-card .login-card-body .login-form .login-form-group .el-input .el-input__inner{padding:0 40px 0 25px;border-color:#9b9c9c;border-radius:0;border-top:0;border-left:0;border-right:0}.login .right-con .login-card .login-card-body .login-form .foot-btn{position:relative;padding-top:30px;height:75px;font-size:12px}.login .right-con .login-card .login-card-body .login-form .foot-btn .el-button{margin-top:0;padding:0;width:40px;height:40px;line-height:40px;transition:all .3s ease-in-out}.login .right-con .login-card .login-card-body .login-form .foot-btn .el-button:hover{margin-top:5px}.login.show-dashboard{opacity:1;transition:opacity 1s ease-in-out}@keyframes autofill{to{color:#666;background:transparent}}input:-webkit-autofill{animation-name:autofill;animation-fill-mode:both}