*{padding:0;margin:0}#app,body,html{width:100%;height:100%}[data-v-b50f96be] .el-dialog__body{padding-top:5px}.main[data-v-451bce22]{width:100%;height:100%;background:url(../img/logo-BG.06c5e816.png) 100% 100% no-repeat;background-size:100% 100%;display:flex;justify-content:space-between;padding:0 15%;box-sizing:border-box}.main .left[data-v-451bce22]{display:flex;flex-direction:column;width:30%;margin-top:15%}.main .left img[data-v-451bce22]{width:40%;height:15%}.main .left span[data-v-451bce22]{color:#fff;width:70%;line-height:20px;margin-top:10%}.main .right[data-v-451bce22]{width:50%;margin-top:8%;position:relative}.main .right .face-panel[data-v-451bce22]{width:100%;height:100%}.main .right .img1[data-v-451bce22]{width:70%;height:55%}.main .right .img2[data-v-451bce22]{width:70%;height:55%;position:absolute;top:0;left:0}.main .right .renlian_btn[data-v-451bce22]{background-color:#ee7f40;width:60%;height:6%;border-radius:30px;margin:6%}.main .big-box[data-v-451bce22]{position:absolute;top:20%;left:50%;width:320px;transform:translate(-50%)}.main .big-box .video-box[data-v-451bce22]{width:320px;height:240px}.main .big-box .video-box #canvas[data-v-451bce22]{position:absolute;top:0;left:0}.main .big-box .success-face[data-v-451bce22]{margin-top:40px;width:320px;height:240px}.main .hidden-canvas[data-v-451bce22]{display:none}@supports(-webkit-mask:none) and (not (cater-color:#fff)){.login-container .el-input input{color:#000}}.login-container{position:relative}.login-container .el-input{display:inline-block;height:52px;width:85%}.login-container .el-input input{background:transparent;border:0;height:52px}.login-container .el-form-item{border:1px solid #e8e8e8;border-radius:8px;color:#000}.login-form-item-input{position:relative;width:458px;height:52px;line-height:52px;border-radius:8px;margin-bottom:12px}.code-img{position:absolute;right:0;top:6px;width:80px;height:40px}.login-form-btn{position:absolute;bottom:57px;left:51px;width:458px;height:52px;line-height:52px;font-size:18px;text-align:center;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#fff;background:linear-gradient(270deg,#31afff,#1677fe);border-radius:8px;border:1px solid #e8e8e8;cursor:pointer}.login-form-btn.disabled{opacity:.7;cursor:not-allowed}.login-form-face{width:216px;height:216px;margin-left:121px}.login-form-face-btn{position:absolute;bottom:57px;left:51px;width:458px;height:52px;line-height:52px;font-size:18px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#fff;text-align:center;background:linear-gradient(270deg,#31afff,#1677fe);border-radius:8px;border:1px solid #e8e8e8;cursor:pointer}.login-form-face-btn.disabled{opacity:.55}.img-code{font-size:25px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#000}.password-strength{margin:-4px 0 12px;font-size:12px;line-height:18px}.password-strength.weak{color:#f56c6c}.password-strength.medium{color:#e6a23c}.password-strength.strong{color:#67c23a}input[data-v-451bce22]::-webkit-inner-spin-button,input[data-v-451bce22]::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0}.login-container .login-form[data-v-451bce22]{position:absolute;left:58.5%;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);width:560px;max-width:100%;overflow:hidden}.login-container .tips[data-v-451bce22]{font-size:14px;color:#fff;margin-bottom:10px}.login-container .tips span[data-v-451bce22]:first-of-type{margin-right:16px}.login-container .svg-container[data-v-451bce22]{padding:6px 5px 6px 15px;color:#889aa4;vertical-align:middle;width:30px;display:inline-block}.login-container .title-container[data-v-451bce22]{margin-bottom:27px}.login-container .title-container .img-text[data-v-451bce22]{width:503px;height:46px;vertical-align:middle}.login-container .show-pwd[data-v-451bce22]{position:absolute;right:10px;top:7px;font-size:16px;color:#889aa4;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.login-container .item-canvas canvas[data-v-451bce22]{position:absolute;right:0;cursor:pointer}.login-box-wrap[data-v-451bce22]{width:560px;height:620px;background:hsla(0,0%,100%,.24);border-radius:20px;padding-top:22px;padding-left:11px}.login-box-bg[data-v-451bce22]{width:538px;height:584px;background:#f2f9ff;border-radius:20px}.login-box-bg .login-logo[data-v-451bce22]{width:436px;height:64px;margin-left:51px;margin-top:34px;margin-bottom:31px}.login-box-main[data-v-451bce22]{width:538px;height:455px;background:#fff;border-radius:20px}.login-box-main .login-navs[data-v-451bce22]{display:flex;align-items:center;justify-content:space-between;padding:50px 60px 0}.line[data-v-451bce22]{width:1px;height:25px;background:#f5f5f5}.login-navs-item[data-v-451bce22]{cursor:pointer;color:#333;font-size:22px}.login-navs .on[data-v-451bce22]{color:#4397c7;font-weight:600}.login-form-item[data-v-451bce22]{padding-left:40px;padding-right:40px;margin-top:36px}.code-box[data-v-451bce22] .el-input{width:75%}.code-box[data-v-451bce22] .el-form-item__content{display:flex;justify-content:space-between}.code-box .code-text[data-v-451bce22]{cursor:pointer;color:#4397c7;padding-top:6px;padding-bottom:6px}.code-box .code-down[data-v-451bce22]{display:inline-block;width:75px;text-align:right;color:#ccc;font-size:14px}.renlianimg[data-v-451bce22]{margin:80px auto;display:block}.login-form-item-face[data-v-451bce22]{margin-top:18px}.face-consent-box[data-v-451bce22]{margin-top:20px;padding:12px 14px;background:#f7fbff;border:1px solid #d8ebfb;border-radius:8px}.face-consent-inline[data-v-451bce22]{display:flex;align-items:center;justify-content:space-between;gap:12px}.face-consent-link[data-v-451bce22]{color:#1677fe;cursor:pointer;white-space:nowrap}.face-consent-meta[data-v-451bce22]{margin-top:8px;font-size:12px;line-height:18px;color:#7a7a7a}.face-consent-dialog[data-v-451bce22]{color:#333;line-height:1.8}