.user-page{background:#fff}.user-page .login-header{height:54px;padding:0 30px;background:#fff;width:100%;display:flex;align-items:center;justify-content:space-between}.user-page .login-header .logo{width:fit-content}.user-page .login-header .logo img{width:auto;height:50px;vertical-align:middle}.user-page .login-header .ship-language{text-align:right}.user-page .login-header .ship-language a{cursor:pointer}.user-page .login-header .ship-language img{width:28px;height:18px;margin-right:5px;vertical-align:middle}.user-page .login-header .ship-language span{vertical-align:middle;width:19px;height:17px;font-size:14px;font-family:DIN-Medium,DIN;font-weight:500;color:#2c2828;line-height:16px}.user-page .login-header .ship-language .line{height:12px;opacity:.5;border:1px solid #2c2828;margin:0 15px;display:inline-block}.user-page .ship-main{background:url(../../images/login-bg.png);background-size:cover;min-height:calc(100vh - 54px);position:relative;overflow:auto;padding:20px}.user-page .ship-main .warp-box{position:absolute;top:14%;left:calc(50% - 320px)}.user-page .ship-main .login-box{width:720px;min-height:440px;background:#FFF;border-radius:10px;padding-top:65px;padding-bottom:20px}.user-page .ship-main .form-box{display:flex}.user-page .ship-main .left{width:328px;text-align:center;border-right:solid 1px rgba(0,0,0,.2)}.user-page .ship-main .left .title{height:22px;font-size:16px;font-family:PingFang SC-Bold,PingFang SC;font-weight:700;color:#34383D;line-height:19px;margin-top:31px}.user-page .ship-main .left img{width:144px;height:144px;margin:24px 0 12px}.user-page .ship-main .left .methods-text{height:25px;font-size:13px;font-family:PingFang SC-Medium,PingFang SC;font-weight:500;color:#646B7A;line-height:25px}.user-page .ship-main .center{flex:1}.user-page .ship-main .center .el-tabs .el-tabs__header{margin:0 20px 15px}.user-page .ship-main .center .el-tabs .el-tabs__nav{float:none;text-align:center;width:fit-content;margin:auto}.user-page .ship-main .center .el-tabs .el-tabs__item{width:fit-content;padding:0 30px;margin-bottom:10px;font-family:PingFang SC-Medium,PingFang SC;font-size:18px;font-weight:700}.user-page .ship-main .center .el-tabs .el-tabs__active-bar,.user-page .ship-main .center .el-tabs .el-tabs__nav-wrap::after{height:3px}.user-page .ship-main .forget{text-align:right;padding-right:64px}.user-page .ship-main .forget a{width:fit-content;height:25px;font-size:13px;font-family:PingFang SC-Bold,PingFang SC;font-weight:700;color:#646B7A;line-height:25px}.user-page .ship-main .login-switch{cursor:pointer;height:63px;width:63px;background-image:url(../../images/login-switch.png);background-size:cover;position:absolute;top:0;right:0;text-align:right}.user-page .ship-main .login-switch a{height:21px;font-size:15px;font-family:PingFang SC-Bold,PingFang SC;font-weight:700;color:#FFF;line-height:18px;margin-top:8px;margin-right:3px;display:inline-block}.user-page .ship-main .protocol{text-align:center;margin-top:30px}.user-page .ship-main .protocol div{height:25px;font-size:13px;font-family:PingFang SC-Medium,PingFang SC;font-weight:500;color:#646B7A;line-height:25px}.user-page .ship-main .protocol div a{color:#2066D7}.user-page .ship-main .login-form{padding:20px 50px}.user-page .ship-main .login-form .el-form-item--small.el-form-item{margin-bottom:10px}.user-page .ship-main .login-form .el-form--label-top .el-form-item__label{padding-bottom:5px}.user-page .ship-main .login-form .el-tooltip{margin:4px 0 4px 4px;color:#2196F3;cursor:pointer}.user-page .ship-main .login-form .el-select{display:block}.user-page .ship-main .login-form .el-input{width:100%}.user-page .ship-main .login-form .el-button{width:320px;height:40px;background:#2066D7;margin-top:15px;border-radius:6px}.user-page .ship-main .auth-modal{position:absolute;top:0;left:0;bottom:0;right:0;display:flex;justify-content:center;align-items:center;z-index:111}.container-active .slide-verify-slider-text,.container-fail .slide-verify-slider-text,.container-success .slide-verify-slider-text,.user-page .ship-footer{display:none}.user-page .ship-main .auth-modal .auth-mask{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(55,55,55,.6)}.user-page .ship-main .auth-modal .auth-box{background:#fff;user-select:none;border-radius:6px;padding:15px 10px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1000}.test-regist{margin-top:150px;background:red;position:relative;z-index:3;height:auto;mix-blend-mode:normal;display:flex;justify-content:center;align-items:center;padding:80px 120px;overflow:hidden;box-sizing:border-box;gap:160px;min-height:auto;align-self:stretch}.test-regist .bg{position:absolute;z-index:0;left:0;top:0;width:auto;height:auto;mix-blend-mode:normal;display:flex;background-position:center;background-size:cover;background-repeat:no-repeat;right:0;bottom:0}.test-regist .bg::before{background-position:center;background-size:cover;background-repeat:no-repeat;position:absolute;top:0;left:0;right:0;bottom:0;content:'';opacity:1;background-image:url(../../images/reg-bg.png)}.test-regist .mask{position:absolute;z-index:1;left:0;top:0;width:auto;height:auto;display:flex;background:linear-gradient(90deg,rgba(0,0,0,.6) 0,rgba(0,0,0,.006) 100%);right:0;bottom:0}.auth-dialog{position:absolute;overflow:hidden}.auth-dialog .el-dialog{margin-top:8vh!important}.auth-dialog .el-alert__content,.auth-dialog .el-dialog__header{padding:0}.auth-dialog .el-dialog__body{padding-top:42px}.auth-dialog .el-form--label-top .el-form-item__label{padding:0}.slide-verify{position:relative}.slider-verify-loading{position:absolute;top:0;right:0;left:0;bottom:0;background:rgba(255,255,255,.9);z-index:999;animation:loading 1.5s infinite}@keyframes loading{0%{opacity:.7}100%{opacity:9}}.slide-verify-block{position:absolute;left:0;top:0}.slide-verify-refresh-icon{position:absolute;right:0;top:0;width:34px;height:34px;cursor:pointer;background:url(/web/images/icon_light.png) 0 -437px;background-size:34px 471px}.slide-verify-slider{position:relative;text-align:center;width:100%;height:40px;line-height:40px;margin-top:15px;background:#f7f9fa;color:#45494c;border:1px solid #e4e7eb}.slide-verify-slider-mask{position:absolute;left:0;top:0;height:40px;border:0 solid #1991fa;background:#d1e9fe}.slide-verify-slider-mask-item{position:absolute;top:0;left:0;width:40px;height:40px;background:#fff;box-shadow:0 0 3px rgba(0,0,0,.3);cursor:pointer;transition:background .2s linear}.slide-verify-slider-mask-item:hover{background:#1991fa}.slide-verify-slider-mask-item:hover .slide-verify-slider-mask-item-icon{background-position:0 -13px}.slide-verify-slider-mask-item-icon{position:absolute;top:15px;left:13px;width:14px;height:12px;background:url(/web/images/icon_light.png) 0 -26px;background-size:34px 471px}.container-active .slide-verify-slider-mask-item{height:38px;top:-1px;border:1px solid #1991fa}.container-active .slide-verify-slider-mask{height:38px;border-width:1px}.container-success .slide-verify-slider-mask-item{height:38px;top:-1px;border:1px solid #52ccba;background-color:#52ccba!important}.container-success .slide-verify-slider-mask{height:38px;border:1px solid #52ccba;background-color:#d2f4ef}.container-success .slide-verify-slider-mask-item-icon{background-position:0 0!important}.container-fail .slide-verify-slider-mask-item{height:38px;top:-1px;border:1px solid #f57a7a;background-color:#f57a7a!important}.container-fail .slide-verify-slider-mask{height:38px;border:1px solid #f57a7a;background-color:#fce1e1}.container-fail .slide-verify-slider-mask-item-icon{top:14px;background-position:0 -82px!important}.vue-puzzle-vcode{position:fixed;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,.3);z-index:999;opacity:0;pointer-events:none;transition:opacity .2s}.vue-puzzle-vcode.show{opacity:1;pointer-events:auto}.vue-auth-box{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);background:#fff;z-index:1000;padding:15px 10px;user-select:none;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.vue-auth-box .auth-body{position:relative;overflow:hidden;border-radius:3px}.vue-auth-box .auth-body .loading-box{position:absolute;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,.8);z-index:20;opacity:1;transition:opacity .2s;display:flex;align-items:center;justify-content:center}.vue-auth-box .auth-body .loading-box.hide{opacity:0;pointer-events:none}.vue-auth-box .auth-body .loading-box img{width:120px;height:auto}.vue-auth-box .auth-body .info-box{position:absolute;bottom:0;left:0;width:100%;height:24px;line-height:24px;text-align:center;overflow:hidden;font-size:13px;background-color:#83ce3f;opacity:0;transform:translateY(24px);transition:all .2s;color:#fff;z-index:10}.vue-auth-box .auth-body .info-box.show{opacity:.95;transform:translateY(0)}.vue-auth-box .auth-body .info-box.fail{background-color:#ce594b}.vue-auth-box .auth-body .auth-canvas2{position:absolute;top:0;left:0;width:70px;height:100%;z-index:2}.vue-auth-box .auth-body .auth-canvas3{position:absolute;top:0;left:0;opacity:0;transition:opacity .6s;z-index:3}.vue-auth-box .auth-body .auth-canvas3.show{opacity:1}.vue-auth-box .auth-body .flash{position:absolute;top:0;left:-50px;width:30px;height:100%;background-color:rgba(255,255,255,.1);z-index:3}.vue-auth-box .auth-body .flash.show{transition:transform .6s}.vue-auth-box .auth-body .reset{position:absolute;top:5px;right:5px;width:35px;height:auto;z-index:12;cursor:pointer;transition:transform .2s;transform:rotate(0)}.vue-auth-box .auth-body .reset:hover{transform:rotate(-90deg)}.vue-auth-box .auth-control .range-box{position:relative;width:100%;height:30px;background-color:#eef1f8;border-radius:3px;box-shadow:0 0 8px rgba(240,240,240,.6) inset;margin-top:5px}.vue-auth-box .auth-control .range-box .range-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;color:#b7bcd1}.vue-auth-box .auth-control .range-box .range-slider{z-index:1000;position:absolute;height:100%;width:50px;background-color:rgba(106,160,255,.8);border-radius:3px}.vue-auth-box .auth-control .range-box .range-slider .range-btn{position:absolute;display:flex;align-items:center;justify-content:center;right:0;width:50px;height:30px;background-color:#fff;border-radius:3px;box-shadow:0 0 4px #ccc;cursor:pointer}.vue-auth-box .auth-control .range-box .range-slider .range-btn>div{width:0;height:40%;transition:all .2s;border:1px solid #6aa0ff}.vue-auth-box .auth-control .range-box .range-slider .range-btn>div:nth-child(2){margin:0 4px}.vue-auth-box .auth-control .range-box .range-slider .range-btn.isDown>div:first-child,.vue-auth-box .auth-control .range-box .range-slider .range-btn:hover>div:first-child{border:4px solid transparent;height:0;border-right-color:#6aa0ff}.vue-auth-box .auth-control .range-box .range-slider .range-btn.isDown>div:nth-child(2),.vue-auth-box .auth-control .range-box .range-slider .range-btn:hover>div:nth-child(2){border-width:3px;height:0;border-radius:3px;margin:0 6px;border-right-color:#6aa0ff}.vue-auth-box .auth-control .range-box .range-slider .range-btn.isDown>div:nth-child(3),.vue-auth-box .auth-control .range-box .range-slider .range-btn:hover>div:nth-child(3){border:4px solid transparent;height:0;border-left-color:#6aa0ff}.vue-puzzle-overflow{overflow:hidden!important}