.wrapper[data-v-3d6d4c56]{width:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.urlInput[data-v-3d6d4c56]{width:84%;margin:5px 0 10px;border:1px solid #000;padding:0 3px;height:28px;line-height:28px;border-radius:3px}.customBtn[data-v-3d6d4c56]{margin-left:16%;background:#2d8cf0;color:#fff;width:84%;height:30px;display:block;text-align:center;line-height:30px;font-size:18px;border-radius:5px;cursor:pointer}button[data-v-3d6d4c56]{background-color:#fff;outline:none;border:none;cursor:pointer;color:#2d8cf0}.test{width:160px;height:160px}.first-loading-wrp[data-v-05c55d0b]{display:none}.scanLogin .qrCode[data-v-05c55d0b]{width:100%;height:100%;padding:10px}.scanLogin .qrCode .image[data-v-05c55d0b]{width:100%;display:block;margin:0 auto}.scanLogin .qrCode .image img[data-v-05c55d0b]{width:100%}.scanLogin .qrCode .error[data-v-05c55d0b]{width:100%;display:block;margin:0 auto;position:relative}.scanLogin .qrCode .error .mask[data-v-05c55d0b]{position:absolute;width:100%;height:100%;background:rgba(247,245,245,.9);z-index:999}.scanLogin .qrCode .error .mask p[data-v-05c55d0b]{font-size:14px;background-color:transparent;color:#000;position:absolute;left:50%;top:30%;width:100%;transform:translateX(-50%)}.scanLogin .qrCode .error img[data-v-05c55d0b]{width:100%}.scanLogin .qrCode .expire[data-v-05c55d0b]{width:100%;display:block;margin:0 auto;position:relative}.scanLogin .qrCode .expire .mask[data-v-05c55d0b]{position:absolute;width:100%;height:100%;background:rgba(247,245,245,.9);z-index:999}.scanLogin .qrCode .expire .mask p[data-v-05c55d0b]{font-size:14px;background-color:transparent;color:#000;position:absolute;left:50%;top:30%;width:100%;transform:translateX(-50%)}.scanLogin .qrCode .expire img[data-v-05c55d0b]{width:100%}.scanLogin .qrCode .loading[data-v-05c55d0b]{width:80%;height:0;padding-bottom:80%;margin:0 auto;font-size:0;position:relative}.scanLogin .qrCode .loading .loadingSpinner[data-v-05c55d0b]{position:absolute;display:inline-block;top:50%;left:50%;transform:translate(-50%,-50%)}.scanLogin .qrCode .loading .loadingSpinner span[data-v-05c55d0b]{position:relative;display:inline-block;top:50%;width:30px;max-width:100%;height:30px;max-height:100%;vertical-align:middle;color:#1989fa;-webkit-animation:loading-rotate-data-v-05c55d0b .8s linear infinite;animation:loading-rotate-data-v-05c55d0b .8s linear infinite;-webkit-animation-timing-function:steps(12);animation-timing-function:steps(12)}.scanLogin .qrCode .loading .loadingSpinner span i[data-v-05c55d0b]{position:absolute;top:0;left:0;width:100%;height:100%;color:#1989fa}.scanLogin .qrCode .loading .loadingSpinner span i[data-v-05c55d0b]:before{display:block;width:2px;height:25%;margin:0 auto;background-color:currentColor;border-radius:40%;content:" "}.scanLogin .qrCode .loading .loadingSpinner span i[data-v-05c55d0b]:first-of-type{opacity:1;transform:rotate(30deg)}.scanLogin .qrCode .loading .loadingSpinner span i[data-v-05c55d0b]:nth-of-type(2){opacity:.9375;transform:rotate(60deg)}.scanLogin .qrCode .loading .loadingSpinner span i[data-v-05c55d0b]:nth-of-type(3){opacity:.875;transform:rotate(90deg)}.scanLogin .qrCode .loading .loadingSpinner span i[data-v-05c55d0b]:nth-of-type(4){opacity:.8125;transform:rotate(120deg)}.scanLogin .qrCode .loading .loadingSpinner span i[data-v-05c55d0b]:nth-of-type(5){opacity:.75;transform:rotate(150deg)}.scanLogin .qrCode .loading .loadingSpinner span i[data-v-05c55d0b]:nth-of-type(6){opacity:.6875;transform:rotate(180deg)}.scanLogin .qrCode .loading .loadingSpinner span i[data-v-05c55d0b]:nth-of-type(7){opacity:.625;transform:rotate(210deg)}.scanLogin .qrCode .loading .loadingSpinner span i[data-v-05c55d0b]:nth-of-type(8){opacity:.5625;transform:rotate(240deg)}.scanLogin .qrCode .loading .loadingSpinner span i[data-v-05c55d0b]:nth-of-type(9){opacity:.5;transform:rotate(270deg)}.scanLogin .qrCode .loading .loadingSpinner span i[data-v-05c55d0b]:nth-of-type(10){opacity:.4375;transform:rotate(300deg)}.scanLogin .qrCode .loading .loadingSpinner span i[data-v-05c55d0b]:nth-of-type(11){opacity:.375;transform:rotate(330deg)}.scanLogin .qrCode .loading .loadingSpinner span i[data-v-05c55d0b]:nth-of-type(12){opacity:.3125;transform:rotate(1turn)}.scanLogin .qrCode p[data-v-05c55d0b]{margin-top:5px;font-size:12px;text-align:center}@-webkit-keyframes loading-rotate-data-v-05c55d0b{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading-rotate-data-v-05c55d0b{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}