.login-wrap{width:100%;height:100vh;position:relative;background:repeating-linear-gradient(40deg,#f5f7fa,transparent 48%)}.login-wrap .logo-m-1{width:200px;height:200px;position:absolute;bottom:2%;left:10%}.login-wrap .logo-m-2{width:120px;height:126px;position:absolute;left:6%;top:12%;transform:rotate(90deg)}.login-wrap .logo-m-3{width:160px;height:166px;position:absolute;right:6%;bottom:26%}.login-wrap .main{position:relative;width:480px;height:460px;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 .lookup{font-size:28px;font-weight:700;width:100%;height:160px;align-items:center;justify-content:center;display:flex;color:#333}.login-wrap .lookup img{width:120px;border-radius:6px}.login-wrap .option{display:flex;align-items:center;cursor:pointer;justify-content:space-between;margin-bottom:10%}.login-wrap .option .forget{text-align:right}.login-wrap .note{background:#fafafa;padding:3% 5%;text-align:center;position:absolute;left:0;bottom:0;right:0;font-size:14px;color:#999}.login-wrap .loginTwo{position:absolute;top:3%;right:2%;cursor:pointer}.login-wrap .loginTwo .image{width:60px;display:block}.login-wrap .close{position:absolute;top:4%;left:4%;font-size:22px;color:red}.loginForm{padding:6% 10% 0;width:100%}.loginForm .el-form-item__content{margin-left:0!important}.loginForm .el-button{width:100%;font-size:18px;color:#fff;padding:12px 20px;margin-top:10px}.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}.demo-codeForm{padding:0 10%;width:100%;text-align:center;height:100%;display:flex;align-items:center;justify-content:center;flex-flow:column;position:relative}.demo-codeForm img{width:220px;height:220px;margin:0 auto}.demo-codeForm p{font-size:16px;margin:0 auto}.demo-codeForm .scanner{font-size:22px}.demo-codeForm .qrcode{width:220px;height:220px;margin:5% auto;position:relative}.demo-codeForm .timeout{width:220px;height:220px;margin:0 auto;position:absolute;background:hsla(0,0%,100%,.89);display:flex;align-items:center;justify-content:center;top:0}.demo-codeForm .timeout p{font-size:16px;background:#fff;padding:10px 20px;color:#000;width:90%;line-height:26px}.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}