.login-wrap{width:100%;height:100vh;position:relative;background:repeating-linear-gradient(40deg,#f5f7fa,transparent 48%);display:flex;align-items:center}.login-wrap .loginbox{flex:1}.login-wrap .logo{width:100%;height:70px;align-items:center;justify-content:center;display:flex;margin-bottom:3%}.login-wrap .logo img{width:106px;height:70px}.login-wrap .main{position:relative;width:520px;height:500px;display:flex;top:calc(50% - 270px);box-shadow:0 2px 16px rgba(10,30,65,.2);margin:0 auto;border-radius:2px;background:#fff;overflow:hidden;flex:1;flex-direction:column}.login-wrap .note{text-align:center;font-size:14px;color:#999;display:flex;align-items:center;justify-content:center;margin:40px auto}.login-wrap .note hr{border:1px solid #efefef;margin:0 20px;height:1px;width:36px}.login-wrap .loginTwo{position:absolute;top:3%;right:2%;cursor:pointer;z-index:9999}.login-wrap .loginTwo .iconfont{font-size:52px;color:#97b5f5}.login-wrap .close{position:absolute;top:4%;left:4%;font-size:22px;color:red}.login-wrap h1{font-size:20px;color:#333;letter-spacing:1px;margin:10% auto;text-align:center;width:100%}.login-wrap h1 .iconfont{font-size:22px;color:#00c800;margin-right:2%}.loginForm{padding:6% 15% 0;width:100%}.loginForm .el-form-item__content{margin-left:0!important}.loginForm .el-form-item{margin-bottom:50px}.loginForm .el-input__inner{border:none;border-bottom:1px solid #ebebeb}.loginForm .el-button{width:100%;color:#fff;padding:14px 20px}.loginForm .el-button span{font-size:18px}.loginForm .el-button--default span{font-size:12px}.loginForm .el-input-group__prepend{padding:0 10px 0 20px}.loginForm .el-input-group__prepend .el-icon-arrow-down{margin-left:10px;font-size:16px;vertical-align:middle}.loginForm .el-button--primary{border:none;background:linear-gradient(50deg,#3c4153,#555b75);color:#fff}.loginForm .el-button--primary:active,.loginForm .el-button--primary:focus,.loginForm .el-button--primary:hover{background:#3c4153}.demo-codeForm{padding:6% 10% 0;width:100%;text-align:center;display:flex;align-items:center;justify-content:center;flex-flow:column;position:relative}.demo-codeForm img{width:200px;height:200px;margin:10px}.demo-codeForm p{font-size:14px;margin:0 auto;color:#2a3342;background:#f2f2f2;padding:6px;width:220px}.demo-codeForm .scanner{font-size:22px}.demo-codeForm .qrcode{width:220px;height:220px;margin:5% auto 0;display:flex}.demo-codeForm .timeout{width:220px;height:220px;margin:0 auto;position:absolute;background:hsla(0,0%,100%,.8901960784313725);display:flex;align-items:center;justify-content:center}.demo-codeForm .timeout p{font-size:16px;background:#fff;padding:10px 20px;color:#000}.demo-codeForm .success{flex-flow:column;background-color:hsla(0,0%,96.9%,.3)}.demo-codeForm .success i{color:#26c28f;font-size:90px;margin-bottom:10px;background:#fff;border-radius:100%}.demo-codeForm .success p{background-color:hsla(0,0%,96.9%,.3);color:#ef535e}.demo-codeForm h1{font-weight:700;letter-spacing:2px}.demo-codeForm h3{font-size:16px;font-weight:700;margin-top:3%;color:#666}.demo-codeForm h3 .iconfont{font-size:20px;margin-right:6px;color:#4ab25a}.login-wrap .copy{color:#bababa;position:absolute;bottom:20px;text-align:center;width:100%}