.privatiza-app-form{width:280px;margin:0 auto}.privatiza-app-form .qr-code{position:relative}.privatiza-app-form .out-box{width:160px;height:160px;border-radius:8px;display:inline-block;margin:0 auto 0;background-color:#fff}.privatiza-app-form .out-box .scanningCode{position:absolute;z-index:2;width:160px;height:160px;background:hsla(0,0%,100%,.93)}.privatiza-app-form .out-box .scanningCode .isOkMsg{width:48px;height:48px;margin:0 auto}.privatiza-app-form .out-box .scanningCode .isOkMsg img{margin-top:calc(-50% + 41px);width:100%;height:100%}.privatiza-app-form .out-box .scanningCode p{font-size:14px;color:rgba(0,0,0,.85)}.privatiza-app-form .loading-img{width:140px;height:140px;display:inline-block;background:#fff;position:absolute;opacity:.93;left:50%;top:10px;margin-left:-70px}.privatiza-app-form .loading-img img{display:inline-block;width:40px;height:40px;vertical-align:middle}.privatiza-app-form .spinner{width:30px;height:30px;position:relative;display:inline-block;vertical-align:middle}.privatiza-app-form .container1>div,.privatiza-app-form .container2>div,.privatiza-app-form .container3>div{width:8px;height:8px;background-color:#5bb7fa;border-radius:100%;position:absolute;-webkit-animation:bouncedelay 1.2s ease-in-out infinite;animation:bouncedelay 1.2s ease-in-out infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both}.privatiza-app-form .spinner .spinner-container{position:absolute;width:100%;height:100%}.privatiza-app-form .container2{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.privatiza-app-form .container3{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.privatiza-app-form .circle1{top:0;left:0}.privatiza-app-form .circle2{top:0;right:0}.privatiza-app-form .circle3{right:0;bottom:0}.privatiza-app-form .circle4{left:0;bottom:0}.privatiza-app-form .container2 .circle1{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.privatiza-app-form .container3 .circle1{-webkit-animation-delay:-1s;animation-delay:-1s}.privatiza-app-form .container1 .circle2{-webkit-animation-delay:-.9s;animation-delay:-.9s}.privatiza-app-form .container2 .circle2{-webkit-animation-delay:-.8s;animation-delay:-.8s}.privatiza-app-form .container3 .circle2{-webkit-animation-delay:-.7s;animation-delay:-.7s}.privatiza-app-form .container1 .circle3{-webkit-animation-delay:-.6s;animation-delay:-.6s}.privatiza-app-form .container2 .circle3{-webkit-animation-delay:-.5s;animation-delay:-.5s}.privatiza-app-form .container3 .circle3{-webkit-animation-delay:-.4s;animation-delay:-.4s}.privatiza-app-form .container1 .circle4{-webkit-animation-delay:-.3s;animation-delay:-.3s}.privatiza-app-form .container2 .circle4{-webkit-animation-delay:-.2s;animation-delay:-.2s}.privatiza-app-form .container3 .circle4{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes bouncedelay{0%,80%,to{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes bouncedelay{0%,80%,to{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}.privatiza-app-form #qrbox{width:140px;height:140px;display:inline-block;margin:0 auto 0;padding:10px;position:relative}.privatiza-app-form #qrbox .little-icon{width:21px;height:22px;position:absolute;top:50%;left:50%;margin-left:-10.5px;margin-top:-11px}.privatiza-app-form #qrbox .little-icon img{width:100%;height:100%}.privatiza-app-form .dec-font{margin:14px 0 30px}.privatiza-app-form .dec-font>div{display:inline-block;vertical-align:top}.privatiza-app-form .dec-font .icon{height:16px;width:16px;margin-right:4px}.privatiza-app-form .dec-font .icon img{width:100%;height:100%}.privatiza-app-form .dec-font .font-des{font-size:14px;font-family:PingFangSC-Regular;font-weight:400;color:#fff;line-height:20px}.login-panel{margin:0 auto;text-align:center}.login-panel .titlename{font-size:16px;color:#fff;margin-bottom:34px}.login-panel .login-button{width:280px;height:40px;line-height:40px;color:#fff;font-size:14px;letter-spacing:2px;border-radius:4px;margin:20px auto 14px;cursor:pointer;background:#5bb7fa}.login-panel .component-fade-enter-active,.login-panel .component-fade-leave-active{-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.login-panel .component-fade-enter,.login-panel .component-fade-leave-to{opacity:0}.login-panel .account-login{width:280px;margin:15px auto 0;font-size:14px;text-align:center;cursor:pointer;letter-spacing:1px;font-family:PingFangSC-Regular;font-weight:400;color:#1a1a1a;line-height:20px}.login-panel .account-login:hover{text-decoration:underline}.privatiza-binding{background-size:cover;background-repeat:no-repeat}.privatiza-binding .height-768-noXX .hearder{padding-top:7vh!important}.privatiza-binding .height-768-noXX .panel{top:20vh!important}.privatiza-binding .height-768-noXX .xx-img{display:none!important}.privatiza-binding .height-900-noXX .hearder{padding-top:12vh!important}.privatiza-binding .height-900-noXX .panel{top:25vh!important}.privatiza-binding .height-900-noXX .xx-img{display:none!important}.privatiza-binding .height-other-noXX .hearder{padding-top:16vh!important}.privatiza-binding .height-other-noXX .panel{top:27vh!important}.privatiza-binding .height-other-noXX .xx-img{display:none!important}.privatiza-binding .height-768 .hearder{padding-top:6vh!important}.privatiza-binding .height-768 .panel{top:29vh!important}.privatiza-binding .height-768 .xx-img{top:17vh!important}.privatiza-binding .height-900 .hearder{padding-top:11.9vh!important}.privatiza-binding .height-900 .panel{top:34vh!important}.privatiza-binding .height-900 .xx-img{top:23vh!important}.privatiza-binding .height-other .hearder{padding-top:13.9vh!important}.privatiza-binding .height-other .panel{top:30vh!important}.privatiza-binding .height-other .xx-img{top:22vh!important}.privatiza-binding .content{height:100vh;width:100%;text-align:right;background-size:cover;position:relative;overflow:hidden}.privatiza-binding .content .goback{position:absolute;left:40px;top:40px;z-index:10}.privatiza-binding .content .hearder{padding-top:10vh;text-align:center}.privatiza-binding .content .hearder>div{text-align:center}.privatiza-binding .content .hearder>div img{max-width:520px;max-height:65px}.privatiza-binding .content .hearder span{color:#0d0f10;margin-left:12px;position:absolute;top:21px;border-left:1px solid #434343;padding-left:12px;width:177px;height:27px;font-size:22px;font-family:PingFangSC-Semibold;font-weight:600;line-height:27px}.privatiza-binding .content .footer{position:absolute;width:100%;text-align:center;bottom:20px;color:#fff;font-size:12px}.privatiza-binding .content .terminalFooter .appQRcode{top:-8vh!important;right:20vw!important}.privatiza-binding .content .panel{background:hsla(0,0%,100%,.12);width:360px;height:360px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:16px;display:inline-block;position:absolute;top:31vh;right:calc(50vw - 180px);padding-top:22px;overflow:hidden}.privatiza-binding .content .xx-img{width:224px;position:absolute;background-size:cover;overflow:hidden;top:21vh;right:calc(50vw - 112px)}.privatiza-binding .content .xx-img img{width:100%;height:100%}