(self.webpackChunk_N_E = self.webpackChunk_N_E || []).push([
  [2391],
  {
    84535: function (e, t, n) {
      "use strict";
      function r(e, t, n) {
        void 0 === n &&
          (n = function (e, t, n) {
            e[t] = n;
          }),
          (t =
            t && "function" == typeof t
              ? t
              : function () {
                  return !1;
                });
        for (var r = 0, a = 0; a < e.length; a++)
          t(e[a], a) ? r++ : r > 0 && n(e, a - r, e[a]);
        for (var a = 0; a < r; a++) e.pop();
        return e;
      }
      function a(e, t, n) {
        var r = e[t];
        return (e[t] = e[n]), (e[n] = r), e;
      }
      n.d(t, {
        un: function () {
          return r;
        },
        wt: function () {
          return a;
        },
      });
    },
    98537: function (e, t, n) {
      "use strict";
      n.d(t, {
        Y: function () {
          return c;
        },
      });
      var r = n(59496),
        a = n(47147);
      function c(e) {
        var t = (0, r.useRef)(),
          n = (0, r.useState)(function () {
            var n = (0, a.mf)(e) ? e() : e;
            return (t.current = n), n;
          }),
          c = n[0],
          o = n[1];
        return [
          c,
          (0, r.useCallback)(function (e) {
            (0, a.mf)(e)
              ? o(function (n) {
                  var r = e(n);
                  return (t.current = r), r;
                })
              : (o(e), (t.current = e));
          }, []),
          t,
        ];
      }
    },
    674: function (e, t, n) {
      "use strict";
      n.d(t, {
        K: function () {
          return l;
        },
      });
      var r = n(4637),
        a = n(41934),
        c = n(87995),
        o = n(84535),
        i = function () {
          return (i =
            Object.assign ||
            function (e) {
              for (var t, n = 1, r = arguments.length; n < r; n++)
                for (var a in (t = arguments[n]))
                  Object.prototype.hasOwnProperty.call(t, a) && (e[a] = t[a]);
              return e;
            }).apply(this, arguments);
        },
        s = function (e, t, n, r) {
          var a,
            c = arguments.length,
            o =
              c < 3
                ? t
                : null === r
                ? (r = Object.getOwnPropertyDescriptor(t, n))
                : r;
          if (
            "object" == typeof Reflect &&
            "function" == typeof Reflect.decorate
          )
            o = Reflect.decorate(e, t, n, r);
          else
            for (var i = e.length - 1; i >= 0; i--)
              (a = e[i]) &&
                (o = (c < 3 ? a(o) : c > 3 ? a(t, n, o) : a(t, n)) || o);
          return c > 3 && o && Object.defineProperty(t, n, o), o;
        },
        l = (function () {
          function e() {
            (this.nameDivMap = new Map()), (this.divNameMap = new Map());
          }
          return (
            (e.prototype.open = function (e) {
              var t = e.component,
                n = t.name,
                a = document.createElement("div");
              c.render((0, r.jsx)(t, i({ id: a }, e.props)), a),
                e.selector
                  ? e.selector.appendChild(a)
                  : document.body.appendChild(a);
              var o = this.nameDivMap.get(n) || [];
              return (
                o.push(a),
                this.nameDivMap.set(n, o),
                this.divNameMap.set(a, n),
                a
              );
            }),
            (e.prototype.destroyedEleAndCom = function (e) {
              c.unmountComponentAtNode(e), e.remove();
            }),
            (e.prototype.removeDivFormMap = function (e, t) {
              this.divNameMap.delete(t);
              var n = this.nameDivMap.get(e) || [];
              n.length > 0 &&
                (0, o.un)(n, function (e) {
                  return e === t;
                });
            }),
            (e.prototype.destroyed = function (e, t) {
              var n = this;
              setTimeout(function () {
                var r = n.divNameMap.get(e);
                if (t)
                  for (
                    var a = n.nameDivMap.has(r) ? n.nameDivMap.get(r) : [];
                    a.length > 0;

                  )
                    n.destroyedEleAndCom(a[0]), n.removeDivFormMap(r, a[0]);
                else n.destroyedEleAndCom(e), n.removeDivFormMap(r, e);
              }, 300);
            }),
            (e = s([(0, a.GS)()], e))
          );
        })();
    },
    61673: function (e, t, n) {
      "use strict";
      n.d(t, {
        l: function () {
          return o;
        },
      });
      var r = n(4637),
        a = n(84875),
        c = n.n(a),
        o = function (e) {
          var t = e.data,
            n = e.target,
            a = e.dataTrackCategory,
            o = e.dataTrackName,
            i = e.dataTrackValue,
            s = e.style,
            l = e.className,
            u = e.onClick;
          return t && !t.disabled && t.text
            ? (0, r.jsx)("a", {
                className: c()(l),
                href: t.href,
                target: n || "_self",
                "data-track-category": a,
                "data-track-name": o,
                "data-track-value": null != i ? i : t.text,
                style: s,
                onClick: u,
                children: t.text,
              })
            : null;
        };
    },
    39145: function (e, t, n) {
      "use strict";
      n.d(t, {
        d: function () {
          return u;
        },
      });
      var r = n(72006),
        a = n(4405),
        c = n(4637),
        o = n(59496),
        i = n(87995),
        s = n(76150),
        l = n.n(s);
      function u(e) {
        var t = e.isResetBody,
          n = void 0 === t || t,
          s = e.className,
          u = e.style,
          d = e.onClose,
          m = e.maskClosable,
          p = e.show,
          f = e.keepModule,
          v = void 0 !== f && f,
          h = (0, o.useState)("0"),
          b = h[0],
          y = h[1],
          x = (0, o.useState)("-1"),
          j = x[0],
          g = x[1],
          k = (0, o.useState)("none"),
          N = k[0],
          w = k[1],
          C = (0, o.useRef)(),
          T = (0, o.useRef)(!1),
          _ = (0, o.useRef)(),
          M = (0, o.useRef)(),
          Z = (0, o.useRef)(null),
          A = (0, o.useCallback)(
            function () {
              y("0"),
                setTimeout(function () {
                  g("-1");
                }, 400),
                (T.current = !0),
                n &&
                  document.body.classList.contains("header-body-no-scroll") &&
                  (document.body.classList.remove("header-body-no-scroll"),
                  (document.body.style.top = null),
                  (document.body.style.overflowY = null),
                  window.scrollTo({ top: Z.current }),
                  (Z.current = null));
            },
            [n]
          );
        (0, o.useEffect)(
          function () {
            return (
              (_.current = document.querySelector("html")),
              (M.current = document.body),
              p
                ? (w("block"),
                  setTimeout(function () {
                    y("1"), g("1999");
                  }, 100),
                  (T.current = !1),
                  Z.current || (Z.current = window.scrollY),
                  document.body.classList.add("header-body-no-scroll"),
                  (document.body.style.top = "-".concat(Z.current || 0, "px")),
                  document.body.scrollHeight > document.body.clientHeight &&
                    (document.body.style.overflowY = "scroll"))
                : A(),
              function () {
                v || A();
              }
            );
          },
          [p, v, A]
        );
        var S = function () {
            m && A();
          },
          R = function (e) {
            if (e && (d && d(), !v)) {
              var t = C.current.parentElement,
                n = "DIV" === (null == t ? void 0 : t.tagName) ? t : C.current;
              i.unmountComponentAtNode(n), n.remove();
            }
          };
        return (0, c.jsx)("div", {
          onTransitionEnd: function () {
            return R(T.current);
          },
          className: "".concat(l()["u-modal-mask"], " ").concat(s || ""),
          style: (0, a.Z)((0, r.Z)({}, u), {
            opacity: b,
            display: N,
            zIndex: j,
          }),
          onClick: S,
          ref: C,
          children: (0, c.jsx)("div", {
            onClick: function (e) {
              e.stopPropagation();
            },
            className: "content-container",
            style: { opacity: b },
            children: e.children,
          }),
        });
      }
    },
    14268: function (e, t, n) {
      "use strict";
      n.d(t, {
        u: function () {
          return s;
        },
      });
      var r = n(4637),
        a = n(84875),
        c = n.n(a),
        o = n(10954),
        i = n.n(o),
        s = function (e) {
          var t = e.subTitle,
            n = e.title,
            a = e.type;
          return t
            ? "string" == typeof t
              ? (0, r.jsx)("p", {
                  className: c()(i().desc, i()[a]),
                  children: t,
                })
              : (t.content || (!t.link.disabled && t.link.text)) &&
                (0, r.jsxs)("p", {
                  className: c()(i().desc, i()[a]),
                  children: [
                    t.content && (0, r.jsx)("span", { children: t.content }),
                    !t.link.disabled &&
                      t.link.text &&
                      (0, r.jsx)("a", {
                        href: t.link.href,
                        target: "_blank",
                        "data-track-category": n,
                        "data-track-name": "副标题",
                        "data-track-value": t.link.text,
                        children: t.link.text,
                      }),
                  ],
                })
            : null;
        };
    },
    16352: function (e, t, n) {
      "use strict";
      n.d(t, {
        j: function () {
          return u;
        },
      });
      var r = n(72006),
        a = n(4405),
        c = n(4637),
        o = n(68741);
      n(28106);
      var i = n(84875),
        s = n.n(i),
        l = n(95323);
      function u(e) {
        return (0, c.jsx)(
          o.Z,
          (0, a.Z)(
            (0, r.Z)(
              {
                renderTabBar: function (e) {
                  var t = e.panes,
                    n = e.onTabClick,
                    r = e.activeKey;
                  return (0, c.jsx)("div", {
                    className: "u-tabs-nav-list",
                    children: t.map(function (e) {
                      var t = e.props,
                        a = e.key;
                      return (0, c.jsx)(
                        "div",
                        {
                          onClick: function (e) {
                            return n(t.tabKey, e);
                          },
                          className: s()("u-tab-item", {
                            "u-tab-item-active": r === t.tabKey,
                          }),
                          children: (0, c.jsxs)("div", {
                            className: "u-tab-item-inner",
                            children: [
                              t.tab,
                              (0, c.jsx)("div", { className: "border" }),
                            ],
                          }),
                        },
                        a
                      );
                    }),
                  });
                },
              },
              e
            ),
            {
              className: s()(
                "u-tab",
                "left" === e.tabPosition && "u-tab-left",
                e.className
              ),
            }
          )
        );
      }
      n.n(l)().a;
    },
    94716: function (e, t, n) {
      "use strict";
      n.d(t, {
        T: function () {
          return i;
        },
      });
      var r = n(4637),
        a = n(14268),
        c = n(84875),
        o = n.n(c),
        i = function (e) {
          var t = e.wrapperClassName,
            n = e.groupClassName,
            c = e.groupRef,
            i = e.block,
            s = e.children,
            l = e.subTitleType,
            u = i.type,
            d = i.data.render;
          return (0, r.jsxs)("section", {
            className: t,
            "ui-type": u,
            children: [
              d.title && (0, r.jsx)("h2", { children: d.title }),
              (0, r.jsx)(a.u, {
                subTitle: d.subTitle,
                title: d.title,
                type: l,
              }),
              (0, r.jsx)("div", {
                className: o()(n, "v5-group-base"),
                ref: c,
                children: s,
              }),
            ],
          });
        };
    },
    52391: function (e, t, n) {
      "use strict";
      n.r(t),
        n.d(t, {
          V5G020: function () {
            return g;
          },
        });
      var r = n(4637),
        a = n(16352),
        c = n(61673),
        o = n(59496),
        i = n(41934),
        s = n(674),
        l = n(59072),
        u = n(98537),
        d = n(39145),
        m = n(50257),
        p = n.n(m),
        f = function (e) {
          var t = (0, l.Z)((0, u.Y)(!0), 2),
            n = t[0],
            a = t[1],
            c = function () {
              a(!1), e.onCancel && e.onCancel();
            };
          return (0, r.jsx)(d.d, {
            className: p().mask,
            show: n,
            maskClosable: e.maskClosable,
            onClose: c,
            children: (0, r.jsx)("div", {
              className: p()["image-wrapper"],
              onClick: c,
              children: (0, r.jsx)("img", { src: e.src, alt: "scale-img" }),
            }),
          });
        },
        v = n(84875),
        h = n.n(v),
        b = n(94716),
        y = n(97288),
        x = n.n(y),
        j = function (e) {
          var t,
            n,
            a,
            o,
            l,
            u = e.data,
            d = e.catgeory,
            m = u.items[0],
            p = null === (t = u.tab) || void 0 === t ? void 0 : t.name,
            v = function () {
              (0, i.BW)(s.K).open({
                component: f,
                props: { maskClosable: !0, src: m.image },
              });
            };
          return (0, r.jsxs)("div", {
            className: x()["tab-content"],
            children: [
              (0, r.jsxs)("div", {
                className: x()["img-wrapper"],
                children: [
                  (0, r.jsx)("img", { src: m.image, alt: p, onClick: v }),
                  (0, r.jsx)("div", {
                    className: x()["preview-img-btn"],
                    onClick: v,
                  }),
                ],
              }),
              (0, r.jsxs)("div", {
                className: x()["right-block-wrapper"],
                children: [
                  (0, r.jsx)("div", {
                    className: x()["sences-wrapper"],
                    children:
                      null === (n = m.sences) || void 0 === n
                        ? void 0
                        : n.map(function (e, t) {
                            return (0,
                            r.jsxs)("div", { children: [e.title && (0, r.jsx)("h4", { children: e.title }), (0, r.jsxs)("p", { className: x().desc, children: [e.desc, (0, r.jsx)(c.l, { className: x().btn, data: e.detail, dataTrackCategory: d, dataTrackName: p, target: "_blank" })] })] }, t);
                          }),
                  }),
                  (0, r.jsxs)("div", {
                    className: x()["whats-wrapper"],
                    children: [
                      (0, r.jsx)("h4", { children: m.whatName }),
                      null === (a = m.whats) || void 0 === a
                        ? void 0
                        : a.map(function (e, t) {
                            var n;
                            return (0, r.jsxs)(
                              "div",
                              {
                                children: [
                                  (0, r.jsx)("h5", { children: e.title }),
                                  null === (n = e.descs) || void 0 === n
                                    ? void 0
                                    : n.map(function (e) {
                                        return (0,
                                        r.jsx)("p", { className: x().desc, children: e }, e);
                                      }),
                                ],
                              },
                              t
                            );
                          }),
                    ],
                  }),
                  (null === (o = m.recommend) || void 0 === o
                    ? void 0
                    : o.length) > 0 &&
                    (0, r.jsxs)("div", {
                      className: x()["recommend-wrapper"],
                      children: [
                        (0, r.jsx)("h4", { children: m.recommendName }),
                        (0, r.jsx)("div", {
                          className: x()["recommend-group"],
                          children: m.recommend.map(function (e) {
                            return (0,
                            r.jsxs)("a", { className: x()["recommend-item"], href: e.href, "data-track-category": d, "data-track-name": p, "data-track-value": e.title || e.desc, children: [(0, r.jsxs)("h5", { children: [(0, r.jsx)("span", { children: e.title }), (0, r.jsx)("i", {})] }), (0, r.jsx)("p", { children: e.desc })] }, e.title);
                          }),
                        }),
                      ],
                    }),
                  (null === (l = m.relatedProducts) || void 0 === l
                    ? void 0
                    : l.length) > 0 &&
                    (0, r.jsxs)("div", {
                      className: x()["related-products-wrapper"],
                      children: [
                        (0, r.jsx)("h4", { children: m.relatedProductsName }),
                        (0, r.jsx)("div", {
                          className: x()["related-products-content"],
                          children: m.relatedProducts.map(function (e) {
                            if (!e.icon) return null;
                            var t = e.icon.replace("@b", "@w"),
                              n = (0, r.jsxs)(r.Fragment, {
                                children: [
                                  (0, r.jsx)("img", {
                                    className: x().icon,
                                    src: e.icon,
                                    alt: "icon",
                                  }),
                                  (0, r.jsx)("img", {
                                    className: x()["active-icon"],
                                    src: t,
                                    alt: "icon",
                                  }),
                                  (0, r.jsx)("p", { children: e.title }),
                                ],
                              });
                            return e.href
                              ? (0, r.jsx)("a", {
                                  className:
                                    x()["related-products-content-item"],
                                  target: "_blank",
                                  href: e.href,
                                  "data-track-category": d,
                                  "data-track-name": p,
                                  "data-track-value": e.title,
                                  children: n,
                                })
                              : (0, r.jsx)("div", {
                                  className:
                                    x()["related-products-content-item"],
                                  children: n,
                                });
                          }),
                        }),
                      ],
                    }),
                ],
              }),
            ],
          });
        },
        g = function (e) {
          var t = e.data.render,
            n = e.index,
            c = (0, o.useState)(n % 2 == 0)[0];
          return (0, r.jsx)(b.T, {
            wrapperClassName: h()(
              c && x()["even-module"],
              t.tabs.length < 4 && x()["item-center"]
            ),
            block: e,
            children:
              t.tabs.length > 1
                ? (0, r.jsx)(a.j, {
                    items: t.tabs.map(function (e) {
                      var n,
                        a =
                          null === (n = e.tab) || void 0 === n
                            ? void 0
                            : n.name;
                      return {
                        key: a,
                        label: a,
                        children: (0, r.jsx)(j, { data: e, catgeory: t.title }),
                      };
                    }),
                  })
                : (0, r.jsx)(j, { data: t.tabs[0], catgeory: t.title }),
          });
        };
    },
    76150: function (e) {
      e.exports = { "u-modal-mask": "__9EcYiCyZ" };
    },
    50257: function (e) {
      e.exports = { mask: "p_ixFvsH", "image-wrapper": "ukkwWGWu" };
    },
    10954: function (e) {
      e.exports = { desc: "__69GpM8Qb", white: "dUv6_pZA" };
    },
    95323: function () {},
    97288: function (e) {
      e.exports = {
        center: "Xqr4PmcF",
        clearInput: "XJkdxODv",
        ellipsis: "y0WWh73P",
        "item-center": "__5V7jimu0",
        "tab-content": "VFPTYGCe",
        "img-wrapper": "cR5Z__nP",
        "preview-img-btn": "CO1a3ldz",
        "right-block-wrapper": "ovoKLM4G",
        desc: "A3SiJqfS",
        "sences-wrapper": "tg_Tz23R",
        "whats-wrapper": "vLOOPFXD",
        "V5G020-desc": "WXfHw5xV",
        "recommend-wrapper": "uUU3nbV3",
        "recommend-group": "TR541YoT",
        "recommend-item": "rcpZaof7",
        "related-products-wrapper": "keJMC09N",
        "related-products-content": "AbBJ3xA3",
        "related-products-content-item": "__7Z4hYPMR",
        "active-icon": "ygkz0e14",
        "even-module": "__0dSfOpSV",
      };
    },
    8160: function (e, t, n) {
      "use strict";
      function r(e, t) {
        (null == t || t > e.length) && (t = e.length);
        for (var n = 0, r = Array(t); n < t; n++) r[n] = e[n];
        return r;
      }
      n.d(t, {
        Z: function () {
          return r;
        },
      });
    },
    45421: function (e, t, n) {
      "use strict";
      function r(e) {
        if (
          ("undefined" != typeof Symbol && null != e[Symbol.iterator]) ||
          null != e["@@iterator"]
        )
          return Array.from(e);
      }
      n.d(t, {
        Z: function () {
          return r;
        },
      });
    },
    59072: function (e, t, n) {
      "use strict";
      n.d(t, {
        Z: function () {
          return c;
        },
      });
      var r = n(45421),
        a = n(27319);
      function c(e, t) {
        return (
          (function (e) {
            if (Array.isArray(e)) return e;
          })(e) ||
          (0, r.Z)(e, t) ||
          (0, a.Z)(e, t) ||
          (function () {
            throw TypeError(
              "Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."
            );
          })()
        );
      }
    },
    27319: function (e, t, n) {
      "use strict";
      n.d(t, {
        Z: function () {
          return a;
        },
      });
      var r = n(8160);
      function a(e, t) {
        if (e) {
          if ("string" == typeof e) return (0, r.Z)(e, t);
          var n = Object.prototype.toString.call(e).slice(8, -1);
          if (
            ("Object" === n && e.constructor && (n = e.constructor.name),
            "Map" === n || "Set" === n)
          )
            return Array.from(n);
          if (
            "Arguments" === n ||
            /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)
          )
            return (0, r.Z)(e, t);
        }
      }
    },
  },
]);