.login{height:100vh;width:100%;display:flex;justify-content:center;align-items:center;background-color:#304156;z-index:999}.login .login-form{width:500px;border-radius:6px;width:385px;background-color:#fff;padding:25px 25px 5px 25px;box-sizing:border-box}@media (max-width:500px){.login .login-form{width:80%;width:90%}}.login .login-form .title{text-align:center;color:#707070;margin-bottom:25px}.login .login-form .el-input__icon{color:#8a8a8a}.login .login-form .el-button{width:100%;margin:20px 0}.login .login-form .el-button.is-loading{cursor:no-drop}.login .footer{position:fixed;bottom:15px;width:100%;text-align:center;color:#fff}.login .footer a{color:#fff}@media (max-width:500px){.login .footer{font-size:12px}}.animat{width:100vw;height:100vh;position:relative;background:linear-gradient(135deg,#03a9f4,#f441a5,#a18cd1,#ffeb3b,#03a9f4,#a6c0fe,#f441a5,#a18cd1,#ffeb3b,#03a9f4,#f441a5,#a18cd1);animation:animate 14s linear infinite;box-sizing:border-box;background-size:1200%}@media (max-width:750px){background-size:2400%}@keyframes animate{0%{background-position:0}to{background-position:100%}}@keyframes colorswitch{0%{background-image:linear-gradient(45deg,#fad0c4,#fad0c4 1%,#ffd1ff)}10%{background-image:linear-gradient(45deg,#ff9a9e,#fecfef 99%,#fecfef)}20%{background-image:linear-gradient(45deg,#a18cd1,#fbc2eb)}30%{background-image:linear-gradient(45deg,#fbc2eb,#a6c1ee)}40%{background-image:linear-gradient(45deg,#fdcbf1,#fdcbf1 1%,#e6dee9)}50%{background-image:linear-gradient(45deg,#a6c0fe,#f68084)}60%{background-image:linear-gradient(45deg,#f093fb,#f5576c)}70%{background-image:linear-gradient(45deg,#ff0844,#ffb199)}80%{background-image:linear-gradient(45deg,#f77062,#fe5196)}90%{background-image:linear-gradient(45deg,#f83600,#f9d423)}to{background-image:linear-gradient(45deg,#e14fad,#f9d423)}}.login:before{display:block;top:-200%;left:-100%;width:10%;height:300%;transform:rotate(45deg);animation:crossed 4s linear infinite;background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.4),hsla(0,0%,100%,0));z-index:2;position:absolute;content:""}@keyframes crossed{0%{top:-200%;left:-100%}to{top:-50px;left:100%}}