.payment-dialog[data-v-d717defc]{background:#fff;box-shadow:0 0 20px #000c;height:540px;max-height:80vh;overflow:hidden;position:relative;width:700px}.dialog-loading[data-v-d717defc]{align-items:center;background:#fffc;display:flex;flex-direction:column;gap:16px;inset:0;justify-content:center;position:absolute;z-index:100}.dialog-loading .loading-spinner[data-v-d717defc]{animation:spin-d717defc 1s linear infinite;border:3px solid #f0f0f0;border-radius:50%;border-top-color:#ff9d2b;height:40px;width:40px}.dialog-loading .loading-text[data-v-d717defc]{color:#666;font-size:14px}@keyframes spin-d717defc{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.payment-dialog-overlay[data-v-d717defc]{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:99}.dialog-fade-enter-active[data-v-d717defc],.dialog-fade-leave-active[data-v-d717defc]{transition:opacity .3s ease}.dialog-fade-enter-from[data-v-d717defc],.dialog-fade-leave-to[data-v-d717defc]{opacity:0}.dialog-header[data-v-d717defc]{background:#000;height:47px;overflow:hidden;width:100%}.dialog-header .logo[data-v-d717defc]{float:left;margin:10px 20px}.dialog-header .logo img[data-v-d717defc]{height:27px}.dialog-header .dialog-title[data-v-d717defc]{font-size:16px;font-weight:700;line-height:47px}.decorative-line[data-v-d717defc]{background:linear-gradient(243deg,#ffdb84,#ff9d2b);height:2px;left:0;position:absolute;top:0;width:100%}.close-btn[data-v-d717defc]{align-items:center;cursor:pointer;display:flex;height:20px;justify-content:center;position:absolute;right:16px;top:16px;width:20px;z-index:10}.close-btn .close-icon[data-v-d717defc]{color:#999;height:100%;transition:color .3s;width:100%}.close-btn:hover .close-icon[data-v-d717defc]{color:#fff}.dialog-content[data-v-d717defc]{max-height:calc(80vh - 60px);overflow-y:auto}.dialog-title[data-v-d717defc]{color:#fff;font-size:20px;font-weight:700;margin-bottom:18px;text-align:left}.order-brief[data-v-d717defc]{align-items:center;background:#f9f9f9;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:20px;padding:25px 0;position:relative}.order-brief .single-img[data-v-d717defc]{background:#ffffff14;border-radius:4px;height:108px;margin-left:40px;overflow:hidden;position:relative;width:108px}.order-brief .single-img img[data-v-d717defc]{box-shadow:0 0 2px #0000001a;float:left;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.order-brief .multi-img[data-v-d717defc]{background:#000 url(../images/headlogo.png) no-repeat 50%;background-size:100% auto;border-radius:4px;filter:grayscale(100%);height:108px;margin-left:40px;overflow:hidden;width:108px}.order-brief .meta[data-v-d717defc]{flex:1;height:108px;padding:0 16px}.order-brief .meta .game-name[data-v-d717defc]{display:-webkit-box;height:50px;-webkit-line-clamp:2;margin-bottom:35px;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}.order-brief .meta .game-name span[data-v-d717defc]{color:#333;font-size:16px;font-weight:700;line-height:25px;margin-right:10px}.order-brief .meta .title[data-v-d717defc]{color:#333;font-size:14px}.order-brief .meta .title i[data-v-d717defc]{color:#ff9d2b;font-style:normal;font-weight:700}.order-brief .amount[data-v-d717defc]{bottom:15px;color:#333;font-size:37px;font-weight:700;margin-top:50px;position:absolute;right:70px}.order-brief .amount .unit[data-v-d717defc]{color:#999;font-size:14px;margin-left:4px}.payment-methods[data-v-d717defc]{margin-bottom:18px}.payment-methods .section-title[data-v-d717defc]{color:#acacac;font-size:14px;line-height:20px;margin:0 68px 10px}.payment-methods .method-list[data-v-d717defc]{margin:0 68px;overflow:hidden}.payment-methods .method-list .method-item[data-v-d717defc]{align-items:center;border:2px solid #d6d6d6;cursor:pointer;float:left;height:41px;line-height:37px;margin-right:8px;position:relative;transition:all .3s ease;width:132px}.payment-methods .method-list .method-item.active[data-v-d717defc]:after{border:10px solid transparent;content:"";height:0;position:absolute;right:0;top:0;width:0}.payment-methods .method-list .method-item.active[data-v-d717defc]:before{background:url(../images/icon_success.png) no-repeat 50%;background-size:auto 100%;content:"";height:7px;position:absolute;right:0;top:2px;width:10px;z-index:2}.payment-methods .method-list .method-item.wechat.active[data-v-d717defc]{border-color:#28c445}.payment-methods .method-list .method-item.wechat.active[data-v-d717defc]:after{border-right:10px solid #28c445;border-top:10px solid #28c445}.payment-methods .method-list .method-item.alipay.active[data-v-d717defc]{border-color:#5087ff}.payment-methods .method-list .method-item.alipay.active[data-v-d717defc]:after{border-right:10px solid #5087ff;border-top:10px solid #5087ff}.payment-methods .method-list .method-item input[type=radio][data-v-d717defc]{display:none}.payment-methods .method-list .method-item .method-name[data-v-d717defc]{color:#acacac;font-size:14px;font-weight:500;text-align:center}.payment-methods .method-list .method-item.disabled[data-v-d717defc]{border-color:#999;cursor:not-allowed;opacity:.6}.payment-methods .method-list .method-item.disabled .method-name[data-v-d717defc]{color:#999}.payment-methods .method-list .method-item.disabled input[type=radio][data-v-d717defc]{cursor:not-allowed}.code-area[data-v-d717defc]{margin-bottom:15px;text-align:center}.code-area .code-title[data-v-d717defc]{color:#333;font-size:14px;margin-bottom:12px}.code-area .code-title span i[data-v-d717defc]{display:inline-block;height:16px;margin:0 4px 2px 0;vertical-align:middle;width:16px}.code-area .code-title .price[data-v-d717defc]{margin-left:8px}.code-area .code-title .price i[data-v-d717defc]{font-size:20px;font-weight:700}.code-area .qrcode-container[data-v-d717defc]{align-items:center;background:#fff;border:1px solid #d6d6d6;display:flex;height:141px;justify-content:center;margin:0 auto;overflow:hidden;position:relative;width:141px}.code-area .qrcode-container .qr-code[data-v-d717defc]{align-items:center;display:flex;height:121px;justify-content:center;width:121px}.code-area .qrcode-container .qr-code iframe[data-v-d717defc]{height:200px;transform:scale(.6);width:200px}.code-area .qrcode-container .qr-code[data-v-d717defc] svg{height:100%;width:100%}.code-area .qrcode-container .qr-mask[data-v-d717defc]{align-items:center;background:#0009;color:#fff;display:flex;flex-direction:column;font-size:13px;inset:0;justify-content:center;padding:20px;position:absolute;text-align:center}.code-area .qr-refresh-btn[data-v-d717defc]{background:#ff8f00;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;line-height:20px;margin-top:12px;padding:6px 12px;transition:all .3s}.code-area .qr-refresh-btn[data-v-d717defc]:hover{background:#ff7001}.code-area .qr-refresh-btn2[data-v-d717defc]{background:#0009;color:#fff;cursor:pointer;display:none;font-size:13px;height:120px;left:10px;line-height:120px;position:absolute;text-align:center;top:10px;width:120px}.code-area .qr-refresh-btn2 i[data-v-d717defc]{font-size:25px}.code-area .qrcode-container:hover .qr-refresh-btn2[data-v-d717defc]{display:block}.code-area .tips[data-v-d717defc]{color:#999;font-size:14px;margin-top:10px}.code-area .scan-status[data-v-d717defc]{align-items:center;background:#ffffff14;border-radius:6px;display:flex;gap:8px;justify-content:center;margin-top:16px;padding:12px 16px}.code-area .scan-status .status-icon[data-v-d717defc]{font-size:20px}.code-area .scan-status .status-icon.scanning[data-v-d717defc]{color:#ff9d2b}.code-area .scan-status .status-icon.scanned[data-v-d717defc]{color:#2ecc71}.code-area .scan-status .status-icon.paying[data-v-d717defc]{color:#3498db}.code-area .scan-status .status-icon.success[data-v-d717defc]{color:#27ae60}.code-area .scan-status .status-icon.failed[data-v-d717defc]{color:#e74c3c}.code-area .scan-status .status-text[data-v-d717defc]{color:#fff;font-size:14px;font-weight:500}.paysuccess .success-icon[data-v-d717defc]{background:#27da46;border-radius:50%;height:68px;margin:60px auto 30px;overflow:hidden;width:68px}.paysuccess .success-icon i[data-v-d717defc]{background:url(../images/icon_success.png) no-repeat 50%;background-size:100%;display:block;height:28px;margin:18px auto;width:36px}.paysuccess .paysuccess-title[data-v-d717defc]{color:#333;font-size:20px;text-align:center}.paysuccess .return-btn[data-v-d717defc]{background:#3386ef;border-radius:2px;color:#fff;cursor:pointer;font-size:17px;height:40px;line-height:40px;margin:20px auto;text-align:center;transition:all .3s ease;width:132px}.paysuccess .return-btn[data-v-d717defc]:hover{opacity:.88}.payfailed .err-icon[data-v-d717defc]{background:#ff4757;border-radius:50%;height:68px;margin:60px auto 30px;overflow:hidden;width:68px}.payfailed .err-icon i[data-v-d717defc]{background:url(../icons/close.svg) no-repeat 50%;background-size:100%;display:block;height:28px;margin:20px auto;width:36px}.payfailed .paysuccess-title[data-v-d717defc]{color:#333;font-size:20px;text-align:center}.payfailed .return-btn[data-v-d717defc]{background:#ff4757;border-radius:2px;color:#fff;cursor:pointer;font-size:17px;height:40px;line-height:40px;margin:20px auto;text-align:center;transition:all .3s ease;width:132px}.payfailed .return-btn[data-v-d717defc]:hover{opacity:.88}.dialog-content[data-v-d717defc]::-webkit-scrollbar{width:6px}.dialog-content[data-v-d717defc]::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.dialog-content[data-v-d717defc]::-webkit-scrollbar-thumb{background:#ff9d2b99;border-radius:3px}.dialog-content[data-v-d717defc]::-webkit-scrollbar-thumb:hover{background:#ff9d2bcc}