(self.webpackChunk_N_E = self.webpackChunk_N_E || []).push([
  [2711],
  {
    38059: function (e, t, a) {
      "use strict";
      a.d(t, {
        i: function () {
          return m;
        },
      });
      var n = a(4637),
        i = a(16114),
        r = a(32699),
        l = a(59496),
        s = a(84875),
        c = a.n(s),
        o = a(61586),
        d = a.n(o),
        m = function (e) {
          var t,
            a,
            s,
            o,
            m,
            u,
            v,
            h,
            p,
            x,
            k = e.navList,
            f = e.trackCategory,
            g = e.productListMode,
            j = e.className,
            b = (0, l.useRef)(null),
            N = (0, l.useState)(!1),
            y = N[0],
            _ = N[1],
            w = (0, l.useState)(0),
            L = w[0],
            P = w[1],
            S =
              (null === (t = k.type) || void 0 === t ? void 0 : t.type) ===
              "IMAGE"
                ? (0, n.jsx)("img", { src: k.type.image, alt: f })
                : null === (a = k.type) || void 0 === a
                ? void 0
                : a.text,
            C = function () {
              var e = b.current.querySelectorAll("li");
              return (0, r.reduce)(
                e,
                function (e, t) {
                  return e + t.offsetWidth + 14;
                },
                0
              );
            },
            M = function (e) {
              var t = b.current.offsetWidth;
              if ("left" === e && 0 !== L) P(Math.min(0, L + t));
              else if ("right" === e) {
                var a = C();
                a + L > t && P(Math.max(t - a, L - t));
              }
            };
          return (
            (0, i.FI)(function () {
              if (b.current) {
                var e;
                b.current.offsetWidth < C() && _(!0);
              }
            }),
            (0, n.jsx)("div", {
              className: c()(d().nav, j),
              children: (0, n.jsxs)("div", {
                className: c()("width1180-center", d().container),
                children: [
                  (0, n.jsx)("h3", {
                    children:
                      (null === (s = k.type) || void 0 === s
                        ? void 0
                        : s.disabled) ||
                      !(null === (o = k.type) || void 0 === o ? void 0 : o.href)
                        ? S
                        : (0, n.jsx)("a", {
                            href:
                              null === (m = k.type) || void 0 === m
                                ? void 0
                                : m.href,
                            "data-track-category": f,
                            "data-track-name": "banner导航",
                            "data-track-value":
                              (null === (u = k.type) || void 0 === u
                                ? void 0
                                : u.type) === "IMAGE"
                                ? null === (v = k.type) || void 0 === v
                                  ? void 0
                                  : v.image
                                : null === (h = k.type) || void 0 === h
                                ? void 0
                                : h.text,
                            children: S,
                          }),
                  }),
                  (0, n.jsx)("span", { className: d().line }),
                  (0, n.jsx)("div", {
                    className: c()(d()["btn-left"], y && d().show),
                    onClick: function () {
                      return M("left");
                    },
                    children: (0, n.jsx)("img", {
                      src: "ht:/bce.bdstatic.com/p3m/common-service/uploads/banner-icon-left_41e47b9a.png",
                      alt: "left-icon",
                    }),
                  }),
                  (0, n.jsx)("div", {
                    className: d().list,
                    ref: b,
                    children: (0, n.jsxs)("ul", {
                      className: c()(d().items, "clearfix"),
                      style: { transform: "translateX(".concat(L, "px)") },
                      children: [
                        k.name &&
                          (0, n.jsx)("li", {
                            className: c()(
                              (k.name.active ||
                                (null === (p = k.units) || void 0 === p
                                  ? void 0
                                  : p.every(function (e) {
                                      var t;
                                      return !(null === (t = e.link) ||
                                      void 0 === t
                                        ? void 0
                                        : t.active);
                                    }))) &&
                                d().active
                            ),
                            children:
                              k.name.disabled || !k.name.href
                                ? k.name.text
                                : (0, n.jsx)("a", {
                                    href: k.name.href,
                                    "data-track-category": f,
                                    "data-track-name": "banner导航",
                                    "data-track-value": k.name.text,
                                    children: k.name.text,
                                  }),
                          }),
                        "split" === g &&
                          (0, n.jsx)("li", { className: d().line }),
                        null === (x = k.units) || void 0 === x
                          ? void 0
                          : x.map(function (e) {
                              var t;
                              return (
                                (null == e ? void 0 : e.link) &&
                                (0, n.jsx)(
                                  "li",
                                  {
                                    className: c()(
                                      (null === (t = e.link) || void 0 === t
                                        ? void 0
                                        : t.active) && d().active
                                    ),
                                    children:
                                      e.link.disabled || !e.link.href
                                        ? e.link.text
                                        : (0, n.jsx)("a", {
                                            href: e.link.href,
                                            "data-track-category": f,
                                            "data-track-name": "banner导航",
                                            "data-track-value": e.link.text,
                                            children: e.link.text,
                                          }),
                                  },
                                  e.link.text
                                )
                              );
                            }),
                      ],
                    }),
                  }),
                  (0, n.jsx)("div", {
                    className: c()(d()["btn-right"], y && d().show),
                    onClick: function () {
                      return M("right");
                    },
                    children: (0, n.jsx)("img", {
                      src: "ht:/bce.bdstatic.com/p3m/common-service/uploads/banner-icon-left_41e47b9a.png",
                      alt: "right-icon",
                    }),
                  }),
                ],
              }),
            })
          );
        };
    },
    62711: function (e, t, a) {
      "use strict";
      a.r(t),
        a.d(t, {
          V5S001: function () {
            return g;
          },
        });
      var n = a(72006),
        i = a(4637),
        r = a(59496),
        l = a(20723),
        s = a(41934),
        c = a(674),
        o = a(61673),
        d = a(79918),
        m = a(38059),
        u = a(24462),
        v = a(84875),
        h = a.n(v),
        p = a(93876),
        x = a.n(p),
        k = "头图",
        f = function (e) {
          var t,
            a,
            n,
            l = e.data,
            v = e.type,
            p = l.config,
            f = l.render,
            g = f.banner,
            j = (0, r.useMemo)(
              function () {
                return p.isNewBanner && !p.hideProductList && f.productList;
              },
              [p.hideProductList, p.isNewBanner, f.productList]
            ),
            b = function (e) {
              (0, s.BW)(c.K).open({
                component: d.N,
                props: { config: { file: e }, initSdk: !0 },
              });
            };
          return (0, i.jsxs)(i.Fragment, {
            children: [
              (0, i.jsxs)("section", {
                "ui-type": v,
                className: h()(
                  x()["banner-old"],
                  x()[v],
                  p.isNewBanner && x()["new-banner"],
                  j && x()["has-nav"]
                ),
                children: [
                  j &&
                    (0, i.jsx)(m.i, {
                      trackCategory: f.banner.title,
                      productListMode: p.productListMode,
                      navList: f.productList,
                      className: x().nav,
                    }),
                  (0, i.jsxs)("div", {
                    className: h()(x().group, "v5-group-base"),
                    children: [
                      p.withVideo && g.video
                        ? (0, i.jsxs)("div", {
                            className: x()["banner-title-container"],
                            children: [
                              (0, i.jsx)("h1", { children: g.title }),
                              (0, i.jsx)("span", {
                                className: x()["banner-video-icon"],
                                "data-track-category": "头图",
                                "data-track-name": "视频播放按钮",
                                "data-track-value": g.video.title,
                                onClick: function () {
                                  b(g.video.url);
                                },
                              }),
                            ],
                          })
                        : (0, i.jsx)("h1", { children: g.title }),
                      (0, i.jsx)("div", {
                        className: x().desc,
                        dangerouslySetInnerHTML: { __html: g.content },
                      }),
                      g.similarProduct &&
                        (0, i.jsxs)("p", {
                          className: x()["similar-product"],
                          children: [
                            (0, i.jsx)("span", {
                              children: g.similarProduct.purchasePercent,
                            }),
                            "的用户同时购买了",
                            (0, i.jsx)("a", {
                              href: g.similarProduct.path,
                              target: "_blank",
                              children: g.similarProduct.serviceName,
                            }),
                          ],
                        }),
                      g.background.image
                        ? (0, i.jsx)("div", {
                            className: x()["img-box"],
                            children: (0, i.jsx)("img", {
                              src: g.background.image,
                              alt: g.title,
                            }),
                          })
                        : null,
                      (0, i.jsx)("div", {
                        className: x()["detail-box"],
                        children: (0, i.jsxs)("div", {
                          className: x()["apply-box"],
                          children: [
                            (0, i.jsx)(o.l, {
                              className: x()["primary-link"],
                              data: g.primaryLink,
                              dataTrackCategory: k,
                              dataTrackName: "主按钮",
                              target: "_blank",
                            }),
                            (0, i.jsx)(o.l, {
                              className: x().console,
                              data: g.secondaryLink,
                              dataTrackCategory: k,
                              dataTrackName: "副按钮",
                              target: "_blank",
                            }),
                            p.withCalculatorLink &&
                              g.calculatorLink &&
                              !g.calculatorLink.disabled &&
                              (0, i.jsxs)("a", {
                                className: x().calculator,
                                href: g.calculatorLink.href,
                                target: "_blank",
                                "data-track-category": k,
                                "data-track-name": "价格计算器",
                                "data-track-value": "价格计算器",
                                children: [
                                  (0, i.jsx)("img", {
                                    src: "ht:/bce.bdstatic.com/p3m/common-service/uploads/da385075910224c0dde95bb59837586d.png",
                                    alt: "价格计算器",
                                  }),
                                  (0, i.jsx)("span", {
                                    className: x().tips,
                                    children:
                                      "V5S001_en" === v
                                        ? (0, i.jsxs)(i.Fragment, {
                                            children: [
                                              "价格计算器",
                                              (0, i.jsx)("i", {
                                                className: x()["arrow-right"],
                                              }),
                                            ],
                                          })
                                        : "价格计算器",
                                  }),
                                ],
                              }),
                            p.withTertiaryLink &&
                              g.tertiaryLink &&
                              !g.tertiaryLink.disabled &&
                              (0, i.jsx)("a", {
                                className: x()["doc-index"],
                                href: g.tertiaryLink.href,
                                target: "_blank",
                                "data-track-category": k,
                                "data-track-name": g.tertiaryLink.text,
                                "data-track-value": g.tertiaryLink.text,
                                children:
                                  null === (t = g.tertiaryLink.text) ||
                                  void 0 === t
                                    ? void 0
                                    : t.trim().replace(/ *>*$/, ""),
                              }),
                          ],
                        }),
                      }),
                    ],
                  }),
                ],
              }),
              (0, i.jsx)(u.o, {
                data: f.nav,
                isDefaultHide:
                  p.withPromotion && "textLink" !== p.promotionMode,
              }),
              p.withPromotion &&
                (0, i.jsxs)("section", {
                  className: h()(
                    "V5S001_en" === v && "en",
                    x()["v5-promotion"],
                    p.isNewBanner && x()["new-banner"]
                  ),
                  children: [
                    (0, i.jsx)("div", { className: x().top }),
                    (0, i.jsx)("div", { className: x().bottom }),
                    (0, i.jsx)("div", {
                      className: h()(x().group, "v5-group-base"),
                      children:
                        (null === (a = f.promotionV2.items) || void 0 === a
                          ? void 0
                          : a.length) > 0
                          ? (0, i.jsx)("div", {
                              className: h()(
                                x()["promotion-wrapper"],
                                x()[
                                  "column-length-".concat(p.promotionV2Columns)
                                ]
                              ),
                              children: f.promotionV2.items
                                .slice(0, p.promotionV2Columns)
                                .map(function (e, t) {
                                  var a;
                                  return (0, i.jsxs)(
                                    "div",
                                    {
                                      className: h()(
                                        x().promotion,
                                        x()["promotion-block"]
                                      ),
                                      children: [
                                        (0, i.jsxs)("div", {
                                          className: x()["promotion-head"],
                                          children: [
                                            e.icon &&
                                              (0, i.jsx)("div", {
                                                className: x().icon,
                                                children: (0, i.jsx)("img", {
                                                  src: e.icon,
                                                  alt: "icon",
                                                }),
                                              }),
                                            e.title &&
                                              (0, i.jsx)("div", {
                                                className: x().title,
                                                children: e.title,
                                              }),
                                          ],
                                        }),
                                        null === (a = e.units) || void 0 === a
                                          ? void 0
                                          : a.map(function (e) {
                                              if (!e.link) return null;
                                              var t,
                                                a = e.link.disabled
                                                  ? (0, i.jsx)(
                                                      "span",
                                                      { children: e.link.text },
                                                      e.link.text
                                                    )
                                                  : (0, i.jsx)(
                                                      "a",
                                                      {
                                                        className:
                                                          x()["text-link"],
                                                        target: "_blank",
                                                        href: e.link.href,
                                                        "data-track-category":
                                                          k,
                                                        "data-track-name":
                                                          "promotion",
                                                        "data-track-value":
                                                          e.link.href,
                                                        children: e.link.text,
                                                      },
                                                      e.link.text
                                                    );
                                              return (
                                                null === (t = e.tag) ||
                                                void 0 === t
                                                  ? void 0
                                                  : t.text
                                              )
                                                ? (0, i.jsxs)(
                                                    "div",
                                                    {
                                                      className:
                                                        x()[
                                                          "text-link-wrapper"
                                                        ],
                                                      children: [
                                                        (0, i.jsx)("i", {
                                                          className: h()(
                                                            x().tag,
                                                            x()[e.tag.type]
                                                          ),
                                                          children: e.tag.text,
                                                        }),
                                                        a,
                                                      ],
                                                    },
                                                    e.link.text
                                                  )
                                                : a;
                                            }),
                                      ],
                                    },
                                    t
                                  );
                                }),
                            })
                          : (0, i.jsx)("div", {
                              className: h()(
                                x()["promotion-wrapper"],
                                x()["column-length-".concat(p.promotionColumns)]
                              ),
                              children:
                                null === (n = f.promotion.items) || void 0 === n
                                  ? void 0
                                  : n.map(function (e) {
                                      return (0,
                                      i.jsxs)("div", { className: "promotion", children: [(0, i.jsx)("div", { className: x().title, children: e.title }), (0, i.jsx)("div", { className: x().content, children: e.content }), (0, i.jsx)(o.l, { className: x()["text-link"], data: e.link, dataTrackCategory: k, dataTrackName: e.title, target: "_blank" })] }, e.title);
                                    }),
                            }),
                    }),
                  ],
                }),
            ],
          });
        };
      function g(e) {
        var t = e.data.config;
        return (0, i.jsx)(i.Fragment, {
          children: t.isNewBanner2202
            ? (0, i.jsx)(l.R, (0, n.Z)({}, e))
            : (0, i.jsx)(f, (0, n.Z)({}, e)),
        });
      }
    },
    61586: function (e) {
      e.exports = {
        nav: "U4xr2f_K",
        container: "e6jElWnt",
        hide: "__75cR__Bu",
        "is-img": "wBy1ySoD",
        line: "V1eapMfw",
        list: "s4tPEFNf",
        items: "__1n1hSE9g",
        active: "_r_1B45e",
        "btn-left": "__2IkWRAbI",
        "btn-right": "YkY_4nLz",
        show: "vnjyBWlM",
      };
    },
    93876: function (e) {
      e.exports = {
        center: "NSZGrIUA",
        clearInput: "kJd_wbTy",
        ellipsis: "E3uEHh_P",
        nav: "__7wOHUN9V",
        "calculator-img": "TIBp7kTL",
        "banner-old": "QfW61geP",
        "has-nav": "WNPxGcE2",
        calculator: "HI1sqKgK",
        fixed: "S8UR0QvZ",
        "new-banner": "LbPo8Uox",
        group: "GPPUiCRR",
        "img-box": "mrsi8Yol",
        desc: "qlPUwaBm",
        "detail-box": "_AcogkAA",
        "apply-box": "__663tDRKP",
        console: "oRVv546d",
        "doc-index": "cv4jsycD",
        "banner-title-container": "tzxOIB_0",
        "banner-video-icon": "pvw1AP8f",
        "event-box": "U9zegH4T",
        event: "B2KOmb2H",
        "icon-discountmanage": "W9mzHkrQ",
        "primary-link": "__80GrcmRW",
        tips: "__4C_eMh4Z",
        "arrow-right": "l_oqlmfN",
        V5S001: "gpvXu77B",
        "similar-product": "GhbGvaK7",
        "v5-promotion": "vn5rWQRM",
        promotion: "__5xoSje0a",
        top: "QKbIQZGD",
        bottom: "RyJzTfe9",
        "promotion-block": "yZLN3wmo",
        "promotion-head": "O_iFKfXd",
        icon: "SRKRycx2",
        title: "tvUfj3o_",
        "text-link-wrapper": "FAzO48dl",
        tag: "Vw_bdp6V",
        hot: "wf5hF7se",
        content: "lUU_jKsC",
        "promotion-wrapper": "yZH9SUjy",
        "column-length-1": "SgSGEksV",
        "column-length-2": "Ys7X_Mws",
        "column-length-3": "mdI5nl1M",
        en: "DIn8eqgj",
        V5S001_en: "hApxemEy",
      };
    },
  },
]);
