@media screen and (max-width:1024px){.index[data-v-b42431e2]{width:100vw;height:69vw;position:relative;overflow:hidden}.index.background-pic[data-v-b42431e2]{background:url(https://sqqimg.alldragon.com/2020/06/19/be674c7d58bf476db38931f3f7dc3fb817.png) no-repeat top/contain}.index .content[data-v-b42431e2]{width:37vw;height:44vw;background:hsla(0,0%,100%,.9);box-shadow:0 0 4px 1px rgba(0,0,0,.1);border-radius:2px;position:absolute;left:47vw;top:9vw;display:flex;justify-content:start;align-items:center;flex-direction:column}.index .content .title[data-v-b42431e2]{font-size:2vw;color:#c5230f;margin-top:4vw}.index .content .center[data-v-b42431e2]{width:100%;border-bottom:1px solid #e5e5e5;padding-bottom:2vw}.index .content .center .qrcode-box[data-v-b42431e2]{width:16vw;height:16vw;border:1px solid #c5c5c5;background:#fff;box-sizing:border-box;margin:3vw auto 0;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:5px}.index .content .center .qrcode-box canvas[data-v-b42431e2],.index .content .center .qrcode-box img[data-v-b42431e2]{max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain;display:block}.index .content .center .qrcode-disabled .qrcode-box-content[data-v-b42431e2]{opacity:.3}.index .content .center .qrcode-loading[data-v-b42431e2]{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.5vw;color:#999}.index .content .center .qrcode-loading-spinner[data-v-b42431e2]{width:3vw;height:3vw;border:.3vw solid #ddd;border-top-color:#2b8bf9;border-radius:50%;margin-bottom:1vw;animation:qr-spin-b42431e2 .8s linear infinite}.index .content .center .qrcode-mask[data-v-b42431e2]{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:hsla(0,0%,100%,.6)}.index .content .center .qrcode-mask-icon[data-v-b42431e2]{width:4vw;height:4vw;line-height:4vw;text-align:center;border-radius:50%;background:#07c160;color:#fff;font-size:2.5vw;font-weight:700;margin-bottom:1vw}.index .content .center .qrcode-mask-text[data-v-b42431e2]{font-size:2vw;color:#07c160;margin:0}.index .content .center .qrcode-mask-text--expired[data-v-b42431e2]{color:#fa5151}.index .content .center .qrcode-mask-icon--expired[data-v-b42431e2]{background:#fa5151!important}.index .content .center .qrcode-mask-count[data-v-b42431e2]{font-size:1.5vw;color:#fa5151;margin:.5vw 0 0 0}.index .content .center .qrcode-mask-count-text[data-v-b42431e2]{color:#999}.index .content .center .desc[data-v-b42431e2]{font-size:1.8vw;color:#666;margin-top:1vw;text-align:center}.index .content .action[data-v-b42431e2]{width:100%;height:7vw;line-height:7vw;text-align:center;font-size:2vw;color:#226ed5;cursor:pointer}.index .content .action span[data-v-b42431e2]{color:#226ed5;text-decoration:underline}.index .content .start-btn[data-v-b42431e2]{width:27vw;height:4vw;font-size:1.8vw;border-radius:2px;display:flex;justify-content:center;align-items:center;margin:15vw auto 0}.index .content .lg-btn--orange[data-v-b42431e2]{color:#fff;background:#f44e2d}}@media screen and (min-width:1025px) and (max-width:1920px){.index[data-v-b42431e2]{width:100vw;height:56vw;position:relative;overflow:hidden}.index.background-pic[data-v-b42431e2]{background:url(https://sqqimg.alldragon.com/2020/06/19/0f6e548f430f4e179b171b83818e4bbe04.png) no-repeat top/contain}.index .content[data-v-b42431e2]{width:37vw;height:43vw;background:hsla(0,0%,100%,.9);box-shadow:0 0 4px 1px rgba(0,0,0,.1);border-radius:2px;position:absolute;left:51vw;top:5vw;display:flex;justify-content:start;align-items:center;flex-direction:column}.index .content .title[data-v-b42431e2]{font-size:2vw;color:#c5230f;margin-top:4vw}.index .content .center[data-v-b42431e2]{width:100%;border-bottom:1px solid #e5e5e5;padding-bottom:2vw}.index .content .center .qrcode-box[data-v-b42431e2]{width:16vw;height:16vw;border:1px solid #c5c5c5;background:#fff;box-sizing:border-box;margin:3vw auto 0;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:5px}.index .content .center .qrcode-box canvas[data-v-b42431e2],.index .content .center .qrcode-box img[data-v-b42431e2]{max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain;display:block}.index .content .center .qrcode-disabled .qrcode-box-content[data-v-b42431e2]{opacity:.3}.index .content .center .qrcode-loading[data-v-b42431e2]{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.5vw;color:#999}.index .content .center .qrcode-loading-spinner[data-v-b42431e2]{width:3vw;height:3vw;border:.3vw solid #ddd;border-top-color:#2b8bf9;border-radius:50%;margin-bottom:1vw;animation:qr-spin-b42431e2 .8s linear infinite}.index .content .center .qrcode-mask[data-v-b42431e2]{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:hsla(0,0%,100%,.6)}.index .content .center .qrcode-mask-icon[data-v-b42431e2]{width:4vw;height:4vw;line-height:4vw;text-align:center;border-radius:50%;background:#07c160;color:#fff;font-size:2.5vw;font-weight:700;margin-bottom:1vw}.index .content .center .qrcode-mask-text[data-v-b42431e2]{font-size:2vw;color:#07c160;margin:0}.index .content .center .qrcode-mask-text--expired[data-v-b42431e2]{color:#fa5151}.index .content .center .qrcode-mask-icon--expired[data-v-b42431e2]{background:#fa5151!important}.index .content .center .qrcode-mask-count[data-v-b42431e2]{font-size:1.5vw;color:#fa5151;margin:.5vw 0 0 0}.index .content .center .qrcode-mask-count-text[data-v-b42431e2]{color:#999}.index .content .center .desc[data-v-b42431e2]{font-size:1.8vw;color:#666;margin-top:1vw;text-align:center}.index .content .action[data-v-b42431e2]{width:100%;height:6vw;line-height:6vw;text-align:center;font-size:2vw;color:#226ed5;cursor:pointer}.index .content .action span[data-v-b42431e2]{color:#226ed5;text-decoration:underline}.index .content .start-btn[data-v-b42431e2]{width:27vw;height:4vw;font-size:1.8vw;color:#fff;background-color:#f44e2d;border-radius:2px;display:flex;justify-content:center;align-items:center;margin:15vw auto 0}}.qrcode-box canvas[data-v-b42431e2],.qrcode-box img[data-v-b42431e2]{max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain;display:block}@keyframes qr-spin-b42431e2{to{transform:rotate(1turn)}}body,html{margin:0;padding:0;overflow:hidden;width:100%;height:100%}