.page-login{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.page-login .page-login--layer{top:0;right:0;bottom:0;left:0}.page-login .page-login--quick-user{display:flex;justify-content:center;align-items:center;flex-direction:column}.page-login{background-color:#f0f2f5;height:100%;width:100%;position:absolute}.page-login .page-login--layer{overflow:auto;position:absolute}.page-login .page-login--layer-area{overflow:hidden}.page-login .page-login--layer-time{font-size:24em;font-weight:700;color:rgba(0,0,0,.03);overflow:hidden}.page-login .page-login--content{height:100%;min-height:500px}.page-login .page-login--content-header{padding:1em 0}.page-login .page-login--content-header .page-login--content-header-motto{margin:0;padding:0;color:#606266;text-align:center;font-size:12px}.page-login .page-login--content-header .page-login--content-header-motto span{color:#909399}.page-login .page-login--logo{width:240px;margin-bottom:2em;margin-top:-2em}.page-login .page-login--form{margin:auto;width:280px;margin-top:10%}.page-login .page-login--form .el-card{margin-bottom:15px}.page-login .page-login--form .button-login{width:100%}.page-login .page-login--form .el-input-group__prepend{padding:0 14px}.page-login .page-login--form .login-code{height:38px;display:block;margin:0 -20px;border-top-right-radius:2px;border-bottom-right-radius:2px}.page-login .page-login--form .page-login--options{margin:0;padding:0;font-size:14px;color:#409eff;margin-bottom:15px;font-weight:700}.page-login .page-login--form .page-login--quick{width:100%}.page-login .page-login--quick-user{padding:10px 0;border-radius:4px}.page-login .page-login--quick-user:hover{background-color:#f8f8f9}.page-login .page-login--quick-user:hover i,.page-login .page-login--quick-user:hover span{color:#606266}.page-login .page-login--quick-user i{font-size:36px;color:#909399}.page-login .page-login--quick-user span{font-size:12px;margin-top:10px;color:#909399}.page-login .page-login--content-footer{padding:1em 0}.page-login .page-login--content-footer .page-login--content-footer-options{padding:0;margin:0;margin-bottom:10px;font-size:14px;text-align:center}.page-login .page-login--content-footer .page-login--content-footer-options a{color:#606266;margin:0 1em}.page-login .page-login--content-footer .page-login--content-footer-copyright{text-align:center;padding:0;margin:0;font-size:12px;color:#606266}.page-login .page-login--content-footer .page-login--content-footer-copyright a{color:#606266}.page-login .circles{position:absolute;top:0;left:0;width:96%;height:96%;overflow:hidden}.page-login .circles li{position:absolute;display:block;list-style:none;width:20px;height:20px;background:#fff;-webkit-animation:animate 25s linear infinite;animation:animate 25s linear infinite;bottom:-200px}@-webkit-keyframes animate{0%{transform:translateY(0) rotate(0deg);opacity:1;border-radius:0}to{transform:translateY(-1000px) rotate(2turn);opacity:0;border-radius:50%}}@keyframes animate{0%{transform:translateY(0) rotate(0deg);opacity:1;border-radius:0}to{transform:translateY(-1000px) rotate(2turn);opacity:0;border-radius:50%}}.page-login .circles li:first-child{left:15%;width:80px;height:80px;-webkit-animation-delay:0s;animation-delay:0s}.page-login .circles li:nth-child(2){left:5%;width:20px;height:20px;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-duration:12s;animation-duration:12s}.page-login .circles li:nth-child(3){left:70%;width:20px;height:20px;-webkit-animation-delay:4s;animation-delay:4s}.page-login .circles li:nth-child(4){left:40%;width:60px;height:60px;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-duration:18s;animation-duration:18s}.page-login .circles li:nth-child(5){left:65%;width:20px;height:20px;-webkit-animation-delay:0s;animation-delay:0s}.page-login .circles li:nth-child(6){left:75%;width:150px;height:150px;-webkit-animation-delay:3s;animation-delay:3s}.page-login .circles li:nth-child(7){left:35%;width:200px;height:200px;-webkit-animation-delay:7s;animation-delay:7s}.page-login .circles li:nth-child(8){left:50%;width:25px;height:25px;-webkit-animation-delay:15s;animation-delay:15s;-webkit-animation-duration:45s;animation-duration:45s}.page-login .circles li:nth-child(9){left:20%;width:15px;height:15px;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-duration:35s;animation-duration:35s}.page-login .circles li:nth-child(10){left:85%;width:150px;height:150px;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-duration:11s;animation-duration:11s}