{"id":1629,"date":"2024-07-03T16:24:56","date_gmt":"2024-07-03T16:24:56","guid":{"rendered":"https:\/\/devwp02.visibleone.io\/bbmsl\/online-payment\/"},"modified":"2024-11-27T06:28:23","modified_gmt":"2024-11-27T06:28:23","slug":"online-payment","status":"publish","type":"page","link":"https:\/\/bbmsl.com\/zh-hans\/online-payment\/","title":{"rendered":"Online Payment"},"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        \n        <h1 class=\"heading1 leading-[50px] md:leading-[56px] 3xl:leading-[75px] mb-5\">\n          \u7ebf\u4e0a\u7535\u5b50\u652f\u4ed8\u670d\u52a1                  <\/h1>\n\n        <div class=\"text-body text-tertiary leading-7 font-noto-sans\">\n          <p>\u60f3\u628a\u4e1a\u52a1\u6269\u5c55\u81f3\u7ebf\u4e0a\uff0c\u4f46\u6ca1\u6709\u76f8\u5173\u6280\u672f\uff1f\u65e0\u8bba\u4f60\u662f\u5fae\u578b\u5546\u5bb6\u3001\u4e2d\u2f29\u4f01\u6216\u4f01\u4e1a\u7ea7\u5546\u2f3e\uff0cBBMSL\u90fd\u6709\u9002\u5408\u4f60\u7684\u2f45\u6848\uff0c\u8f7b\u677e\u628a\u4e1a\u52a1\u62d3\u5c55\u2f84\u7ebf\u4e0a\uff0c\u4e89\u53d6\u6bcf\u2f00\u4e2a\u6f5c\u5728\u5546\u673a\u3002\u5b89\u5168\u6536\u6b3e\u3001\u7b80\u5316\u8425\u8fd0\uff0cBBMSL\u5168\u7a0b\u8ddf\u8fdb\u6bcf\u4e00\u4e2a\u6b65\u9aa4\uff0c\u4e00\u540c\u89e3\u9501O2O\u7684\u5f3a\u5927\u529b\u91cf\u3002<\/p>\n        <\/div>\n\n                  <div class=\"mt-5 md:mt-10 md:flex\">\n                          <a href=\"https:\/\/wa.me\/85255887325\" target=\"_blank\" rel=\"nofollow noopener\" 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\">\n                \u7acb\u5373\u62a5\u4ef7              <\/a>\n            \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\/2024\/09\/Online-Payment_cover.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\"><pre id=\"tw-target-text\" class=\"tw-data-text tw-text-large tw-ta\" dir=\"ltr\" data-placeholder=\"\u7ffb\u8b6f\" data-ved=\"2ahUKEwi1ieOBxOKIAxVlr1YBHQ4VILwQ3ewLegQICBAU\" aria-label=\"\u8b6f\u6587\uff1a\u6570\u4f4d\u65f6\u4ee3\u84ec\u52c3\u53d1\u5c55 \u900f\u8fc7 BBMSL \u62d3\u5c55\u60a8\u7684\u5e02\u573a\">\u6570\u4f4d\u65f6\u4ee3\u84ec\u52c3\u53d1\u5c55\r\n\u900f\u8fc7 BBMSL \u62d3\u5c55\u60a8\u7684\u5e02\u573a<\/pre>\n<\/div>\n        <div class=\"text-center text-body font-noto-sans leading-7 text-tertiary\"><p>\u63a5\u89e6\u5168\u7403\u5ba2\u6237\uff0c\u63a5\u53d7\u6d77\u5916\u5361\u53ca\u5916\u5e01\u7535\u5b50\u4ed8\u6b3e\uff0c\u5f00\u62d3\u65b0\u5e02\u573a\uff0c\u589e\u52a0\u9500\u552e\u989d\u3002<\/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\/2024\/10\/Online-Payment-digital-age2.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\/2024\/10\/icon_global.png\" alt=\"\" \/>\n                                  <\/div>\n\n                <div>\n                  <h5 class=\"heading4 leading-6 mb-2.5 text-black000\">\u6269\u5c55\u5ba2\u6237\u7fa4<\/h5>\n                  <div class=\"text-body leading-7 font-noto-sans\"><p>\u652f\u63f4\u591a\u79cd\u8d27\u5e01\u7535\u5b50\u652f\u4ed8\u65b9\u5f0f\uff0c\u8f7b\u677e\u63a5\u53d7\u6765\u81ea\u4e0d\u540c\u5730\u65b9\u7684\u987e\u5ba2\u4ed8\u6b3e\u3002<\/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\/2024\/10\/icon_simplifytransaction.png\" alt=\"\" \/>\n                                  <\/div>\n\n                <div>\n                  <h5 class=\"heading4 leading-6 mb-2.5 text-black000\">\u7b80\u5316\u4ed8\u6b3e\u7a0b\u5e8f<\/h5>\n                  <div class=\"text-body leading-7 font-noto-sans\"><p>\u4ed8\u6b3e\u754c\u9762\u7b80\u5355\u6613\u7528\uff0c\u65b9\u4fbf\u987e\u5ba2\u5feb\u901f\u8fdb\u884c\u7ebf\u4e0a\u652f\u4ed8\uff0c\u51cf\u5c11\u300c\u9057\u5f03\u8d2d\u7269\u8f66\u5185\uff0c\u589e\u52a0\u9500\u552e\u989d\u3002<\/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\/2024\/07\/reduce-chargeback.png\" alt=\"\" \/>\n                                  <\/div>\n\n                <div>\n                  <h5 class=\"heading4 leading-6 mb-2.5 text-black000\">\u5b89\u5168\u6027<\/h5>\n                  <div class=\"text-body leading-7 font-noto-sans\"><p>\u5546\u6237\u65e0\u9700\u81ea\u884c\u83b7\u53d6PCI DSS\u8ba4\u8bc1\uff0c\u6211\u4eec\u7684\u89e3\u51b3\u65b9\u6848\u80fd\u4e3a\u60a8\u8282\u7701\u65f6\u95f4\u3001\u8d44\u6e90\u548c\u89e3\u51b3\u6f5c\u5728\u5b89\u5168\u98ce\u9669\u3002<\/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\/2024\/10\/icon_shoppingcart.png\" alt=\"\" \/>\n                                  <\/div>\n\n                <div>\n                  <h5 class=\"heading4 leading-6 mb-2.5 text-black000\">\u8fdb\u5165O2O\u8425\u5546\u6a21\u5f0f<\/h5>\n                  <div class=\"text-body leading-7 font-noto-sans\"><p>\u5f25\u5408\u60a8\u7684\u7ebf\u4e0a\u548c\u7ebf\u4e0b\u5f62\u8c61\u4e4b\u95f4\u7684\u5dee\u8ddd\u3002\u6211\u4eec\u7684\u7535\u5b50\u652f\u4ed8\u89e3\u51b3\u65b9\u6848\u4e0e\u60a8\u7684\u5b9e\u4f53\u5e97\u65e0\u7f1d\u96c6\u6210\uff0c\u8ba9\u5ba2\u6237\u70b9\u51fb\u53d6\u8d27\uff01<\/p>\n<p>&nbsp;<\/p>\n<p>\u7ed3\u5408\u7f51\u8def\u548c\u5b9e\u4f53\u5e97\u7684\u9500\u552e\uff0c\u5c06\u7ebf\u4e0a\u5ba2\u6e90\u5bfc\u6d41\u5230\u7ebf\u4e0b\uff01\u6211\u4eec\u7684\u7ebf\u4e0a\u7535\u5b50\u652f\u4ed8\u670d\u52a1\u80fd\u4e0e\u7684\u5b9e\u4f53\u5e97\u65e0\u7f1d\u6574\u5408\uff0c\u987e\u5ba2\u7ebf\u4e0a\u8d2d\u4e70\u7ebf\u4e0b\u53d6\u8d27\u3002<\/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>\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-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        \u9002\u5408\u60a8\u8425\u5546\u6a21\u5f0f\u7684\u529f\u80fd      <\/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\/2024\/09\/Merchant-Finance-icon.png\" alt=\"\u6258\u7ba1\u7ed3\u5e10\"\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\">\u6258\u7ba1\u7ed3\u5e10<\/h4>\n                      <p class=\"text-body font-noto-sans leading-7 text-tertiary\">\u987e\u5ba2\u7ed3\u5e10\u65f6\uff0c\u652f\u4ed8\u95f8\u9053\u4f1a\u5c06\u987e\u5ba2\u4ece\u7ed3\u5e10\u9875\u9762\u5f15\u5bfc\u81f3\u6211\u4eec\u7684\u652f\u4ed8\u9875\u9762\uff0c\u7b80\u5316\u987e\u5ba2\u7ed3\u5e10\u6d41\u7a0b\u3002\u65e0\u9700\u7f16\u7a0b\uff01<\/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\/2024\/09\/Merchant-Finance-icon2.png\" alt=\"\u8bb0\u53f7\u5316\u8d44\u6599\"\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\">\u8bb0\u53f7\u5316\u8d44\u6599<\/h4>\n                      <p class=\"text-body font-noto-sans leading-7 text-tertiary\">\u901a\u8fc7\u652f\u4ed8\u6807\u8bb0\u4ee3\u66ff\u4fe1\u7528\u5361\u53f7\u8fdb\u884c\u4ea4\u6613\u9a8c\u8bc1\uff0c\u200b\u907f\u514d\u5361\u53f7\u6cc4\u9732\uff0c\u964d\u4f4e\u4ea4\u6613\u8bc8\u9a97\u53d1\u751f\u7684\u673a\u7387\u200b<\/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\/2024\/09\/Merchant-Finance-icon3.png\" alt=\"\u4e00\u952e\u4ed8\u6b3e\"\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\">\u4e00\u952e\u4ed8\u6b3e<\/h4>\n                      <p class=\"text-body font-noto-sans leading-7 text-tertiary\">\u51cf\u4f4e\u300c\u9057\u5f03\u8d2d\u7269\u8f66\u300d\u7684\u673a\u4f1a\uff0c\u8ba9\u987e\u5ba2\u66f4\u5bb9\u6613\u51b2\u52a8\u6d88\u8d39\uff1b\u52a0\u5feb\u7ed3\u5e10\u6d41\u7a0b\uff0c\u5e26\u6765\u66f4\u987a\u7545\u7684\u8d2d\u7269\u4f53\u9a8c\u200b\u3002<\/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>\n        <\/div>\n          <\/div>\n  <\/div>\n<\/div>\n\n\n<div block-name=\"bbmsl-service-detail-content-tabs\"\n  class=\"py-10 md:py-[60px] xl:py-[120px] overflow-hidden bg-white\"\n  x-data=\"bbmsl_service_detail_content_tabs\">\n  <div class=\"container\">\n    <div class=\"flex flex-col xl:flex-row xl:items-stretch\">\n      <div class=\"xl:flex-1 flex flex-col xl:mr-10 2xl:mr-20\">\n        <div class=\"flex flex-col justify-center\">\n          <p class=\"text-tertiary text-body leading-5 uppercase mb-2.5 font-bold\">\u989d\u5916\u529f\u80fd<\/p>\n          <div class=\"heading2 text-black000 leading-8 xl:leading-[54px]\"><p>\u5b9a\u671f\u5b9a\u989d\u6536\u6b3e\u200b<\/p>\n<p>\u63d0\u9ad8\u5ba2\u6237\u5fe0\u8bda\u5ea6\u53ca\u786e\u4fdd\u6536\u5165\u200b<\/p>\n<\/div>\n\n          <div class=\"mt-10\">\n                          <div\n                class=\"flex mb-10 last:mb-0 cursor-pointer group transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n                @click=\"handleIndexChange(0)\" x-data=\"bbmsl_sdct_0\">\n                <div class=\"shrink-0 size-8 mr-3 md:mr-5\">\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"size-full\" viewBox=\"0 0 32 32\" fill=\"none\">\n  <g id=\"SVG\" clip-path=\"url(#clip0_8920_16880)\">\n    <g id=\"Group\">\n      <path id=\"Vector\" fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n        d=\"M16 0C24.8366 0 32 7.16344 32 16C32 24.8366 24.8366 32 16 32C7.16344 32 0 24.8366 0 16C0 7.16344 7.16344 0 16 0ZM16 4C9.37258 4 4 9.37258 4 16C4 22.6274 9.37258 28 16 28C22.6274 28 28 22.6274 28 16C28 9.37258 22.6274 4 16 4ZM23.499 10.5164C24.167 11.2048 24.167 12.3211 23.499 13.0095L14.3067 22.4836C13.6387 23.1721 12.5556 23.1721 11.8876 22.4836L8.501 18.9932C7.833 18.3047 7.833 17.1885 8.501 16.5C9.169 15.8115 10.252 15.8115 10.92 16.5L13.0972 18.7439L21.08 10.5164C21.748 9.82788 22.831 9.82788 23.499 10.5164Z\"\n        class=\"transition-all\" :class=\"currentIndex == 0 ? 'fill-primary' : 'fill-[#B2B2B2]'\" \/>\n    <\/g>\n  <\/g>\n  <defs>\n    <clipPath id=\"clip0_8920_16880\">\n      <rect width=\"32\" height=\"32\" fill=\"white\" \/>\n    <\/clipPath>\n  <\/defs>\n<\/svg>                <\/div>\n\n                <div>\n                  <h5 class=\"heading4 leading-6 mb-2.5 transition group-hover:text-black000 \"\n                    :class=\"currentIndex == 0 ? 'text-black000' : 'text-tertiary'\">\u81ea\u52a8\u5e10\u5355\u6263\u6b3e<\/h5>\n                  <div class=\"text-body leading-7 font-noto-sans\">\u200b\u5546\u6237\u80fd\u6309\u7167\u9884\u5148\u5b89\u6392\u7684\u5b9a\u671f\u65f6\u95f4\u8868\uff0c\u4ece\u987e\u5ba2\u7684\u4fe1\u7528\u5361\u4e2d\u6536\u53d6\u5546\u54c1\u6216\u670d\u52a1\u7684\u56fa\u5b9a\u91d1\u989d\u3002<\/div>\n                <\/div>\n\n                <script>\n                  document.addEventListener('alpine:init', function () {\n                    Alpine.data('bbmsl_sdct_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 cursor-pointer group transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n                @click=\"handleIndexChange(1)\" x-data=\"bbmsl_sdct_1\">\n                <div class=\"shrink-0 size-8 mr-3 md:mr-5\">\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"size-full\" viewBox=\"0 0 32 32\" fill=\"none\">\n  <g id=\"SVG\" clip-path=\"url(#clip0_8920_16880)\">\n    <g id=\"Group\">\n      <path id=\"Vector\" fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n        d=\"M16 0C24.8366 0 32 7.16344 32 16C32 24.8366 24.8366 32 16 32C7.16344 32 0 24.8366 0 16C0 7.16344 7.16344 0 16 0ZM16 4C9.37258 4 4 9.37258 4 16C4 22.6274 9.37258 28 16 28C22.6274 28 28 22.6274 28 16C28 9.37258 22.6274 4 16 4ZM23.499 10.5164C24.167 11.2048 24.167 12.3211 23.499 13.0095L14.3067 22.4836C13.6387 23.1721 12.5556 23.1721 11.8876 22.4836L8.501 18.9932C7.833 18.3047 7.833 17.1885 8.501 16.5C9.169 15.8115 10.252 15.8115 10.92 16.5L13.0972 18.7439L21.08 10.5164C21.748 9.82788 22.831 9.82788 23.499 10.5164Z\"\n        class=\"transition-all\" :class=\"currentIndex == 1 ? 'fill-primary' : 'fill-[#B2B2B2]'\" \/>\n    <\/g>\n  <\/g>\n  <defs>\n    <clipPath id=\"clip0_8920_16880\">\n      <rect width=\"32\" height=\"32\" fill=\"white\" \/>\n    <\/clipPath>\n  <\/defs>\n<\/svg>                <\/div>\n\n                <div>\n                  <h5 class=\"heading4 leading-6 mb-2.5 transition group-hover:text-black000 \"\n                    :class=\"currentIndex == 1 ? 'text-black000' : 'text-tertiary'\">\u51cf\u5c11\u4eba\u624b\u4ed8\u6b3e<\/h5>\n                  <div class=\"text-body leading-7 font-noto-sans\">\u987e\u5ba2\u53ea\u9700\u5237\u4e00\u6b21\u5361\uff0c\u5e76\u6388\u6743\u5546\u6237\u4f5c\u5b9a\u671f\u6536\u6b3e\uff0c\u5546\u6237\u5c31\u53ef\u6301\u7eed\u5730\u6839\u636e\u4ed8\u6b3e\u5faa\u73af\u5468\u671f\u4ece\u987e\u5ba2\u4fe1\u7528\u5361\u4e0a\u6263\u6b3e\uff0c\u76f4\u5230\u6301\u5361\u4eba\u64a4\u56de\u8bb8\u53ef\u200b<\/div>\n                <\/div>\n\n                <script>\n                  document.addEventListener('alpine:init', function () {\n                    Alpine.data('bbmsl_sdct_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 cursor-pointer group transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n                @click=\"handleIndexChange(2)\" x-data=\"bbmsl_sdct_2\">\n                <div class=\"shrink-0 size-8 mr-3 md:mr-5\">\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"size-full\" viewBox=\"0 0 32 32\" fill=\"none\">\n  <g id=\"SVG\" clip-path=\"url(#clip0_8920_16880)\">\n    <g id=\"Group\">\n      <path id=\"Vector\" fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n        d=\"M16 0C24.8366 0 32 7.16344 32 16C32 24.8366 24.8366 32 16 32C7.16344 32 0 24.8366 0 16C0 7.16344 7.16344 0 16 0ZM16 4C9.37258 4 4 9.37258 4 16C4 22.6274 9.37258 28 16 28C22.6274 28 28 22.6274 28 16C28 9.37258 22.6274 4 16 4ZM23.499 10.5164C24.167 11.2048 24.167 12.3211 23.499 13.0095L14.3067 22.4836C13.6387 23.1721 12.5556 23.1721 11.8876 22.4836L8.501 18.9932C7.833 18.3047 7.833 17.1885 8.501 16.5C9.169 15.8115 10.252 15.8115 10.92 16.5L13.0972 18.7439L21.08 10.5164C21.748 9.82788 22.831 9.82788 23.499 10.5164Z\"\n        class=\"transition-all\" :class=\"currentIndex == 2 ? 'fill-primary' : 'fill-[#B2B2B2]'\" \/>\n    <\/g>\n  <\/g>\n  <defs>\n    <clipPath id=\"clip0_8920_16880\">\n      <rect width=\"32\" height=\"32\" fill=\"white\" \/>\n    <\/clipPath>\n  <\/defs>\n<\/svg>                <\/div>\n\n                <div>\n                  <h5 class=\"heading4 leading-6 mb-2.5 transition group-hover:text-black000 \"\n                    :class=\"currentIndex == 2 ? 'text-black000' : 'text-tertiary'\">\u200b\u8282\u7701\u884c\u653f\u3001\u5ba3\u4f20\u6210\u672c<\/h5>\n                  <div class=\"text-body leading-7 font-noto-sans\">\u65e0\u9700\u4eba\u624b\u50ac\u4fc3\u987e\u5ba2\u4ed8\u6b3e\u200b\uff1b\u8282\u7701\u884c\u9500\u5e7f\u544a\u9884\u7b97\uff0c\u6bcf\u6708\u987e\u5ba2\u81ea\u52a8\u56de\u8d2d\uff0c\u7a33\u5b9a\u8425\u6536\u6765\u6e90\uff0c\u8d27\u54c1\u6570\u91cf\u5bb9\u6613\u4f30\u7b97\u200b<\/div>\n                <\/div>\n\n                <script>\n                  document.addEventListener('alpine:init', function () {\n                    Alpine.data('bbmsl_sdct_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 cursor-pointer group transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n                @click=\"handleIndexChange(3)\" x-data=\"bbmsl_sdct_3\">\n                <div class=\"shrink-0 size-8 mr-3 md:mr-5\">\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"size-full\" viewBox=\"0 0 32 32\" fill=\"none\">\n  <g id=\"SVG\" clip-path=\"url(#clip0_8920_16880)\">\n    <g id=\"Group\">\n      <path id=\"Vector\" fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n        d=\"M16 0C24.8366 0 32 7.16344 32 16C32 24.8366 24.8366 32 16 32C7.16344 32 0 24.8366 0 16C0 7.16344 7.16344 0 16 0ZM16 4C9.37258 4 4 9.37258 4 16C4 22.6274 9.37258 28 16 28C22.6274 28 28 22.6274 28 16C28 9.37258 22.6274 4 16 4ZM23.499 10.5164C24.167 11.2048 24.167 12.3211 23.499 13.0095L14.3067 22.4836C13.6387 23.1721 12.5556 23.1721 11.8876 22.4836L8.501 18.9932C7.833 18.3047 7.833 17.1885 8.501 16.5C9.169 15.8115 10.252 15.8115 10.92 16.5L13.0972 18.7439L21.08 10.5164C21.748 9.82788 22.831 9.82788 23.499 10.5164Z\"\n        class=\"transition-all\" :class=\"currentIndex == 3 ? 'fill-primary' : 'fill-[#B2B2B2]'\" \/>\n    <\/g>\n  <\/g>\n  <defs>\n    <clipPath id=\"clip0_8920_16880\">\n      <rect width=\"32\" height=\"32\" fill=\"white\" \/>\n    <\/clipPath>\n  <\/defs>\n<\/svg>                <\/div>\n\n                <div>\n                  <h5 class=\"heading4 leading-6 mb-2.5 transition group-hover:text-black000 \"\n                    :class=\"currentIndex == 3 ? 'text-black000' : 'text-tertiary'\"> \u9002\u7528\u573a\u666f<\/h5>\n                  <div class=\"text-body leading-7 font-noto-sans\">\u9002\u7528\u573a\u666f \u5065\u8eab\u5ba4\u6708\u8d39\u3001\u8ba2\u9605\u670d\u52a1\u3001\u4f1a\u5458\u8d39\u3001\u7269\u4e1a\u7ba1\u7406\u8d39\u7b49\u200b<\/div>\n                <\/div>\n\n                <script>\n                  document.addEventListener('alpine:init', function () {\n                    Alpine.data('bbmsl_sdct_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      <\/div>\n\n      <div\n        class=\"xl:flex-1 mt-5 xl:mt-0 relative transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%] max-xl:aspect-square max-xl:max-w-[500px] max-xl:mx-auto max-xl:w-full\" x-ref=\"img_wrapper\">\n                    <img decoding=\"async\" x-ref=\"img_content_0\"\n              class=\"mx-auto transition duration-500 absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-full opacity-0 size-full object-contain\"\n              src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/09\/customer-loyalty.png\" alt=\"\" \/>\n                      <img decoding=\"async\" x-ref=\"img_content_1\"\n              class=\"mx-auto transition duration-500 absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-full opacity-0 size-full object-contain\"\n              src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/09\/customer-loyalty.png\" alt=\"\" \/>\n                      <img decoding=\"async\" x-ref=\"img_content_2\"\n              class=\"mx-auto transition duration-500 absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-full opacity-0 size-full object-contain\"\n              src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/09\/customer-loyalty.png\" alt=\"\" \/>\n                      <img decoding=\"async\" x-ref=\"img_content_3\"\n              class=\"mx-auto transition duration-500 absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-full opacity-0 size-full object-contain\"\n              src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/09\/customer-loyalty.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_tabs', () => ({\n        currentIndex: 0,\n        imgWrapperHeight: 0,\n        imageHeights: [],\n        init() {\n          this.calculateHeight();\n          window.addEventListener('resize', () => {\n            this.calculateHeight();\n          });\n\n          this.handleIndexChange(this.currentIndex);\n        },\n        calculateHeight() {\n          const images = this.$refs.img_wrapper.children;\n          Array.from(images).forEach((img, index) => {\n            if (img.complete) {\n              this.getImgHeight(img, index);\n\n              if (index == 0) {\n                this.observe();\n              }\n            } else {\n              img.addEventListener('load', () => {\n                this.getImgHeight(img, index);\n\n                if (index == 0) {\n                  this.observe();\n                }\n              })\n            }\n          });\n        },\n        getImgHeight(img, index) {\n          if (this.imageHeights[index] != img.clientHeight) {\n            this.imageHeights[index] = img.clientHeight;\n          }\n\n          const maxHeight = Math.max(...this.imageHeights);\n          if (img.clientHeight != maxHeight) {\n            this.imgWrapperHeight = maxHeight;\n          };\n        },\n        handleIndexChange(index) {\n          if (this.$refs[`img_content_${this.currentIndex}`]) {\n            this.$refs[`img_content_${this.currentIndex}`].classList.add('opacity-0');\n          }\n\n          this.currentIndex = index;\n          if (this.$refs[`img_content_${index}`]) {\n            this.$refs[`img_content_${index}`].classList.remove('opacity-0');\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_wrapper.classList.remove('before');\n                observer.disconnect();\n              }\n            });\n          }, { threshold: 0.25 });\n          observer.observe(this.$refs.img_wrapper);\n        }\n      }));\n    });\n  })();\n<\/script>\n\n\n<div block-name=\"bbmsl-service-detail-content-tabs\"\n  class=\"py-10 md:py-[60px] xl:py-[120px] overflow-hidden bg-lightBlue\"\n  x-data=\"bbmsl_service_detail_content_tabs\">\n  <div class=\"container\">\n    <div class=\"flex flex-col xl:flex-row xl:items-stretch\">\n      <div class=\"xl:flex-1 flex flex-col xl:mr-10 2xl:mr-20\">\n        <div class=\"flex flex-col justify-center\">\n          <p class=\"text-tertiary text-body leading-5 uppercase mb-2.5 font-bold\">\u989d\u5916\u529f\u80fd<\/p>\n          <div class=\"heading2 text-black000 leading-8 xl:leading-[54px]\"><p>\u4ed8\u6b3e\u8fde\u7ed3<\/p>\n<p>\u5373\u65f6\u6536\u6b3e\uff0c\u4ed8\u6b3e\u8fde\u7ed3\u52a9\u60a8\u8f7b\u677e\u5b8c\u6210\u4ea4\u6613<\/p>\n<\/div>\n\n          <div class=\"mt-10\">\n                          <div\n                class=\"flex mb-10 last:mb-0 cursor-pointer group transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n                @click=\"handleIndexChange(0)\" x-data=\"bbmsl_sdct_0\">\n                <div class=\"shrink-0 size-8 mr-3 md:mr-5\">\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"size-full\" viewBox=\"0 0 32 32\" fill=\"none\">\n  <g id=\"SVG\" clip-path=\"url(#clip0_8920_16880)\">\n    <g id=\"Group\">\n      <path id=\"Vector\" fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n        d=\"M16 0C24.8366 0 32 7.16344 32 16C32 24.8366 24.8366 32 16 32C7.16344 32 0 24.8366 0 16C0 7.16344 7.16344 0 16 0ZM16 4C9.37258 4 4 9.37258 4 16C4 22.6274 9.37258 28 16 28C22.6274 28 28 22.6274 28 16C28 9.37258 22.6274 4 16 4ZM23.499 10.5164C24.167 11.2048 24.167 12.3211 23.499 13.0095L14.3067 22.4836C13.6387 23.1721 12.5556 23.1721 11.8876 22.4836L8.501 18.9932C7.833 18.3047 7.833 17.1885 8.501 16.5C9.169 15.8115 10.252 15.8115 10.92 16.5L13.0972 18.7439L21.08 10.5164C21.748 9.82788 22.831 9.82788 23.499 10.5164Z\"\n        class=\"transition-all\" :class=\"currentIndex == 0 ? 'fill-primary' : 'fill-[#B2B2B2]'\" \/>\n    <\/g>\n  <\/g>\n  <defs>\n    <clipPath id=\"clip0_8920_16880\">\n      <rect width=\"32\" height=\"32\" fill=\"white\" \/>\n    <\/clipPath>\n  <\/defs>\n<\/svg>                <\/div>\n\n                <div>\n                  <h5 class=\"heading4 leading-6 mb-2.5 transition group-hover:text-black000 \"\n                    :class=\"currentIndex == 0 ? 'text-black000' : 'text-tertiary'\">\u5373\u65f6\u6536\u6b3e<\/h5>\n                  <div class=\"text-body leading-7 font-noto-sans\">\u5728\u7535\u90ae\u3001Instagram\u3001Facebook\u3001Whatsapp\u6216\u5176\u4ed6\u901a\u8baf\u4e0a\u63d0\u4f9b\u4ed8\u6b3e\u8fde\u7ed3\u7f51\u5740\u4e88\u987e\u5ba2\u3002<\/div>\n                <\/div>\n\n                <script>\n                  document.addEventListener('alpine:init', function () {\n                    Alpine.data('bbmsl_sdct_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 cursor-pointer group transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n                @click=\"handleIndexChange(1)\" x-data=\"bbmsl_sdct_1\">\n                <div class=\"shrink-0 size-8 mr-3 md:mr-5\">\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"size-full\" viewBox=\"0 0 32 32\" fill=\"none\">\n  <g id=\"SVG\" clip-path=\"url(#clip0_8920_16880)\">\n    <g id=\"Group\">\n      <path id=\"Vector\" fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n        d=\"M16 0C24.8366 0 32 7.16344 32 16C32 24.8366 24.8366 32 16 32C7.16344 32 0 24.8366 0 16C0 7.16344 7.16344 0 16 0ZM16 4C9.37258 4 4 9.37258 4 16C4 22.6274 9.37258 28 16 28C22.6274 28 28 22.6274 28 16C28 9.37258 22.6274 4 16 4ZM23.499 10.5164C24.167 11.2048 24.167 12.3211 23.499 13.0095L14.3067 22.4836C13.6387 23.1721 12.5556 23.1721 11.8876 22.4836L8.501 18.9932C7.833 18.3047 7.833 17.1885 8.501 16.5C9.169 15.8115 10.252 15.8115 10.92 16.5L13.0972 18.7439L21.08 10.5164C21.748 9.82788 22.831 9.82788 23.499 10.5164Z\"\n        class=\"transition-all\" :class=\"currentIndex == 1 ? 'fill-primary' : 'fill-[#B2B2B2]'\" \/>\n    <\/g>\n  <\/g>\n  <defs>\n    <clipPath id=\"clip0_8920_16880\">\n      <rect width=\"32\" height=\"32\" fill=\"white\" \/>\n    <\/clipPath>\n  <\/defs>\n<\/svg>                <\/div>\n\n                <div>\n                  <h5 class=\"heading4 leading-6 mb-2.5 transition group-hover:text-black000 \"\n                    :class=\"currentIndex == 1 ? 'text-black000' : 'text-tertiary'\">\u66f4\u5feb\u6536\u6b3e<\/h5>\n                  <div class=\"text-body leading-7 font-noto-sans\">\u987e\u5ba2\u53ea\u9700\u70b9\u51fb\u8fde\u7ed3\u5c31\u53ef\u5373\u65f6\u4ed8\u6b3e\uff0c\u5546\u6237\u66f4\u5feb\u6536\u6b3e\uff0c\u5b8c\u6210\u4ea4\u6613\u200b\uff0c\u73b0\u91d1\u6d41\u66f4\u5145\u8db3\uff01<\/div>\n                <\/div>\n\n                <script>\n                  document.addEventListener('alpine:init', function () {\n                    Alpine.data('bbmsl_sdct_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 cursor-pointer group transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n                @click=\"handleIndexChange(2)\" x-data=\"bbmsl_sdct_2\">\n                <div class=\"shrink-0 size-8 mr-3 md:mr-5\">\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"size-full\" viewBox=\"0 0 32 32\" fill=\"none\">\n  <g id=\"SVG\" clip-path=\"url(#clip0_8920_16880)\">\n    <g id=\"Group\">\n      <path id=\"Vector\" fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n        d=\"M16 0C24.8366 0 32 7.16344 32 16C32 24.8366 24.8366 32 16 32C7.16344 32 0 24.8366 0 16C0 7.16344 7.16344 0 16 0ZM16 4C9.37258 4 4 9.37258 4 16C4 22.6274 9.37258 28 16 28C22.6274 28 28 22.6274 28 16C28 9.37258 22.6274 4 16 4ZM23.499 10.5164C24.167 11.2048 24.167 12.3211 23.499 13.0095L14.3067 22.4836C13.6387 23.1721 12.5556 23.1721 11.8876 22.4836L8.501 18.9932C7.833 18.3047 7.833 17.1885 8.501 16.5C9.169 15.8115 10.252 15.8115 10.92 16.5L13.0972 18.7439L21.08 10.5164C21.748 9.82788 22.831 9.82788 23.499 10.5164Z\"\n        class=\"transition-all\" :class=\"currentIndex == 2 ? 'fill-primary' : 'fill-[#B2B2B2]'\" \/>\n    <\/g>\n  <\/g>\n  <defs>\n    <clipPath id=\"clip0_8920_16880\">\n      <rect width=\"32\" height=\"32\" fill=\"white\" \/>\n    <\/clipPath>\n  <\/defs>\n<\/svg>                <\/div>\n\n                <div>\n                  <h5 class=\"heading4 leading-6 mb-2.5 transition group-hover:text-black000 \"\n                    :class=\"currentIndex == 2 ? 'text-black000' : 'text-tertiary'\"> \u65e0\u9700\u4e32\u63a5\u8d2d\u7269\u8f66\u7cfb\u7edf<\/h5>\n                  <div class=\"text-body leading-7 font-noto-sans\">\u4e0d\u9700\u8981\u505a\u4efb\u4f55\u6280\u672f\u4e32\u63a5\uff0c\u6216\u662f\u5efa\u7f6e\u8d2d\u7269\u8f66\u7cfb\u7edf\uff0c\u53ea\u8981\u5728\u540e\u53f0\u8bbe\u5b9a\u4ea4\u6613\u8d44\u8baf\u3001\u91d1\u989d\u53ca\u4ed8\u6b3e\u671f\u9650\u200b<\/div>\n                <\/div>\n\n                <script>\n                  document.addEventListener('alpine:init', function () {\n                    Alpine.data('bbmsl_sdct_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 cursor-pointer group transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n                @click=\"handleIndexChange(3)\" x-data=\"bbmsl_sdct_3\">\n                <div class=\"shrink-0 size-8 mr-3 md:mr-5\">\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"size-full\" viewBox=\"0 0 32 32\" fill=\"none\">\n  <g id=\"SVG\" clip-path=\"url(#clip0_8920_16880)\">\n    <g id=\"Group\">\n      <path id=\"Vector\" fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n        d=\"M16 0C24.8366 0 32 7.16344 32 16C32 24.8366 24.8366 32 16 32C7.16344 32 0 24.8366 0 16C0 7.16344 7.16344 0 16 0ZM16 4C9.37258 4 4 9.37258 4 16C4 22.6274 9.37258 28 16 28C22.6274 28 28 22.6274 28 16C28 9.37258 22.6274 4 16 4ZM23.499 10.5164C24.167 11.2048 24.167 12.3211 23.499 13.0095L14.3067 22.4836C13.6387 23.1721 12.5556 23.1721 11.8876 22.4836L8.501 18.9932C7.833 18.3047 7.833 17.1885 8.501 16.5C9.169 15.8115 10.252 15.8115 10.92 16.5L13.0972 18.7439L21.08 10.5164C21.748 9.82788 22.831 9.82788 23.499 10.5164Z\"\n        class=\"transition-all\" :class=\"currentIndex == 3 ? 'fill-primary' : 'fill-[#B2B2B2]'\" \/>\n    <\/g>\n  <\/g>\n  <defs>\n    <clipPath id=\"clip0_8920_16880\">\n      <rect width=\"32\" height=\"32\" fill=\"white\" \/>\n    <\/clipPath>\n  <\/defs>\n<\/svg>                <\/div>\n\n                <div>\n                  <h5 class=\"heading4 leading-6 mb-2.5 transition group-hover:text-black000 \"\n                    :class=\"currentIndex == 3 ? 'text-black000' : 'text-tertiary'\">\u200b\u8282\u7701\u7ba1\u7406\u65f6\u95f4\u548c\u4eba\u624b\u200b<\/h5>\n                  <div class=\"text-body leading-7 font-noto-sans\">\u65e0\u9700\u4eba\u624b\u8ffd\u7f34\u4ed8\u6b3e\u53ca\u5f00\u7acb\u5355\u636e\uff0c\u4e00\u4e2a\u540e\u53f0\u7ba1\u7406\u6240\u6709\u6536\u6b3e\u4e8b\u9879<\/div>\n                <\/div>\n\n                <script>\n                  document.addEventListener('alpine:init', function () {\n                    Alpine.data('bbmsl_sdct_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                class=\"flex mb-10 last:mb-0 cursor-pointer group transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n                @click=\"handleIndexChange(4)\" x-data=\"bbmsl_sdct_4\">\n                <div class=\"shrink-0 size-8 mr-3 md:mr-5\">\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"size-full\" viewBox=\"0 0 32 32\" fill=\"none\">\n  <g id=\"SVG\" clip-path=\"url(#clip0_8920_16880)\">\n    <g id=\"Group\">\n      <path id=\"Vector\" fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n        d=\"M16 0C24.8366 0 32 7.16344 32 16C32 24.8366 24.8366 32 16 32C7.16344 32 0 24.8366 0 16C0 7.16344 7.16344 0 16 0ZM16 4C9.37258 4 4 9.37258 4 16C4 22.6274 9.37258 28 16 28C22.6274 28 28 22.6274 28 16C28 9.37258 22.6274 4 16 4ZM23.499 10.5164C24.167 11.2048 24.167 12.3211 23.499 13.0095L14.3067 22.4836C13.6387 23.1721 12.5556 23.1721 11.8876 22.4836L8.501 18.9932C7.833 18.3047 7.833 17.1885 8.501 16.5C9.169 15.8115 10.252 15.8115 10.92 16.5L13.0972 18.7439L21.08 10.5164C21.748 9.82788 22.831 9.82788 23.499 10.5164Z\"\n        class=\"transition-all\" :class=\"currentIndex == 4 ? 'fill-primary' : 'fill-[#B2B2B2]'\" \/>\n    <\/g>\n  <\/g>\n  <defs>\n    <clipPath id=\"clip0_8920_16880\">\n      <rect width=\"32\" height=\"32\" fill=\"white\" \/>\n    <\/clipPath>\n  <\/defs>\n<\/svg>                <\/div>\n\n                <div>\n                  <h5 class=\"heading4 leading-6 mb-2.5 transition group-hover:text-black000 \"\n                    :class=\"currentIndex == 4 ? 'text-black000' : 'text-tertiary'\">\u9002\u5408\u573a\u666f<\/h5>\n                  <div class=\"text-body leading-7 font-noto-sans\">\u9152\u5e97\u3001\u793e\u4ea4\u5a92\u4f53\u9500\u552e\u3001\u8d38\u6613\u5e10\u9879\u7b49\u200b<\/div>\n                <\/div>\n\n                <script>\n                  document.addEventListener('alpine:init', function () {\n                    Alpine.data('bbmsl_sdct_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>\n        <\/div>\n      <\/div>\n\n      <div\n        class=\"xl:flex-1 mt-5 xl:mt-0 relative transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%] max-xl:aspect-square max-xl:max-w-[500px] max-xl:mx-auto max-xl:w-full\" x-ref=\"img_wrapper\">\n                    <img decoding=\"async\" x-ref=\"img_content_0\"\n              class=\"mx-auto transition duration-500 absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-full opacity-0 size-full object-contain\"\n              src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/10\/payment-link1.png\" alt=\"\" \/>\n                      <img decoding=\"async\" x-ref=\"img_content_1\"\n              class=\"mx-auto transition duration-500 absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-full opacity-0 size-full object-contain\"\n              src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/10\/payment-link1.png\" alt=\"\" \/>\n                      <img decoding=\"async\" x-ref=\"img_content_2\"\n              class=\"mx-auto transition duration-500 absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-full opacity-0 size-full object-contain\"\n              src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/10\/payment-link1.png\" alt=\"\" \/>\n                      <img decoding=\"async\" x-ref=\"img_content_3\"\n              class=\"mx-auto transition duration-500 absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-full opacity-0 size-full object-contain\"\n              src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/10\/payment-link1.png\" alt=\"\" \/>\n                      <img decoding=\"async\" x-ref=\"img_content_4\"\n              class=\"mx-auto transition duration-500 absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-full opacity-0 size-full object-contain\"\n              src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/10\/payment-link1.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_tabs', () => ({\n        currentIndex: 0,\n        imgWrapperHeight: 0,\n        imageHeights: [],\n        init() {\n          this.calculateHeight();\n          window.addEventListener('resize', () => {\n            this.calculateHeight();\n          });\n\n          this.handleIndexChange(this.currentIndex);\n        },\n        calculateHeight() {\n          const images = this.$refs.img_wrapper.children;\n          Array.from(images).forEach((img, index) => {\n            if (img.complete) {\n              this.getImgHeight(img, index);\n\n              if (index == 0) {\n                this.observe();\n              }\n            } else {\n              img.addEventListener('load', () => {\n                this.getImgHeight(img, index);\n\n                if (index == 0) {\n                  this.observe();\n                }\n              })\n            }\n          });\n        },\n        getImgHeight(img, index) {\n          if (this.imageHeights[index] != img.clientHeight) {\n            this.imageHeights[index] = img.clientHeight;\n          }\n\n          const maxHeight = Math.max(...this.imageHeights);\n          if (img.clientHeight != maxHeight) {\n            this.imgWrapperHeight = maxHeight;\n          };\n        },\n        handleIndexChange(index) {\n          if (this.$refs[`img_content_${this.currentIndex}`]) {\n            this.$refs[`img_content_${this.currentIndex}`].classList.add('opacity-0');\n          }\n\n          this.currentIndex = index;\n          if (this.$refs[`img_content_${index}`]) {\n            this.$refs[`img_content_${index}`].classList.remove('opacity-0');\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_wrapper.classList.remove('before');\n                observer.disconnect();\n              }\n            });\n          }, { threshold: 0.25 });\n          observer.observe(this.$refs.img_wrapper);\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\/for-developers.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\">\u5f00\u53d1\u8005<\/p>\n        <div class=\"heading2 text-black000 leading-8 xl:leading-[54px]\"><p>\u8f7b\u677e\u6574\u5408 API\u6587\u4ef6\u53ca\u7f51\u7ad9\u63d2\u4ef6<\/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\/2024\/07\/best-in-class.png\" alt=\"\" \/>\n                                  <\/div>\n\n                <div>\n                  <h5 class=\"heading4 leading-6 mb-2.5 text-black000\"> \u964d\u4f4e\u5f00\u53d1\u6210\u672c\uff0c\u52a0\u901f\u7f51\u5e97\u9762\u4e16\u65f6\u95f4<\/h5>\n                  <div class=\"text-body leading-7 font-noto-sans\"><p>\u900f\u8fc7\u4f7f\u7528API\uff0f\u7f51\u7ad9\u63d2\u4ef6\uff0c\u5927\u5927\u964d\u4f4e\u5efa\u6784\u652f\u4ed8\u89e3\u51b3\u65b9\u6848\u76f8\u5173\u7684\u5f00\u53d1\u6210\u672c\u200b<\/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\/2024\/07\/complex-use.png\" alt=\"\" \/>\n                                  <\/div>\n\n                <div>\n                  <h5 class=\"heading4 leading-6 mb-2.5 text-black000\">\u7535\u5b50\u5546\u52a1\u5e73\u53f0\u9884\u5efa\u63d2\u4ef6 \u200b<\/h5>\n                  <div class=\"text-body leading-7 font-noto-sans\"><p>\u9488\u5bf9\u7535\u5b50\u5546\u52a1\u5e73\u53f0\u9884\u5148\u5efa\u7f6e\u7684\u63d2\u4ef6\u3002\u7b80\u5316\u6574\u5408\u6d41\u7a0b\uff0c\u6700\u5927\u9650\u5ea6\u5730\u7f29\u77ed\u5f00\u53d1\u65f6\u95f4\u548c\u51cf\u5c11\u8d44\u6e90\u6d88\u8017<\/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\/2024\/07\/accelerated.png\" alt=\"\" \/>\n                                  <\/div>\n\n                <div>\n                  <h5 class=\"heading4 leading-6 mb-2.5 text-black000\">API\u6587\u6863 \u200b<\/h5>\n                  <div class=\"text-body leading-7 font-noto-sans\"><p>\u5168\u9762\u7684API\u6587\u6863\u4e3a\u5f00\u53d1\u4eba\u5458\u63d0\u4f9b\u6e05\u6670\u8bf4\u660e\u53ca\u4ee3\u7801\u8303\u4f8b\uff0c\u534f\u52a9\u5f00\u53d1\u4eba\u5458\u5feb\u901f\u6709\u6548\u5730\u914d\u7f6e\u6211\u4eec\u7684\u652f\u4ed8\u89e3\u51b3\u65b9\u6848\u81f3\u7f51\u5e97<\/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\n                  <div class=\"mt-5 md:mt-10\">\n                          <a href=\" https:\/\/docs.bbmsl.com\/\" target=\"_blank\" rel=\"nofollow\"                class=\"inline-flex items-center py-4 px-6 rounded-[100px] bg-primary text-white transition hover:bg-secondary text-btn\">\n                <span>API\u6587\u4ef6<\/span>\n                <span class=\"size-4 shrink-0 ml-3\"><img decoding=\"async\"\n                    src=\"https:\/\/bbmsl.com\/wp-content\/themes\/bbmsl\/public\/images\/icons\/bbmsl-right-caret.svg\"\n                    alt=\"Right Caret\" \/><\/span>\n              <\/a>\n                      <\/div>\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\">\u5546\u6236\u5831\u544a\u5e73\u53f0<\/p>\n        <div class=\"heading2 text-black000 leading-8 xl:leading-[54px] mb-5\"><p>BBMSL Business<\/p>\n<p>\u5206\u6790\u4e1a\u52a1\u6570\u636e\uff0c\u52a9\u60a8\u4e1a\u52a1\u6210\u957f<\/p>\n<\/div>\n\n        <div class=\"font-noto-sans text-body leading-7 text-tertiary\">\n          <p>BBMSL Business \u4e3a\u4e00\u7ad9\u5f0f\u5546\u6237\u7ba1\u7406\u5e73\u53f0\uff0c\u8ba9\u60a8\u5b9e\u65f6\u8ffd\u8e2a\u9500\u552e\u8bb0\u5f55\u3001\u67e5\u770b\u7ed3\u7b97\u62a5\u544a\u7b49\uff0c\u591a\u9879\u529f\u80fd\u6c47\u96c6\u4e8e\u4e00\u5904\uff0c\u57cb\u6570\u5bf9\u6570\u66f4\u65b9\u4fbf\u3002<\/p>\n        <\/div>\n\n                  <div class=\"flex mt-5 lg:mt-10\">\n                          <a href=\" https:\/\/play.google.com\/store\/apps\/details?id=com.bbmsl.merchant_portal\" target=\"_blank\" rel=\"nofollow\" class=\"inline-flex mr-2.5 last:mr-0\">\n                <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/themes\/bbmsl\/public\/images\/app-store-download.svg\"\n                  alt=\"App Store Download\" \/>\n              <\/a>\n            \n                          <a href=\"https:\/\/apps.apple.com\/hk\/app\/bbmsl-business\/id1643626343\" 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\/2024\/09\/Merchant-portal.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>\n\n\n<div block-name=\"bbmsl-service-detail-three-cols\"\n  class=\"py-10 md:py-[60px] xl:py-[120px] overflow-hidden bg-white\">\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        \u4e0d\u4ec5\u662f\u4e00\u4e2a\u62a5\u544a\u5e73\u53f0\uff0c\u66f4\u662f\u60a8\u7684\u5408\u4f5c\u4f19\u4f34      <\/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-lightBlue 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\/2024\/09\/Real-time-Sales-Tracking.png\" alt=\"\u5b9e\u65f6\u9500\u552e\u6570\u636e\"\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\">\u5b9e\u65f6\u9500\u552e\u6570\u636e<\/h4>\n                      <p class=\"text-body font-noto-sans leading-7 text-tertiary\">\u5b9e\u65f6\u8ffd\u8e2a\u4e0d\u540c\u5206\u5e97\u7684\u9500\u552e\u989d\u53ca\u7ba1\u7406\u4ea4\u6613\uff0c\u4e0d\u53d7\u5730\u57df\u9650\u5236<\/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-lightBlue 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\/2024\/09\/Monthly-Statements.png\" alt=\" \u6708\u7ed3\u5355\"\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\"> \u6708\u7ed3\u5355<\/h4>\n                      <p class=\"text-body font-noto-sans leading-7 text-tertiary\">\u6bcf\u6708\u81ea\u52a8\u751f\u6210\u6708\u62a5\u8868\uff0c\u5305\u542b\u8be6\u7ec6\u4ea4\u6613\u7eaa\u5f55\u53ca\u7ed3\u7b97\u660e\u7ec6\uff0c\u65b9\u4fbf\u57cb\u6570\u5bf9\u6570\u3002<\/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-lightBlue 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\/2024\/09\/Resources-Request.png\" alt=\"\u5546\u6237\u8d44\u6e90\"\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\">\u5546\u6237\u8d44\u6e90<\/h4>\n                      <p class=\"text-body font-noto-sans leading-7 text-tertiary\">\u5546\u6237\u8d44\u6e90\u4e2d\u5fc3\u67a2\u7ebd\uff0c\u60a8\u53ef\u4ee5\u5728\u8fd9\u91cc\u8ba2\u8d2d\u70ed\u654f\u5377\u7eb8\u3001\u9605\u8bfb\u8425\u5546\u6709\u5173\u6587\u7ae0\u3001\u5f71\u7247\u6559\u5b66\u548c\u5e38\u89c1\u95ee\u9898\u3002<\/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>\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\">\u96fb\u5b50\u652f\u4ed8\u65b9\u5f0f<\/p>\n    <h2 class=\"heading2 xl:leading-[48px] text-black000 mb-5 xl:mb-10 3xl:mb-20\">\u91dd\u5c0d\u76ee\u6a19\u5e02\u5834\uff0c\u9078\u64c7\u9069\u5408\u7684\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\/07\/payment-logo-unionpay.png\" alt=\"\" class=\"size-[60px] xl:size-20 object-contain\">\n                  <\/div>\n\n                  <div>\n                    <h5 class=\"text-24 text-black000 leading-7\">\u94f6\u8054<\/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\/07\/payment-logo-quickpass.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: '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.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: '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\/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: '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\/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: '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\/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: '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-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: '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-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>\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>","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-1629","page","type-page","status-publish","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":"online-payment","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":"\u7ebf\u4e0a\u7535\u5b50\u652f\u4ed8\uff0f\u7f51\u4e0a\u6536\u6b3e | BBMSL\u7535\u5b50\u652f\u4ed8\u65b9\u6848","description":"\u60f3\u8981\u8f7b\u677e\u62d3\u5c55\u7ebf\u4e0a\u4e1a\u52a1\uff1f BBMSL \u63d0\u4f9b\u5b89\u5168\u53ef\u9760\u7684\u7ebf\u4e0a\u7535\u5b50\u652f\u4ed8\u670d\u52a1\uff0c\u52a9\u60a8\u63d0\u5347\u4ea4\u6613\u6548\u7387\uff0c\u6269\u5927\u5ba2\u7fa4\u3002\u65e0\u8bba\u60a8\u662f\u5c0f\u578b\u5546\u5bb6\u8fd8\u662f\u5927\u578b\u4f01\u4e1a\uff0c\u6211\u4eec\u90fd\u80fd\u63d0\u4f9b\u91cf\u8eab\u5b9a\u5236\u7f51\u4e0a\u6536\u6b3e\u65b9\u6848\uff0c\u52a9\u60a8\u8f7b\u677e\u89e3\u9501 O2O \u7684\u5f3a\u5927\u529b\u91cf\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":"admin","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":1629,"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%2F1629%2F%3Fnonce%3De8cf1f75a2","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\/1629","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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/bbmsl.com\/zh-hans\/wp-json\/wp\/v2\/comments?post=1629"}],"version-history":[{"count":14,"href":"https:\/\/bbmsl.com\/zh-hans\/wp-json\/wp\/v2\/pages\/1629\/revisions"}],"predecessor-version":[{"id":5064,"href":"https:\/\/bbmsl.com\/zh-hans\/wp-json\/wp\/v2\/pages\/1629\/revisions\/5064"}],"wp:attachment":[{"href":"https:\/\/bbmsl.com\/zh-hans\/wp-json\/wp\/v2\/media?parent=1629"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}