{"id":6271,"date":"2025-09-18T02:09:01","date_gmt":"2025-09-18T02:09:01","guid":{"rendered":"https:\/\/bbmsl.com\/?page_id=6271"},"modified":"2025-11-05T03:26:39","modified_gmt":"2025-11-05T03:26:39","slug":"abbypay-%e6%89%8b%e6%9c%ba%e6%94%b6%e6%ac%be%e5%ba%94%e7%94%a8%e7%a8%8b%e5%bc%8f","status":"publish","type":"page","link":"https:\/\/bbmsl.com\/zh-hans\/abbypay-%e6%89%8b%e6%9c%ba%e6%94%b6%e6%ac%be%e5%ba%94%e7%94%a8%e7%a8%8b%e5%bc%8f\/","title":{"rendered":"AbbyPay \u624b\u673a\u6536\u6b3e\u5e94\u7528\u7a0b\u5f0f"},"content":{"rendered":"\n<div block-name=\"bbmsl-home-landing\" class=\"py-10 xl:pb-[68px] bg-white overflow-hidden\" x-data=\"landing_banner\">\n  <div class=\"container\">\n    <div class=\"xl:flex items-center\">\n      <div class=\"xl:max-w-[700px] 3xl:max-w-[848px] xl:mr-5\" x-ref=\"landing_content\">\n                  <p class=\"text-body text-black000 font-bold leading-5 mb-5\">\u670d\u52a1<\/p>\n        \n                  <div class=\"max-w-[230px] mb-5\">\n            <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2025\/09\/ABBY-logo-RGB_small-e1758008886987.png\" alt=\"\" \/>\n          <\/div>\n        \n        <h1 class=\"heading1 leading-[50px] md:leading-[56px] 3xl:leading-[75px] mb-5\">\n          AbbyPay \u624b\u673a\u6536\u6b3e\u5e94\u7528\u7a0b\u5f0f                  <\/h1>\n\n        <div class=\"text-body text-tertiary leading-7 font-noto-sans\">\n          <p>AppyPay \u900f\u8fc7\u521b\u65b0\u7684 SoftPOS \u6280\u672f\u9769\u65b0\u652f\u4ed8\u4f53\u9a8c\uff0c\u5c06\u5177\u5907 NFC \u529f\u80fd\u7684 Android \u667a\u80fd\u624b\u673a\u53d8\u8eab\u5361\u673a\u3002\u65e0\u9700\u4f20\u7edf\u5361\u673a\u6216\u989d\u5916\u786c\u4ef6\uff0c\u53ea\u9700\u4e0b\u8f7d\u5e94\u7528\u7a0b\u5f0f\uff0c\u5373\u53ef\u968f\u65f6\u968f\u5730\u4e3a\u987e\u5ba2\u63d0\u4f9b\u6d41\u7545\u7684\u652f\u4ed8\u4f53\u9a8c\uff0c\u5b9e\u73b0\u968f\u65f6\u3001\u968f\u5730\u3001\u968f\u8eab\u7075\u6d3b\u6536\u6b3e\uff0c\u8f7b\u677e\u6ee1\u8db3\u5404\u79cd\u5546\u4e1a\u9700\u6c42\u3002<\/p>\n        <\/div>\n\n                  <div class=\"mt-5 md:mt-10 md:flex\">\n                          <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.abby.mpos.release\" class=\"block max-lg:flex-1 max-lg:text-center text-btn py-4 px-6 rounded-[100px] transition md:mr-5 last:mr-0 text-white border bg-primary border-primary hover:bg-secondary hover:border-secondary\" rel=\"nofollow noopener\" target=\"_blank\">\n                \u4e0b\u8f7d AbbyPay              <\/a>\n            \n                          <a href=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2025\/09\/A4-leaflet_for-sales_v2-compressed.pdf\" class=\"block max-lg:flex-1 max-lg:text-center text-btn py-4 px-6 rounded-[100px] transition md:mt-0 mt-2.5 md:mr-5 last:mr-0 border bg-white text-primary border-primary hover:bg-secondary hover:text-white hover:border-secondary\">\n                \u4e86\u89e3\u66f4\u591a              <\/a>\n                      <\/div>\n              <\/div>\n\n      <div\n        class=\"mx-auto xl:mr-[unset] xl:ml-auto max-w-[480px] xl:max-w-[660px] mt-5 md:mt-[60px] xl:mt-0 w-full aspect-square flex items-center\">\n                  <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2025\/09\/AbbyPay-1.png\" alt=\"\" x-ref=\"content_img\"\n            class=\"transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%] rounded-xl\" \/>\n              <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<script>\n  (function () {\n    document.addEventListener('alpine:init', function () {\n      Alpine.data('landing_banner', () => ({\n        imgLoaded: false,\n        contentObserved: false,\n        imgObserved: false,\n        init() {\n          \/\/ this.observe(this.$refs.landing_content, 'contentObserved');\n          const img = this.$refs.content_img;\n          if (img.complete) {\n            setTimeout(() => {\n              this.imgLoaded = true;\n              this.observe(img, 'imgObserved');\n            }, 1);\n          } else {\n            img.addEventListener('load', () => {\n              this.imgLoaded = true;\n              this.observe(img, 'imgObserved');\n            });\n          }\n        },\n        observe(ele, observedKey) {\n          const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n              if (entry.isIntersecting && !this.observed) {\n                this[`${observedKey}`] = true;\n                ele.classList.remove('before');\n                observer.disconnect();\n              }\n            });\n          }, { threshold: 0.5 });\n          observer.observe(ele);\n        }\n      }));\n    });\n  })();\n<\/script>\n\n\n<div block-name=\"bbmsl-payment-platform\" class=\"py-10 md:py-[60px] xl:py-[120px] overflow-hidden bg-lightBlue\"\n  x-data=\"bbmsl_payment_platform\">\n  <div class=\"container\">\n    <div class=\"max-w-[1360px] mx-auto\">\n      <div class=\"max-w-[1000px] mx-auto\">\n        <div class=\"text-center heading2 leading-8 xl:leading-[54px] text-black000 mb-5\"><p>\u624b\u673a\u53d8\u5361\u673a\uff0c\u968f\u65f6\u00b7\u968f\u5730\u00b7\u968f\u8eab\u6536\u94f6\u673a<\/p>\n<\/div>\n        <div class=\"text-center text-body font-noto-sans leading-7 text-tertiary\"><p>\u91cd\u65b0\u5b9a\u4e49\u652f\u4ed8\u4f53\u9a8c\uff0c\u968f\u65f6\u968f\u5730\u8f7b\u677e\u5b8c\u6210\u4ea4\u6613<\/p>\n<\/div>\n      <\/div>\n\n      <div class=\"flex flex-col xl:flex-row xl:items-center mt-5 lg:mt-10 xl:mt-20\">\n        <div class=\"xl:flex-1 xl:mr-10 2xl:mr-20\">\n                      <img decoding=\"async\" x-ref=\"img_content\"\n              class=\"mx-auto transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n              src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2025\/09\/AbbyPay5-1.png\" alt=\"\" \/>\n                  <\/div>\n\n        <div class=\"xl:flex-1 mt-5 xl:mt-0\">\n                        <div class=\"flex mb-10 last:mb-0 transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\" x-data=\"bbmsl_pp_0\">\n                <div class=\"shrink-0 size-8 mr-3 md:mr-5\">\n                                      <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2025\/09\/icon-33.png\" alt=\"\" \/>\n                                  <\/div>\n\n                <div>\n                  <h5 class=\"heading4 leading-6 mb-2.5 text-black000\">\u624b\u673a\u8f7b\u677e\u53d6\u4ee3\u4f20\u7edf\u5361\u673a<\/h5>\n                  <div class=\"text-body leading-7 font-noto-sans\"><p>\u652f\u63f4\u5927\u90e8\u5206 Android 10 \u6216\u4ee5\u4e0a\u7248\u672c\u53ca\u5177\u5907 NFC \u529f\u80fd\u7684\u667a\u80fd\u624b\u673a\uff0c\u65e0\u9700\u989d\u5916\u8bbe\u5907\uff0c\u964d\u4f4e\u8425\u8fd0\u6210\u672c<\/p>\n<\/div>\n                <\/div>\n                <script>\n                  document.addEventListener('alpine:init', function () {\n                    Alpine.data('bbmsl_pp_0', () => ({\n                      observed: false,\n                      init() {\n                        this.observe();\n                      },\n                      observe() {\n                        const observer = new IntersectionObserver((entries) => {\n                          entries.forEach(entry => {\n                            if (entry.isIntersecting && !this.observed) {\n                              this.observed = true;\n                              this.$el.classList.remove('before');\n                              observer.disconnect();\n                            }\n                          });\n                        }, { threshold: 0.5 });\n                        observer.observe(this.$el);\n                      }\n                    }));\n                  });\n                <\/script>\n              <\/div>\n                            <div class=\"flex mb-10 last:mb-0 transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\" x-data=\"bbmsl_pp_1\">\n                <div class=\"shrink-0 size-8 mr-3 md:mr-5\">\n                                      <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2025\/09\/icon-flexible.png\" alt=\"\" \/>\n                                  <\/div>\n\n                <div>\n                  <h5 class=\"heading4 leading-6 mb-2.5 text-black000\">\u7075\u6d3b\u914d\u7f6e\uff0c\u9002\u5e94\u5feb\u8282\u594f\u73af\u5883<\/h5>\n                  <div class=\"text-body leading-7 font-noto-sans\"><p>\u591a\u573a\u666f\u5e94\u7528\uff0c\u4e0d\u53d7\u4f4d\u7f6e\u9650\u5236\uff0c\u7279\u522b\u9002\u5408\u5feb\u8282\u594f\u8425\u8fd0\u73af\u5883<\/p>\n<\/div>\n                <\/div>\n                <script>\n                  document.addEventListener('alpine:init', function () {\n                    Alpine.data('bbmsl_pp_1', () => ({\n                      observed: false,\n                      init() {\n                        this.observe();\n                      },\n                      observe() {\n                        const observer = new IntersectionObserver((entries) => {\n                          entries.forEach(entry => {\n                            if (entry.isIntersecting && !this.observed) {\n                              this.observed = true;\n                              this.$el.classList.remove('before');\n                              observer.disconnect();\n                            }\n                          });\n                        }, { threshold: 0.5 });\n                        observer.observe(this.$el);\n                      }\n                    }));\n                  });\n                <\/script>\n              <\/div>\n                            <div class=\"flex mb-10 last:mb-0 transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\" x-data=\"bbmsl_pp_2\">\n                <div class=\"shrink-0 size-8 mr-3 md:mr-5\">\n                                      <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2025\/09\/icon36.png\" alt=\"\" \/>\n                                  <\/div>\n\n                <div>\n                  <h5 class=\"heading4 leading-6 mb-2.5 text-black000\">\u5373\u5b89\u88c5\u5373\u7528\uff0c\u5feb\u901f\u4e0a\u7ebf<\/h5>\n                  <div class=\"text-body leading-7 font-noto-sans\"><p>\u4e0b\u8f7d\u5e94\u7528\u7a0b\u5f0f\u540e\u5373\u53ef\u5f00\u59cb\u6536\u6b3e\uff0c\u65e0\u9700\u590d\u6742\u7684\u5b89\u88c5\u6216\u57f9\u8bad<\/p>\n<\/div>\n                <\/div>\n                <script>\n                  document.addEventListener('alpine:init', function () {\n                    Alpine.data('bbmsl_pp_2', () => ({\n                      observed: false,\n                      init() {\n                        this.observe();\n                      },\n                      observe() {\n                        const observer = new IntersectionObserver((entries) => {\n                          entries.forEach(entry => {\n                            if (entry.isIntersecting && !this.observed) {\n                              this.observed = true;\n                              this.$el.classList.remove('before');\n                              observer.disconnect();\n                            }\n                          });\n                        }, { threshold: 0.5 });\n                        observer.observe(this.$el);\n                      }\n                    }));\n                  });\n                <\/script>\n              <\/div>\n                            <div class=\"flex mb-10 last:mb-0 transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\" x-data=\"bbmsl_pp_3\">\n                <div class=\"shrink-0 size-8 mr-3 md:mr-5\">\n                                      <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2025\/09\/icon-34.png\" alt=\"\" \/>\n                                  <\/div>\n\n                <div>\n                  <h5 class=\"heading4 leading-6 mb-2.5 text-black000\">\u591a\u79cd\u7535\u5b50\u652f\u4ed8\u9009\u9879<\/h5>\n                  <div class=\"text-body leading-7 font-noto-sans\"><p>\u652f\u63f4\u8d85\u8fc7 14 \u79cd\u9999\u6e2f\u4e3b\u6d41\u7535\u5b50\u652f\u4ed8\u65b9\u5f0f<\/p>\n<\/div>\n                <\/div>\n                <script>\n                  document.addEventListener('alpine:init', function () {\n                    Alpine.data('bbmsl_pp_3', () => ({\n                      observed: false,\n                      init() {\n                        this.observe();\n                      },\n                      observe() {\n                        const observer = new IntersectionObserver((entries) => {\n                          entries.forEach(entry => {\n                            if (entry.isIntersecting && !this.observed) {\n                              this.observed = true;\n                              this.$el.classList.remove('before');\n                              observer.disconnect();\n                            }\n                          });\n                        }, { threshold: 0.5 });\n                        observer.observe(this.$el);\n                      }\n                    }));\n                  });\n                <\/script>\n              <\/div>\n                            <div class=\"flex mb-10 last:mb-0 transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\" x-data=\"bbmsl_pp_4\">\n                <div class=\"shrink-0 size-8 mr-3 md:mr-5\">\n                                      <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2025\/09\/icon-35.png\" alt=\"\" \/>\n                                  <\/div>\n\n                <div>\n                  <h5 class=\"heading4 leading-6 mb-2.5 text-black000\">\u9002\u7528\u5404\u7c7b\u884c\u4e1a<\/h5>\n                  <div class=\"text-body leading-7 font-noto-sans\"><p>\u4ece\u5927\u578b\u8fde\u9501\u4f01\u4e1a\u5230\u4e2d\u5c0f\u578b\u5546\u5bb6\uff0c\u5168\u9762\u652f\u63f4\u5404\u884c\u5404\u4e1a\u7684\u591a\u5143\u9700\u6c42<\/p>\n<\/div>\n                <\/div>\n                <script>\n                  document.addEventListener('alpine:init', function () {\n                    Alpine.data('bbmsl_pp_4', () => ({\n                      observed: false,\n                      init() {\n                        this.observe();\n                      },\n                      observe() {\n                        const observer = new IntersectionObserver((entries) => {\n                          entries.forEach(entry => {\n                            if (entry.isIntersecting && !this.observed) {\n                              this.observed = true;\n                              this.$el.classList.remove('before');\n                              observer.disconnect();\n                            }\n                          });\n                        }, { threshold: 0.5 });\n                        observer.observe(this.$el);\n                      }\n                    }));\n                  });\n                <\/script>\n              <\/div>\n                            <div class=\"flex mb-10 last:mb-0 transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\" x-data=\"bbmsl_pp_5\">\n                <div class=\"shrink-0 size-8 mr-3 md:mr-5\">\n                                      <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2025\/09\/icon-.png\" alt=\"\" \/>\n                                  <\/div>\n\n                <div>\n                  <h5 class=\"heading4 leading-6 mb-2.5 text-black000\">Payment Cards Group \u91d1\u878d\u4e91\u652f\u4ed8\u5904\u7406\u7cfb\u7edf<\/h5>\n                  <div class=\"text-body leading-7 font-noto-sans\"><p>\u8363\u83b72024\u5e74\u9999\u6e2f\u8d44\u8baf\u53ca\u901a\u8baf\u79d1\u6280\u5956\uff0d\u91d1\u878d\u79d1\u6280\u94dc\u5956\uff0c\u6548\u80fd\u5f3a\u5927<\/p>\n<\/div>\n                <\/div>\n                <script>\n                  document.addEventListener('alpine:init', function () {\n                    Alpine.data('bbmsl_pp_5', () => ({\n                      observed: false,\n                      init() {\n                        this.observe();\n                      },\n                      observe() {\n                        const observer = new IntersectionObserver((entries) => {\n                          entries.forEach(entry => {\n                            if (entry.isIntersecting && !this.observed) {\n                              this.observed = true;\n                              this.$el.classList.remove('before');\n                              observer.disconnect();\n                            }\n                          });\n                        }, { threshold: 0.5 });\n                        observer.observe(this.$el);\n                      }\n                    }));\n                  });\n                <\/script>\n              <\/div>\n                      <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<script>\n  (function () {\n    document.addEventListener('alpine:init', function () {\n      Alpine.data('bbmsl_payment_platform', () => ({\n        imgLoaded: false,\n        init() {\n          const img = this.$refs.img_content;\n          if (img.complete) {\n            setTimeout(() => {\n              this.imgLoaded = true;\n            }, 300);\n          } else {\n            img.addEventListener('load', () => {\n              this.imgLoaded = true;\n            });\n          }\n\n          this.$watch('imgLoaded', () => {\n            if (this.imgLoaded) {\n              this.observe();\n            }\n          });\n        },\n        observe() {\n          const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n              if (entry.isIntersecting && !this.observed) {\n                this.observed = true;\n                this.$refs.img_content.classList.remove('before');\n                observer.disconnect();\n              }\n            });\n          }, { threshold: 0.25 });\n          observer.observe(this.$refs.img_content);\n        }\n      }));\n    });\n  })();\n<\/script>\n\n\n<div block-name=\"bbmsl-service-detail-content-image\"\n  class=\"py-10 md:py-[60px] xl:py-[120px] overflow-hidden bg-white\"\n  x-data=\"bbmsl_service_detail_content_image\">\n  <div class=\"container\">\n    <div class=\"flex flex-col xl:flex-row xl:items-center\">\n      <div class=\"xl:flex-1 flex flex-col xl:mr-10 2xl:mr-20\">\n        <p class=\"text-tertiary text-body leading-5 uppercase mb-2.5 font-bold\">\u53ef\u6301\u7eed\u53d1\u5c55\u4e0e\u9ad8\u6548\u8fd0\u4f5c<\/p>\n        <h2 class=\"heading2 text-black000 leading-8 xl:leading-[54px]\">\u7eff\u8272\u652f\u4ed8\u521b\u672a\u6765<\/h2>\n\n        <div class=\"mt-10\">\n                        <div class=\"flex mb-10 last:mb-0 transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\" x-data=\"bbmsl_sdci_0\">\n                <div class=\"shrink-0 size-8 mr-3 md:mr-5\">\n                                      <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2025\/09\/icon-e-receipt.png\" alt=\"\" \/>\n                                  <\/div>\n\n                <div>\n                  <h5 class=\"heading4 leading-6 mb-2.5 text-black000\">\u5373\u65f6\u751f\u6210\u7535\u5b50\u6536\u636e<\/h5>\n                  <div class=\"text-body leading-7 font-noto-sans\"><p>\u987e\u5ba2\u53ea\u9700\u626b\u63cf\u4e8c\u7ef4\u7801\uff0c\u5373\u53ef\u7acb\u5373\u4e0b\u8f7d\u6536\u636e\u5230\u624b\u673a\uff0c\u7701\u53bb\u7b49\u5f85\u5217\u5370\u65f6\u95f4<\/p>\n<\/div>\n                <\/div>\n\n                <script>\n                  document.addEventListener('alpine:init', function () {\n                    Alpine.data('bbmsl_sdci_0', () => ({\n                      observed: false,\n                      init() {\n                        this.observe();\n                      },\n                      observe() {\n                        const observer = new IntersectionObserver((entries) => {\n                          entries.forEach(entry => {\n                            if (entry.isIntersecting && !this.observed) {\n                              this.observed = true;\n                              this.$el.classList.remove('before');\n                              observer.disconnect();\n                            }\n                          });\n                        }, { threshold: 0.5 });\n                        observer.observe(this.$el);\n                      }\n                    }));\n                  });\n                <\/script>\n              <\/div>\n                            <div class=\"flex mb-10 last:mb-0 transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\" x-data=\"bbmsl_sdci_1\">\n                <div class=\"shrink-0 size-8 mr-3 md:mr-5\">\n                                      <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2025\/09\/icon-onestep.png\" alt=\"\" \/>\n                                  <\/div>\n\n                <div>\n                  <h5 class=\"heading4 leading-6 mb-2.5 text-black000\">\u4e00\u6b65\u5f0f\u5b8c\u6210\u7ed3\u5e10\u6d41\u7a0b<\/h5>\n                  <div class=\"text-body leading-7 font-noto-sans\"><p>\u65e0\u9700\u989d\u5916\u8f93\u5165\u7535\u90ae\u5730\u5740\u6216\u624b\u673a\u53f7\u7801\uff0c\u4e00\u4e2a\u52a8\u4f5c\u5373\u53ef\u83b7\u53d6\u6536\u636e\uff0c\u63d0\u4f9b\u65e0\u7f1d\u7ed3\u5e10\u4f53\u9a8c<\/p>\n<\/div>\n                <\/div>\n\n                <script>\n                  document.addEventListener('alpine:init', function () {\n                    Alpine.data('bbmsl_sdci_1', () => ({\n                      observed: false,\n                      init() {\n                        this.observe();\n                      },\n                      observe() {\n                        const observer = new IntersectionObserver((entries) => {\n                          entries.forEach(entry => {\n                            if (entry.isIntersecting && !this.observed) {\n                              this.observed = true;\n                              this.$el.classList.remove('before');\n                              observer.disconnect();\n                            }\n                          });\n                        }, { threshold: 0.5 });\n                        observer.observe(this.$el);\n                      }\n                    }));\n                  });\n                <\/script>\n              <\/div>\n                            <div class=\"flex mb-10 last:mb-0 transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\" x-data=\"bbmsl_sdci_2\">\n                <div class=\"shrink-0 size-8 mr-3 md:mr-5\">\n                                      <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2025\/09\/icon-coupon.png\" alt=\"\" \/>\n                                  <\/div>\n\n                <div>\n                  <h5 class=\"heading4 leading-6 mb-2.5 text-black000\">\u53d6\u9910\u3001\u63d0\u8d27\u670d\u52a1\u7535\u5b50\u5316<\/h5>\n                  <div class=\"text-body leading-7 font-noto-sans\"><p>\u7535\u5b50\u6536\u636e\u53ef\u4f5c\u4e3a\u53d6\u9910\u6216\u63d0\u8d27\u51ed\u8bc1\uff0c\u51cf\u5c11\u6df7\u4e71\u6216\u9057\u5931\u98ce\u9669<\/p>\n<\/div>\n                <\/div>\n\n                <script>\n                  document.addEventListener('alpine:init', function () {\n                    Alpine.data('bbmsl_sdci_2', () => ({\n                      observed: false,\n                      init() {\n                        this.observe();\n                      },\n                      observe() {\n                        const observer = new IntersectionObserver((entries) => {\n                          entries.forEach(entry => {\n                            if (entry.isIntersecting && !this.observed) {\n                              this.observed = true;\n                              this.$el.classList.remove('before');\n                              observer.disconnect();\n                            }\n                          });\n                        }, { threshold: 0.5 });\n                        observer.observe(this.$el);\n                      }\n                    }));\n                  });\n                <\/script>\n              <\/div>\n                            <div class=\"flex mb-10 last:mb-0 transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\" x-data=\"bbmsl_sdci_3\">\n                <div class=\"shrink-0 size-8 mr-3 md:mr-5\">\n                                      <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2025\/09\/icon-eco.png\" alt=\"\" \/>\n                                  <\/div>\n\n                <div>\n                  <h5 class=\"heading4 leading-6 mb-2.5 text-black000\">\u73af\u4fdd\u51cf\u78b3 \u00b7 ESG\u53cb\u5584<\/h5>\n                  <div class=\"text-body leading-7 font-noto-sans\"><p>\u5b8c\u5168\u53d6\u4ee3\u7eb8\u672c\u6536\u636e\uff0c\u6bcf\u5e74\u53ef\u8282\u7701\u5927\u91cf\u7eb8\u5f20\uff0c\u5e2e\u52a9\u5546\u6237\u5b9e\u73b0\u73af\u4fdd\u627f\u8bfa<\/p>\n<\/div>\n                <\/div>\n\n                <script>\n                  document.addEventListener('alpine:init', function () {\n                    Alpine.data('bbmsl_sdci_3', () => ({\n                      observed: false,\n                      init() {\n                        this.observe();\n                      },\n                      observe() {\n                        const observer = new IntersectionObserver((entries) => {\n                          entries.forEach(entry => {\n                            if (entry.isIntersecting && !this.observed) {\n                              this.observed = true;\n                              this.$el.classList.remove('before');\n                              observer.disconnect();\n                            }\n                          });\n                        }, { threshold: 0.5 });\n                        observer.observe(this.$el);\n                      }\n                    }));\n                  });\n                <\/script>\n              <\/div>\n                      <\/div>\n      <\/div>\n\n      <div class=\"xl:flex-1 mt-5 xl:mt-0\">\n                  <img decoding=\"async\" x-ref=\"img_content\"\n            class=\"mx-auto transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n            src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2025\/10\/AbbyPay4_2.png\" alt=\"\" \/>\n              <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<script>\n  (function () {\n    document.addEventListener('alpine:init', function () {\n      Alpine.data('bbmsl_service_detail_content_image', () => ({\n        imgLoaded: false,\n        init() {\n          const img = this.$refs.img_content;\n          if (img.complete) {\n            setTimeout(() => {\n              this.imgLoaded = true;\n            }, 300);\n          } else {\n            img.addEventListener('load', () => {\n              this.imgLoaded = true;\n            });\n          }\n\n          this.$watch('imgLoaded', () => {\n            if (this.imgLoaded) {\n              this.observe();\n            }\n          });\n        },\n        observe() {\n          const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n              if (entry.isIntersecting && !this.observed) {\n                this.observed = true;\n                this.$refs.img_content.classList.remove('before');\n                observer.disconnect();\n              }\n            });\n          }, { threshold: 0.25 });\n          observer.observe(this.$refs.img_content);\n        }\n      }));\n    });\n  })();\n<\/script>\n\n\n<div block-name=\"bbmsl-service-detail-three-cols\"\n  class=\"py-10 md:py-[60px] xl:py-[120px] overflow-hidden bg-lightBlue\">\n  <div class=\"container\">\n    <div class=\"max-w-[1360px] mx-auto\">\n      <h3 class=\" text-center heading3 leading-8 xl:leading-[48px] text-black000 mb-5 md:mb-10 2xl:mb-[56px]\">\n        \u7075\u6d3b\u9002\u7528\u4e8e\u5404\u7c7b\u573a\u666f      <\/h3>\n\n              <div class=\"-m-2.5\">\n          <div class=\"flex flex-wrap justify-center max-md:max-w-[500px] max-xl:max-w-[984px] mx-auto\">\n                                            <div class=\"flex flex-col w-full md:w-1\/2 xl:w-1\/3 p-2.5 group transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\" x-data=\"three_columns_0\">\n                  \n                  <div\n                    class=\"flex-1 flex flex-col rounded-3xl py-8 lg:py-12 px-5 md:px-7 lg:px-[38px] transition-shadow bg-white group-hover:shadow-[0_4px_20px_0_#0000001A]\">\n                    <div class=\"aspect-[188\/125] mb-12 overflow-hidden flex items-center justify-center p-5\">\n                                              <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2025\/09\/AbbyPay1.png\" alt=\"\u9910\u996e\u4e1a\"\n                          class=\"m-auto size-full object-contain transition group-hover:scale-110\" \/>\n                                          <\/div>\n\n                    <div class=\"flex flex-col\">\n                      <h4 class=\"heading4 leading-6 text-black000 mb-2.5\">\u9910\u996e\u4e1a<\/h4>\n                      <p class=\"text-body font-noto-sans leading-7 text-tertiary\">\u4f8d\u5e94\u76f4\u63a5\u5728\u9910\u684c\u6536\u6b3e\uff0c\u4ea6\u9002\u7528\u4e8e\u6d41\u52a8\u9910\u8f66\u3001\u5feb\u95ea\u644a\u4f4d\u3001\u5916\u5356\u914d\u9001\u7b49<\/p>\n                    <\/div>\n\n                                      <\/div>\n\n                                    <\/div>\n                              <script>\n                (function () {\n                  document.addEventListener('alpine:init', function () {\n                    Alpine.data('three_columns_0', () => ({\n                      init() {\n                        this.observe();\n                      },\n                      observe() {\n                        const observer = new IntersectionObserver((entries) => {\n                          entries.forEach(entry => {\n                            if (entry.isIntersecting && !this.observed) {\n                              this.observed = true;\n                              this.$el.classList.remove('before');\n                              observer.disconnect();\n                            }\n                          });\n                        }, { threshold: 0.5 });\n                        observer.observe(this.$el);\n                      }\n                    }));\n                  });\n                })();\n              <\/script>\n                                            <div class=\"flex flex-col w-full md:w-1\/2 xl:w-1\/3 p-2.5 group transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\" x-data=\"three_columns_1\">\n                  \n                  <div\n                    class=\"flex-1 flex flex-col rounded-3xl py-8 lg:py-12 px-5 md:px-7 lg:px-[38px] transition-shadow bg-white group-hover:shadow-[0_4px_20px_0_#0000001A]\">\n                    <div class=\"aspect-[188\/125] mb-12 overflow-hidden flex items-center justify-center p-5\">\n                                              <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2025\/09\/AbbyPay3.png\" alt=\"\u96f6\u552e\u4e1a\"\n                          class=\"m-auto size-full object-contain transition group-hover:scale-110\" \/>\n                                          <\/div>\n\n                    <div class=\"flex flex-col\">\n                      <h4 class=\"heading4 leading-6 text-black000 mb-2.5\">\u96f6\u552e\u4e1a<\/h4>\n                      <p class=\"text-body font-noto-sans leading-7 text-tertiary\">\u5e97\u5185\u968f\u5904\u6536\u6b3e\uff0c\u4e0d\u518d\u56e0\u6392\u961f\u6d41\u5931\u987e\u5ba2<\/p>\n                    <\/div>\n\n                                      <\/div>\n\n                                    <\/div>\n                              <script>\n                (function () {\n                  document.addEventListener('alpine:init', function () {\n                    Alpine.data('three_columns_1', () => ({\n                      init() {\n                        this.observe();\n                      },\n                      observe() {\n                        const observer = new IntersectionObserver((entries) => {\n                          entries.forEach(entry => {\n                            if (entry.isIntersecting && !this.observed) {\n                              this.observed = true;\n                              this.$el.classList.remove('before');\n                              observer.disconnect();\n                            }\n                          });\n                        }, { threshold: 0.5 });\n                        observer.observe(this.$el);\n                      }\n                    }));\n                  });\n                })();\n              <\/script>\n                                            <div class=\"flex flex-col w-full md:w-1\/2 xl:w-1\/3 p-2.5 group transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\" x-data=\"three_columns_2\">\n                  \n                  <div\n                    class=\"flex-1 flex flex-col rounded-3xl py-8 lg:py-12 px-5 md:px-7 lg:px-[38px] transition-shadow bg-white group-hover:shadow-[0_4px_20px_0_#0000001A]\">\n                    <div class=\"aspect-[188\/125] mb-12 overflow-hidden flex items-center justify-center p-5\">\n                                              <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2025\/09\/AbbyPay5.png\" alt=\"\u5feb\u95ea\u5e97\uff0f\u5c55\u89c8\"\n                          class=\"m-auto size-full object-contain transition group-hover:scale-110\" \/>\n                                          <\/div>\n\n                    <div class=\"flex flex-col\">\n                      <h4 class=\"heading4 leading-6 text-black000 mb-2.5\">\u5feb\u95ea\u5e97\uff0f\u5c55\u89c8<\/h4>\n                      <p class=\"text-body font-noto-sans leading-7 text-tertiary\">\u65e0\u9700\u5b89\u88c5\u5361\u673a\uff0c\u7acb\u5373\u6536\u6b3e<\/p>\n                    <\/div>\n\n                                      <\/div>\n\n                                    <\/div>\n                              <script>\n                (function () {\n                  document.addEventListener('alpine:init', function () {\n                    Alpine.data('three_columns_2', () => ({\n                      init() {\n                        this.observe();\n                      },\n                      observe() {\n                        const observer = new IntersectionObserver((entries) => {\n                          entries.forEach(entry => {\n                            if (entry.isIntersecting && !this.observed) {\n                              this.observed = true;\n                              this.$el.classList.remove('before');\n                              observer.disconnect();\n                            }\n                          });\n                        }, { threshold: 0.5 });\n                        observer.observe(this.$el);\n                      }\n                    }));\n                  });\n                })();\n              <\/script>\n                                            <div class=\"flex flex-col w-full md:w-1\/2 xl:w-1\/3 p-2.5 group transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\" x-data=\"three_columns_3\">\n                  \n                  <div\n                    class=\"flex-1 flex flex-col rounded-3xl py-8 lg:py-12 px-5 md:px-7 lg:px-[38px] transition-shadow bg-white group-hover:shadow-[0_4px_20px_0_#0000001A]\">\n                    <div class=\"aspect-[188\/125] mb-12 overflow-hidden flex items-center justify-center p-5\">\n                                              <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2025\/09\/AbbyPay2.png\" alt=\"\u4ea4\u901a\u8fd0\u8f93\"\n                          class=\"m-auto size-full object-contain transition group-hover:scale-110\" \/>\n                                          <\/div>\n\n                    <div class=\"flex flex-col\">\n                      <h4 class=\"heading4 leading-6 text-black000 mb-2.5\">\u4ea4\u901a\u8fd0\u8f93<\/h4>\n                      <p class=\"text-body font-noto-sans leading-7 text-tertiary\">\u53f8\u673a\u8f7b\u677e\u6536\u8d39\uff0c\u8282\u7701\u5361\u673a\u5360\u4f4d<\/p>\n                    <\/div>\n\n                                      <\/div>\n\n                                    <\/div>\n                              <script>\n                (function () {\n                  document.addEventListener('alpine:init', function () {\n                    Alpine.data('three_columns_3', () => ({\n                      init() {\n                        this.observe();\n                      },\n                      observe() {\n                        const observer = new IntersectionObserver((entries) => {\n                          entries.forEach(entry => {\n                            if (entry.isIntersecting && !this.observed) {\n                              this.observed = true;\n                              this.$el.classList.remove('before');\n                              observer.disconnect();\n                            }\n                          });\n                        }, { threshold: 0.5 });\n                        observer.observe(this.$el);\n                      }\n                    }));\n                  });\n                })();\n              <\/script>\n                                            <div class=\"flex flex-col w-full md:w-1\/2 xl:w-1\/3 p-2.5 group transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\" x-data=\"three_columns_4\">\n                  \n                  <div\n                    class=\"flex-1 flex flex-col rounded-3xl py-8 lg:py-12 px-5 md:px-7 lg:px-[38px] transition-shadow bg-white group-hover:shadow-[0_4px_20px_0_#0000001A]\">\n                    <div class=\"aspect-[188\/125] mb-12 overflow-hidden flex items-center justify-center p-5\">\n                                              <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2025\/09\/AbbyPay4.png\" alt=\"\u7269\u6d41\u4e1a\"\n                          class=\"m-auto size-full object-contain transition group-hover:scale-110\" \/>\n                                          <\/div>\n\n                    <div class=\"flex flex-col\">\n                      <h4 class=\"heading4 leading-6 text-black000 mb-2.5\">\u7269\u6d41\u4e1a<\/h4>\n                      <p class=\"text-body font-noto-sans leading-7 text-tertiary\">\u901f\u9012\u5458\u652f\u63f4\u8d27\u5230\u4ed8\u6b3e \uff0c\u6536\u6b3e\u66f4\u5f39\u6027<\/p>\n                    <\/div>\n\n                                      <\/div>\n\n                                    <\/div>\n                              <script>\n                (function () {\n                  document.addEventListener('alpine:init', function () {\n                    Alpine.data('three_columns_4', () => ({\n                      init() {\n                        this.observe();\n                      },\n                      observe() {\n                        const observer = new IntersectionObserver((entries) => {\n                          entries.forEach(entry => {\n                            if (entry.isIntersecting && !this.observed) {\n                              this.observed = true;\n                              this.$el.classList.remove('before');\n                              observer.disconnect();\n                            }\n                          });\n                        }, { threshold: 0.5 });\n                        observer.observe(this.$el);\n                      }\n                    }));\n                  });\n                })();\n              <\/script>\n                                            <div class=\"flex flex-col w-full md:w-1\/2 xl:w-1\/3 p-2.5 group transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\" x-data=\"three_columns_5\">\n                  \n                  <div\n                    class=\"flex-1 flex flex-col rounded-3xl py-8 lg:py-12 px-5 md:px-7 lg:px-[38px] transition-shadow bg-white group-hover:shadow-[0_4px_20px_0_#0000001A]\">\n                    <div class=\"aspect-[188\/125] mb-12 overflow-hidden flex items-center justify-center p-5\">\n                                              <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2025\/09\/AbbyPay6.png\" alt=\"\u4fdd\u9669\u4e1a\"\n                          class=\"m-auto size-full object-contain transition group-hover:scale-110\" \/>\n                                          <\/div>\n\n                    <div class=\"flex flex-col\">\n                      <h4 class=\"heading4 leading-6 text-black000 mb-2.5\">\u4fdd\u9669\u4e1a<\/h4>\n                      <p class=\"text-body font-noto-sans leading-7 text-tertiary\">\u4ece\u4e1a\u5458\u7528\u667a\u80fd\u624b\u673a\u6216\u5e73\u7248\u7535\u8111\u53ef\u5373\u65f6\u6536\u53d6\u4fdd\u8d39\uff0c\u65e0\u9700\u624b\u52a8\u8f93\u5165\u654f\u611f\u4ea4\u6613\u8d44\u6599<\/p>\n                    <\/div>\n\n                                      <\/div>\n\n                                    <\/div>\n                              <script>\n                (function () {\n                  document.addEventListener('alpine:init', function () {\n                    Alpine.data('three_columns_5', () => ({\n                      init() {\n                        this.observe();\n                      },\n                      observe() {\n                        const observer = new IntersectionObserver((entries) => {\n                          entries.forEach(entry => {\n                            if (entry.isIntersecting && !this.observed) {\n                              this.observed = true;\n                              this.$el.classList.remove('before');\n                              observer.disconnect();\n                            }\n                          });\n                        }, { threshold: 0.5 });\n                        observer.observe(this.$el);\n                      }\n                    }));\n                  });\n                })();\n              <\/script>\n                      <\/div>\n        <\/div>\n          <\/div>\n  <\/div>\n<\/div>\n\n\n<div block-name=\"bbmsl-payment-tabs\" class=\"bg-lightBlue py-10 md:py-[60px] xl:py-[120px] overflow-hidden\"\n  x-data=\"bbmsl_payment_tabs\">\n  <div class=\"container\">\n    <p class=\"text-body font-bold leading-5 text-tertiary mb-5\">\u7535\u5b50\u652f\u4ed8\u65b9\u5f0f<\/p>\n    <h2 class=\"heading2 xl:leading-[48px] text-black000 mb-5 xl:mb-10 3xl:mb-20\">\u652f\u63f414\u79cd\u4ee5\u4e0a\u4e3b\u6d41\u7535\u5b50\u652f\u4ed8\u65b9\u5f0f<\/h2>\n\n    <div class=\"xl:flex transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\" x-ref=\"payment_tabs\">\n            <div class=\"xl:max-w-[300px] 3xl:max-w-[375px] w-full xl:mr-10 3xl:mr-20\">\n                <ul class=\"hidden xl:block\">\n                      <li\n              class=\"py-7 px-10 heading4 rounded-xl mb-5 last:mb-0 cursor-pointer transition-all border-t border-r border-b hover:border-primary hover:underline hover:text-black000\"\n              :class=\"currentIndex == 0 ? 'text-black000 border-primary bg-[#EBF7F9] border-l-[20px]' : 'border-black800 font-normal text-tertiary bg-white border-l'\"\n              @click=\"currentIndex = 0\">\u9999\u6e2f<\/li>\n                  <\/ul>\n\n                <div class=\"xl:hidden relative mobile-filter\">\n          <div class=\"flex mb-5 py-4 px-5 border border-black800 rounded-lg items-center\" @click=\"toggleMobileFilter\">\n            <p class=\"text-body text-tertiary leading-5 mr-2.5\" x-text=\"mobileFilterText\">\u9999\u6e2f<\/p>\n            <span class=\"size-6 ml-auto transition-all\" :class=\"showMobileFilter ? 'rotate-180' : ''\">\n              <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/themes\/bbmsl\/public\/images\/icons\/bbmsl-payment-arrow.svg\"\n                alt=\"Arrow Svg\" \/>\n            <\/span>\n          <\/div>\n\n          <ul\n            class=\"absolute left-0 -bottom-1 translate-y-full border border-black800 rounded-lg shadow-lg w-full bg-white p-5\"\n            x-show=\"showMobileFilter\" x-transition:enter=\"transition-opacity ease-in-out\"\n            x-transition:enter-start=\"opacity-0\" x-transition:enter-end=\"opacity-100\"\n            x-transition:leave=\"transition-opacity ease-in-out\" x-transition:leave-start=\"opacity-100\"\n            x-transition:leave-end=\"opacity-0\">\n                          <li class=\"text-body-sm mb-2.5 last:mb-0\"\n                :class=\"currentIndex == 0 ?  'text-primary' : 'text-tertiary'\"\n                @click=\"handleMobileFilterClick(0, '\u9999\u6e2f')\">\u9999\u6e2f<\/li>\n                      <\/ul>\n        <\/div>\n      <\/div>\n\n            <div class=\"xl:max-w-[1105px] flex-1\">\n                  <div class=\"grid xl:grid-cols-3 gap-5\">\n                            <div class=\"bg-white p-5 lg:p-7 rounded-xl border border-black800 xl:block flex items-center\"\n                  x-show=\"currentIndex == 0\" x-transition:enter=\"transition-all ease-in-out duration-500\"\n                  x-transition:enter-start=\"opacity-10 translate-x-[10%]\" x-transition:enter-end=\"opacity-100\"\n                  :class=\"currentIndex == 0 ? '' : 'hidden'\"\n                  :style=\"{ transitionDelay: '0ms'}\">\n                  <div class=\"xl:mb-5 xl:mr-0 mr-5 shrink-0\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/10\/payment-logo-visa.png\" alt=\"\" class=\"size-[60px] xl:size-20 object-contain\">\n                  <\/div>\n\n                  <div>\n                    <h5 class=\"text-24 text-black000 leading-7\">Visa<\/h5>\n                                      <\/div>\n                <\/div>\n                                <div class=\"bg-white p-5 lg:p-7 rounded-xl border border-black800 xl:block flex items-center\"\n                  x-show=\"currentIndex == 0\" x-transition:enter=\"transition-all ease-in-out duration-500\"\n                  x-transition:enter-start=\"opacity-10 translate-x-[10%]\" x-transition:enter-end=\"opacity-100\"\n                  :class=\"currentIndex == 0 ? '' : 'hidden'\"\n                  :style=\"{ transitionDelay: '100ms'}\">\n                  <div class=\"xl:mb-5 xl:mr-0 mr-5 shrink-0\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/06\/mastercard.png\" alt=\"Mastercard\" class=\"size-[60px] xl:size-20 object-contain\">\n                  <\/div>\n\n                  <div>\n                    <h5 class=\"text-24 text-black000 leading-7\">Mastercard<\/h5>\n                                      <\/div>\n                <\/div>\n                                <div class=\"bg-white p-5 lg:p-7 rounded-xl border border-black800 xl:block flex items-center\"\n                  x-show=\"currentIndex == 0\" x-transition:enter=\"transition-all ease-in-out duration-500\"\n                  x-transition:enter-start=\"opacity-10 translate-x-[10%]\" x-transition:enter-end=\"opacity-100\"\n                  :class=\"currentIndex == 0 ? '' : 'hidden'\"\n                  :style=\"{ transitionDelay: '200ms'}\">\n                  <div class=\"xl:mb-5 xl:mr-0 mr-5 shrink-0\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/10\/payment-logo-alipay.png\" alt=\"\" class=\"size-[60px] xl:size-20 object-contain\">\n                  <\/div>\n\n                  <div>\n                    <h5 class=\"text-24 text-black000 leading-7\">\u652f\u4ed8\u5b9d<\/h5>\n                                      <\/div>\n                <\/div>\n                                <div class=\"bg-white p-5 lg:p-7 rounded-xl border border-black800 xl:block flex items-center\"\n                  x-show=\"currentIndex == 0\" x-transition:enter=\"transition-all ease-in-out duration-500\"\n                  x-transition:enter-start=\"opacity-10 translate-x-[10%]\" x-transition:enter-end=\"opacity-100\"\n                  :class=\"currentIndex == 0 ? '' : 'hidden'\"\n                  :style=\"{ transitionDelay: '300ms'}\">\n                  <div class=\"xl:mb-5 xl:mr-0 mr-5 shrink-0\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/10\/payment-logo-alipayhk.png\" alt=\"\" class=\"size-[60px] xl:size-20 object-contain\">\n                  <\/div>\n\n                  <div>\n                    <h5 class=\"text-24 text-black000 leading-7\">AlipayHK<\/h5>\n                                      <\/div>\n                <\/div>\n                                <div class=\"bg-white p-5 lg:p-7 rounded-xl border border-black800 xl:block flex items-center\"\n                  x-show=\"currentIndex == 0\" x-transition:enter=\"transition-all ease-in-out duration-500\"\n                  x-transition:enter-start=\"opacity-10 translate-x-[10%]\" x-transition:enter-end=\"opacity-100\"\n                  :class=\"currentIndex == 0 ? '' : 'hidden'\"\n                  :style=\"{ transitionDelay: '400ms'}\">\n                  <div class=\"xl:mb-5 xl:mr-0 mr-5 shrink-0\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/10\/payment-logo-alipay-1.png\" alt=\"\" class=\"size-[60px] xl:size-20 object-contain\">\n                  <\/div>\n\n                  <div>\n                    <h5 class=\"text-24 text-black000 leading-7\">Alipay+<\/h5>\n                                      <\/div>\n                <\/div>\n                                <div class=\"bg-white p-5 lg:p-7 rounded-xl border border-black800 xl:block flex items-center\"\n                  x-show=\"currentIndex == 0\" x-transition:enter=\"transition-all ease-in-out duration-500\"\n                  x-transition:enter-start=\"opacity-10 translate-x-[10%]\" x-transition:enter-end=\"opacity-100\"\n                  :class=\"currentIndex == 0 ? '' : 'hidden'\"\n                  :style=\"{ transitionDelay: '500ms'}\">\n                  <div class=\"xl:mb-5 xl:mr-0 mr-5 shrink-0\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/payment-logo-wechatpay.png\" alt=\"\" class=\"size-[60px] xl:size-20 object-contain\">\n                  <\/div>\n\n                  <div>\n                    <h5 class=\"text-24 text-black000 leading-7\">\u5fae\u4fe1\u652f\u4ed8<\/h5>\n                                      <\/div>\n                <\/div>\n                                <div class=\"bg-white p-5 lg:p-7 rounded-xl border border-black800 xl:block flex items-center\"\n                  x-show=\"currentIndex == 0\" x-transition:enter=\"transition-all ease-in-out duration-500\"\n                  x-transition:enter-start=\"opacity-10 translate-x-[10%]\" x-transition:enter-end=\"opacity-100\"\n                  :class=\"currentIndex == 0 ? '' : 'hidden'\"\n                  :style=\"{ transitionDelay: '600ms'}\">\n                  <div class=\"xl:mb-5 xl:mr-0 mr-5 shrink-0\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/10\/payment-logo-wechatpayhk.png\" alt=\"\" class=\"size-[60px] xl:size-20 object-contain\">\n                  <\/div>\n\n                  <div>\n                    <h5 class=\"text-24 text-black000 leading-7\">WeChat Pay HK<\/h5>\n                                      <\/div>\n                <\/div>\n                                <div class=\"bg-white p-5 lg:p-7 rounded-xl border border-black800 xl:block flex items-center\"\n                  x-show=\"currentIndex == 0\" x-transition:enter=\"transition-all ease-in-out duration-500\"\n                  x-transition:enter-start=\"opacity-10 translate-x-[10%]\" x-transition:enter-end=\"opacity-100\"\n                  :class=\"currentIndex == 0 ? '' : 'hidden'\"\n                  :style=\"{ transitionDelay: '700ms'}\">\n                  <div class=\"xl:mb-5 xl:mr-0 mr-5 shrink-0\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/payment-logo-quickpass-1.png\" alt=\"\" class=\"size-[60px] xl:size-20 object-contain\">\n                  <\/div>\n\n                  <div>\n                    <h5 class=\"text-24 text-black000 leading-7\">\u4e91\u95ea\u4ed8<\/h5>\n                                      <\/div>\n                <\/div>\n                                <div class=\"bg-white p-5 lg:p-7 rounded-xl border border-black800 xl:block flex items-center\"\n                  x-show=\"currentIndex == 0\" x-transition:enter=\"transition-all ease-in-out duration-500\"\n                  x-transition:enter-start=\"opacity-10 translate-x-[10%]\" x-transition:enter-end=\"opacity-100\"\n                  :class=\"currentIndex == 0 ? '' : 'hidden'\"\n                  :style=\"{ transitionDelay: '800ms'}\">\n                  <div class=\"xl:mb-5 xl:mr-0 mr-5 shrink-0\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/payment-logo-bocpay.png\" alt=\"\" class=\"size-[60px] xl:size-20 object-contain\">\n                  <\/div>\n\n                  <div>\n                    <h5 class=\"text-24 text-black000 leading-7\">BoC Pay<\/h5>\n                                      <\/div>\n                <\/div>\n                                <div class=\"bg-white p-5 lg:p-7 rounded-xl border border-black800 xl:block flex items-center\"\n                  x-show=\"currentIndex == 0\" x-transition:enter=\"transition-all ease-in-out duration-500\"\n                  x-transition:enter-start=\"opacity-10 translate-x-[10%]\" x-transition:enter-end=\"opacity-100\"\n                  :class=\"currentIndex == 0 ? '' : 'hidden'\"\n                  :style=\"{ transitionDelay: '900ms'}\">\n                  <div class=\"xl:mb-5 xl:mr-0 mr-5 shrink-0\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/payment-logo-applepay.png\" alt=\"\" class=\"size-[60px] xl:size-20 object-contain\">\n                  <\/div>\n\n                  <div>\n                    <h5 class=\"text-24 text-black000 leading-7\">Apple Pay<\/h5>\n                                      <\/div>\n                <\/div>\n                                <div class=\"bg-white p-5 lg:p-7 rounded-xl border border-black800 xl:block flex items-center\"\n                  x-show=\"currentIndex == 0\" x-transition:enter=\"transition-all ease-in-out duration-500\"\n                  x-transition:enter-start=\"opacity-10 translate-x-[10%]\" x-transition:enter-end=\"opacity-100\"\n                  :class=\"currentIndex == 0 ? '' : 'hidden'\"\n                  :style=\"{ transitionDelay: '1000ms'}\">\n                  <div class=\"xl:mb-5 xl:mr-0 mr-5 shrink-0\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/payment-logo-googlepay.png\" alt=\"\" class=\"size-[60px] xl:size-20 object-contain\">\n                  <\/div>\n\n                  <div>\n                    <h5 class=\"text-24 text-black000 leading-7\">Google Pay<\/h5>\n                                      <\/div>\n                <\/div>\n                                <div class=\"bg-white p-5 lg:p-7 rounded-xl border border-black800 xl:block flex items-center\"\n                  x-show=\"currentIndex == 0\" x-transition:enter=\"transition-all ease-in-out duration-500\"\n                  x-transition:enter-start=\"opacity-10 translate-x-[10%]\" x-transition:enter-end=\"opacity-100\"\n                  :class=\"currentIndex == 0 ? '' : 'hidden'\"\n                  :style=\"{ transitionDelay: '1100ms'}\">\n                  <div class=\"xl:mb-5 xl:mr-0 mr-5 shrink-0\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/payment-logo-huaweipay.png\" alt=\"\" class=\"size-[60px] xl:size-20 object-contain\">\n                  <\/div>\n\n                  <div>\n                    <h5 class=\"text-24 text-black000 leading-7\">Huawei Pay<\/h5>\n                                      <\/div>\n                <\/div>\n                                <div class=\"bg-white p-5 lg:p-7 rounded-xl border border-black800 xl:block flex items-center\"\n                  x-show=\"currentIndex == 0\" x-transition:enter=\"transition-all ease-in-out duration-500\"\n                  x-transition:enter-start=\"opacity-10 translate-x-[10%]\" x-transition:enter-end=\"opacity-100\"\n                  :class=\"currentIndex == 0 ? '' : 'hidden'\"\n                  :style=\"{ transitionDelay: '1200ms'}\">\n                  <div class=\"xl:mb-5 xl:mr-0 mr-5 shrink-0\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/payment-logo-samsungpay.png\" alt=\"\" class=\"size-[60px] xl:size-20 object-contain\">\n                  <\/div>\n\n                  <div>\n                    <h5 class=\"text-24 text-black000 leading-7\">Samsung Pay<\/h5>\n                                      <\/div>\n                <\/div>\n                                <div class=\"bg-white p-5 lg:p-7 rounded-xl border border-black800 xl:block flex items-center\"\n                  x-show=\"currentIndex == 0\" x-transition:enter=\"transition-all ease-in-out duration-500\"\n                  x-transition:enter-start=\"opacity-10 translate-x-[10%]\" x-transition:enter-end=\"opacity-100\"\n                  :class=\"currentIndex == 0 ? '' : 'hidden'\"\n                  :style=\"{ transitionDelay: '1300ms'}\">\n                  <div class=\"xl:mb-5 xl:mr-0 mr-5 shrink-0\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2025\/09\/FPS.png\" alt=\"\" class=\"size-[60px] xl:size-20 object-contain\">\n                  <\/div>\n\n                  <div>\n                    <h5 class=\"text-24 text-black000 leading-7\">\u8f6c\u6570\u5feb<\/h5>\n                                      <\/div>\n                <\/div>\n                          <\/div>\n              <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<script>\n  (function () {\n    document.addEventListener('alpine:init', function () {\n      Alpine.data('bbmsl_payment_tabs', () => ({\n        currentIndex: 0,\n        showMobileFilter: false,\n        mobileFilterText: '\u9999\u6e2f',\n        listenClickAwayHandler: null,\n        init() {\n          this.listenClickAwayHandler = (e) => this.listenClickAway(e);\n          this.$watch('showMobileFilter', () => {\n            if (this.showMobileFilter) {\n              setTimeout(() => {\n                document.addEventListener('click', this.listenClickAwayHandler);\n              }, 1);\n            } else {\n              document.removeEventListener('click', this.listenClickAwayHandler);\n            }\n          });\n          this.observe();\n        },\n        toggleMobileFilter() {\n          this.showMobileFilter = !this.showMobileFilter;\n        },\n        handleMobileFilterClick(index, text) {\n          this.currentIndex = index;\n          this.mobileFilterText = text;\n          this.showMobileFilter = false;\n        },\n        listenClickAway(e) {\n          if (!e.target.classList.contains('mobile-filter') || !e.target.closest('.mobile-filter')) {\n            this.toggleMobileFilter();\n          }\n        },\n        observe() {\n          const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n              if (entry.isIntersecting && !this.observed) {\n                this.observed = true;\n                this.$refs.payment_tabs.classList.remove('before');\n                observer.disconnect();\n              }\n            });\n          }, { threshold: 0.2 });\n          observer.observe(this.$el);\n        }\n      }));\n    });\n  })();\n<\/script>\n\n\n<div block-name=\"bbmsl-for-developers\"\n  class=\"py-10 md:py-[60px] xl:py-[120px] overflow-hidden bg-white\"\n  x-data=\"bbmsl_for_developers\">\n  <div class=\"container\">\n    <div class=\"flex flex-col xl:flex-row xl:items-center\">\n      <div class=\"xl:flex-1 flex flex-col xl:mr-10 2xl:mr-20\">\n                  <img decoding=\"async\" x-ref=\"img_content\"\n            class=\"mx-auto transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n            src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/09\/ServicesHK_security-2.png\" alt=\"\" \/>\n              <\/div>\n\n      <div class=\"xl:flex-1 mt-5 xl:mt-0\">\n        <p class=\"text-tertiary text-body leading-5 uppercase mb-2.5 font-bold\">\u5b89\u5168\u6027<\/p>\n        <div class=\"heading2 text-black000 leading-8 xl:leading-[54px]\"><p>\u6211\u4eec\u628a\u5b89\u5168\u6027\u653e\u5728\u9996\u4f4d\uff0c\u4ee5\u884c\u4e1a\u6700\u9ad8\u6807\u51c6\u521b\u5efa\u9ad8\u5b89\u5168\u6027\u7684\u652f\u4ed8\u751f\u6001\u7cfb\u7edf<\/p>\n<\/div>\n\n        <div class=\"mt-5 md:mt-10\">\n                        <div\n                class=\"flex mb-10 last:mb-0 transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n                x-data=\"bbmsl_fd_0\">\n                <div class=\"shrink-0 size-8 mr-3 md:mr-5\">\n                                      <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2025\/09\/icon-20.png\" alt=\"\" \/>\n                                  <\/div>\n\n                <div>\n                  <h5 class=\"heading4 leading-6 mb-2.5 text-black000\">PCI CPoC \u8ba4\u8bc1<\/h5>\n                  <div class=\"text-body leading-7 font-noto-sans\"><p>\u7535\u5b50\u652f\u4ed8\u6280\u672f\u5747\u901a\u8fc7 PCI \u8ba4\u8bc1\uff0c\u4e3a\u652f\u4ed8\u4e1a\u7684\u6700\u9ad8\u5b89\u5168\u6807\u51c6\uff0c\u4fdd\u969c\u5546\u6237\u53ca\u5ba2\u4eba\u79c1\u9690\u5b89\u5168<\/p>\n<\/div>\n                <\/div>\n                <script>\n                  document.addEventListener('alpine:init', function () {\n                    Alpine.data('bbmsl_fd_0', () => ({\n                      observed: false,\n                      init() {\n                        this.observe();\n                      },\n                      observe() {\n                        const observer = new IntersectionObserver((entries) => {\n                          entries.forEach(entry => {\n                            if (entry.isIntersecting && !this.observed) {\n                              this.observed = true;\n                              this.$el.classList.remove('before');\n                              observer.disconnect();\n                            }\n                          });\n                        }, { threshold: 0.5 });\n                        observer.observe(this.$el);\n                      }\n                    }));\n                  });\n                <\/script>\n              <\/div>\n                            <div\n                class=\"flex mb-10 last:mb-0 transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n                x-data=\"bbmsl_fd_1\">\n                <div class=\"shrink-0 size-8 mr-3 md:mr-5\">\n                                      <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2025\/09\/icon-data.png\" alt=\"\" \/>\n                                  <\/div>\n\n                <div>\n                  <h5 class=\"heading4 leading-6 mb-2.5 text-black000\">\u7aef\u5230\u7aef\u6570\u636e\u52a0\u5bc6<\/h5>\n                  <div class=\"text-body leading-7 font-noto-sans\"><p>\u6240\u6709\u4ea4\u6613\u6570\u636e\u5747\u91c7\u7528\u7aef\u5230\u7aef\u52a0\u5bc6\uff0c\u4fdd\u62a4\u654f\u611f\u8d44\u8baf\u514d\u53d7\u672a\u6388\u6743\u5b58\u53d6<\/p>\n<\/div>\n                <\/div>\n                <script>\n                  document.addEventListener('alpine:init', function () {\n                    Alpine.data('bbmsl_fd_1', () => ({\n                      observed: false,\n                      init() {\n                        this.observe();\n                      },\n                      observe() {\n                        const observer = new IntersectionObserver((entries) => {\n                          entries.forEach(entry => {\n                            if (entry.isIntersecting && !this.observed) {\n                              this.observed = true;\n                              this.$el.classList.remove('before');\n                              observer.disconnect();\n                            }\n                          });\n                        }, { threshold: 0.5 });\n                        observer.observe(this.$el);\n                      }\n                    }));\n                  });\n                <\/script>\n              <\/div>\n                            <div\n                class=\"flex mb-10 last:mb-0 transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n                x-data=\"bbmsl_fd_2\">\n                <div class=\"shrink-0 size-8 mr-3 md:mr-5\">\n                                      <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2025\/09\/icon-21.png\" alt=\"\" \/>\n                                  <\/div>\n\n                <div>\n                  <h5 class=\"heading4 leading-6 mb-2.5 text-black000\">\u4ee3\u5e01\u5316 + \u52a8\u6001\u5bc6\u94a5<\/h5>\n                  <div class=\"text-body leading-7 font-noto-sans\"><p>\u4ee3\u5e01\u5316\u6280\u672f\u4ee5\u72ec\u7279\u4ee3\u5e01\u53d6\u4ee3\u5361\u8d44\u8baf\uff0c\u52a8\u6001\u5bc6\u94a5\u751f\u6210\u4e00\u6b21\u6027\u4ee3\u7801\uff0c\u9632\u6b62\u6570\u636e\u6ee5\u7528<\/p>\n<\/div>\n                <\/div>\n                <script>\n                  document.addEventListener('alpine:init', function () {\n                    Alpine.data('bbmsl_fd_2', () => ({\n                      observed: false,\n                      init() {\n                        this.observe();\n                      },\n                      observe() {\n                        const observer = new IntersectionObserver((entries) => {\n                          entries.forEach(entry => {\n                            if (entry.isIntersecting && !this.observed) {\n                              this.observed = true;\n                              this.$el.classList.remove('before');\n                              observer.disconnect();\n                            }\n                          });\n                        }, { threshold: 0.5 });\n                        observer.observe(this.$el);\n                      }\n                    }));\n                  });\n                <\/script>\n              <\/div>\n                            <div\n                class=\"flex mb-10 last:mb-0 transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n                x-data=\"bbmsl_fd_3\">\n                <div class=\"shrink-0 size-8 mr-3 md:mr-5\">\n                                      <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2025\/09\/icon-pos.png\" alt=\"\" \/>\n                                  <\/div>\n\n                <div>\n                  <h5 class=\"heading4 leading-6 mb-2.5 text-black000\">\u4e0e\u4f20\u7edf\u5361\u673a\u540c\u7ea7\u5b89\u5168\u6807\u51c6\u200b<\/h5>\n                  <div class=\"text-body leading-7 font-noto-sans\"><p>\u786e\u4fdd\u667a\u80fd\u624b\u673a\u4ea4\u6613\u4e0e\u4f20\u7edf\u5361\u673a\u7cfb\u7edf\u540c\u6837\u53ef\u9760<\/p>\n<\/div>\n                <\/div>\n                <script>\n                  document.addEventListener('alpine:init', function () {\n                    Alpine.data('bbmsl_fd_3', () => ({\n                      observed: false,\n                      init() {\n                        this.observe();\n                      },\n                      observe() {\n                        const observer = new IntersectionObserver((entries) => {\n                          entries.forEach(entry => {\n                            if (entry.isIntersecting && !this.observed) {\n                              this.observed = true;\n                              this.$el.classList.remove('before');\n                              observer.disconnect();\n                            }\n                          });\n                        }, { threshold: 0.5 });\n                        observer.observe(this.$el);\n                      }\n                    }));\n                  });\n                <\/script>\n              <\/div>\n                      <\/div>\n\n              <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<script>\n  (function () {\n    document.addEventListener('alpine:init', function () {\n      Alpine.data('bbmsl_for_developers', () => ({\n        imgLoaded: false,\n        init() {\n          const img = this.$refs.img_content;\n          if (img.complete) {\n            setTimeout(() => {\n              this.imgLoaded = true;\n            }, 300);\n          } else {\n            img.addEventListener('load', () => {\n              this.imgLoaded = true;\n            });\n          }\n\n          this.$watch('imgLoaded', () => {\n            if (this.imgLoaded) {\n              this.observe();\n            }\n          });\n        },\n        observe() {\n          const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n              if (entry.isIntersecting && !this.observed) {\n                this.observed = true;\n                this.$refs.img_content.classList.remove('before');\n                observer.disconnect();\n              }\n            });\n          }, { threshold: 0.5 });\n          observer.observe(this.$refs.img_content);\n        }\n      }));\n    });\n  })();\n<\/script>\n\n\n<div block-name=\"bbmsl-service-detail-content-without-pb\"\n  class=\"bg-lightBlue pt-10 md:pt-[60px] xl:pt-[90px] overflow-hidden\" x-data=\"bbmsl_service_detail_content_without_pb\">\n  <div class=\"container\">\n    <div class=\"flex flex-col xl:flex-row xl:items-center\">\n      <div class=\"xl:flex-1 flex flex-col xl:mr-10 2xl:mr-20 xl:py-10\">\n        <p class=\"text-tertiary text-body leading-5 uppercase mb-2.5 font-bold\">\u51c6\u5907\u597d\u4e86\u5417\uff1f<\/p>\n        <div class=\"heading2 text-black000 leading-8 xl:leading-[54px] mb-5\"><p>\u7acb\u5373\u4e0b\u8f7dAbbyPay\uff0c\u4eab\u53d7\u5d2d\u65b0\u6536\u6b3e\u4f53\u9a8c<\/p>\n<\/div>\n\n        <div class=\"font-noto-sans text-body leading-7 text-tertiary\">\n          <p>\u65e0\u9700\u4f20\u7edf\u5361\u673a\u786c\u4ef6\uff0c\u53ea\u9700\u4e00\u90e8\u624b\u673a\uff0c\u5373\u53ef\u4e3a\u987e\u5ba2\u63d0\u4f9b\u6d41\u7545\u652f\u4ed8\u4f53\u9a8c<\/p>\n        <\/div>\n\n                  <div class=\"flex mt-5 lg:mt-10\">\n            \n                          <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.abby.mpos.release\" target=\"_blank\" rel=\"nofollow noopener\" class=\"inline-flex mr-2.5 last:mr-0\">\n                <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/themes\/bbmsl\/public\/images\/play-store-download.svg\"\n                  alt=\"Play Store Download\" \/>\n              <\/a>\n                      <\/div>\n        \n              <\/div>\n\n      <div class=\"xl:flex-1 mt-5 xl:mt-0\">\n                  <img decoding=\"async\" x-ref=\"img_content\"\n            class=\"mx-auto transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n            src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2025\/09\/AbbyPay-app.png\" alt=\"\" \/>\n              <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<script>\n  (function () {\n    document.addEventListener('alpine:init', function () {\n      Alpine.data('bbmsl_service_detail_content_without_pb', () => ({\n        imgLoaded: false,\n        init() {\n          const img = this.$refs.img_content;\n          if (img.complete) {\n            setTimeout(() => {\n              this.imgLoaded = true;\n            }, 300);\n          } else {\n            img.addEventListener('load', () => {\n              this.imgLoaded = true;\n            });\n          }\n\n          this.$watch('imgLoaded', () => {\n            if (this.imgLoaded) {\n              this.observe();\n            }\n          });\n        },\n        observe() {\n          const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n              if (entry.isIntersecting && !this.observed) {\n                this.observed = true;\n                this.$refs.img_content.classList.remove('before');\n                observer.disconnect();\n              }\n            });\n          }, { threshold: 0.5 });\n          observer.observe(this.$refs.img_content);\n        }\n      }));\n    });\n  })();\n<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":6404,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-6271","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"rankMath":{"parentDomain":"bbmsl.com","noFollowDomains":[],"noFollowExcludeDomains":[],"noFollowExternalLinks":true,"featuredImageNotice":"The featured image should be at least 200 by 200 pixels to be picked up by Facebook and other social media sites.","pluginReviewed":false,"postSettings":{"linkSuggestions":true,"useFocusKeyword":false},"frontEndScore":false,"postName":"abbypay-%e6%89%8b%e6%9c%ba%e6%94%b6%e6%ac%be%e5%ba%94%e7%94%a8%e7%a8%8b%e5%bc%8f","permalinkFormat":"https:\/\/bbmsl.com\/zh-hans\/%pagename%\/","showLockModifiedDate":true,"assessor":{"focusKeywordLink":"https:\/\/bbmsl.com\/wp-admin\/edit.php?focus_keyword=%focus_keyword%&post_type=%post_type%","hasTOCPlugin":false,"primaryTaxonomy":false,"serpData":{"title":"AbbyPay \u624b\u673a\u6536\u6b3e\u5e94\u7528\u7a0b\u5f0f | Powered by Payment Cards Group","description":"AppyPay \u900f\u8fc7\u521b\u65b0\u7684 SoftPOS \u6280\u672f\u9769\u65b0\u652f\u4ed8\u4f53\u9a8c\uff0c\u5c06\u5177\u5907 NFC \u529f\u80fd\u7684 Android \u667a\u80fd\u624b\u673a\u53d8\u8eab\u5361\u673a\u3002\u65e0\u9700\u4f20\u7edf\u5361\u673a\u6216\u989d\u5916\u786c\u4ef6\uff0c\u53ea\u9700\u4e0b\u8f7d\u5e94\u7528\u7a0b\u5f0f\uff0c\u5373\u53ef\u968f\u65f6\u968f\u5730\u4e3a\u987e\u5ba2\u63d0\u4f9b\u6d41\u7545\u7684\u652f\u4ed8\u4f53\u9a8c\uff0c\u5b9e\u73b0\u968f\u65f6\u3001\u968f\u5730\u3001\u968f\u8eab\u7075\u6d3b\u6536\u6b3e\uff0c\u8f7b\u677e\u6ee1\u8db3\u5404\u79cd\u5546\u4e1a\u9700\u6c42\u3002","focusKeywords":"BBMSL","pillarContent":true,"canonicalUrl":"","breadcrumbTitle":"","advancedRobots":[],"facebookTitle":"","facebookDescription":"","facebookImage":"","facebookImageID":"","facebookHasOverlay":false,"facebookImageOverlay":"","facebookAuthor":"","twitterCardType":"","twitterUseFacebook":true,"twitterTitle":"","twitterDescription":"","twitterImage":"","twitterImageID":"","twitterHasOverlay":false,"twitterImageOverlay":"","twitterPlayerUrl":"","twitterPlayerSize":"","twitterPlayerStream":"","twitterPlayerStreamCtype":"","twitterAppDescription":"","twitterAppIphoneName":"","twitterAppIphoneID":"","twitterAppIphoneUrl":"","twitterAppIpadName":"","twitterAppIpadID":"","twitterAppIpadUrl":"","twitterAppGoogleplayName":"","twitterAppGoogleplayID":"","twitterAppGoogleplayUrl":"","twitterAppCountry":"","robots":{"index":true},"twitterAuthor":"username","primaryTerm":0,"authorName":"marketing","titleTemplate":"%title% %sep% %sitename%","descriptionTemplate":"%excerpt%","showScoreFrontend":true,"lockModifiedDate":false},"powerWords":[],"diacritics":{"A":"[\\u0041\\u24B6\\uFF21\\u00C0\\u00C1\\u00C2\\u1EA6\\u1EA4\\u1EAA\\u1EA8\\u00C3\\u0100\\u0102\\u1EB0\\u1EAE\\u1EB4\\u1EB2\\u0226\\u01E0\\u00C4\\u01DE\\u1EA2\\u00C5\\u01FA\\u01CD\\u0200\\u0202\\u1EA0\\u1EAC\\u1EB6\\u1E00\\u0104\\u023A\\u2C6F]","AA":"[\\uA732]","AE":"[\\u00C6\\u01FC\\u01E2]","AO":"[\\uA734]","AU":"[\\uA736]","AV":"[\\uA738\\uA73A]","AY":"[\\uA73C]","B":"[\\u0042\\u24B7\\uFF22\\u1E02\\u1E04\\u1E06\\u0243\\u0182\\u0181]","C":"[\\u0043\\u24B8\\uFF23\\u0106\\u0108\\u010A\\u010C\\u00C7\\u1E08\\u0187\\u023B\\uA73E]","D":"[\\u0044\\u24B9\\uFF24\\u1E0A\\u010E\\u1E0C\\u1E10\\u1E12\\u1E0E\\u0110\\u018B\\u018A\\u0189\\uA779]","DZ":"[\\u01F1\\u01C4]","Dz":"[\\u01F2\\u01C5]","E":"[\\u0045\\u24BA\\uFF25\\u00C8\\u00C9\\u00CA\\u1EC0\\u1EBE\\u1EC4\\u1EC2\\u1EBC\\u0112\\u1E14\\u1E16\\u0114\\u0116\\u00CB\\u1EBA\\u011A\\u0204\\u0206\\u1EB8\\u1EC6\\u0228\\u1E1C\\u0118\\u1E18\\u1E1A\\u0190\\u018E]","F":"[\\u0046\\u24BB\\uFF26\\u1E1E\\u0191\\uA77B]","G":"[\\u0047\\u24BC\\uFF27\\u01F4\\u011C\\u1E20\\u011E\\u0120\\u01E6\\u0122\\u01E4\\u0193\\uA7A0\\uA77D\\uA77E]","H":"[\\u0048\\u24BD\\uFF28\\u0124\\u1E22\\u1E26\\u021E\\u1E24\\u1E28\\u1E2A\\u0126\\u2C67\\u2C75\\uA78D]","I":"[\\u0049\\u24BE\\uFF29\\u00CC\\u00CD\\u00CE\\u0128\\u012A\\u012C\\u0130\\u00CF\\u1E2E\\u1EC8\\u01CF\\u0208\\u020A\\u1ECA\\u012E\\u1E2C\\u0197]","J":"[\\u004A\\u24BF\\uFF2A\\u0134\\u0248]","K":"[\\u004B\\u24C0\\uFF2B\\u1E30\\u01E8\\u1E32\\u0136\\u1E34\\u0198\\u2C69\\uA740\\uA742\\uA744\\uA7A2]","L":"[\\u004C\\u24C1\\uFF2C\\u013F\\u0139\\u013D\\u1E36\\u1E38\\u013B\\u1E3C\\u1E3A\\u0141\\u023D\\u2C62\\u2C60\\uA748\\uA746\\uA780]","LJ":"[\\u01C7]","Lj":"[\\u01C8]","M":"[\\u004D\\u24C2\\uFF2D\\u1E3E\\u1E40\\u1E42\\u2C6E\\u019C]","N":"[\\u004E\\u24C3\\uFF2E\\u01F8\\u0143\\u00D1\\u1E44\\u0147\\u1E46\\u0145\\u1E4A\\u1E48\\u0220\\u019D\\uA790\\uA7A4]","NJ":"[\\u01CA]","Nj":"[\\u01CB]","O":"[\\u004F\\u24C4\\uFF2F\\u00D2\\u00D3\\u00D4\\u1ED2\\u1ED0\\u1ED6\\u1ED4\\u00D5\\u1E4C\\u022C\\u1E4E\\u014C\\u1E50\\u1E52\\u014E\\u022E\\u0230\\u00D6\\u022A\\u1ECE\\u0150\\u01D1\\u020C\\u020E\\u01A0\\u1EDC\\u1EDA\\u1EE0\\u1EDE\\u1EE2\\u1ECC\\u1ED8\\u01EA\\u01EC\\u00D8\\u01FE\\u0186\\u019F\\uA74A\\uA74C]","OI":"[\\u01A2]","OO":"[\\uA74E]","OU":"[\\u0222]","P":"[\\u0050\\u24C5\\uFF30\\u1E54\\u1E56\\u01A4\\u2C63\\uA750\\uA752\\uA754]","Q":"[\\u0051\\u24C6\\uFF31\\uA756\\uA758\\u024A]","R":"[\\u0052\\u24C7\\uFF32\\u0154\\u1E58\\u0158\\u0210\\u0212\\u1E5A\\u1E5C\\u0156\\u1E5E\\u024C\\u2C64\\uA75A\\uA7A6\\uA782]","S":"[\\u0053\\u24C8\\uFF33\\u1E9E\\u015A\\u1E64\\u015C\\u1E60\\u0160\\u1E66\\u1E62\\u1E68\\u0218\\u015E\\u2C7E\\uA7A8\\uA784]","T":"[\\u0054\\u24C9\\uFF34\\u1E6A\\u0164\\u1E6C\\u021A\\u0162\\u1E70\\u1E6E\\u0166\\u01AC\\u01AE\\u023E\\uA786]","TZ":"[\\uA728]","U":"[\\u0055\\u24CA\\uFF35\\u00D9\\u00DA\\u00DB\\u0168\\u1E78\\u016A\\u1E7A\\u016C\\u00DC\\u01DB\\u01D7\\u01D5\\u01D9\\u1EE6\\u016E\\u0170\\u01D3\\u0214\\u0216\\u01AF\\u1EEA\\u1EE8\\u1EEE\\u1EEC\\u1EF0\\u1EE4\\u1E72\\u0172\\u1E76\\u1E74\\u0244]","V":"[\\u0056\\u24CB\\uFF36\\u1E7C\\u1E7E\\u01B2\\uA75E\\u0245]","VY":"[\\uA760]","W":"[\\u0057\\u24CC\\uFF37\\u1E80\\u1E82\\u0174\\u1E86\\u1E84\\u1E88\\u2C72]","X":"[\\u0058\\u24CD\\uFF38\\u1E8A\\u1E8C]","Y":"[\\u0059\\u24CE\\uFF39\\u1EF2\\u00DD\\u0176\\u1EF8\\u0232\\u1E8E\\u0178\\u1EF6\\u1EF4\\u01B3\\u024E\\u1EFE]","Z":"[\\u005A\\u24CF\\uFF3A\\u0179\\u1E90\\u017B\\u017D\\u1E92\\u1E94\\u01B5\\u0224\\u2C7F\\u2C6B\\uA762]","a":"[\\u0061\\u24D0\\uFF41\\u1E9A\\u00E0\\u00E1\\u00E2\\u1EA7\\u1EA5\\u1EAB\\u1EA9\\u00E3\\u0101\\u0103\\u1EB1\\u1EAF\\u1EB5\\u1EB3\\u0227\\u01E1\\u00E4\\u01DF\\u1EA3\\u00E5\\u01FB\\u01CE\\u0201\\u0203\\u1EA1\\u1EAD\\u1EB7\\u1E01\\u0105\\u2C65\\u0250]","aa":"[\\uA733]","ae":"[\\u00E6\\u01FD\\u01E3]","ao":"[\\uA735]","au":"[\\uA737]","av":"[\\uA739\\uA73B]","ay":"[\\uA73D]","b":"[\\u0062\\u24D1\\uFF42\\u1E03\\u1E05\\u1E07\\u0180\\u0183\\u0253]","c":"[\\u0063\\u24D2\\uFF43\\u0107\\u0109\\u010B\\u010D\\u00E7\\u1E09\\u0188\\u023C\\uA73F\\u2184]","d":"[\\u0064\\u24D3\\uFF44\\u1E0B\\u010F\\u1E0D\\u1E11\\u1E13\\u1E0F\\u0111\\u018C\\u0256\\u0257\\uA77A]","dz":"[\\u01F3\\u01C6]","e":"[\\u0065\\u24D4\\uFF45\\u00E8\\u00E9\\u00EA\\u1EC1\\u1EBF\\u1EC5\\u1EC3\\u1EBD\\u0113\\u1E15\\u1E17\\u0115\\u0117\\u00EB\\u1EBB\\u011B\\u0205\\u0207\\u1EB9\\u1EC7\\u0229\\u1E1D\\u0119\\u1E19\\u1E1B\\u0247\\u025B\\u01DD]","f":"[\\u0066\\u24D5\\uFF46\\u1E1F\\u0192\\uA77C]","g":"[\\u0067\\u24D6\\uFF47\\u01F5\\u011D\\u1E21\\u011F\\u0121\\u01E7\\u0123\\u01E5\\u0260\\uA7A1\\u1D79\\uA77F]","h":"[\\u0068\\u24D7\\uFF48\\u0125\\u1E23\\u1E27\\u021F\\u1E25\\u1E29\\u1E2B\\u1E96\\u0127\\u2C68\\u2C76\\u0265]","hv":"[\\u0195]","i":"[\\u0069\\u24D8\\uFF49\\u00EC\\u00ED\\u00EE\\u0129\\u012B\\u012D\\u00EF\\u1E2F\\u1EC9\\u01D0\\u0209\\u020B\\u1ECB\\u012F\\u1E2D\\u0268\\u0131]","j":"[\\u006A\\u24D9\\uFF4A\\u0135\\u01F0\\u0249]","k":"[\\u006B\\u24DA\\uFF4B\\u1E31\\u01E9\\u1E33\\u0137\\u1E35\\u0199\\u2C6A\\uA741\\uA743\\uA745\\uA7A3]","l":"[\\u006C\\u24DB\\uFF4C\\u0140\\u013A\\u013E\\u1E37\\u1E39\\u013C\\u1E3D\\u1E3B\\u017F\\u0142\\u019A\\u026B\\u2C61\\uA749\\uA781\\uA747]","lj":"[\\u01C9]","m":"[\\u006D\\u24DC\\uFF4D\\u1E3F\\u1E41\\u1E43\\u0271\\u026F]","n":"[\\u006E\\u24DD\\uFF4E\\u01F9\\u0144\\u00F1\\u1E45\\u0148\\u1E47\\u0146\\u1E4B\\u1E49\\u019E\\u0272\\u0149\\uA791\\uA7A5]","nj":"[\\u01CC]","o":"[\\u006F\\u24DE\\uFF4F\\u00F2\\u00F3\\u00F4\\u1ED3\\u1ED1\\u1ED7\\u1ED5\\u00F5\\u1E4D\\u022D\\u1E4F\\u014D\\u1E51\\u1E53\\u014F\\u022F\\u0231\\u00F6\\u022B\\u1ECF\\u0151\\u01D2\\u020D\\u020F\\u01A1\\u1EDD\\u1EDB\\u1EE1\\u1EDF\\u1EE3\\u1ECD\\u1ED9\\u01EB\\u01ED\\u00F8\\u01FF\\u0254\\uA74B\\uA74D\\u0275]","oi":"[\\u01A3]","ou":"[\\u0223]","oo":"[\\uA74F]","p":"[\\u0070\\u24DF\\uFF50\\u1E55\\u1E57\\u01A5\\u1D7D\\uA751\\uA753\\uA755]","q":"[\\u0071\\u24E0\\uFF51\\u024B\\uA757\\uA759]","r":"[\\u0072\\u24E1\\uFF52\\u0155\\u1E59\\u0159\\u0211\\u0213\\u1E5B\\u1E5D\\u0157\\u1E5F\\u024D\\u027D\\uA75B\\uA7A7\\uA783]","s":"[\\u0073\\u24E2\\uFF53\\u015B\\u1E65\\u015D\\u1E61\\u0161\\u1E67\\u1E63\\u1E69\\u0219\\u015F\\u023F\\uA7A9\\uA785\\u1E9B]","ss":"[\\u00DF]","t":"[\\u0074\\u24E3\\uFF54\\u1E6B\\u1E97\\u0165\\u1E6D\\u021B\\u0163\\u1E71\\u1E6F\\u0167\\u01AD\\u0288\\u2C66\\uA787]","tz":"[\\uA729]","u":"[\\u0075\\u24E4\\uFF55\\u00F9\\u00FA\\u00FB\\u0169\\u1E79\\u016B\\u1E7B\\u016D\\u00FC\\u01DC\\u01D8\\u01D6\\u01DA\\u1EE7\\u016F\\u0171\\u01D4\\u0215\\u0217\\u01B0\\u1EEB\\u1EE9\\u1EEF\\u1EED\\u1EF1\\u1EE5\\u1E73\\u0173\\u1E77\\u1E75\\u0289]","v":"[\\u0076\\u24E5\\uFF56\\u1E7D\\u1E7F\\u028B\\uA75F\\u028C]","vy":"[\\uA761]","w":"[\\u0077\\u24E6\\uFF57\\u1E81\\u1E83\\u0175\\u1E87\\u1E85\\u1E98\\u1E89\\u2C73]","x":"[\\u0078\\u24E7\\uFF58\\u1E8B\\u1E8D]","y":"[\\u0079\\u24E8\\uFF59\\u1EF3\\u00FD\\u0177\\u1EF9\\u0233\\u1E8F\\u00FF\\u1EF7\\u1E99\\u1EF5\\u01B4\\u024F\\u1EFF]","z":"[\\u007A\\u24E9\\uFF5A\\u017A\\u1E91\\u017C\\u017E\\u1E93\\u1E95\\u01B6\\u0225\\u0240\\u2C6C\\uA763]"},"researchesTests":["contentHasTOC","contentHasShortParagraphs","contentHasAssets","keywordInTitle","keywordInMetaDescription","keywordInPermalink","keywordIn10Percent","keywordInContent","keywordInSubheadings","keywordInImageAlt","keywordDensity","keywordNotUsed","lengthContent","lengthPermalink","linksHasInternal","linksHasExternals","linksNotAllExternals","titleStartWithKeyword","titleSentiment","titleHasPowerWords","titleHasNumber","hasContentAI"],"hasRedirection":false,"hasBreadcrumb":false},"homeUrl":"https:\/\/bbmsl.com\/zh-hans\/","objectID":6271,"objectType":"post","locale":"zh","localeFull":"zh_CN","overlayImages":{"play":{"name":"Play icon","url":"https:\/\/bbmsl.com\/wp-content\/plugins\/seo-by-rank-math\/assets\/admin\/img\/icon-play.png","path":"\/hdd\/bbmsl\/public_html\/wp-content\/plugins\/seo-by-rank-math\/assets\/admin\/img\/icon-play.png","position":"middle_center"},"gif":{"name":"GIF icon","url":"https:\/\/bbmsl.com\/wp-content\/plugins\/seo-by-rank-math\/assets\/admin\/img\/icon-gif.png","path":"\/hdd\/bbmsl\/public_html\/wp-content\/plugins\/seo-by-rank-math\/assets\/admin\/img\/icon-gif.png","position":"middle_center"}},"defautOgImage":"https:\/\/bbmsl.com\/wp-content\/plugins\/seo-by-rank-math\/assets\/admin\/img\/social-placeholder.jpg","customPermalinks":true,"isUserRegistered":false,"autoSuggestKeywords":false,"connectSiteUrl":"https:\/\/rankmath.com\/auth?site=https%3A%2F%2Fbbmsl.com%2Fzh-hans%2F&r=https%3A%2F%2Fbbmsl.com%2Fzh-hans%2Fwp-json%2Fwp%2Fv2%2Fpages%2F6271%2F%3Fnonce%3D2693d5c8c9","maxTags":5,"trendsIcon":"<svg viewBox=\"0 0 610 610\"><path d=\"M18.85,446,174.32,290.48l58.08,58.08L76.93,504a14.54,14.54,0,0,1-20.55,0L18.83,466.48a14.54,14.54,0,0,1,0-20.55Z\" style=\"fill:#4285f4\"\/><path d=\"M242.65,242.66,377.59,377.6l-47.75,47.75a14.54,14.54,0,0,1-20.55,0L174.37,290.43l47.75-47.75A14.52,14.52,0,0,1,242.65,242.66Z\" style=\"fill:#ea4335\"\/><polygon points=\"319.53 319.53 479.26 159.8 537.34 217.88 377.61 377.62 319.53 319.53\" style=\"fill:#fabb05\"\/><path d=\"M594.26,262.73V118.61h0a16.94,16.94,0,0,0-16.94-16.94H433.2a16.94,16.94,0,0,0-12,28.92L565.34,274.71h0a16.94,16.94,0,0,0,28.92-12Z\" style=\"fill:#34a853\"\/><rect width=\"610\" height=\"610\" style=\"fill:none\"\/><\/svg>","showScore":true,"siteFavIcon":"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/10\/favicon.png","canUser":{"general":false,"advanced":false,"snippet":false,"social":false,"analysis":false,"analytics":false,"content_ai":false},"isPro":false,"is_front_page":false,"trendsUpgradeLink":"https:\/\/rankmath.com\/pricing\/?utm_source=Plugin&utm_medium=CE%20General%20Tab%20Trends&utm_campaign=WP","trendsUpgradeLabel":"Upgrade","trendsPreviewImage":"https:\/\/bbmsl.com\/wp-content\/plugins\/seo-by-rank-math\/assets\/admin\/img\/trends-preview.jpg","currentEditor":false,"homepageData":{"assessor":{"powerWords":[],"diacritics":true,"researchesTests":["contentHasTOC","contentHasShortParagraphs","contentHasAssets","keywordInTitle","keywordInMetaDescription","keywordInPermalink","keywordIn10Percent","keywordInContent","keywordInSubheadings","keywordInImageAlt","keywordDensity","keywordNotUsed","lengthContent","lengthPermalink","linksHasInternal","linksHasExternals","linksNotAllExternals","titleStartWithKeyword","titleSentiment","titleHasPowerWords","titleHasNumber","hasContentAI"],"hasBreadcrumb":false,"serpData":{"title":"%sitename% %page% %sep% %sitedesc%","description":"","titleTemplate":"%sitename% %page% %sep% %sitedesc%","descriptionTemplate":"","focusKeywords":"","breadcrumbTitle":"Home","robots":{"index":true},"advancedRobots":[],"facebookTitle":"","facebookDescription":"","facebookImage":"","facebookImageID":""}}},"tocTitle":"Table of Contents","tocExcludeHeadings":[],"listStyle":"ul"},"_links":{"self":[{"href":"https:\/\/bbmsl.com\/zh-hans\/wp-json\/wp\/v2\/pages\/6271","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bbmsl.com\/zh-hans\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bbmsl.com\/zh-hans\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bbmsl.com\/zh-hans\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/bbmsl.com\/zh-hans\/wp-json\/wp\/v2\/comments?post=6271"}],"version-history":[{"count":10,"href":"https:\/\/bbmsl.com\/zh-hans\/wp-json\/wp\/v2\/pages\/6271\/revisions"}],"predecessor-version":[{"id":6526,"href":"https:\/\/bbmsl.com\/zh-hans\/wp-json\/wp\/v2\/pages\/6271\/revisions\/6526"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bbmsl.com\/zh-hans\/wp-json\/wp\/v2\/media\/6404"}],"wp:attachment":[{"href":"https:\/\/bbmsl.com\/zh-hans\/wp-json\/wp\/v2\/media?parent=6271"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}