.lock-container{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}.lock-container .title{margin-bottom:8px;color:#333}.lock-container:before{z-index:-999;content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(/img/bg/login.png);background-size:cover}.lock-form{width:300px}.msg-text{display:block;width:60px;font-size:12px;text-align:center;cursor:pointer}.msg-text.display{color:#ccc}.login-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;width:100%;height:100%;background-image:url(/img/login/bg1.png)}.login-container,.login-wapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 auto;background-size:100% 100%}.login-wapper{width:600px;height:600px;background-image:url(/img/login/center.png)}.login-wapper .login-main>img{display:block;margin:0 auto}.login-wapper .login-title{font-size:48px;letter-spacing:4.2px;line-height:62.4px;color:#fff;text-align:center}.login-wapper .login-form .el-input input,.login-wapper .login-form i{color:#eee}.login-weaper{margin:0 auto;width:1000px;-webkit-box-shadow:-4px 5px 10px rgba(0,0,0,.4);box-shadow:-4px 5px 10px rgba(0,0,0,.4)}.login-weaper .el-input-group__append{border:none}.login-border,.login-left{position:relative;min-height:500px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.login-left{border-top-left-radius:5px;border-bottom-left-radius:5px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#8b9aac;color:#fff;float:left;width:50%;position:relative}.login-left .img{width:140px}.login-time{position:absolute;left:25px;top:25px;width:100%;color:#fff;font-weight:200;opacity:.9;font-size:18px;overflow:hidden}.login-left .title{text-align:center;color:#fff;font-weight:700;font-size:30px;letter-spacing:2px}.login-border{border-left:none;border-top-right-radius:5px;border-bottom-right-radius:5px;color:#fff;background-color:#fff;width:50%;float:left}.login-border,.login-main{-webkit-box-sizing:border-box;box-sizing:border-box}.login-main{margin:0 auto;width:60%}.login-main>h3{margin-bottom:20px}.login-main>p{color:#eee}.login-title{-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;margin-bottom:20px;font-size:36px;text-align:center;letter-spacing:4px;font-weight:800;background:-webkit-gradient(linear,left top,left bottom,from(#93ecff),to(#fff));background:linear-gradient(180deg,#93ecff,#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.login-menu{margin-top:40px;width:100%;text-align:center}.login-menu a{color:hsla(0,0%,94.1%,.8);font-size:12px;margin:0 8px}.btn-submit{border:1px solid rgba(189,230,44,.6);color:rgba(189,230,44,.6)}.btn-submit,.login-submit{width:100%;height:45px;background:none;font-size:18px;letter-spacing:2px;font-weight:300;cursor:pointer;margin-top:30px;font-family:neo;-webkit-transition:.25s;transition:.25s}.login-submit{border:1px solid #409eff;color:#409eff}.register-submit{width:36%;height:45px;border:1px solid rgba(189,230,44,.6);background:none;font-size:18px;letter-spacing:2px;font-weight:300;color:rgba(189,230,44,.6);cursor:pointer;margin-top:30px;font-family:neo;-webkit-transition:.25s;transition:.25s}.login-form{margin:10px 0}.login-form i{color:#333}.login-form .el-form-item__content{width:100%}.login-form .el-form-item{margin-bottom:12px}.login-form .el-input input{padding-bottom:10px;text-indent:5px;background:transparent;border:none;border-radius:0;color:#333;border-bottom:1px solid #ebedf2}.login-form .el-input .el-input__prefix i{padding:0 5px;font-size:16px!important}.login-code{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;margin:0 0 0 10px}.login-code-img{color:#333;font-size:14px;font-weight:700;letter-spacing:5px}.login-code-img,.login-code-phone{margin-top:2px;width:100px;height:38px;background-color:#fdfdfd;border:1px solid #f0f0f0;line-height:38px;text-indent:5px;text-align:center;cursor:pointer!important}.login-code-phone{color:#7c7979;font-size:12px;letter-spacing:1px}.tip{position:absolute;left:0;bottom:0;width:10px;height:10px;background-color:#8b4513;cursor:pointer}.bg{position:fixed;left:0;top:0}.users{position:absolute;left:0;bottom:20px;width:250px;height:200px;color:#333}.name{width:20%;max-width:400px;margin-left:calc(-300px - 20%);bottom:45%;color:#fff;text-align:center;font-size:24px;font-weight:700;background:-webkit-gradient(linear,left top,left bottom,from(#93ecff),to(#fff));background:linear-gradient(180deg,#93ecff,#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.name,.version{position:absolute;left:50%}.version{bottom:5px;text-align:center;color:#93ecff;font-size:12px}.kf{bottom:43%;height:40%;background:url(/img/login/kf.png) no-repeat bottom/100% auto}.kf,.kf-buttom{position:absolute;margin-left:calc(-300px - 20%);left:50%;width:20%;max-width:400px}.kf-buttom{bottom:25%;height:20%;background:url(/img/login/bottom.png) no-repeat bottom/100% auto}