.reigster-wrap{width:100%;height:100vh;position:relative;background:repeating-linear-gradient(40deg,#f5f7fa,transparent 48%);display:flex;align-items:center}.reigster-wrap .loginbox{flex:1}.reigster-wrap .logo{width:100%;height:70px;align-items:center;justify-content:center;display:flex;margin-bottom:2%}.reigster-wrap .logo img{width:106px;height:70px}.reigster-wrap .main{position:relative;width:520px;min-height:560px;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}.reigster-wrap .note{text-align:center;font-size:14px;color:#999;display:flex;align-items:center;justify-content:center;margin:5% auto 0}.reigster-wrap .note hr{border:1px solid #efefef;margin:0 20px;height:1px;width:36px}.reigster-wrap .loginTwo{position:absolute;top:3%;right:2%;cursor:pointer;z-index:9999}.reigster-wrap .loginTwo .iconfont{font-size:52px;color:#97b5f5}.reigster-wrap .close{position:absolute;top:4%;left:4%;font-size:22px;color:red}.reigster-wrap h1{font-size:20px;color:#333;letter-spacing:1px;margin:8% auto 6%;text-align:center;width:100%}.reigster-wrap h1 .iconfont{font-size:22px;color:#00c800;margin-right:2%}.reigsterForm{padding:0 15% 6%;width:100%}.reigsterForm .el-form-item__content{margin-left:0!important;flex:1}.reigsterForm .el-form-item{display:flex;margin-bottom:18px}.reigsterForm .el-select{width:100%}.reigsterForm .el-input__inner{border:none;border-bottom:1px solid #ebebeb}.reigsterForm .el-button{width:100%;color:#fff;padding:14px 20px;margin-left:0}.reigsterForm .el-button span{font-size:18px}.reigsterForm .el-button--text span{font-size:15px}.reigsterForm .el-input-group__prepend{padding:0 10px 0 20px}.reigsterForm .el-input-group__prepend .el-icon-arrow-down{margin-left:10px;font-size:16px;vertical-align:middle}.reigsterForm .el-button--primary{border:none;background:linear-gradient(50deg,#3c4153,#555b75);color:#fff}.reigsterForm .el-button--primary:active,.reigsterForm .el-button--primary:focus,.reigsterForm .el-button--primary:hover{background:#3c4153}.demo-codeForm{padding:0;width:100%;text-align:center;display:flex;align-items:center;justify-content:center;flex-flow:column;position:relative}.demo-codeForm img{width:160px;height:160px;margin:10px}.demo-codeForm .scanner{font-size:22px}.demo-codeForm .qrcode{width:182px;height:210px;margin:3% auto 0;position:relative}.demo-codeForm p{font-size:14px;color:#2a3342;background:#f2f2f2;padding:6px;width:180px;position:absolute;bottom:0}.demo-codeForm .timeout{width:180px;height:180px;margin:0 auto;position:absolute;top:0;background:hsla(0,0%,100%,.8901960784313725);display:flex;align-items:center;justify-content:center}.demo-codeForm .timeout p{font-size:15px;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:70px;margin-bottom:1%;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:1%;color:#666}.demo-codeForm h3 .iconfont{font-size:20px;margin-right:6px;color:#4ab25a}.reigster-wrap .copy{color:#bababa;position:absolute;bottom:16px;text-align:center;width:100%}