@xysfe/actui
Version:
A fantastic mobile ui lib implement by Vue
1 lines • 22.3 kB
CSS
.act-popup{position:fixed;left:0;right:0;top:0;bottom:0;max-width:100vw;content:"viewport-units-buggyfill; max-width: 100vw"}.act-popup-container,.act-popup-mask{position:absolute;width:100%;height:100%}.act-popup-mask{overflow:hidden}.act-popup-mask:before{content:".";display:block;width:1px;height:1px;background-color:rgba(0,0,0,.1);margin-left:-10px}.act-popup-container{-webkit-transform:translate(100%,100%);transform:translate(100%,100%)}.act-popup-content{position:absolute;top:0;left:0;width:100%;box-sizing:border-box;-webkit-transform:translate(-100%,-100%);transform:translate(-100%,-100%)}.act-popup-center .act-popup-content{position:absolute;top:-50%;left:-50%;width:auto;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.act-popup-top-radius{border-top-left-radius:12px;border-top-right-radius:12px}.act-popup-top-radius.act-popup-content{overflow:hidden}input[data-v-18134e52]{-webkit-appearance:none;border:none;background:none;box-shadow:none;font-size:inherit}.input-wrap[data-v-18134e52]{position:relative}.email-auto-fix[data-v-18134e52]{position:absolute;height:220px;width:280px;background-color:#fff;border-radius:12px;right:0;bottom:-220px;z-index:100}.act-loading[data-v-027695fc]{overflow:hidden}[class*=loading-cont-][data-v-027695fc]{color:inherit;box-sizing:content-box;pointer-events:none;margin:0 auto}.loading-cont-cir1[data-v-027695fc]{border-left-color:currentcolor;border-right-color:currentcolor;border-radius:50%;-webkit-animation:1s loading-cir1-data-v-027695fc linear infinite;animation:1s loading-cir1-data-v-027695fc linear infinite}@-webkit-keyframes loading-cir1-data-v-027695fc{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loading-cir1-data-v-027695fc{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.act-loading[data-v-1e0cc706]{overflow:hidden}[class*=loading-cont-][data-v-1e0cc706]{color:inherit;box-sizing:content-box;pointer-events:none;margin:0 auto}.loading-cont-cir2[data-v-1e0cc706]{position:relative;border-radius:100%;-webkit-animation:1s loading-cir2-data-v-1e0cc706 linear infinite;animation:1s loading-cir2-data-v-1e0cc706 linear infinite}@-webkit-keyframes loading-cir2-data-v-1e0cc706{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loading-cir2-data-v-1e0cc706{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.act-loading[data-v-4106ba04]{overflow:hidden}.act-loading .act-loading-wrap[data-v-4106ba04]{border-radius:3px;-webkit-transition:color .3s,border .3s;transition:color .3s,border .3s}[class*=loading-cont-][data-v-4106ba04]{color:inherit;box-sizing:content-box;pointer-events:none;margin:0 auto}.loading-cont-cir3[data-v-4106ba04]{position:relative;border-radius:50%;-webkit-animation:1s loading-cir3-data-v-4106ba04 linear infinite;animation:1s loading-cir3-data-v-4106ba04 linear infinite}.loading-cont-cir3 .cir3-mask[data-v-4106ba04]{display:block;position:absolute;border-radius:50%;opacity:.5}@-webkit-keyframes loading-cir3-data-v-4106ba04{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loading-cir3-data-v-4106ba04{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.act-loading[data-v-6400ad02]{overflow:hidden}[class*=loading-cont-][data-v-6400ad02]{color:inherit;box-sizing:content-box;pointer-events:none}.loading-cont-cir4[data-v-6400ad02],.loading-cont-cir4[data-v-6400ad02]:after,.loading-cont-cir4[data-v-6400ad02]:before{border-radius:50%;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:loading-cir4-data-v-6400ad02 1.2s infinite ease-in-out;animation:loading-cir4-data-v-6400ad02 1.2s infinite ease-in-out}.loading-cont-cir4[data-v-6400ad02]{color:currentcolor;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-delay:-.16s;animation-delay:-.16s;top:-1em;margin:0 auto}.loading-cont-cir4[data-v-6400ad02]:before{right:100%;-webkit-animation-delay:-.32s;animation-delay:-.32s}.loading-cont-cir4[data-v-6400ad02]:after{left:100%}.loading-cont-cir4[data-v-6400ad02]:after,.loading-cont-cir4[data-v-6400ad02]:before{content:"";display:block;position:absolute;top:0;width:inherit;height:inherit}@-webkit-keyframes loading-cir4-data-v-6400ad02{0%,80%,to{box-shadow:0 1.1em 0 -1em}40%{box-shadow:0 1.1em 0 -.2em}}@keyframes loading-cir4-data-v-6400ad02{0%,80%,to{box-shadow:0 1.1em 0 -1em}40%{box-shadow:0 1.1em 0 -.2em}}.act-loading[data-v-86faa000]{overflow:hidden}[class*=loading-cont-][data-v-86faa000]{color:inherit;box-sizing:content-box;pointer-events:none}.loading-cont-cir5[data-v-86faa000]{position:relative;border-radius:50%;box-shadow:0 1em 0 -.2em currentcolor;-webkit-animation:loading-cir5-data-v-86faa000 .5s ease-in-out alternate infinite;animation:loading-cir5-data-v-86faa000 .5s ease-in-out alternate infinite;-webkit-animation-delay:.16s;animation-delay:.16s;top:-1em;margin:0 auto}.loading-cont-cir5[data-v-86faa000]:after,.loading-cont-cir5[data-v-86faa000]:before{content:"";position:absolute;width:inherit;height:inherit;border-radius:inherit;box-shadow:inherit;-webkit-animation:inherit;animation:inherit}.loading-cont-cir5[data-v-86faa000]:before{left:-.8em;-webkit-animation-delay:.32s;animation-delay:.32s}.loading-cont-cir5[data-v-86faa000]:after{right:-.8em;-webkit-animation-delay:0s;animation-delay:0s}@-webkit-keyframes loading-cir5-data-v-86faa000{0%{box-shadow:0 1.4em 0 -.2em currentcolor}to{box-shadow:0 .8em 0 -.2em currentcolor}}@keyframes loading-cir5-data-v-86faa000{0%{box-shadow:0 1.4em 0 -.2em currentcolor}to{box-shadow:0 .8em 0 -.2em currentcolor}}.act-xysloading-path[data-v-073ac538]{stroke-dasharray:134.8 5000;stroke-dashoffset:134.8;-webkit-animation:dash-logo-data-v-073ac538 3.6s linear infinite;animation:dash-logo-data-v-073ac538 3.6s linear infinite}@-webkit-keyframes dash-logo-data-v-073ac538{0%{stroke-dashoffset:134.8}15%,45%{stroke-dashoffset:0}56%,to{stroke-dashoffset:-134.8}}@keyframes dash-logo-data-v-073ac538{0%{stroke-dashoffset:134.8}15%,45%{stroke-dashoffset:0}56%,to{stroke-dashoffset:-134.8}}.act-xysloading-path-oval-middle[data-v-073ac538]{stroke-dasharray:0 44.1;stroke-dashoffset:0;-webkit-animation:dash-oval-middle-data-v-073ac538 3.6s linear infinite;animation:dash-oval-middle-data-v-073ac538 3.6s linear infinite}@-webkit-keyframes dash-oval-middle-data-v-073ac538{0%,56%{visibility:hidden}56.1%{stroke-dasharray:4,40.1;stroke-dashoffset:0;stroke-linecap:round;visibility:visible}59.9%{stroke-dasharray:4,40.1;stroke-dashoffset:-40.1;stroke-linecap:round}60%,to{stroke-dasharray:0,44.1;stroke-dashoffset:-44.1;stroke-linecap:butt;visibility:hidden}}@keyframes dash-oval-middle-data-v-073ac538{0%,56%{visibility:hidden}56.1%{stroke-dasharray:4,40.1;stroke-dashoffset:0;stroke-linecap:round;visibility:visible}59.9%{stroke-dasharray:4,40.1;stroke-dashoffset:-40.1;stroke-linecap:round}60%,to{stroke-dasharray:0,44.1;stroke-dashoffset:-44.1;stroke-linecap:butt;visibility:hidden}}.act-xysloading-circle[data-v-073ac538]{stroke-width:7;fill:none;-webkit-animation:dash-circle-data-v-073ac538 3.6s linear infinite;animation:dash-circle-data-v-073ac538 3.6s linear infinite}@-webkit-keyframes dash-circle-data-v-073ac538{0%,60%{stroke-dasharray:0,226;stroke-dashoffset:0;stroke-linecap:butt;visibility:hidden}60.1%{stroke-dasharray:0,226;stroke-dashoffset:0;stroke-linecap:round;visibility:visible}70%{stroke-dasharray:70,156;stroke-dashoffset:-80;stroke-linecap:round}80%{stroke-dasharray:2,224;stroke-dashoffset:-226;stroke-linecap:round}90%{stroke-dasharray:70,196;stroke-dashoffset:-339;stroke-linecap:round}94.9%{stroke-dasharray:0,226;stroke-dashoffset:-400;stroke-linecap:round}95%,to{stroke-dasharray:0,226;stroke-dashoffset:-400;stroke-linecap:butt;visibility:hidden}}@keyframes dash-circle-data-v-073ac538{0%,60%{stroke-dasharray:0,226;stroke-dashoffset:0;stroke-linecap:butt;visibility:hidden}60.1%{stroke-dasharray:0,226;stroke-dashoffset:0;stroke-linecap:round;visibility:visible}70%{stroke-dasharray:70,156;stroke-dashoffset:-80;stroke-linecap:round}80%{stroke-dasharray:2,224;stroke-dashoffset:-226;stroke-linecap:round}90%{stroke-dasharray:70,196;stroke-dashoffset:-339;stroke-linecap:round}94.9%{stroke-dasharray:0,226;stroke-dashoffset:-400;stroke-linecap:round}95%,to{stroke-dasharray:0,226;stroke-dashoffset:-400;stroke-linecap:butt;visibility:hidden}}.act-xysloading-path-oval-end[data-v-073ac538]{stroke-dasharray:0 54.4;stroke-dashoffset:0;-webkit-animation:dash-oval-end-data-v-073ac538 3.6s linear infinite;animation:dash-oval-end-data-v-073ac538 3.6s linear infinite}@-webkit-keyframes dash-oval-end-data-v-073ac538{0%,95%{stroke-dasharray:0,54.4;stroke-dashoffset:0;stroke-linecap:butt;visibility:hidden}95.1%{stroke-dasharray:4,50.4;stroke-dashoffset:0;stroke-linecap:round;visibility:visible}99.9%{stroke-dasharray:4,50.4;stroke-dashoffset:-40.1;stroke-linecap:round}to{stroke-dasharray:0,54.4;stroke-dashoffset:-54.4;stroke-linecap:butt;visibility:hidden}}@keyframes dash-oval-end-data-v-073ac538{0%,95%{stroke-dasharray:0,54.4;stroke-dashoffset:0;stroke-linecap:butt;visibility:hidden}95.1%{stroke-dasharray:4,50.4;stroke-dashoffset:0;stroke-linecap:round;visibility:visible}99.9%{stroke-dasharray:4,50.4;stroke-dashoffset:-40.1;stroke-linecap:round}to{stroke-dasharray:0,54.4;stroke-dashoffset:-54.4;stroke-linecap:butt;visibility:hidden}}.act-loading[data-v-4884e2ea]{overflow:hidden}[class*=loading-cont-][data-v-4884e2ea]{color:inherit;box-sizing:content-box;pointer-events:none}.loading-cont-line[data-v-4884e2ea]{position:relative;background:currentcolor;-webkit-animation:loading-line-data-v-4884e2ea .7s ease-in-out infinite;animation:loading-line-data-v-4884e2ea .7s ease-in-out infinite;-webkit-animation-delay:.4s;animation-delay:.4s;top:50%;left:50%;-webkit-transform:translate3D(-50%,-50%,0);transform:translate3D(-50%,-50%,0)}.loading-cont-line[data-v-4884e2ea]:after,.loading-cont-line[data-v-4884e2ea]:before{content:"";position:absolute;width:inherit;height:inherit;background:inherit;-webkit-animation:inherit;animation:inherit}.loading-cont-line[data-v-4884e2ea]:before{right:.4em;-webkit-animation-delay:.2s;animation-delay:.2s}.loading-cont-line[data-v-4884e2ea]:after{left:.4em;-webkit-animation-delay:.6s;animation-delay:.6s}@-webkit-keyframes loading-line-data-v-4884e2ea{0%,to{box-shadow:0 0 0 currentcolor,0 0 0 currentcolor}50%{box-shadow:0 -.25em 0 currentcolor,0 .25em 0 currentcolor}}@keyframes loading-line-data-v-4884e2ea{0%,to{box-shadow:0 0 0 currentcolor,0 0 0 currentcolor}50%{box-shadow:0 -.25em 0 currentcolor,0 .25em 0 currentcolor}}.act-jigsaw[data-v-6ac6a5a2]{position:relative}.act-jigsaw .act-jigsaw-img[data-v-6ac6a5a2]{position:relative;width:100%;height:0;padding-bottom:57.35%;background-color:#e4e4e4}.act-jigsaw .slider-img[data-v-6ac6a5a2]{width:100%;height:100%;position:absolute;left:0;top:0}.act-jigsaw .img-loading[data-v-6ac6a5a2]{position:absolute;left:50%;top:50%;z-index:4;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.act-jigsaw .icon-refresh[data-v-6ac6a5a2]{width:30px;height:30px}.act-jigsaw .img-error[data-v-6ac6a5a2]{text-align:center;cursor:pointer;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.act-jigsaw .img-error p[data-v-6ac6a5a2]{white-space:nowrap;margin-bottom:10px}.act-jigsaw .slider-piece[data-v-6ac6a5a2]{position:absolute;left:0;top:0}.act-jigsaw .slider-piece img[data-v-6ac6a5a2]{width:100%}.act-jigsaw .act-jigsaw-track[data-v-6ac6a5a2]{position:relative;margin-top:20px;text-align:center;height:22px;padding-top:6px;box-sizing:border-box}.act-jigsaw .act-jigsaw-track .bar[data-v-6ac6a5a2]{height:10px;border-radius:10px;background-color:#f0f0f0}.act-jigsaw .act-jigsaw-track .track-wrap[data-v-6ac6a5a2]{width:45px;height:22px;position:absolute;left:0;top:0}.act-jigsaw .act-jigsaw-track .slider-track[data-v-6ac6a5a2]{width:45px;height:22px;background-color:#8c7fee;border-radius:22px;box-shadow:0 5px 10px 0 rgba(140,127,238,.4)}.act-jigsaw .act-jigsaw-track .track[data-v-6ac6a5a2]{white-space:nowrap;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:0}.act-jigsaw .act-jigsaw-track .track .line[data-v-6ac6a5a2]{display:inline-block;width:2px;height:8px;border-radius:3px;background-color:#fff;margin:0 3px 0 2px}.act-jigsaw .shake[data-v-6ac6a5a2]{-webkit-animation:shake-data-v-6ac6a5a2 .15s ease-in;animation:shake-data-v-6ac6a5a2 .15s ease-in}.act-jigsaw .smooth[data-v-6ac6a5a2]{-webkit-transition:all .3s;transition:all .3s}@-webkit-keyframes shake-data-v-6ac6a5a2{0%{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(-3px);transform:translateX(-3px)}50%{-webkit-transform:translateX(0);transform:translateX(0)}75%{-webkit-transform:translateX(3px);transform:translateX(3px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes shake-data-v-6ac6a5a2{0%{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(-3px);transform:translateX(-3px)}50%{-webkit-transform:translateX(0);transform:translateX(0)}75%{-webkit-transform:translateX(3px);transform:translateX(3px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.act-gold-protocol[data-v-1da413b4]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;line-height:1.4}.act-gold-protocol .act-gold-protocol-check[data-v-1da413b4]{padding:2px 5px 0 0}.act-gold-protocol .act-gold-protocol-check .act-gold-protocol-icon[data-v-1da413b4]{display:inline-block;width:14px;height:14px;border-radius:14px;background-repeat:no-repeat;background-position:50%;background-size:14px 14px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjVEQUEzMTdERjYzMzExRTg4MjU3OTZFM0I0NjhDOEYxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjVEQUEzMTdFRjYzMzExRTg4MjU3OTZFM0I0NjhDOEYxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NURBQTMxN0JGNjMzMTFFODgyNTc5NkUzQjQ2OEM4RjEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NURBQTMxN0NGNjMzMTFFODgyNTc5NkUzQjQ2OEM4RjEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5nEXuSAAABeUlEQVR42uyWv0oDQRDGdzdnFBGxsQ0+gIhlagsrsba2EMkT+AYi2voAYuEDiA8gYplaBDtLtVILjcn6jZnoOtzm7jZLFiUDP45jZ2e+ZP5w2lpbU0p1VXXT/DQgAxZ0+Fk+CARQgJ5KZKaq4r8qwDC5B+OwHvdMlkqA4kYnEdOpBChnSkwqAWTvoCYF6DGL+BjkNL7mGNEaoA2eQSvn3A4E0CLKuEFijWMdXIImvz+CRc8m/d6CMXfBvpOc7M7j18+JfyAmm6Brf+wVLA+7EzP5Eniyv2276F5R0DVwBU7BwhC/OrgWyU/KCC9yuHcCkpBZj9+BSH4D5mIIuBWBz/nXuj4bOXVfKVu6IocmB3SNymH4vAEexPlOld4p47QO3kSSY9ofXBYpTsUWQGyBjkjWDq176Bi2RK2tqPtqwOjqqhf2PAJ2Q5J/fY8GXDwUyc8CF5cO3YQ0AUfgBVyA+VE2aF9F4q/iiYCJgH8rwKQUMAVmysT/FGAAws3xHUxwplIAAAAASUVORK5CYII=);background-color:#e2e5e7}.act-gold-protocol .act-gold-protocol-check .act-gold-protocol-icon.checked[data-v-1da413b4]{background-color:#8c7fee}.act-gold-protocol .act-gold-protocol-item[data-v-1da413b4]{color:#8c7fee}.act-gold-protocol .act-gold-protocol-text[data-v-1da413b4]{display:inline-block}.act-gold-protocol .act-gold-protocol-text a[data-v-1da413b4]{text-decoration:none}.act-popup-fade-enter[data-v-801e0636]{opacity:0}.act-auth-fade-enter-active[data-v-801e0636]{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.act-popup-move-enter[data-v-801e0636]{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.act-popup-move-enter-active[data-v-801e0636]{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.protocol[data-v-801e0636]{padding:10px 15px}.protocol[data-v-801e0636] a,.protocol[data-v-801e0636] span{font-size:12px}.popup-container[data-v-801e0636]{position:absolute;bottom:0;left:0;width:100%;line-height:1;background-color:#fdfcff;border-radius:12px 12px 0 0;overflow:hidden}.popup-container .popup-content[data-v-801e0636]{padding-top:18px;background-color:#fff;border-radius:12px 12px 0 0}.popup-container .popup-hd[data-v-801e0636]{height:46px;line-height:46px;text-align:center;font-size:17px;color:#333;position:relative}.popup-container .popup-hd .title[data-v-801e0636]{display:-webkit-box;display:flex;display:-webkit-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;padding:13px 16px}.popup-container .popup-hd .title .icon[data-v-801e0636]{width:20px;height:20px;border-radius:50%}.popup-container .popup-hd .title .desc[data-v-801e0636]{height:19px;line-height:19px;font-size:14px;color:#333;margin-left:10px}.popup-container .popup-hd h3[data-v-801e0636]{padding-top:15px;line-height:20px;font-size:17px}.popup-container .popup-hd i[data-v-801e0636]{display:block;position:absolute;top:50%;z-index:1;margin:12px;background-repeat:no-repeat}.popup-container .popup-hd i.icon-cancel[data-v-801e0636]{position:absolute;top:0;right:0;display:block;width:20px;height:20px}.popup-container .popup-hd i.icon-cancel[data-v-801e0636]:after,.popup-container .popup-hd i.icon-cancel[data-v-801e0636]:before{position:absolute;content:"";width:16px;height:2px;background:#b3b3b3;top:9px;left:2.5px}.popup-container .popup-hd i.icon-cancel[data-v-801e0636]:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.popup-container .popup-hd i.icon-cancel[data-v-801e0636]:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.popup-container .popup-hd i.icon-back[data-v-801e0636]{height:17px;width:25px;left:0;margin-top:-8.5px;background-size:8.5px 12.5px;background-position:0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAZCAYAAADXPsWXAAABb0lEQVQ4jZ3UMUhVcRTH8c97Fk8Qh2gIlBwiQgh5EAbqIC3S4G0wXBrkDa0SLg6Cm4PS1lC4CIJUQ1noWwxSGotEghzf2NYUQkNBNdz38P9u7z7+953t/vif7z3nf37nX6rX63qIKrZwFbMXegDUsIn+5ve9coHkSjN5OwDAl9hKRvAatwPtN5aSJHkbA5nBS1wOtG+Yxyfo1k4JqzjIAA5xqwXoBrmEfaxlzqzjLr6Hhzu1U8UbXAu0H9Kp7HX6Y7aSGj5mAF8xngcIIXnj28EEGnkA0nZyx4dn3ZJDyDuMBlrb+GKijOGM9hmnsYAW5CF+Btpcs4obRSCv/H95N3GM+7EQOo9xELt4jL4YCKmh5rCCP4G+jPe4EgOBv9iQLl1o7Ts4wVQMpBVHMkuGIXzAo1gIqV+m8TTQLuIJXmAgBgK/sIgF7TZ4ILBBqcBDPSbd7uuBdobJIm9sng3mi0DobINGUQjnNqigkiTJ83/rakw2lkemnQAAAABJRU5ErkJggg==)}.auth-box h3[data-v-801e0636]{line-height:20px;font-size:18px;text-align:center;padding-bottom:12px}.auth-box h4[data-v-801e0636]{font-size:12px;color:#999;text-align:center;font-weight:400;margin:0;padding:0;line-height:18px}.form-sign[data-v-801e0636]{height:100%;padding:0 25px 12px;background:#fff;line-height:1.5;color:#666}.form-sign .form-sign-box[data-v-801e0636]{margin-top:10px;padding:0 15px}.form-sign .form-sign-label[data-v-801e0636]{display:block;margin-bottom:6px;font-size:11px;color:#d4d4d4}.form-sign .form-sign-input[data-v-801e0636]{border:none;outline:none;width:100%;font-size:16px;line-height:1;box-shadow:none;padding:2px 8px 2px 0}.form-sign .form-sign-input[data-v-801e0636]::-webkit-input-placeholder{color:#b3b3b3}.form-sign .form-input-group[data-v-801e0636]{padding-bottom:6px;border-bottom:1px solid #f5f5f5}.form-sign .form-input-group.middle[data-v-801e0636],.form-sign .form-input-group[data-v-801e0636]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row}.form-sign .form-input-group.middle[data-v-801e0636]{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.form-sign .form-input-group .col-1[data-v-801e0636]{-webkit-box-flex:1;-webkit-flex:1;flex:1}.form-sign .form-sign-btn[data-v-801e0636]{display:block;line-height:20px;font-size:13px;margin-left:10px}.form-sign .clear-icon[data-v-801e0636]{width:22px}.form-sign .form-sign-disabled[data-v-801e0636]{color:#b3b3b3}.form-sign .btn[data-v-801e0636]{display:block;margin-top:26px;font-size:17px;color:#fff;text-align:center;line-height:48px;border-radius:3px;border:none;opacity:.5}.form-sign .btn.primary[data-v-801e0636]{background:-webkit-linear-gradient(left,#b6adfb,#968af4 96%,#9589f4);background:linear-gradient(90deg,#b6adfb,#968af4 96%,#9589f4);box-shadow:0 4px 10px 0 rgba(181,172,251,.39);border-radius:28px;margin-top:22px}.form-sign .btn.active[data-v-801e0636]{opacity:1}.auth-jigsaw[data-v-801e0636]{background:#fff}.jigsaw-box[data-v-801e0636]{max-width:270px;height:100%;margin:0 auto;padding-top:25px;background:#fff}.act-jigsaw-content[data-v-f9ea6f0c]{background-color:#fff;padding:18px;position:absolute;width:78%;max-width:675px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:12px}.act-jigsaw-title[data-v-f9ea6f0c]{text-align:center;color:#000;font-size:19px}.act-jigsaw-desc[data-v-f9ea6f0c]{font-size:12px;color:#999;text-align:center;font-weight:400;padding:2px 0 10px}.act-jigsaw-close[data-v-f9ea6f0c]{width:40px;height:40px;position:absolute;right:0;top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.act-jigsaw-close[data-v-f9ea6f0c]:after,.act-jigsaw-close[data-v-f9ea6f0c]:before{content:"";background-color:#b5b8bd;position:absolute;border-radius:2px}.act-jigsaw-close[data-v-f9ea6f0c]:before{width:14px;height:2px;left:50%;top:50%;margin-left:-7px;margin-top:-1px}.act-jigsaw-close[data-v-f9ea6f0c]:after{width:2px;height:14px;left:50%;top:50%;margin-left:-1px;margin-top:-7px}