.main-login{height:100%;width:100%;overflow:auto}.main-login>div{min-width:1080px}.main-login .vertical-center{position:absolute;top:50%;transform:translateY(-50%)}.main-login .expire-hint{background:rgba(0,0,0,.55);color:#fff;position:absolute;top:0;right:0;left:0;bottom:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.main-login .expire-hint .text-red{margin-top:10px;background:red;height:28px;display:inline-block;line-height:28px;padding:0 12px;border-radius:4px;font-size:14px}.main-login .expire-hint>.vertical-center{width:100%}.main-login .main-header{display:flex;justify-content:space-between;align-items:center;height:64px;background-color:#fff;box-shadow:0 4px 12px 0 rgba(0,0,0,.1)}.main-login .main-header .sys-name{font-family:PingFangSC-Medium;font-size:18px;color:rgba(0,0,0,.85);line-height:32px;font-weight:600}.main-login .main-header .marginLR12{margin:12px}.main-login .main-header .left{padding-left:40px;height:100%;display:flex;align-items:center}.main-login .main-header .left .logo{line-height:32px;height:32px}.main-login .main-header .left .logo>img{height:32px}.main-login .main-header .left .list{display:flex;margin-left:65px}.main-login .main-header .left .list .item{margin-right:35px;color:#111;font-size:15px}.main-login .main-header .left .list .item.item-home{position:relative;cursor:default}.main-login .main-header .left .list .item.item-home:after{content:"";position:absolute;left:0;bottom:-14px;width:100%;height:2px;background-color:#12b7f5}.main-login .main-header .left .list .item a{color:#111;text-decoration:none}.main-login .main-header .right{padding-right:40px}.main-login .main-header .right .lang-select{width:99px}.main-login .main-header .right .marginR24{margin-right:24px}.main-login .main-header .right .marginR32{margin-right:32px}.main-login .main-body{position:relative;height:calc(100% - 105px)}.main-login .main-body .el-carousel,.main-login .main-body .el-carousel .el-carousel__container{height:100%}.main-login .main-body .el-carousel .el-carousel__indicators--horizontal{left:170px}.main-login .main-body .main-content{position:absolute;top:20%;left:6%;z-index:20}.main-login .main-body .main-content .big{font-size:48px;color:#fff;letter-spacing:0;line-height:80px;font-weight:900;margin-bottom:32px}@media(min-width:1600px){.main-login .main-body .main-content .big{font-size:57.6px}}.main-login .main-body .main-content .small{margin-bottom:8px;font-family:PingFangSC-Regular;font-size:20px;color:#fff;letter-spacing:0;line-height:28px;font-weight:400}@media(min-width:1600px){.main-login .main-body .main-content .small{font-size:24px}}.main-login .main-body .login-form{z-index:20;text-align:center;box-sizing:border-box;position:absolute;top:20%;right:6%;width:448px;padding:68px 40px 40px;background-color:#fff;border-radius:4px;box-shadow:0 3px 16px 0 rgba(0,0,0,.14);box-shadow:0 2px 8px 0 rgba(0,0,0,.2)}@media(max-height:768px){.main-login .main-body .login-form{top:13%}}.main-login .main-body .login-form ::v-deep .el-input-group__prepend{background:#fff}.main-login .main-body .login-form .text-primary{color:#0185ff}.main-login .main-body .login-form .el-form-item{margin-bottom:24px}.main-login .main-body .login-form .el-form-item:last-child{margin-bottom:0}.main-login .main-body .login-form .forget{margin-bottom:32px}.main-login .main-body .login-form .forget .el-form-item__content{line-height:1}.main-login .main-body .login-form .el-input--prefix{left:0}.main-login .main-body .login-form .el-input--prefix .el-input__inner{padding-left:50px;caret-color:#409eff}.main-login .main-body .login-form .el-input--prefix.phone .el-input__inner{padding-left:64px}.main-login .main-body .login-form .el-input--prefix .area-code .el-input__inner{width:56px;padding:0 16px 0 8px;border:none;line-height:38px;height:38px}.main-login .main-body .login-form .el-input--prefix .area-code .el-input__icon{width:auto}.main-login .main-body .login-form .el-input__icon{font-size:20px;width:40px}.main-login .main-body .login-form .qrcode-img-wrap{position:relative;width:244px;height:244px;margin:0 auto 24px}.main-login .main-body .login-form .qrcode-img-wrap>img{width:244px;height:244px}.main-login .main-body .login-form .qrcode-img-wrap .border-outer{position:absolute;top:0;left:0;bottom:0;right:0;border:1px solid #d8d8d8}.main-login .main-body .login-form .qrcode-img-wrap .border-up:before{content:"";position:absolute;top:0;left:0;width:15px;height:15px;border-color:#000;border-style:solid;border-width:2px 0 0 2px}.main-login .main-body .login-form .qrcode-img-wrap .border-up:after{content:"";position:absolute;top:0;right:0;width:15px;height:15px;border-color:#000;border-style:solid;border-width:2px 2px 0 0}.main-login .main-body .login-form .qrcode-img-wrap .border-down:before{content:"";position:absolute;bottom:0;left:0;width:15px;height:15px;border-color:#000;border-style:solid;border-width:0 0 2px 2px}.main-login .main-body .login-form .qrcode-img-wrap .border-down:after{content:"";position:absolute;bottom:0;right:0;width:15px;height:15px;border-color:#000;border-style:solid;border-width:0 2px 2px 0}.main-login .main-body .login-form .absolute-right-top{cursor:pointer;position:absolute;right:0;top:0}.main-login .main-body .login-form .absolute-right-top-next{cursor:pointer;position:absolute;right:68px;top:16px;border:1px solid rgba(0,0,0,.15);border-radius:2px;font-family:PingFangSC-Regular;font-size:12px;color:rgba(0,0,0,.45);letter-spacing:0;line-height:20px;font-weight:400;padding:0 8px;text-decoration:none}.main-login .main-body .login-form .absolute-right-top-next:focus{border-color:#0185ff}.main-login .main-body .login-form .main-title{font-size:20px;color:#111;margin-bottom:32px;text-align:center;display:flex;align-items:center;justify-content:space-around}.main-login .main-body .login-form .main-title.b-24{margin-bottom:16px;flex-direction:column}.main-login .main-body .login-form .main-title .countdown{font-size:12px;margin-bottom:16px;font-size:14px;color:rgba(0,0,0,.85);letter-spacing:0;line-height:30px;font-weight:400}.main-login .main-body .login-form .main-title .tab{display:inline-block;max-width:7em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;font-family:PingFangSC-Medium;font-size:22px;line-height:32px;font-weight:600;color:rgba(0,0,0,.25);margin:0 24px}.main-login .main-body .login-form .main-title .tab.single{max-width:10em;display:flex;align-items:center}.main-login .main-body .login-form .main-title .tab.active,.main-login .main-body .login-form .main-title .tab:last-child:first-child{color:rgba(0,0,0,.85)}.main-login .main-body .login-form .fr{float:right}.main-login .main-body .login-form .comment{color:rgba(0,0,0,.25);text-decoration:none}.main-login .main-body .login-form .comment:focus{text-decoration:underline}.main-login .main-body .login-form .qrcode-comment{font-family:PingFangSC-Regular;font-size:14px;font-weight:400;color:rgba(0,0,0,.45);letter-spacing:0}.main-login .main-body .login-form .line-height{line-height:20px;height:20px;vertical-align:middle;display:inline-block}.main-login .main-body .login-form .absolute-bottom-right{position:absolute;right:48px;bottom:0;line-height:48px;height:48px}.main-login .main-body .login-form .login-btn{font-family:Rubik-Medium;font-size:15px;letter-spacing:0;text-align:center;line-height:21px;font-weight:500;width:100%;border-radius:2px;transition:all .2s;padding:0;margin-bottom:16px}.main-login .main-body .login-form .login-btn:focus{background:#1c92ff;border-color:#1c92ff;color:#fff!important}.main-login .main-body .login-form .cancel-btn{margin-left:0;font-family:Rubik-Medium;font-size:15px;letter-spacing:0;text-align:center;line-height:21px;font-weight:400;width:100%;border-radius:2px;transition:all .2s;padding:0;color:#999}.main-login .main-body .login-form .cancel-btn:focus,.main-login .main-body .login-form .cancel-btn:hover{border-color:#1c92ff;color:#1c92ff!important}.main-login .main-body .login-form .login-btn-box{display:flex;justify-content:space-between;align-items:center}.main-login .main-body .sms-verify{left:50%;top:50%;width:480px;height:388px;margin-top:-193px;margin-left:-240px;padding:48px 48px 32px 48px}.main-login .main-body .sms-verify .title-container{text-align:left}.main-login .main-body .sms-verify .title-container .main-title{display:block;text-align:left;width:100%;margin-bottom:16px;font-size:24px;line-height:24px;font-weight:600}.main-login .main-body .sms-verify .title-container .sub-title{color:#999;font-size:14px}.main-login .main-body .sms-verify .el-form-item__label{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-login .main-body .sms-verify .el-input__prefix{left:0}.main-login .main-footer{font-size:12px;height:40px;color:#666;text-align:left}.main-login .main-footer>span{display:inline-block;height:40px;line-height:40px}.main-login .main-footer .police-logo{width:18px;height:20px;margin-right:8px;display:inline-block;vertical-align:text-bottom;padding-left:40px}.main-login .main-footer .provider{float:right;padding-right:40px;color:#999}.el-popover.qrcode{padding:16px 0 0 16px}.el-popover.qrcode .qrcode-item-wrap{display:flex;flex-flow:row wrap;max-width:640px}.qrcode-item{display:flex;background:#f6f7f9;width:144px;height:198px;margin:0 16px 16px 0;flex-direction:column;align-items:left}.qrcode-item>img{width:128px;height:128px;margin:8px}.qrcode-item .title{margin-left:8px;max-width:7em;font-family:PingFangSC-Semibold;font-size:14px;color:rgba(0,0,0,.85);line-height:22px;font-weight:600}.qrcode-item .content,.qrcode-item .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:0}.qrcode-item .content{margin:4px 8px 0 8px;font-family:PingFangSC-Regular;font-size:12px;color:rgba(0,0,0,.45);line-height:20px;font-weight:400}.cursor-pointer{cursor:pointer}.rotate .el-carousel__indicators{bottom:5%}.rotate .el-carousel__indicators .el-carousel__indicator{position:relative}.rotate .el-carousel__indicators .el-carousel__indicator.is-active .el-carousel__button{border-color:#fff}.rotate .el-carousel__indicators .el-carousel__indicator.is-active .el-carousel__button:after{content:" ";display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:#fff}.rotate .el-carousel__indicators .el-carousel__indicator .el-carousel__button{height:16px;width:16px;border-radius:8px;background:transparent;border:2px solid hsla(0,0%,100%,.35)}.rotate .el-carousel__indicators .el-carousel__indicator .el-carousel__button:after{content:" "}