.login{background:linear-gradient(180deg,#448bff,#5c7ae0);min-height:100%;box-sizing:border-box;display:flex}.login .login-left{color:#fff;display:inline-flex;flex-direction:column;justify-content:center;width:60%;padding-right:30px;text-shadow:0 0 20px #0aafe6,0 0 20px rgba(10,175,230,0)}.login .login-left .login-company{display:inline-block}.login .login-left .login-company p{padding:20px 0;text-align:right}.login .login-left .login-company p:first-child{font-size:38px}.login .login-left .login-company p:last-child{font-size:20px}.login .login-right{display:inline-flex;flex-direction:column;justify-content:center;width:40%}.login .login-right .login-contain{display:inline-block}.login .login-right .login-contain p{padding:30px 0;color:#fff;font-size:24px}.login .login-right .login-contain .el-form-item{margin-bottom:40px}.login .login-right .login-contain .el-input__inner{background-color:hsla(0,0%,100%,0);border-width:0 0 1px 0;color:#fff}.login .login-right .login-contain .el-button{width:100%}.login #clock{font-family:Share Tech Mono,monospace;color:#fff;text-align:center;position:absolute;left:5%;top:5%;transform:translate(-5%,-5%);color:#daf6ff;text-shadow:0 0 20px #0aafe6,0 0 20px rgba(10,175,230,0)}.login #clock .time{letter-spacing:.05em;font-size:16px;padding:5px 0}.login #clock .date{letter-spacing:.1em;font-size:16px}.login #clock .name{letter-spacing:.1em;font-size:12px;padding:20px 0 0}.login .code-img{width:80px;height:37px;display:block;margin:0 -20px;border-top-right-radius:2px;border-bottom-right-radius:2px;cursor:pointer}.login .login-index{width:40rem;height:22rem;align-items:center;margin:0 auto;background:url(../../static/img/login.c1284a16.png) 50%/cover no-repeat;opacity:1;border-radius:.5rem;position:relative;top:10rem;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.login .login-index .login-log{padding:1.5rem 0 0 1.5rem}.login .login-index .login-log img{height:2rem}.login .login-index .login-hi{font-size:2rem;color:#050504}.login .login-index .login-title{margin-bottom:3rem;font-size:1rem;color:#050504}.login .login-index .login-body{position:relative}.login .login-index .login-body p{padding:0 0 1rem 0;font-size:20px}.login .login-index .login-body .el-form-item{margin-bottom:1.2rem}.login .login-index .login-body .el-input__inner{background-color:hsla(0,0%,100%,0);border-width:0 0 1px 0}.login .login-index .login-body .el-button{width:100%}@-webkit-keyframes slideDown{0%{transform:translateY(-100%);visibility:visible}to{opacity:1;-webkit-transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(-100%);visibility:visible}to{opacity:1;transform:translateY(0)}}.login .slideDown{-webkit-animation-name:slideDown;animation-name:slideDown}.login .foot-text{position:absolute;bottom:3rem;font-size:.6rem;font-weight:400;color:#fff;width:100%}.login .foot-text div{text-align:center}