\u5373\u72d0\u4ea4\u6613\u4ed8\u6b3e\u65b9\u5f0f<\/title>\n \n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/font-awesome@4.7.0\/css\/font-awesome.min.css\" rel=\"stylesheet\">\n \n <style>\n \/* \u57fa\u7840\u6837\u5f0f\u91cd\u7f6e *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Inter', 'PingFang SC', 'Microsoft YaHei', sans-serif;\n }\n \n body {\n background-color: #f5f7fa;\n padding: 20px 0;\n color: #333;\n }\n \n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n }\n \n \/* \u6807\u9898\u6837\u5f0f *\/\n .page-title {\n text-align: center;\n margin-bottom: 30px;\n font-size: 28px;\n font-weight: 700;\n color: #1a56db;\n position: relative;\n padding-bottom: 15px;\n }\n \n .page-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background-color: #1a56db;\n border-radius: 2px;\n }\n \n \/* \u4ed8\u6b3e\u65b9\u5f0f\u9009\u9879\u5361 *\/\n .payment-tabs {\n display: flex;\n background-color: white;\n border-radius: 12px;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n margin-bottom: 25px;\n }\n \n .tab-button {\n flex: 1;\n padding: 18px 15px;\n text-align: center;\n font-size: 18px;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n border-bottom: 3px solid transparent;\n }\n \n .tab-button.active {\n color: #1a56db;\n border-bottom: 3px solid #1a56db;\n }\n \n .tab-button:not(.active):hover {\n color: #1a56db;\n background-color: #f0f5ff;\n }\n \n \/* \u5185\u5bb9\u533a\u57df *\/\n .tab-content {\n display: none;\n animation: fadeIn 0.5s ease;\n }\n \n .tab-content.active {\n display: block;\n }\n \n \n \/* \u56fe\u7247\u61d2\u52a0\u8f7d\u52a0\u8f7d *\/\n img[loading=\"lazy\"] {\n opacity: 0;\n transition: opacity 0.3s ease-in-out;\n }\n \n img[loading=\"lazy\"].loaded {\n opacity: 1;\n }\n \n \/* \u94f6\u884c\u8f6c\u8d26\u6837\u5f0f *\/\n .bank-list {\n display: flex;\n flex-direction: column;\n gap: 20px;\n }\n \n .bank-card {\n background-color: white;\n border-radius: 12px;\n padding: 20px;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n transition: all 0.3s ease;\n border-left: 4px solid #1a56db;\n }\n \n .bank-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);\n }\n \n .bank-header {\n display: flex;\n align-items: center;\n margin-bottom: 15px;\n }\n \n .bank-logo {\n width: 48px;\n height: 48px;\n object-fit: contain;\n margin-right: 15px;\n }\n \n .bank-name {\n font-size: 20px;\n font-weight: 600;\n color: #333;\n }\n \n .bank-details {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n \n .detail-item {\n display: flex;\n justify-content: space-between;\n padding: 8px 0;\n border-bottom: 1px solid #f0f0f0;\n }\n \n .detail-label {\n font-size: 15px;\n color: #666;\n }\n \n .detail-value {\n font-size: 15px;\n font-weight: 500;\n color: #333;\n display: flex;\n align-items: center;\n }\n \n .copy-btn {\n margin-left: 10px;\n background-color: #1a56db;\n color: white;\n border: none;\n border-radius: 4px;\n padding: 4px 10px;\n font-size: 13px;\n cursor: pointer;\n transition: all 0.2s ease;\n display: flex;\n align-items: center;\n }\n \n .copy-btn i {\n margin-right: 5px;\n }\n \n .copy-btn:hover {\n background-color: #1e429f;\n transform: translateY(-2px);\n }\n \n .copy-success {\n animation: copySuccess 0.8s ease;\n }\n \n @keyframes copySuccess {\n 0% { background-color: #1a56db; }\n 50% { background-color: #22c55e; }\n 100% { background-color: #1a56db; }\n }\n \n \/* \u5728\u7ebf\u652f\u4ed8\u6837\u5f0f *\/\n .payment-qrcodes {\n display: flex;\n flex-direction: column;\n gap: 25px;\n }\n \n .qrcode-card, .qrcode-combo-card {\n background-color: white;\n border-radius: 12px;\n padding: 25px;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n text-align: center;\n transition: all 0.3s ease;\n }\n \n .qrcode-card:hover, .qrcode-combo-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);\n }\n \n .qrcode-title {\n font-size: 18px;\n font-weight: 600;\n margin-bottom: 20px;\n color: #333;\n }\n \n .qrcode-container {\n position: relative;\n width: 100%;\n max-width: 300px;\n height: auto;\n margin: 0 auto 15px;\n overflow: hidden;\n border-radius: 8px;\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n }\n \n .qrcode-image {\n width: 100%;\n height: auto;\n object-fit: contain;\n padding: 10px;\n background-color: white;\n }\n \n .qrcode-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(26, 86, 219, 0.8);\n display: flex;\n justify-content: center;\n align-items: center;\n opacity: 0;\n transition: opacity 0.3s ease;\n cursor: pointer;\n border-radius: 8px;\n }\n \n .qrcode-container:hover .qrcode-overlay {\n opacity: 1;\n }\n \n .qrcode-overlay-text {\n color: white;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n padding: 0 15px;\n }\n \n .qrcode-desc {\n font-size: 14px;\n color: #666;\n margin-top: 10px;\n }\n \n \/* \u4e8c\u7ef4\u7801\u7ec4\u5408\u6837\u5f0f *\/\n .qrcode-pair {\n display: flex;\n justify-content: space-between;\n gap: 20px;\n margin-top: 20px;\n }\n \n .qrcode-item {\n flex: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n \n .qrcode-subtitle {\n font-size: 16px;\n font-weight: 600;\n margin-top: 15px;\n margin-bottom: 5px;\n color: #333;\n }\n \n \/* \u4ed8\u6b3e\u8bf4\u660e *\/\n .payment-instructions {\n margin-top: 30px;\n background-color: white;\n border-radius: 12px;\n padding: 25px;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n }\n \n .instructions-title {\n font-size: 20px;\n font-weight: 600;\n margin-bottom: 20px;\n color: #333;\n display: flex;\n align-items: center;\n }\n \n .instructions-title i {\n color: #1a56db;\n margin-right: 10px;\n font-size: 22px;\n }\n \n .instructions-list {\n display: flex;\n flex-direction: column;\n gap: 15px;\n }\n \n .instruction-item {\n display: flex;\n align-items: flex-start;\n font-size: 15px;\n color: #666;\n }\n \n .instruction-item i {\n color: #22c55e;\n margin-right: 10px;\n margin-top: 3px;\n flex-shrink: 0;\n }\n \n \/* \u4e8c\u7ef4\u7801\u653e\u5927\u6a21\u6001\u6846 *\/\n .modal {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.9);\n z-index: 1000;\n justify-content: center;\n align-items: center;\n padding: 20px;\n }\n \n .modal-content {\n max-width: 90%;\n max-height: 90%;\n background-color: white;\n border-radius: 12px;\n padding: 25px;\n text-align: center;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\n }\n \n .modal-qrcode {\n max-width: 100%;\n max-height: 80vh;\n margin-bottom: 20px;\n object-fit: contain;\n background-color: white;\n padding: 20px;\n }\n \n .modal-title {\n font-size: 20px;\n font-weight: 600;\n margin-bottom: 15px;\n color: #333;\n }\n \n .modal-close {\n position: absolute;\n top: 20px;\n right: 20px;\n color: white;\n font-size: 30px;\n cursor: pointer;\n transition: all 0.2s ease;\n }\n \n .modal-close:hover {\n color: #1a56db;\n transform: scale(1.1);\n }\n \n \/* \u79fb\u52a8\u7aef\u4f18\u5316 *\/\n @media (max-width: 768px) {\n .page-title {\n font-size: 24px;\n margin-bottom: 25px;\n }\n \n .tab-button {\n padding: 15px 10px;\n font-size: 16px;\n }\n \n .bank-card {\n padding: 15px;\n }\n \n .bank-logo {\n width: 40px;\n height: 40px;\n margin-right: 12px;\n }\n \n .bank-name {\n font-size: 18px;\n }\n \n .detail-item {\n flex-direction: column;\n align-items: flex-start;\n gap: 5px;\n }\n \n .detail-value {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n \n .copy-btn {\n margin-left: 0;\n margin-top: 0;\n align-self: flex-end;\n }\n \n .qrcode-container {\n width: 100%;\n max-width: 250px;\n height: auto;\n }\n \n .qrcode-title {\n font-size: 16px;\n }\n \n .qrcode-pair {\n flex-direction: column;\n gap: 30px;\n }\n \n .payment-instructions {\n padding: 20px;\n }\n \n .instructions-title {\n font-size: 18px;\n }\n \n .instruction-item {\n font-size: 14px;\n }\n }\n \n \/* \u66f4\u5c0f\u5c4f\u5e55\u4f18\u5316 *\/\n @media (max-width: 480px) {\n .container {\n padding: 0 15px;\n }\n \n .page-title {\n font-size: 22px;\n margin-bottom: 20px;\n }\n \n .tab-button {\n padding: 12px 8px;\n font-size: 15px;\n }\n \n .bank-details {\n gap: 10px;\n }\n \n .detail-label, .detail-value {\n font-size: 14px;\n }\n \n .qrcode-container {\n width: 100%;\n max-width: 200px;\n height: auto;\n }\n \n .qrcode-overlay-text {\n font-size: 14px;\n }\n \n .modal-content {\n padding: 20px 15px;\n }\n \n .modal-title {\n font-size: 18px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <h1 class=\"page-title\">\u4f01\u4e1a\u4ed8\u6b3e\u65b9\u5f0f<\/h1>\n \n \n <div class=\"payment-tabs\">\n <div class=\"tab-button active\" data-tab=\"online-payment\">\u5728\u7ebf\u652f\u4ed8<\/div>\n <div class=\"tab-button\" data-tab=\"bank-transfer\">\u94f6\u884c\u8f6c\u8d26<\/div>\n <\/div>\n \n \n <div class=\"tab-content active\" id=\"online-payment\">\n <div class=\"payment-qrcodes\">\n \n <div class=\"qrcode-combo-card\">\n <h3 class=\"qrcode-title\">\u5728\u7ebf\u652f\u4ed8\u9009\u9879<\/h3>\n \n <div class=\"qrcode-pair\">\n \n <div class=\"qrcode-item\">\n <div class=\"qrcode-container\" data-qrcode=\"wechat\">\n <img decoding=\"async\" src=\"https:\/\/wxfa.nfoxw.com\/zl\/2025\/10\/20251029162738717.jpg\" alt=\"\u4f01\u4e1a\u5fae\u4fe1\u652f\u4ed8\u7801\" class=\"qrcode-image\">\n <div class=\"qrcode-overlay\">\n <div class=\"qrcode-overlay-text\">\u70b9\u51fb\u653e\u5927<\/div>\n <\/div>\n <\/div>\n \n <h4 class=\"qrcode-subtitle\">\u4f01\u4e1a\u5fae\u4fe1\u652f\u4ed8<\/h4>\n <p class=\"qrcode-desc\">\u4f7f\u7528\u4f01\u4e1a\u5fae\u4fe1\u626b\u7801\u652f\u4ed8<\/p>\n <\/div>\n \n \n <div class=\"qrcode-item\">\n <div class=\"qrcode-container\" data-qrcode=\"enterprise\">\n <img decoding=\"async\" src=\"https:\/\/wxfa.nfoxw.com\/zl\/2025\/10\/20251029162739920.jpg\" alt=\"\u4f01\u4e1a\u652f\u4ed8\u4e8c\u7ef4\u7801\" class=\"qrcode-image\">\n <div class=\"qrcode-overlay\">\n <div class=\"qrcode-overlay-text\">\u70b9\u51fb\u653e\u5927<\/div>\n <\/div>\n <\/div>\n \n <h4 class=\"qrcode-subtitle\">\u4f01\u4e1a\u652f\u4ed8\u4e8c\u7ef4\u7801<\/h4>\n <p class=\"qrcode-desc\">\u4f7f\u7528\u4f01\u4e1a\u652f\u4ed8\u626b\u7801\u652f\u4ed8<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"tab-content\" id=\"bank-transfer\">\n <div class=\"bank-list\">\n \n <div class=\"bank-card\">\n <div class=\"bank-header\">\n <img decoding=\"async\" src=\"https:\/\/p3-doubao-search-sign.byteimg.com\/labis\/59045843be58e05da26b9738aa480b8f~tplv-be4g95zd3a-image.jpeg?rk3s=542c0f93&x-expires=1777303902&x-signature=X3LSOdrPWR3amihYNb8oX0QfhuA%3D\" alt=\"\u6df1\u5733\u5e73\u5b89\u5e73\u5b89\u94f6\u884c\" class=\"bank-logo\">\n <h3 class=\"bank-name\">\u6df1\u5733\u5e73\u5b89\u94f6\u884c<\/h3>\n <\/div>\n \n <div class=\"bank-details\">\n <div class=\"detail-item\">\n <span class=\"detail-label\">\u8d26\u6237\u540d\u79f0<\/span>\n <div class=\"detail-value\">\n <span id=\"pingan-name\">\u6df1\u5733\u5e02\u4e5d\u5341\u5ea6\u7f51\u7edc\u79d1\u6280\u6709\u9650\u516c\u53f8<\/span>\n <button class=\"copy-btn\" data-copy=\"pingan-name\">\n <i class=\"fa fa-copy\"><\/i>\u590d\u5236\n <\/button>\n <\/div>\n <\/div>\n \n <div class=\"detail-item\">\n <span class=\"detail-label\">\u94f6\u884c\u8d26\u53f7<\/span>\n <div class=\"detail-value\">\n <span id=\"pingan-account\">1101 4691 123 2003<\/span>\n <button class=\"copy-btn\" data-copy=\"pingan-account\">\n <i class=\"fa fa-copy\"><\/i>\u590d\u5236\n <\/button>\n <\/div>\n <\/div>\n \n <div class=\"detail-item\">\n <span class=\"detail-label\">\u5f00\u6237\u884c<\/span>\n <div class=\"detail-value\">\n <span id=\"pingan-bank\">\u6df1\u5733\u5e73\u5b89\u94f6\u884c\u5357\u5c71\u652f\u884c<\/span>\n <button class=\"copy-btn\" data-copy=\"pingan-bank\">\n <i class=\"fa fa-copy\"><\/i>\u590d\u5236\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"bank-card\">\n <div class=\"bank-header\">\n <img decoding=\"async\" src=\"https:\/\/p26-doubao-search-sign.byteimg.com\/labis\/31eecb8b5a12a207789430a82df7f974~tplv-be4g95zd3a-image.jpeg?rk3s=542c0f93&x-expires=1777303902&x-signature=bHrvDi0RlBUe2ls32fNXqjm%2BS6s%3D\" alt=\"\u7f51\u5546\u94f6\u884c\" class=\"bank-logo\">\n <h3 class=\"bank-name\">\u7f51\u5546\u94f6\u884c<\/h3>\n <\/div>\n \n <div class=\"bank-details\">\n <div class=\"detail-item\">\n <span class=\"detail-label\">\u8d26\u6237\u540d\u79f0<\/span>\n <div class=\"detail-value\">\n <span id=\"mybank-name\">\u6df1\u5733\u5e02\u4e5d\u5341\u5ea6\u7f51\u7edc\u79d1\u6280\u6709\u9650\u516c\u53f8<\/span>\n <button class=\"copy-btn\" data-copy=\"mybank-name\">\n <i class=\"fa fa-copy\"><\/i>\u590d\u5236\n <\/button>\n <\/div>\n <\/div>\n \n <div class=\"detail-item\">\n <span class=\"detail-label\">\u94f6\u884c\u8d26\u53f7<\/span>\n <div class=\"detail-value\">\n <span id=\"mybank-account\">8888 8885 7879 8003<\/span>\n <button class=\"copy-btn\" data-copy=\"mybank-account\">\n <i class=\"fa fa-copy\"><\/i>\u590d\u5236\n <\/button>\n <\/div>\n <\/div>\n \n <div class=\"detail-item\">\n <span class=\"detail-label\">\u5f00\u6237\u884c<\/span>\n <div class=\"detail-value\">\n <span id=\"mybank-bank\">\u6d59\u6c5f\u7f51\u5546\u94f6\u884c<\/span>\n <button class=\"copy-btn\" data-copy=\"mybank-bank\">\n <i class=\"fa fa-copy\"><\/i>\u590d\u5236\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"payment-instructions\">\n <h3 class=\"instructions-title\">\n <i class=\"fa fa-info-circle\"><\/i>\u4ed8\u6b3e\u8bf4\u660e\n <\/h3>\n \n <div class=\"instructions-list\">\n <div class=\"instruction-item\">\n <i class=\"fa fa-check-circle\"><\/i>\n <p>\u8bf7\u6839\u636e\u60a8\u7684\u4ed8\u6b3e\u91d1\u989d\u548c\u65b9\u4fbf\u7a0b\u5ea6\u9009\u62e9\u5408\u9002\u7684\u4ed8\u6b3e\u65b9\u5f0f\u3002<\/p>\n <\/div>\n \n <div class=\"instruction-item\">\n <i class=\"fa fa-check-circle\"><\/i>\n <p>\u94f6\u884c\u8f6c\u8d26\u65f6\uff0c\u8bf7\u52a1\u5fc5\u586b\u5199\u6b63\u786e\u7684\u8d26\u6237\u4fe1\u606f\uff0c\u4ee5\u514d\u9020\u6210\u8d44\u91d1\u635f\u5931\u3002<\/p>\n <\/div>\n \n <div class=\"instruction-item\">\n <i class=\"fa fa-check-circle\"><\/i>\n <p>\u5728\u7ebf\u652f\u4ed8\u652f\u6301\u4f01\u4e1a\u5fae\u4fe1\u548c\u4f01\u4e1a\u652f\u4ed8\u4e8c\u7ef4\u7801\uff0c\u8bf7\u4f7f\u7528\u76f8\u5e94\u7684APP\u626b\u7801\u652f\u4ed8\u3002<\/p>\n <\/div>\n \n <div class=\"instruction-item\">\n <i class=\"fa fa-check-circle\"><\/i>\n <p>\u4ed8\u6b3e\u5b8c\u6210\u540e\uff0c\u8bf7\u53ca\u65f6\u65f6\u8054\u7cfb\u6211\u4eec\u7684\u5ba2\u670d\u4eba\u5458\u786e\u8ba4\u4ed8\u6b3e\u4fe1\u606f\u3002<\/p>\n <\/div>\n \n <div class=\"instruction-item\">\n <i class=\"fa fa-check-circle\"><\/i>\n <p>\u5982\u6709\u4efb\u4f55\u4ed8\u6b3e\u95ee\u9898\uff0c\u8bf7\u8054\u7cfb\u6211\u4eec\u5728\u7ebf\u5ba2\u670d\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div id=\"qrcode-modal\" class=\"modal\">\n <span class=\"modal-close\">×<\/span>\n <div class=\"modal-content\">\n <h3 class=\"modal-title\" id=\"modal-title\">\u4e8c\u7ef4\u7801<\/h3>\n <img class=\"modal-qrcode\" id=\"modal-qrcode\">\n <\/div>\n <\/div>\n \n <script>\n \/\/ \u9875\u9762\u52a0\u8f7d\u5b8c\u6210\u540e\u6267\u884c\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ \u9009\u9879\u5361\u5207\u6362\u529f\u80fd\n const tabButtons = document.querySelectorAll('.tab-button');\n const tabContents = document.querySelectorAll('.tab-content');\n \n tabButtons.forEach(button => {\n button.addEventListener('click', function() {\n const tabId = this.getAttribute('data-tab');\n \n \/\/ \u79fb\u9664\u6240\u6709\u9009\u9879\u5361\u7684\u6d3b\u52a8\u72b6\u6001\n tabButtons.forEach(btn => btn.classList.remove('active'));\n tabContents.forEach(content => content.classList.remove('active'));\n \n \/\/ \u6dfb\u52a0\u5f53\u524d\u9009\u9879\u5361\u7684\u6d3b\u52a8\u72b6\u6001\n this.classList.add('active');\n document.getElementById(tabId).classList.add('active');\n });\n });\n \n \/\/ \u590d\u5236\u529f\u80fd\n const copyButtons = document.querySelectorAll('.copy-btn');\n \n copyButtons.forEach(button => {\n button.addEventListener('click', function() {\n const copyId = this.getAttribute('data-copy');\n const copyText = document.getElementById(copyId).textContent;\n \n navigator.clipboard.writeText(copyText).then(() => {\n \/\/ \u6dfb\u52a0\u590d\u5236\u6210\u529f\u52a8\u753b\n this.classList.add('copy-success');\n \n \/\/ \u4fdd\u5b58\u539f\u59cb\u6309\u94ae\u6587\u672c\n const originalText = this.innerHTML;\n \n \/\/ \u66f4\u6539\u6309\u94ae\u6587\u672c\u4e3a\"\u5df2\u590d\u5236\"\n this.innerHTML = '<i class=\"fa fa-check\"><\/i>\u5df2\u590d\u5236';\n \n \/\/ 2\u79d2\u540e\u6062\u590d\u539f\u59cb\u72b6\u6001\n setTimeout(() => {\n this.classList.remove('copy-success');\n this.innerHTML = originalText;\n }, 2000);\n }).catch(err => {\n console.error('\u65e0\u6cd5\u590d\u5236\u6587\u672c: ', err);\n });\n });\n });\n \n \/\/ \u4e8c\u7ef4\u7801\u653e\u5927\u529f\u80fd\n const qrcodeModal = document.getElementById('qrcode-modal');\n const modalTitle = document.getElementById('modal-title');\n const modalQrcode = document.getElementById('modal-qrcode');\n const modalClose = document.querySelector('.modal-close');\n const qrcodeContainers = document.querySelectorAll('.qrcode-container');\n \n qrcodeContainers.forEach(container => {\n container.addEventListener('click', function() {\n const qrcodeType = this.getAttribute('data-qrcode');\n const imgElement = this.querySelector('.qrcode-image');\n const imgSrc = imgElement.src;\n let title = '';\n \n if (qrcodeType === 'wechat') {\n title = '\u4f01\u4e1a\u5fae\u4fe1\u652f\u4ed8';\n } else if (qrcodeType === 'enterprise') {\n title = '\u4f01\u4e1a\u652f\u4ed8\u4e8c\u7ef4\u7801';\n }\n \n modalTitle.textContent = title;\n modalQrcode.src = imgSrc;\n qrcodeModal.style.display = 'flex';\n });\n });\n \n \/\/ \u5173\u95ed\u6a21\u6001\u6846\n modalClose.addEventListener('click', function() {\n qrcodeModal.style.display = 'none';\n });\n \n qrcodeModal.addEventListener('click', function(event) {\n if (event.target === qrcodeModal) {\n qrcodeModal.style.display = 'none';\n }\n });\n \n \/\/ \u952e\u76d8ESC\u5173\u95ed\u6a21\u6001\u6846\n document.addEventListener('keydown', function(event) {\n if (event.key === 'Escape' && qrcodeModal.style.display === 'flex') {\n qrcodeModal.style.display = 'none';\n }\n });\n \n \/\/ \u56fe\u7247\u7247\u61d2\u52a0\u8f7d\n const lazyImages = document.querySelectorAll('img[loading=\"lazy\"]');\n \n if ('IntersectionObserver' in window) {\n const imageObserver = new IntersectionObserver((entries, observer) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n const img = entry.target;\n \n img.onload = function() {\n img.classList.add('loaded');\n };\n \n img.src = img.getAttribute('src');\n imageObserver.unobserve(img);\n }\n });\n });\n \n lazyImages.forEach(img => {\n imageObserver.observe(img);\n });\n } else {\n \/\/ \u56de\u9000\u65b9\u6848\uff0c\u9002\u7528\u4e8e\u4e8e\u4e0d\u652f\u6301IntersectionObserver\u7684\u6d4f\u89c8\u5668\n let lazyLoadThrottleTimeout;\n \n function lazyLoad() {\n if (lazyLoadThrottleTimeout) {\n clearTimeout(lazyLoadThrottleTimeout);\n }\n \n lazyLoadThrottleTimeout = setTimeout(() => {\n const scrollTop = window.scrollY;\n \n lazyImages.forEach(img => {\n if (img.offsetTop < window.innerHeight + scrollTop) {\n img.onload = function() {\n img.classList.add('loaded');\n };\n \n img.src = img.getAttribute('src');\n img.removeAttribute('src');\n }\n });\n \n if (lazyImages.length === 0) { \n document.removeEventListener('scroll', lazyLoad);\n window.removeEventListener('resize', lazyLoad);\n window.removeEventListener('orientationChange', lazyLoad);\n }\n }, 20);\n }\n \n document.addEventListener('scroll', lazyLoad);\n window.addEventListener('resize', lazyLoad);\n window.addEventListener('orientationChange', lazyLoad);\n lazyLoad();\n }\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u5373\u72d0\u4ea4\u6613\u4ed8\u6b3e\u65b9\u5f0f \u4f01\u4e1a\u4ed8\u6b3e\u65b9\u5f0f \u5728\u7ebf\u652f\u4ed8 \u94f6\u884c\u8f6c\u8d26 \u5728\u7ebf\u652f\u4ed8\u9009\u9879 \u70b9\u51fb\u653e\u5927 \u4f01\u4e1a\u5fae\u4fe1\u652f\u4ed8 \u4f7f\u7528\u4f01\u4e1a\u5fae\u4fe1\u626b\u7801\u652f\u4ed8 \u70b9\u51fb\u653e\u5927 \u4f01\u4e1a\u652f\u4ed8\u4e8c\u7ef4\u7801 \u4f7f\u7528\u4f01\u4e1a\u652f\u4ed8\u626b\u7801\u652f\u4ed8 \u6df1\u5733\u5e73\u5b89\u94f6\u884c \u8d26\u6237\u540d\u79f0 \u6df1\u5733\u5e02\u4e5d\u5341\u5ea6\u7f51\u7edc\u79d1\u6280\u6709\u9650\u516c\u53f8 \u590d\u5236 \u94f6\u884c\u8d26\u53f7 1101 …<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-full.php","meta":{"footnotes":""},"class_list":["post-3532","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.nfoxw.com\/index.php?rest_route=\/wp\/v2\/pages\/3532","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.nfoxw.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.nfoxw.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.nfoxw.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nfoxw.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3532"}],"version-history":[{"count":22,"href":"https:\/\/www.nfoxw.com\/index.php?rest_route=\/wp\/v2\/pages\/3532\/revisions"}],"predecessor-version":[{"id":3572,"href":"https:\/\/www.nfoxw.com\/index.php?rest_route=\/wp\/v2\/pages\/3532\/revisions\/3572"}],"wp:attachment":[{"href":"https:\/\/www.nfoxw.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3532"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":3532,"date":"2025-10-29T23:33:16","date_gmt":"2025-10-29T15:33:16","guid":{"rendered":"https:\/\/www.nfoxw.com\/?page_id=3532"},"modified":"2025-11-14T09:14:43","modified_gmt":"2025-11-14T01:14:43","slug":"%e5%8d%b3%e7%8b%90geo%e4%ba%a4%e6%98%93%e4%bb%98%e6%ac%be%e6%96%b9%e5%bc%8f","status":"publish","type":"page","link":"https:\/\/www.nfoxw.com\/?page_id=3532","title":{"rendered":"\u5373\u72d0GEO\u4ea4\u6613\u4ed8\u6b3e\u65b9\u5f0f"},"content":{"rendered":"\n\n\n\n \n \n \u5373\u72d0\u4ea4\u6613\u4ed8\u6b3e\u65b9\u5f0f<\/title>\n \n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/font-awesome@4.7.0\/css\/font-awesome.min.css\" rel=\"stylesheet\">\n \n <style>\n \/* \u57fa\u7840\u6837\u5f0f\u91cd\u7f6e *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Inter', 'PingFang SC', 'Microsoft YaHei', sans-serif;\n }\n \n body {\n background-color: #f5f7fa;\n padding: 20px 0;\n color: #333;\n }\n \n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n }\n \n \/* \u6807\u9898\u6837\u5f0f *\/\n .page-title {\n text-align: center;\n margin-bottom: 30px;\n font-size: 28px;\n font-weight: 700;\n color: #1a56db;\n position: relative;\n padding-bottom: 15px;\n }\n \n .page-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background-color: #1a56db;\n border-radius: 2px;\n }\n \n \/* \u4ed8\u6b3e\u65b9\u5f0f\u9009\u9879\u5361 *\/\n .payment-tabs {\n display: flex;\n background-color: white;\n border-radius: 12px;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n margin-bottom: 25px;\n }\n \n .tab-button {\n flex: 1;\n padding: 18px 15px;\n text-align: center;\n font-size: 18px;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n border-bottom: 3px solid transparent;\n }\n \n .tab-button.active {\n color: #1a56db;\n border-bottom: 3px solid #1a56db;\n }\n \n .tab-button:not(.active):hover {\n color: #1a56db;\n background-color: #f0f5ff;\n }\n \n \/* \u5185\u5bb9\u533a\u57df *\/\n .tab-content {\n display: none;\n animation: fadeIn 0.5s ease;\n }\n \n .tab-content.active {\n display: block;\n }\n \n \n \/* \u56fe\u7247\u61d2\u52a0\u8f7d\u52a0\u8f7d *\/\n img[loading=\"lazy\"] {\n opacity: 0;\n transition: opacity 0.3s ease-in-out;\n }\n \n img[loading=\"lazy\"].loaded {\n opacity: 1;\n }\n \n \/* \u94f6\u884c\u8f6c\u8d26\u6837\u5f0f *\/\n .bank-list {\n display: flex;\n flex-direction: column;\n gap: 20px;\n }\n \n .bank-card {\n background-color: white;\n border-radius: 12px;\n padding: 20px;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n transition: all 0.3s ease;\n border-left: 4px solid #1a56db;\n }\n \n .bank-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);\n }\n \n .bank-header {\n display: flex;\n align-items: center;\n margin-bottom: 15px;\n }\n \n .bank-logo {\n width: 48px;\n height: 48px;\n object-fit: contain;\n margin-right: 15px;\n }\n \n .bank-name {\n font-size: 20px;\n font-weight: 600;\n color: #333;\n }\n \n .bank-details {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n \n .detail-item {\n display: flex;\n justify-content: space-between;\n padding: 8px 0;\n border-bottom: 1px solid #f0f0f0;\n }\n \n .detail-label {\n font-size: 15px;\n color: #666;\n }\n \n .detail-value {\n font-size: 15px;\n font-weight: 500;\n color: #333;\n display: flex;\n align-items: center;\n }\n \n .copy-btn {\n margin-left: 10px;\n background-color: #1a56db;\n color: white;\n border: none;\n border-radius: 4px;\n padding: 4px 10px;\n font-size: 13px;\n cursor: pointer;\n transition: all 0.2s ease;\n display: flex;\n align-items: center;\n }\n \n .copy-btn i {\n margin-right: 5px;\n }\n \n .copy-btn:hover {\n background-color: #1e429f;\n transform: translateY(-2px);\n }\n \n .copy-success {\n animation: copySuccess 0.8s ease;\n }\n \n @keyframes copySuccess {\n 0% { background-color: #1a56db; }\n 50% { background-color: #22c55e; }\n 100% { background-color: #1a56db; }\n }\n \n \/* \u5728\u7ebf\u652f\u4ed8\u6837\u5f0f *\/\n .payment-qrcodes {\n display: flex;\n flex-direction: column;\n gap: 25px;\n }\n \n .qrcode-card, .qrcode-combo-card {\n background-color: white;\n border-radius: 12px;\n padding: 25px;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n text-align: center;\n transition: all 0.3s ease;\n }\n \n .qrcode-card:hover, .qrcode-combo-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);\n }\n \n .qrcode-title {\n font-size: 18px;\n font-weight: 600;\n margin-bottom: 20px;\n color: #333;\n }\n \n .qrcode-container {\n position: relative;\n width: 100%;\n max-width: 300px;\n height: auto;\n margin: 0 auto 15px;\n overflow: hidden;\n border-radius: 8px;\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n }\n \n .qrcode-image {\n width: 100%;\n height: auto;\n object-fit: contain;\n padding: 10px;\n background-color: white;\n }\n \n .qrcode-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(26, 86, 219, 0.8);\n display: flex;\n justify-content: center;\n align-items: center;\n opacity: 0;\n transition: opacity 0.3s ease;\n cursor: pointer;\n border-radius: 8px;\n }\n \n .qrcode-container:hover .qrcode-overlay {\n opacity: 1;\n }\n \n .qrcode-overlay-text {\n color: white;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n padding: 0 15px;\n }\n \n .qrcode-desc {\n font-size: 14px;\n color: #666;\n margin-top: 10px;\n }\n \n \/* \u4e8c\u7ef4\u7801\u7ec4\u5408\u6837\u5f0f *\/\n .qrcode-pair {\n display: flex;\n justify-content: space-between;\n gap: 20px;\n margin-top: 20px;\n }\n \n .qrcode-item {\n flex: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n \n .qrcode-subtitle {\n font-size: 16px;\n font-weight: 600;\n margin-top: 15px;\n margin-bottom: 5px;\n color: #333;\n }\n \n \/* \u4ed8\u6b3e\u8bf4\u660e *\/\n .payment-instructions {\n margin-top: 30px;\n background-color: white;\n border-radius: 12px;\n padding: 25px;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n }\n \n .instructions-title {\n font-size: 20px;\n font-weight: 600;\n margin-bottom: 20px;\n color: #333;\n display: flex;\n align-items: center;\n }\n \n .instructions-title i {\n color: #1a56db;\n margin-right: 10px;\n font-size: 22px;\n }\n \n .instructions-list {\n display: flex;\n flex-direction: column;\n gap: 15px;\n }\n \n .instruction-item {\n display: flex;\n align-items: flex-start;\n font-size: 15px;\n color: #666;\n }\n \n .instruction-item i {\n color: #22c55e;\n margin-right: 10px;\n margin-top: 3px;\n flex-shrink: 0;\n }\n \n \/* \u4e8c\u7ef4\u7801\u653e\u5927\u6a21\u6001\u6846 *\/\n .modal {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.9);\n z-index: 1000;\n justify-content: center;\n align-items: center;\n padding: 20px;\n }\n \n .modal-content {\n max-width: 90%;\n max-height: 90%;\n background-color: white;\n border-radius: 12px;\n padding: 25px;\n text-align: center;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\n }\n \n .modal-qrcode {\n max-width: 100%;\n max-height: 80vh;\n margin-bottom: 20px;\n object-fit: contain;\n background-color: white;\n padding: 20px;\n }\n \n .modal-title {\n font-size: 20px;\n font-weight: 600;\n margin-bottom: 15px;\n color: #333;\n }\n \n .modal-close {\n position: absolute;\n top: 20px;\n right: 20px;\n color: white;\n font-size: 30px;\n cursor: pointer;\n transition: all 0.2s ease;\n }\n \n .modal-close:hover {\n color: #1a56db;\n transform: scale(1.1);\n }\n \n \/* \u79fb\u52a8\u7aef\u4f18\u5316 *\/\n @media (max-width: 768px) {\n .page-title {\n font-size: 24px;\n margin-bottom: 25px;\n }\n \n .tab-button {\n padding: 15px 10px;\n font-size: 16px;\n }\n \n .bank-card {\n padding: 15px;\n }\n \n .bank-logo {\n width: 40px;\n height: 40px;\n margin-right: 12px;\n }\n \n .bank-name {\n font-size: 18px;\n }\n \n .detail-item {\n flex-direction: column;\n align-items: flex-start;\n gap: 5px;\n }\n \n .detail-value {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n \n .copy-btn {\n margin-left: 0;\n margin-top: 0;\n align-self: flex-end;\n }\n \n .qrcode-container {\n width: 100%;\n max-width: 250px;\n height: auto;\n }\n \n .qrcode-title {\n font-size: 16px;\n }\n \n .qrcode-pair {\n flex-direction: column;\n gap: 30px;\n }\n \n .payment-instructions {\n padding: 20px;\n }\n \n .instructions-title {\n font-size: 18px;\n }\n \n .instruction-item {\n font-size: 14px;\n }\n }\n \n \/* \u66f4\u5c0f\u5c4f\u5e55\u4f18\u5316 *\/\n @media (max-width: 480px) {\n .container {\n padding: 0 15px;\n }\n \n .page-title {\n font-size: 22px;\n margin-bottom: 20px;\n }\n \n .tab-button {\n padding: 12px 8px;\n font-size: 15px;\n }\n \n .bank-details {\n gap: 10px;\n }\n \n .detail-label, .detail-value {\n font-size: 14px;\n }\n \n .qrcode-container {\n width: 100%;\n max-width: 200px;\n height: auto;\n }\n \n .qrcode-overlay-text {\n font-size: 14px;\n }\n \n .modal-content {\n padding: 20px 15px;\n }\n \n .modal-title {\n font-size: 18px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <h1 class=\"page-title\">\u4f01\u4e1a\u4ed8\u6b3e\u65b9\u5f0f<\/h1>\n \n \n <div class=\"payment-tabs\">\n <div class=\"tab-button active\" data-tab=\"online-payment\">\u5728\u7ebf\u652f\u4ed8<\/div>\n <div class=\"tab-button\" data-tab=\"bank-transfer\">\u94f6\u884c\u8f6c\u8d26<\/div>\n <\/div>\n \n \n <div class=\"tab-content active\" id=\"online-payment\">\n <div class=\"payment-qrcodes\">\n \n <div class=\"qrcode-combo-card\">\n <h3 class=\"qrcode-title\">\u5728\u7ebf\u652f\u4ed8\u9009\u9879<\/h3>\n \n <div class=\"qrcode-pair\">\n \n <div class=\"qrcode-item\">\n <div class=\"qrcode-container\" data-qrcode=\"wechat\">\n <img decoding=\"async\" src=\"https:\/\/wxfa.nfoxw.com\/zl\/2025\/10\/20251029162738717.jpg\" alt=\"\u4f01\u4e1a\u5fae\u4fe1\u652f\u4ed8\u7801\" class=\"qrcode-image\">\n <div class=\"qrcode-overlay\">\n <div class=\"qrcode-overlay-text\">\u70b9\u51fb\u653e\u5927<\/div>\n <\/div>\n <\/div>\n \n <h4 class=\"qrcode-subtitle\">\u4f01\u4e1a\u5fae\u4fe1\u652f\u4ed8<\/h4>\n <p class=\"qrcode-desc\">\u4f7f\u7528\u4f01\u4e1a\u5fae\u4fe1\u626b\u7801\u652f\u4ed8<\/p>\n <\/div>\n \n \n <div class=\"qrcode-item\">\n <div class=\"qrcode-container\" data-qrcode=\"enterprise\">\n <img decoding=\"async\" src=\"https:\/\/wxfa.nfoxw.com\/zl\/2025\/10\/20251029162739920.jpg\" alt=\"\u4f01\u4e1a\u652f\u4ed8\u4e8c\u7ef4\u7801\" class=\"qrcode-image\">\n <div class=\"qrcode-overlay\">\n <div class=\"qrcode-overlay-text\">\u70b9\u51fb\u653e\u5927<\/div>\n <\/div>\n <\/div>\n \n <h4 class=\"qrcode-subtitle\">\u4f01\u4e1a\u652f\u4ed8\u4e8c\u7ef4\u7801<\/h4>\n <p class=\"qrcode-desc\">\u4f7f\u7528\u4f01\u4e1a\u652f\u4ed8\u626b\u7801\u652f\u4ed8<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"tab-content\" id=\"bank-transfer\">\n <div class=\"bank-list\">\n \n <div class=\"bank-card\">\n <div class=\"bank-header\">\n <img decoding=\"async\" src=\"https:\/\/p3-doubao-search-sign.byteimg.com\/labis\/59045843be58e05da26b9738aa480b8f~tplv-be4g95zd3a-image.jpeg?rk3s=542c0f93&x-expires=1777303902&x-signature=X3LSOdrPWR3amihYNb8oX0QfhuA%3D\" alt=\"\u6df1\u5733\u5e73\u5b89\u5e73\u5b89\u94f6\u884c\" class=\"bank-logo\">\n <h3 class=\"bank-name\">\u6df1\u5733\u5e73\u5b89\u94f6\u884c<\/h3>\n <\/div>\n \n <div class=\"bank-details\">\n <div class=\"detail-item\">\n <span class=\"detail-label\">\u8d26\u6237\u540d\u79f0<\/span>\n <div class=\"detail-value\">\n <span id=\"pingan-name\">\u6df1\u5733\u5e02\u4e5d\u5341\u5ea6\u7f51\u7edc\u79d1\u6280\u6709\u9650\u516c\u53f8<\/span>\n <button class=\"copy-btn\" data-copy=\"pingan-name\">\n <i class=\"fa fa-copy\"><\/i>\u590d\u5236\n <\/button>\n <\/div>\n <\/div>\n \n <div class=\"detail-item\">\n <span class=\"detail-label\">\u94f6\u884c\u8d26\u53f7<\/span>\n <div class=\"detail-value\">\n <span id=\"pingan-account\">1101 4691 123 2003<\/span>\n <button class=\"copy-btn\" data-copy=\"pingan-account\">\n <i class=\"fa fa-copy\"><\/i>\u590d\u5236\n <\/button>\n <\/div>\n <\/div>\n \n <div class=\"detail-item\">\n <span class=\"detail-label\">\u5f00\u6237\u884c<\/span>\n <div class=\"detail-value\">\n <span id=\"pingan-bank\">\u6df1\u5733\u5e73\u5b89\u94f6\u884c\u5357\u5c71\u652f\u884c<\/span>\n <button class=\"copy-btn\" data-copy=\"pingan-bank\">\n <i class=\"fa fa-copy\"><\/i>\u590d\u5236\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"bank-card\">\n <div class=\"bank-header\">\n <img decoding=\"async\" src=\"https:\/\/p26-doubao-search-sign.byteimg.com\/labis\/31eecb8b5a12a207789430a82df7f974~tplv-be4g95zd3a-image.jpeg?rk3s=542c0f93&x-expires=1777303902&x-signature=bHrvDi0RlBUe2ls32fNXqjm%2BS6s%3D\" alt=\"\u7f51\u5546\u94f6\u884c\" class=\"bank-logo\">\n <h3 class=\"bank-name\">\u7f51\u5546\u94f6\u884c<\/h3>\n <\/div>\n \n <div class=\"bank-details\">\n <div class=\"detail-item\">\n <span class=\"detail-label\">\u8d26\u6237\u540d\u79f0<\/span>\n <div class=\"detail-value\">\n <span id=\"mybank-name\">\u6df1\u5733\u5e02\u4e5d\u5341\u5ea6\u7f51\u7edc\u79d1\u6280\u6709\u9650\u516c\u53f8<\/span>\n <button class=\"copy-btn\" data-copy=\"mybank-name\">\n <i class=\"fa fa-copy\"><\/i>\u590d\u5236\n <\/button>\n <\/div>\n <\/div>\n \n <div class=\"detail-item\">\n <span class=\"detail-label\">\u94f6\u884c\u8d26\u53f7<\/span>\n <div class=\"detail-value\">\n <span id=\"mybank-account\">8888 8885 7879 8003<\/span>\n <button class=\"copy-btn\" data-copy=\"mybank-account\">\n <i class=\"fa fa-copy\"><\/i>\u590d\u5236\n <\/button>\n <\/div>\n <\/div>\n \n <div class=\"detail-item\">\n <span class=\"detail-label\">\u5f00\u6237\u884c<\/span>\n <div class=\"detail-value\">\n <span id=\"mybank-bank\">\u6d59\u6c5f\u7f51\u5546\u94f6\u884c<\/span>\n <button class=\"copy-btn\" data-copy=\"mybank-bank\">\n <i class=\"fa fa-copy\"><\/i>\u590d\u5236\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"payment-instructions\">\n <h3 class=\"instructions-title\">\n <i class=\"fa fa-info-circle\"><\/i>\u4ed8\u6b3e\u8bf4\u660e\n <\/h3>\n \n <div class=\"instructions-list\">\n <div class=\"instruction-item\">\n <i class=\"fa fa-check-circle\"><\/i>\n <p>\u8bf7\u6839\u636e\u60a8\u7684\u4ed8\u6b3e\u91d1\u989d\u548c\u65b9\u4fbf\u7a0b\u5ea6\u9009\u62e9\u5408\u9002\u7684\u4ed8\u6b3e\u65b9\u5f0f\u3002<\/p>\n <\/div>\n \n <div class=\"instruction-item\">\n <i class=\"fa fa-check-circle\"><\/i>\n <p>\u94f6\u884c\u8f6c\u8d26\u65f6\uff0c\u8bf7\u52a1\u5fc5\u586b\u5199\u6b63\u786e\u7684\u8d26\u6237\u4fe1\u606f\uff0c\u4ee5\u514d\u9020\u6210\u8d44\u91d1\u635f\u5931\u3002<\/p>\n <\/div>\n \n <div class=\"instruction-item\">\n <i class=\"fa fa-check-circle\"><\/i>\n <p>\u5728\u7ebf\u652f\u4ed8\u652f\u6301\u4f01\u4e1a\u5fae\u4fe1\u548c\u4f01\u4e1a\u652f\u4ed8\u4e8c\u7ef4\u7801\uff0c\u8bf7\u4f7f\u7528\u76f8\u5e94\u7684APP\u626b\u7801\u652f\u4ed8\u3002<\/p>\n <\/div>\n \n <div class=\"instruction-item\">\n <i class=\"fa fa-check-circle\"><\/i>\n <p>\u4ed8\u6b3e\u5b8c\u6210\u540e\uff0c\u8bf7\u53ca\u65f6\u65f6\u8054\u7cfb\u6211\u4eec\u7684\u5ba2\u670d\u4eba\u5458\u786e\u8ba4\u4ed8\u6b3e\u4fe1\u606f\u3002<\/p>\n <\/div>\n \n <div class=\"instruction-item\">\n <i class=\"fa fa-check-circle\"><\/i>\n <p>\u5982\u6709\u4efb\u4f55\u4ed8\u6b3e\u95ee\u9898\uff0c\u8bf7\u8054\u7cfb\u6211\u4eec\u5728\u7ebf\u5ba2\u670d\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div id=\"qrcode-modal\" class=\"modal\">\n <span class=\"modal-close\">×<\/span>\n <div class=\"modal-content\">\n <h3 class=\"modal-title\" id=\"modal-title\">\u4e8c\u7ef4\u7801<\/h3>\n <img class=\"modal-qrcode\" id=\"modal-qrcode\">\n <\/div>\n <\/div>\n \n <script>\n \/\/ \u9875\u9762\u52a0\u8f7d\u5b8c\u6210\u540e\u6267\u884c\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ \u9009\u9879\u5361\u5207\u6362\u529f\u80fd\n const tabButtons = document.querySelectorAll('.tab-button');\n const tabContents = document.querySelectorAll('.tab-content');\n \n tabButtons.forEach(button => {\n button.addEventListener('click', function() {\n const tabId = this.getAttribute('data-tab');\n \n \/\/ \u79fb\u9664\u6240\u6709\u9009\u9879\u5361\u7684\u6d3b\u52a8\u72b6\u6001\n tabButtons.forEach(btn => btn.classList.remove('active'));\n tabContents.forEach(content => content.classList.remove('active'));\n \n \/\/ \u6dfb\u52a0\u5f53\u524d\u9009\u9879\u5361\u7684\u6d3b\u52a8\u72b6\u6001\n this.classList.add('active');\n document.getElementById(tabId).classList.add('active');\n });\n });\n \n \/\/ \u590d\u5236\u529f\u80fd\n const copyButtons = document.querySelectorAll('.copy-btn');\n \n copyButtons.forEach(button => {\n button.addEventListener('click', function() {\n const copyId = this.getAttribute('data-copy');\n const copyText = document.getElementById(copyId).textContent;\n \n navigator.clipboard.writeText(copyText).then(() => {\n \/\/ \u6dfb\u52a0\u590d\u5236\u6210\u529f\u52a8\u753b\n this.classList.add('copy-success');\n \n \/\/ \u4fdd\u5b58\u539f\u59cb\u6309\u94ae\u6587\u672c\n const originalText = this.innerHTML;\n \n \/\/ \u66f4\u6539\u6309\u94ae\u6587\u672c\u4e3a\"\u5df2\u590d\u5236\"\n this.innerHTML = '<i class=\"fa fa-check\"><\/i>\u5df2\u590d\u5236';\n \n \/\/ 2\u79d2\u540e\u6062\u590d\u539f\u59cb\u72b6\u6001\n setTimeout(() => {\n this.classList.remove('copy-success');\n this.innerHTML = originalText;\n }, 2000);\n }).catch(err => {\n console.error('\u65e0\u6cd5\u590d\u5236\u6587\u672c: ', err);\n });\n });\n });\n \n \/\/ \u4e8c\u7ef4\u7801\u653e\u5927\u529f\u80fd\n const qrcodeModal = document.getElementById('qrcode-modal');\n const modalTitle = document.getElementById('modal-title');\n const modalQrcode = document.getElementById('modal-qrcode');\n const modalClose = document.querySelector('.modal-close');\n const qrcodeContainers = document.querySelectorAll('.qrcode-container');\n \n qrcodeContainers.forEach(container => {\n container.addEventListener('click', function() {\n const qrcodeType = this.getAttribute('data-qrcode');\n const imgElement = this.querySelector('.qrcode-image');\n const imgSrc = imgElement.src;\n let title = '';\n \n if (qrcodeType === 'wechat') {\n title = '\u4f01\u4e1a\u5fae\u4fe1\u652f\u4ed8';\n } else if (qrcodeType === 'enterprise') {\n title = '\u4f01\u4e1a\u652f\u4ed8\u4e8c\u7ef4\u7801';\n }\n \n modalTitle.textContent = title;\n modalQrcode.src = imgSrc;\n qrcodeModal.style.display = 'flex';\n });\n });\n \n \/\/ \u5173\u95ed\u6a21\u6001\u6846\n modalClose.addEventListener('click', function() {\n qrcodeModal.style.display = 'none';\n });\n \n qrcodeModal.addEventListener('click', function(event) {\n if (event.target === qrcodeModal) {\n qrcodeModal.style.display = 'none';\n }\n });\n \n \/\/ \u952e\u76d8ESC\u5173\u95ed\u6a21\u6001\u6846\n document.addEventListener('keydown', function(event) {\n if (event.key === 'Escape' && qrcodeModal.style.display === 'flex') {\n qrcodeModal.style.display = 'none';\n }\n });\n \n \/\/ \u56fe\u7247\u7247\u61d2\u52a0\u8f7d\n const lazyImages = document.querySelectorAll('img[loading=\"lazy\"]');\n \n if ('IntersectionObserver' in window) {\n const imageObserver = new IntersectionObserver((entries, observer) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n const img = entry.target;\n \n img.onload = function() {\n img.classList.add('loaded');\n };\n \n img.src = img.getAttribute('src');\n imageObserver.unobserve(img);\n }\n });\n });\n \n lazyImages.forEach(img => {\n imageObserver.observe(img);\n });\n } else {\n \/\/ \u56de\u9000\u65b9\u6848\uff0c\u9002\u7528\u4e8e\u4e8e\u4e0d\u652f\u6301IntersectionObserver\u7684\u6d4f\u89c8\u5668\n let lazyLoadThrottleTimeout;\n \n function lazyLoad() {\n if (lazyLoadThrottleTimeout) {\n clearTimeout(lazyLoadThrottleTimeout);\n }\n \n lazyLoadThrottleTimeout = setTimeout(() => {\n const scrollTop = window.scrollY;\n \n lazyImages.forEach(img => {\n if (img.offsetTop < window.innerHeight + scrollTop) {\n img.onload = function() {\n img.classList.add('loaded');\n };\n \n img.src = img.getAttribute('src');\n img.removeAttribute('src');\n }\n });\n \n if (lazyImages.length === 0) { \n document.removeEventListener('scroll', lazyLoad);\n window.removeEventListener('resize', lazyLoad);\n window.removeEventListener('orientationChange', lazyLoad);\n }\n }, 20);\n }\n \n document.addEventListener('scroll', lazyLoad);\n window.addEventListener('resize', lazyLoad);\n window.addEventListener('orientationChange', lazyLoad);\n lazyLoad();\n }\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u5373\u72d0\u4ea4\u6613\u4ed8\u6b3e\u65b9\u5f0f \u4f01\u4e1a\u4ed8\u6b3e\u65b9\u5f0f \u5728\u7ebf\u652f\u4ed8 \u94f6\u884c\u8f6c\u8d26 \u5728\u7ebf\u652f\u4ed8\u9009\u9879 \u70b9\u51fb\u653e\u5927 \u4f01\u4e1a\u5fae\u4fe1\u652f\u4ed8 \u4f7f\u7528\u4f01\u4e1a\u5fae\u4fe1\u626b\u7801\u652f\u4ed8 \u70b9\u51fb\u653e\u5927 \u4f01\u4e1a\u652f\u4ed8\u4e8c\u7ef4\u7801 \u4f7f\u7528\u4f01\u4e1a\u652f\u4ed8\u626b\u7801\u652f\u4ed8 \u6df1\u5733\u5e73\u5b89\u94f6\u884c \u8d26\u6237\u540d\u79f0 \u6df1\u5733\u5e02\u4e5d\u5341\u5ea6\u7f51\u7edc\u79d1\u6280\u6709\u9650\u516c\u53f8 \u590d\u5236 \u94f6\u884c\u8d26\u53f7 1101 …<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-full.php","meta":{"footnotes":""},"class_list":["post-3532","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.nfoxw.com\/index.php?rest_route=\/wp\/v2\/pages\/3532","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.nfoxw.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.nfoxw.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.nfoxw.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nfoxw.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3532"}],"version-history":[{"count":22,"href":"https:\/\/www.nfoxw.com\/index.php?rest_route=\/wp\/v2\/pages\/3532\/revisions"}],"predecessor-version":[{"id":3572,"href":"https:\/\/www.nfoxw.com\/index.php?rest_route=\/wp\/v2\/pages\/3532\/revisions\/3572"}],"wp:attachment":[{"href":"https:\/\/www.nfoxw.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3532"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}