<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title></title>
    <!-- <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100..900&display=swap" rel="stylesheet"> -->
    <script
      charset="UTF-8"
      id="LA_COLLECT"
      src="//sdk.51.la/js-sdk-pro.min.js"
    ></script>
    <script>
      LA.init({
        id: "3JioW2VSFe5NbG0q",
        ck: "3JioW2VSFe5NbG0q",
        autoTrack: true,
      });
    </script>
    <script>
      var _hmt = _hmt || [];
      (function () {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?3a30eccb7bf45b0ab4e3e630bb4f2d19";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
      })();
    </script>

    <!-- Google tag (gtag.js) -->
    <script
      async
      src="https://www.googletagmanager.com/gtag/js?id=G-3CLW73505C"
    ></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag() {
        dataLayer.push(arguments);
      }
      gtag("js", new Date());
      gtag("config", "G-3CLW73505C");
    </script>

    <!-- Twitter conversion tracking base code -->
    <script>
      !(function (e, t, n, s, u, a) {
        e.twq ||
          ((s = e.twq =
            function () {
              s.exe ? s.exe.apply(s, arguments) : s.queue.push(arguments);
            }),
          (s.version = "1.1"),
          (s.queue = []),
          (u = t.createElement(n)),
          (u.async = !0),
          (u.src = "https://static.ads-twitter.com/uwt.js"),
          (a = t.getElementsByTagName(n)[0]),
          a.parentNode.insertBefore(u, a));
      })(window, document, "script");
      twq("config", "opqmh");
      // twq('event', 'tw-opqmh-opqmk', {});
    </script>
    <!-- End Twitter conversion tracking base code -->
    <script src="https://cdn.rawgit.com/davidshimjs/qrcodejs/gh-pages/qrcode.min.js"></script>
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
    />
    <style>
      * {
        padding: 0;
        margin: 0;
        box-sizing: border-box;
      }

      :root {
        --Neutral-White: #ffffff;
        --Grayscale-900: #131313;
        --Grayscale-800: #222222;
        --Grayscale-700: #3b3b3b;
        --grayscale-600: #484848;
        --Grayscale-500: #6a6a6a;
        --Grayscale-400: #7c7c7c;
        --Grayscale-300: #a8a8a8;
        --Grayscale-200: #c8c8c8;
        --Grayscale-100: #e2e2e2;
        --Grayscale-50: #f2f2f2;
        --Gray-Opacity-56: rgba(124, 124, 124, 0.56);
        --Red-900: #fc232f;
        --Red-400: #f64f64;
        --Orange-400: #fda63f;
        --Orange-50: #fff2e2;
        --Shadow-800: 0px 8px 24px -12px #1634501a;
        --Blue-50: #ecf2ff;
        --Blue-400: #2972fe;
        --Sea-Green-400: #19c179;
        --Yellow-900: #ff9a02;
      }

      body {
        position: relative;
        margin: 0;
        padding: 0;
        min-width: fit-content;
        min-height: 100vh;
        font-family: "Microsoft JhengHei", "微軟正黑體", "Microsoft YaHei",
          sans-serif;

        -webkit-font-smoothing: antialiased;
        text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%;
      }

      p {
        margin: 0;
      }

      body::before {
        content: "";
        background: url("./image/DecoreTop.png") no-repeat;
        background-size: 100% 100%;
        width: 550px;
        height: 630px;
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
      }

      body::after {
        content: "";
        background: url("./image/DecoreBottom.png") no-repeat;
        background-size: 100% 100%;
        width: 582px;
        height: 533px;
        display: inline-block;
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: -1;
      }

      header {
        /* padding: 16px 0; */
        /* padding-left: 10%; */
        background: rgba(255, 255, 255, 1);
        box-shadow: 0px 2px 6px 0px rgba(25, 26, 30, 0.12);
      }

      .logBox {
        display: flex;
        align-items: center;
        width: max-content;
        text-decoration: none;
      }

      .logBox-content {
        color: rgba(0, 0, 0, 1);
        font-size: 24px;
        font-weight: 700;
        margin-left: 12px;
      }

      main {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-flow: column;
        /* position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%); */
        /* margin-top: 104px; */
        /* height: min-content; */
        /* width: 100%;
            height: calc(100% - 64px); */
      }

      .downloadBox {
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .leftBox {
        width: 750px;
        padding-top: 75px;
      }

      .partners {
        display: flex;
        align-items: center;
      }

      .partners-title {
        font-weight: 400;
        font-size: 18px;
        line-height: 32px;
        color: rgba(89, 90, 112, 1);
        margin-left: 8px;
      }

      .title {
        font-size: 56px;
        font-weight: 700;
        line-height: 72px;
        color: rgba(30, 29, 45, 1);
      }

      .subtitle {
        font-weight: 400;
        font-size: 20px;
        line-height: 32px;
        color: rgba(89, 90, 112, 1);
        margin-bottom: 32px;
      }

      .sloganTitle {
        font-weight: 700;
        font-size: 16px;
        line-height: 24px;
        color: rgba(30, 29, 45, 1);
        margin-bottom: 12px;
      }

      .slogan {
        display: flex;
        align-items: center;
        margin-bottom: 16px;
        /* margin-bottom: 44px; */
      }

      .slogan:last-child {
        margin-bottom: 44px;
      }

      .limitedTimeEvent {
        position: relative;
        padding-left: 32px;
      }

      .limitedTimeEvent-icon {
        position: absolute;
        top: -32px;
        left: 0;
      }

      .limitedTimeEvent-content {
        width: max-content;
        border-radius: 200px;
        padding: 24px 48px;
        margin-bottom: 44px;
        font-weight: 400;
        font-size: 16px;
        line-height: 40px;
        color: rgba(255, 255, 255, 1);
        background: rgba(254, 122, 17, 1);
      }

      .limitedTimeEvent-content strong {
        font-weight: 700;
        font-size: 18px;
      }

      .slogan-icon {
        min-width: 28px;
      }

      .slogan-content {
        margin-left: 16px;
      }

      .slogan-content-title {
        font-weight: 700;
        font-size: 18px;
        line-height: 32px;
        color: rgba(89, 90, 112, 1);
      }

      .slogan-content-subtitle {
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        color: rgba(141, 143, 163, 1);
      }

      .mobileDown {
        margin-bottom: 32px;
      }

      .mobileDown-title,
      .pcDown-title {
        font-size: 24px;
        font-weight: 700;
        color: rgba(30, 29, 45, 1);
        margin-bottom: 12px;
      }

      .mobileDownListBox {
        display: flex;
        align-items: center;
      }

      .mobileDown-list,
      .pcDown-list {
        /* width: 100%; */
        display: flex;
        flex-flow: wrap;
      }

      .purchaseNotice {
        font-weight: bold;
        margin-bottom: 32px;
        padding: 16px;
        padding-left: 118px;
        border-radius: 20px;
        color: #fff;
        background: #2e33f4;
        position: relative;
      }

      .purchaseNotice-img{
        height: 80px;
        position: absolute;
        top:50%;
        left: -2%;
        transform: translate(0%, -50%);
      }

      .purchaseNotice a{
        color: yellow ;
      }

      .listBox {
        display: flex;
      }

      .isWindowsAndroid {
        flex-flow: row-reverse;
      }

      .mobileDown-item,
      .pcDown-item {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        color: rgba(46, 51, 244, 1);
        font-size: 16px;
        font-weight: 500;
        border: 2px solid rgba(46, 51, 244, 1);
        border-radius: 32px;
        padding: 16px;
        width: 220px;
        margin: 12px 0;
        margin-right: 20px;
        box-sizing: border-box;
        cursor: pointer;
      }

      .qrcodeBox {
        display: flex;
        flex-flow: column;
        align-items: center;
      }

      .qrcodeBox-content {
        font-size: 16px;
        font-weight: 500;
        margin-top: 5px;
      }

      .mobileDown-item-content,
      .pcDown-item-content {
        margin-left: 8px;
      }

      .downloadList {
        display: none;
        width: 396px;
        position: absolute;
        top: 68px;
        left: 0;
        border-radius: 16px;
        background: rgba(255, 255, 255, 1);
        box-shadow: 0px 2px 6px 0px rgba(25, 26, 30, 0.12),
          0px 0px 1px 0px rgba(25, 26, 30, 0.08);
        z-index: 1;
        border: 1px solid #e5e5e5;
      }

      .downloadList-item {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        color: rgba(89, 90, 112, 1);
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        border-radius: 32px;
        padding: 12px;
        width: 100%;
        box-sizing: border-box;
        cursor: pointer;
      }

      .downloadList-item-content {
        margin-left: 4px;
      }

      .textColorI {
        font-weight: bold;
        color: #db675e;
      }

      .textColorII {
        font-weight: bold;
        color: #63c712;
      }

      .arrow {
        transform: rotate(0deg);
        transition: transform 0.2s ease-in;
      }

      .selected {
        color: #fff;
        background: rgba(46, 51, 244, 1);
      }

      .selected .arrow {
        transform: rotate(-180deg);
        filter: brightness(100);
      }

      .selected .mobileDown-item-icon {
        filter: brightness(100);
      }

      .feature {
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        padding-top: 128px;
      }

      .feature-title {
        font-size: 48px;
        font-weight: 700;
        line-height: 67.2px;
        text-align: center;
      }

      .feature-main {
        display: flex;
        flex-wrap: wrap;
        margin-top: 64px;
        justify-content: center;
        max-width: 1549px;
      }

      .feature-main-item {
        width: 300px;
        height: 188px;
        padding: 24px;
        box-sizing: border-box;
        border-radius: 16px;
        box-shadow: 0px 8px 24px -12px #1634501a;
        margin: 0 20px 16px;
        background: #fff;
      }

      .feature-main-item-imgBox {
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        height: 100%;
      }

      .feature-main-item-imgBox-img {
        /* width: 100%; */
        margin-bottom: 8px;
      }

      .feature-main-item-imgBox-lightHight {
        padding: 2px 8px;
        border-radius: 16px;
        background: rgba(255, 77, 87, 1);
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
        color: rgba(255, 232, 233, 1);
      }

      .feature-main-item-imgBox-title {
        font-size: 20px;
        font-weight: 700;
        line-height: 28px;
        text-align: center;
      }

      .feature-main-item:nth-child(2) {
        margin-top: 40px;
      }

      .feature-main-item:nth-child(4) {
        margin-top: 40px;
      }

      .feature-main-item:nth-child(5) {
        margin-top: -40px;
      }

      .feature-main-item:nth-child(7) {
        margin-top: -40px;
      }

      .supportedPlatforms {
        width: 100%;
        padding: 64px;
        margin-top: 128px;
        box-sizing: border-box;
        background: rgba(236, 243, 255, 1);
      }

      .supportedPlatforms-header-title {
        font-size: 48px;
        font-weight: 700;
        line-height: 67.2px;
        text-align: center;
      }

      .supportedPlatforms-header-subtitle {
        font-size: 18px;
        font-weight: 400;
        line-height: 32px;
        text-align: center;
        color: rgba(89, 90, 112, 1);
      }

      .supportedPlatforms-main {
        display: flex;
        justify-content: center;
        margin-top: 40px;
      }

      .supportedPlatforms-main-img {
        width: 168px;
        margin: 0 6px;
      }

      .supportedApp {
        margin-top: 128px;
        width: 100%;
        overflow: hidden;
        display: flex;
        flex-flow: column;
        justify-content: space-between;
      }

      .supportedApp-header-title {
        font-size: 48px;
        font-weight: 700;
        line-height: 67.2px;
        text-align: center;
      }

      .supportedApp-header-subtitle {
        font-size: 18px;
        font-weight: 400;
        line-height: 32px;
        text-align: center;
        color: rgba(89, 90, 112, 1);
      }

      .supportedApp-scroll {
        display: flex;
        /* background: black; */
        /* height: 40px; */
        width: 100%;
      }

      .supportedApp-scroll-imgBox {
        width: 100%;
        flex-shrink: 0;
        /* white-space: nowrap;
            text-transform: uppercase; */
        animation: scroll 40s linear infinite;

        /* &:nth-child(2) { */
        /* animation: scroll2 40s linear infinite;
                animation-delay: -20s; */
        /* } */
      }

      .supportedApp-scroll-imgBox:nth-child(2) {
        animation: scroll2 40s linear infinite;
        animation-delay: -20s;
      }

      .supportedApp-scroll-imgBox-img {
        width: 100%;
      }

      .tryFirstPayLater {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 128px;
      }

      .tryFirstPayLater-main {
        margin-left: 52px;
        margin-right: 16px;
      }

      .tryFirstPayLater-main-title {
        font-size: 48px;
        font-weight: 700;
        line-height: 67.2px;
        color: rgba(19, 19, 19, 1);
        text-align: center;
      }

      .tryFirstPayLater-main-subtitle {
        font-size: 18px;
        font-weight: 400;
        line-height: 32px;
        color: rgba(89, 90, 112, 1);
      }

      .tryFirstPayLater-imgBox {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .fqaBox {
        margin-top: 128px;
        margin-bottom: 80px;
        width: 100%;
        display: flex;
        flex-flow: column;
      }

      .fqaBox-header {
        margin-bottom: 40px;
      }

      .fqaBox-header-title {
        font-size: 48px;
        font-weight: 700;
        line-height: 67.2px;
        color: rgba(19, 19, 19, 1);
        text-align: center;
      }

      .fqaBox-main {
        display: flex;
        flex-flow: column;
        align-items: center;
      }

      .fqaBox-main-item {
        background: #fff;
        box-shadow: 0px 2px 24px 0px rgba(25, 26, 30, 0.1),
          0px 2px 8px 0px rgba(25, 26, 30, 0.06);
        border-radius: 16px;
        overflow: hidden;
        width: 850px;
        margin-bottom: 24px;
      }

      .fqaBox-main-item-title {
        cursor: pointer;
        font-size: 20px;
        font-weight: 700;
        line-height: 28px;
        color: rgba(19, 19, 19, 1);
        padding: 24px;
        display: flex;
        align-items: center;
        justify-content: space-between;
      }

      .fqaBox-main-item-content {
        background: rgba(247, 247, 248, 1);
        font-size: 16px;
        font-weight: 400;
        line-height: 25.6px;
        color: rgba(106, 106, 106, 1);
        max-height: 0;
        height: auto;
        /* visibility: hidden; */
        padding: 0px;
        transition: max-height 0.2s linear, padding 0.2s linear;
        /* display: none; */
        /* opacity: 0; */
        /* transition: padding .1s ease-in; */
      }

      .more {
        transform: rotate(0deg);
        transition: transform 0.2s ease-in;
      }

      .actioned .more {
        transform: rotate(-135deg);
        /* filter: brightness(100); */
      }

      .actioned + .fqaBox-main-item-content {
        /* visibility: visible; */
        max-height: 500px;
        padding: 24px;
        /* display: block; */
        /* max-height: 600px; */
        /* opacity: 1; */
        /* padding: 24px; */
      }

      @keyframes scroll {
        from {
          transform: translateX(100%);
        }

        to {
          transform: translateX(-100%);
        }
      }

      @keyframes scroll2 {
        from {
          transform: translateX(0%);
        }

        to {
          transform: translateX(-200%);
        }
      }

      @media screen and (max-width: 1400px) {
        .leftBox {
          width: 650px;
        }

        .rightBox-img {
          height: 700px;
        }

        .feature-main-item {
          width: 250px;
        }

        .supportedPlatforms-main-img {
          width: 138px;
          margin: 0 6px;
        }
      }

      @media screen and (max-width: 1200px) {
        .leftBox {
          width: 500px;
        }

        .title {
          font-size: 46px;
        }

        .limitedTimeEvent-content {
          width: auto;
        }

        .rightBox-img {
          height: 600px;
        }

        .feature-main-item {
          width: 200px;
        }

        .supportedPlatforms-main-img {
          width: 104px;
          margin: 0 6px;
        }

        .mobileDownListBox {
          flex-flow: column;
        }

        .qrcodeBox {
          margin-top: 10px;
        }
      }

      @media screen and (max-width: 1000px) {
        body::before {
          width: 179px;
          height: 262px;
        }

        body::after {
          width: 179px;
          height: 262px;
        }

        main {
          flex-flow: column;
        }

        .limitedTimeEvent-content {
          border-radius: 32px;
        }

        .downloadBox {
          flex-flow: column;
          padding: 16px;
        }

        .slogan-content {
          font-size: 16px;
        }

        .leftBox {
          width: 100%;
          max-width: 400px;
          padding-top: 48px;
        }

        .title {
          font-size: 32px;
        }

        .rightBox {
          margin-top: 96px;
        }

        .rightBox-img {
          width: 100%;
          height: auto;
        }

        .mobileDown-list,
        .pcDown-list {
          width: 100%;
        }

        .mobileDown-item,
        .pcDown-item {
          width: 100%;
          margin-right: 0;
        }

        .mobileDownListBox {
          flex-flow: column;
        }

        .downloadList {
          width: 100%;
        }

        .feature {
          padding-top: 64px;
        }

        .feature-main-item {
          width: 280px;
        }

        .feature-main-item:nth-child(2) {
          margin-top: 0px;
        }

        .feature-main-item:nth-child(4) {
          margin-top: 0px;
        }

        .feature-main-item:nth-child(5) {
          margin-top: 0px;
        }

        .feature-main-item:nth-child(7) {
          margin-top: 0px;
        }

        .feature-main-item-imgBox-title {
          font-size: 16px;
          line-height: 22px;
        }

        .supportedPlatforms {
          display: none;
        }

        .supportedApp {
          margin-top: 64px;
        }

        .supportedApp-header-title,
        .fqaBox-header-title {
          font-size: 32px;
          font-weight: 700;
          line-height: 40px;
        }

        .supportedApp-header-subtitle {
          font-size: 18px;
          font-weight: 400;
          line-height: 32px;
        }

        .supportedApp-scroll-imgBox {
          width: auto;
        }

        .tryFirstPayLater {
          flex-wrap: wrap-reverse;
          padding: 0 16px;
          margin-top: 64px;
        }

        .tryFirstPayLater-main {
          margin: 0;
          margin-bottom: 52px;
        }

        .tryFirstPayLater-imgBox-img {
          width: 100%;
        }

        .fqaBox {
          margin-top: 64px;
        }

        .fqaBox-main-item {
          width: 650px;
        }

        .fqaBox-main-item-title {
          font-size: 18px;
          font-weight: 700;
          line-height: 25.2px;
        }

        .fqaBox-main-item-content {
          font-size: 16px;
          font-weight: 400;
          line-height: 25.6px;
        }

        .listBox {
          width: 100%;
          flex-flow: column;
        }

        .isWindowsAndroid {
          flex-flow: column-reverse;
        }
      }

      @media screen and (max-width: 700px) {
        .feature-main-item {
          width: 200px;
        }

        .fqaBox-main-item {
          width: 450px;
        }
      }

      @media screen and (max-width: 530px) {
        .feature-main-item {
          width: 150px;
        }

        .fqaBox-main-item {
          width: 350px;
        }

        .fqaBox-main-item-title p {
          width: 255px;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
        }

        .downloadList-item-content {
          font-size: 14px;
        }
      }

      @media screen and (max-width: 420px) {
        .feature-main-item {
          margin: 0px 10px 16px;
        }

        .fqaBox-main-item {
          width: 335px;
        }

        .downloadList-item-content {
          font-size: 13px;
        }

        .slogan-content-subtitle {
          font-size: 14px;
        }
      }

      @media screen and (max-width: 374px) {
        .feature-main-item {
          width: 132px;
          margin: 0px 4px 16px;
        }

        .fqaBox-main-item {
          width: 300px;
        }

        .downloadList-item-content {
          font-size: 12px;
        }
      }

      .my-element {
        display: inline-block;
        animation: zoomInDown 1s, heartBeat 1.5s 1s;
      }

      .row {
        display: flex;
        flex-wrap: wrap;
        /* justify-content: space-between;
            align-items: center; */
      }

      .items-center,
      .flex-center {
        align-items: center;
      }

      .Menu {
        font-size: 16px;
      }

      .navbar-content {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 80px;
        max-width: 1920px;
        margin: 0 auto;
        flex-wrap: nowrap;
        overflow: hidden;
      }

      a {
        color: var(--Grayscale-900);
      }
      .open-DropDown-imgs > li {
        line-height: 160%;
        color: var(--Grayscale-800);
      }
      .open-DropDown > li {
        line-height: 160%;
        color: var(--Grayscale-800);
        margin-bottom: 24px;
        margin-left: 24px;
      }
      .BurgerMenu-login-btn {
        border-radius: 8px;
        background-color: var(--Orange-50);
        text-align: center;
        color: var(--Orange-400);
        margin-bottom: 8px;
      }
      .BurgerMenu-login-btn a {
        padding: 10px 24px;
        display: block;
        color: var(--Orange-400);
      }
      .BurgerMenu-login-btn a:active {
        background: #ffdbaf;
        transform: scale(0.97);
      }
      .BurgerMenu-register-btn {
        border-radius: 8px;
        text-align: center;
        background-color: var(--Orange-400);
        color: var(--Neutral-White);
        margin-bottom: 8px;
      }
      .BurgerMenu-register-btn a {
        padding: 10px 24px;
        display: block;
        color: var(--Neutral-White);
      }
      .BurgerMenu-register-btn a:active {
        background: #fc8f0d;
        transform: scale(0.97);
      }
      .BurgerMenuDropDown {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 16px;
        color: var(--Grayscale-800);
        margin-bottom: 24px;
      }
      .BurgerMenuDropDown:hover {
        cursor: pointer;
      }
      .BurgerMenu-path {
        font-size: 16px;
        color: var(--Grayscale-800);
        margin-bottom: 24px;
      }
      .BurgerMenuDropDown > span > svg {
        display: flex;
        align-items: center;
      }
      .crossBurgerMenu {
        text-align: end;
        margin: 16px -16px 0 0;
      }
      .closeIcon:hover {
        cursor: pointer;
      }
      .NavBar {
        position: relative;
      }
      .openBurgerMenu {
        position: fixed;
        background-color: var(--Neutral-White);
        z-index: 999;
        width: 300px;
        height: 100%;
        padding: 0 24px 24px;
        top: 0;
        transform: translateX(-300px);
        transition-duration: 0.3s;
      }
      .offBurgerMenu {
        transform: translateX(0px);
        overflow-y: auto;
      }
      .backdropStyle {
        display: none;
      }
      .backdrop {
        background-color: rgba(0, 0, 0, 0.6);
        width: 100vw;
        height: 100vh;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 998;
        display: block;
      }
      .language-family {
        top: 41px;
        box-shadow: 0px 6px 8px -4px rgba(22, 52, 80, 0.12),
          0px 8px 16px -4px rgba(22, 52, 80, 0.08);
        border-radius: 8px;
        padding: 15px 12px 0;
        z-index: 999;
        background-color: var(--Neutral-White);
        font-size: 16px;
        color: var(--grayscale-600);
        min-width: 88px;
        margin-bottom: -14px;
        text-align: center;
        left: -15px;
      }
      .language-family > li {
        margin-bottom: 14px;
      }
      .navbar-menu-function {
        width: 64.4%;
        box-shadow: 0px 6px 8px -4px rgba(22, 52, 80, 0.12),
          0px 8px 16px -4px rgba(22, 52, 80, 0.08);
        border-radius: 8px;
        position: absolute;
        left: 16.3%;
        background-color: var(--Neutral-White);
        z-index: 999;
        display: none;
        padding: 24px;
        /*edited*/
        top: 72px;
        margin-top: 8px;
      }
      .navbarMenu {
        height: 80px;
        display: flex;
        align-items: center;
        line-height: 24px;
      }
      .open-DropDown span,
      .navbar-menu-title span {
        padding-right: 15.5px;
      }
      .navbarMenu:hover,
      .navbar-menu-title > ul > li a:hover {
        color: var(--Orange-400);
      }
      .navbarMenu-download:hover .navbar-menu-download,
      .navbarMenu-function:hover .navbar-menu-function {
        display: flex;
      }

      .navbar-menu-download.force-hide {
        display: none !important;
      }
      .Menu {
        font-size: 16px;
      }

      .openBurgerMenu *,
      .navbar-content * {
        list-style: none;
        font-family: Noto Sans SC, pingfang sc, microsoft yahei,
          hiragino sans gb, sans-serif;
        font-style: normal;
        text-decoration: none;
        direction: ltr;
        unicode-bidi: isolate;
        -webkit-font-smoothing: antialiased;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        text-size-adjust: 100%;
      }

      .navbar-menu-freeService {
        width: 42%;
        box-shadow: 0px 6px 8px -4px rgba(22, 52, 80, 0.12),
          0px 8px 16px -4px rgba(22, 52, 80, 0.08);
        border-radius: 8px;
        background-color: var(--Neutral-White);
        position: absolute;
        top: 112px;
        left: 13.35%;
        z-index: 999;
        padding: 24px;
        display: none;
      }
      .navbarMenu-freeService:hover .navbar-menu-freeService {
        display: flex;
      }
      .navbar-menu-makeMoney {
        width: 220px;
        box-shadow: 0px 6px 8px -4px rgba(22, 52, 80, 0.12),
          0px 8px 16px -4px rgba(22, 52, 80, 0.08);
        border-radius: 8px;
        background-color: var(--Neutral-White);
        position: absolute;
        top: 112px;
        left: 34.5%;
        z-index: 999;
        padding: 24px;
        display: none;
      }
      .navbarMenu-makeMoney:hover .navbar-menu-makeMoney {
        display: flex;
      }
      .navbar-menu-download {
        width: 552px;
        box-shadow: 0px 6px 8px -4px rgba(22, 52, 80, 0.12),
          0px 8px 16px -4px rgba(22, 52, 80, 0.08);
        border-radius: 8px;
        background-color: var(--Neutral-White);
        position: absolute;
        left: 40%;
        z-index: 999;
        padding: 24px;
        display: none;
        /*edited*/
        top: 72px;
        margin-top: 8px;
      }

      .download-wrap {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: -16px;
      }
      .download-wrap > div {
        margin-bottom: 16px;
        cursor: pointer;
      }
      .mr-16 {
        margin-right: 16px;
      }
      .navbar-menu-title {
        width: 33%;
        margin: 0 5px;
      }
      .navbar-menu-makeMoney-title {
        width: 100%;
      }
      .navbar-menu-title > ul {
        font-weight: 700;
        color: var(--Orange-400);
      }
      .navbar-menu-title > ul > li {
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        color: var(--Grayscale-400);
        padding-top: 16px;
        display: flex;
        align-items: center;
      }
      .navbar-menu-title > ul > li:hover {
        color: var(--Grayscale-700);
      }
      .Login > a {
        color: var(--Grayscale-900);
      }
      .NavBarTop {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 32px;
        color: #fff;
        font-size: 12px;
        font-weight: 400;
        line-height: 17px;
        letter-spacing: 0px;
        text-align: left;
        background-color: var(--Grayscale-900);
      }
      .NavBarTop-content {
        max-width: 1920px;
        margin: 0 auto;
      }
      .nationImgWrap {
        display: flex;
        align-items: center;
      }
      .NavBarTopIp {
        margin: 0 32px;
      }
      .nation {
        margin-right: 8px;
      }
      .nationImg {
        width: 22.4px;
        height: 16px;
        display: block;
      }
      .nationImg > img {
        width: 100%;
        height: 100%;
      }
      .Grayscale400 {
        color: var(--Grayscale-400);
        display: flex;
      }
      .Red900 {
        color: var(--Red-900);
      }
      .navbar-content {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 80px;
        max-width: 1920px;
        margin: 0 auto;
      }
      .homeLogo {
        padding-left: 184px;
        padding-right: 80px;
      }
      .homeLogoImg:hover {
        cursor: pointer;
      }
      .navBarDropDown {
        display: flex;
        align-items: center;
        padding-left: 5.53px;
        cursor: pointer;
      }
      .BurgerMenu {
        display: none;
      }
      .BurgerMenu:hover {
        cursor: pointer;
      }
      .registerBtn {
        background-color: var(--Orange-400);
        border-radius: 8px;
        width: 120px;
        height: 40px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 10px 24px;
        color: #fff;
        margin: 0 32px 0 0;
        cursor: pointer;
      }
      .registerBtn:hover {
        background: #fd9a26;
      }
      .registerBtn:active {
        background: #fc8f0d;
        transform: scale(0.97);
      }
      .loginBtn {
        background-color: rgba(0, 0, 0, 0);
        border-radius: 8px;
        width: 120px;
        height: 40px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 10px 24px;
        color: black;
        cursor: pointer;
      }
      .loginBtn:hover {
        background: #f2f2f2;
      }
      .loginBtn:active {
        background: #e6e6e6;
        transform: scale(0.97);
      }
      .navbarMenu {
        margin-right: 32px;
      }
      .navbarMenu:hover {
        cursor: pointer;
      }
      .navbarLogin {
        margin-right: 45px;
      }
      .download-img {
        margin: 5px 4px;
      }
      .download-btn {
        text-transform: none;
        width: 244px;
        height: 48px;
        background: #ececec;
        border: none;
        border-radius: 8px;
        cursor: pointer;
      }
      .installationInstructions {
        background: none;
        display: flex;
        justify-content: center;
        align-items: center;
      }
      .tutorialBtn .download-btn {
        background: none;
        color: rgba(253, 166, 63, 1);
        font-size: 14px;
        font-weight: 400;
        text-decoration: underline;
      }
      .download-btn::before {
        box-shadow: none;
      }
      .download-btn-text {
        padding: 0 10px 0 10px;
        font-size: 15px;
        font-weight: 500;
        color: #6a6a6a;
      }
      .downloadPageBtn {
        width: 100%;
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .downloadPageBtn-content {
        color: #fda63f;
      }
      @media (max-width: 1700px) {
        .navbar-menu-makeMoney {
          left: 40%;
        }
      }
      @media (max-width: 1600px) {
        /* .navbarLogin {
		 margin-right: 160px;
	}
	 */
        .navbar-menu-freeService {
          left: 20%;
        }
      }
      @media (max-width: 1500px) {
        .navbarMenu {
          margin-right: 16px;
        }
      }
      @media (max-width: 1440px) {
        .navbarLogin {
          margin: 0;
        }
        .homeLogo {
          padding-left: 92px;
        }
      }
      @media (max-width: 1280px) {
        .homeLogo {
          padding-left: 60px;
          padding-right: 40px;
        }
      }
      @media (max-width: 1140px) {
        .homeLogo {
          padding: 0px;
          margin-right: 20px;
        }
        .navbar-menu-function {
          left: 10%;
        }
      }
      @media (max-width: 1200px) {
        .registerBtn,
        .Login {
          display: none;
        }
        .BurgerMenu {
          display: flex;
          margin-left: 28px;
        }
        .Menu {
          display: none;
        }
        .userInfo {
          display: none;
        }
        .navbar-menu-function,
        .navbar-menu-freeService,
        .navbar-menu-makeMoney,
        .navbar-menu-download {
          display: none;
        }
        .navbar-content {
          padding: 0 16px;
        }
        .homeLogo {
          padding: 0px;
        }
      }
      @media (min-width: 1200px) {
        .openBurgerMenu {
          display: none;
        }
        .backdrop {
          display: none;
        }
      }
      @media (max-width: 500px) {
        .nationImgWrap {
          display: none;
        }
        .NavBarTop {
          justify-content: space-between;
          padding: 0 12px 0 48px;
        }
      }
      @media (max-width: 375px) {
        .offBurgerMenu {
          width: 80%;
        }
        .download-btn {
          width: 100%;
          height: auto;
        }
        .download-img {
          width: 100%;
        }
      }

      .q-btn {
        display: flex;
        align-items: center;
        justify-content: center;
      }
      /* @media (max-width: 386px) {
	 .BurgerMenu {
		 position: relative;
		 top: -17px;
		 right: -100px;
	}
}
 */
      .mobileQrCodePop {
        width: 100vw;
        height: 100vh;
        position: fixed;
        top: 0;
        background: rgba(0, 0, 0, 0.56);
      }
      .mobileQrCodePop-qrCodeBox {
        width: 544px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: #fff;
        padding: 40px 20px;
        border-radius: 8px;
        display: flex;
        flex-flow: column;
        align-items: center;
      }
      .mobileQrCodePop-qrCodeBox-hand {
        width: 100%;
        color: #131313;
        font-size: 32px;
        font-weight: 700;
        display: flex;
        justify-content: space-between;
        margin-bottom: 40px;
      }
      .mobileQrCodePop-qrCodeBox-main .qrcode,
      .mobileQrCodePop-qrCodeBox-hand .closeBtn {
        cursor: pointer;
      }
      .mobileQrCodePop-qrCodeBox-main {
        width: min-content;
        padding: 24px;
        border: 1px solid #e2e2e2;
        border-radius: 4px;
        display: flex;
        flex-flow: column;
        align-items: center;
      }
      .mobileQrCodePop-qrCodeBox-main span {
        font-size: 16px;
        font-weight: 400;
        margin-top: 12px;
        color: #6a6a6a;
      }
      .mobileQrCodePop-qrCodeBox-main .tutorialBtn {
        cursor: pointer;
        width: max-content;
        background: #fff2e2;
        padding: 10px 24px;
        margin-top: 12px;
        border-radius: 8px;
        color: #fda63f;
      }

      @media (max-width: 768px) {
        .mobileQrCodePop-qrCodeBox {
          width: 300px;
        }
        .mobileQrCodePop-qrCodeBox-hand {
          font-size: 20px;
        }
      }

      .block {
        display: block;
      }
      .hidden {
        display: none;
      }

      .cursor-pointer {
        cursor: pointer;
      }
      .icon-arrow {
        transition: transform 0.3s ease;
      }

      .BurgerMenuDropDown.active .icon-arrow {
        transform: rotate(180deg);
      }

      .m-0 {
        margin: 0;
      }
      .text-black {
        color: black;
      }

      /* @media (min-height: 1180px) {
            main {
                margin-top: 200px;
            }
        }

        @media (min-height: 1366px) {
            main {
                margin-top: 300px;
            }
        } */
    </style>
  </head>

  <body>
    <header>
      <div class="navbar-content">
        <div class="row items-center">
          <div class="homeLogo">
            <a href="https://www.skytreevpn.com/" class="logBox">
              <svg
                width="33"
                height="32"
                viewBox="0 0 33 32"
                fill="none"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  d="M32.2265 15.9939C32.2265 7.16588 25.07 0.00933647 16.242 0.00933647C7.41392 0.00933647 0.257385 7.16588 0.257385 15.9939C0.257385 24.8219 7.41392 31.9785 16.242 31.9785C25.07 31.9785 32.2265 24.8219 32.2265 15.9939Z"
                  fill="url(#paint0_linear_1_97)"
                />
                <mask
                  id="mask0_1_97"
                  style="mask-type: luminance"
                  maskUnits="userSpaceOnUse"
                  x="0"
                  y="0"
                  width="33"
                  height="32"
                >
                  <path
                    d="M0.24231 16C0.24231 24.8362 7.40573 32 16.2423 32C25.0789 32 32.2423 24.8362 32.2423 16C32.2423 7.16304 25.0789 0 16.2423 0C7.40573 0 0.24231 7.16304 0.24231 16Z"
                    fill="white"
                  />
                </mask>
                <g mask="url(#mask0_1_97)">
                  <g opacity="0.2">
                    <path
                      d="M16.2423 20.4136C16.8518 20.4136 17.3459 20.9077 17.3459 21.5169C17.3459 22.1268 16.8518 22.6209 16.2423 22.6209C15.6327 22.6209 15.1387 22.1268 15.1387 21.5169C15.1387 20.9077 15.6327 20.4136 16.2423 20.4136Z"
                      fill="#B6B4B4"
                    />
                  </g>
                  <g opacity="0.2">
                    <path
                      d="M16.2411 20.4152C16.8506 20.4152 17.3444 20.9093 17.3444 21.5185C17.3444 22.1284 16.8506 22.6225 16.2411 22.6225C15.6316 22.6225 15.1375 22.1284 15.1375 21.5185C15.1375 20.9093 15.6316 20.4152 16.2411 20.4152Z"
                      fill="white"
                    />
                  </g>
                  <g opacity="0.2">
                    <path
                      d="M12.6564 23.1725C13.4183 23.1725 14.0358 23.7901 14.0358 24.5516C14.0358 25.3135 13.4183 25.931 12.6564 25.931C11.8945 25.931 11.277 25.3135 11.277 24.5516C11.277 23.7901 11.8945 23.1725 12.6564 23.1725Z"
                      fill="#B6B4B4"
                    />
                  </g>
                  <g opacity="0.2">
                    <path
                      d="M12.6579 23.1733C13.4198 23.1733 14.0373 23.7908 14.0373 24.5527C14.0373 25.3142 13.4198 25.9318 12.6579 25.9318C11.896 25.9318 11.2784 25.3142 11.2784 24.5527C11.2784 23.7908 11.896 23.1733 12.6579 23.1733Z"
                      fill="#AF625C"
                    />
                  </g>
                  <g opacity="0.2">
                    <path
                      d="M28.9318 10.4822C29.5417 10.4822 30.0355 10.9763 30.0355 11.5859C30.0355 12.1954 29.5417 12.6895 28.9318 12.6895C28.3223 12.6895 27.8286 12.1954 27.8286 11.5859C27.8286 10.9763 28.3223 10.4822 28.9318 10.4822Z"
                      fill="#B6B4B4"
                    />
                  </g>
                  <g opacity="0.2">
                    <path
                      d="M28.9306 10.4834C29.5405 10.4834 30.0342 10.9775 30.0342 11.587C30.0342 12.1965 29.5405 12.6906 28.9306 12.6906C28.3211 12.6906 27.8274 12.1965 27.8274 11.587C27.8274 10.9775 28.3211 10.4834 28.9306 10.4834Z"
                      fill="#AF625C"
                    />
                  </g>
                  <g opacity="0.5">
                    <path
                      d="M18.1733 22.6205C19.8492 22.6205 21.208 23.979 21.208 25.6552C21.208 27.331 19.8492 28.6899 18.1733 28.6899C16.4975 28.6899 15.1383 27.331 15.1383 25.6552C15.1383 23.979 16.4975 22.6205 18.1733 22.6205Z"
                      fill="#B6B4B4"
                    />
                  </g>
                  <g opacity="0.5">
                    <path
                      d="M18.1722 22.6209C19.848 22.6209 21.2068 23.9794 21.2068 25.6556C21.2068 27.3314 19.848 28.6902 18.1722 28.6902C16.496 28.6902 15.1371 27.3314 15.1371 25.6556C15.1371 23.9794 16.496 22.6209 18.1722 22.6209Z"
                      fill="#C8BFBF"
                    />
                  </g>
                  <g opacity="0.15">
                    <path
                      d="M4.65608 8.27539C6.1795 8.27539 7.41455 9.51044 7.41455 11.0339C7.41455 12.5573 6.1795 13.7923 4.65608 13.7923C3.13265 13.7923 1.8976 12.5573 1.8976 11.0339C1.8976 9.51044 3.13265 8.27539 4.65608 8.27539Z"
                      fill="#B6B4B4"
                    />
                  </g>
                  <g opacity="0.15">
                    <path
                      d="M4.65412 8.27386C6.17755 8.27386 7.4126 9.50891 7.4126 11.0323C7.4126 12.5558 6.17755 13.7908 4.65412 13.7908C3.1307 13.7908 1.89565 12.5558 1.89565 11.0323C1.89565 9.50891 3.1307 8.27386 4.65412 8.27386Z"
                      fill="#AF625C"
                    />
                  </g>
                  <g opacity="0.1">
                    <path
                      d="M9.34587 9.9306C10.1074 9.9306 10.7249 10.5481 10.7249 11.31C10.7249 12.0719 10.1074 12.6895 9.34587 12.6895C8.58396 12.6895 7.96644 12.0719 7.96644 11.31C7.96644 10.5481 8.58396 9.9306 9.34587 9.9306Z"
                      fill="#B6B4B4"
                    />
                  </g>
                  <g opacity="0.1">
                    <path
                      d="M9.34744 9.93097C10.109 9.93097 10.7269 10.5485 10.7269 11.3104C10.7269 12.0723 10.109 12.6898 9.34744 12.6898C8.58554 12.6898 7.96801 12.0723 7.96801 11.3104C7.96801 10.5485 8.58554 9.93097 9.34744 9.93097Z"
                      fill="#C0BCBC"
                    />
                  </g>
                  <g opacity="0.1">
                    <path
                      d="M23.9665 3.31006C24.8804 3.31006 25.6218 4.05101 25.6218 4.96568C25.6218 5.87958 24.8804 6.62053 23.9665 6.62053C23.0522 6.62053 22.3109 5.87958 22.3109 4.96568C22.3109 4.05101 23.0522 3.31006 23.9665 3.31006Z"
                      fill="#B6B4B4"
                    />
                  </g>
                  <g opacity="0.1">
                    <path
                      d="M23.9662 3.31006C24.8801 3.31006 25.6214 4.05101 25.6214 4.96568C25.6214 5.87958 24.8801 6.62053 23.9662 6.62053C23.0519 6.62053 22.3105 5.87958 22.3105 4.96568C22.3105 4.05101 23.0519 3.31006 23.9662 3.31006Z"
                      fill="#AF625C"
                    />
                  </g>
                  <g opacity="0.2">
                    <path
                      d="M5.48385 14.8959C6.24576 14.8959 6.86328 15.5135 6.86328 16.2754C6.86328 17.0373 6.24576 17.6548 5.48385 17.6548C4.72195 17.6548 4.10443 17.0373 4.10443 16.2754C4.10443 15.5135 4.72195 14.8959 5.48385 14.8959Z"
                      fill="#B6B4B4"
                    />
                  </g>
                  <g opacity="0.2">
                    <path
                      d="M5.48459 14.8948C6.24649 14.8948 6.86401 15.5124 6.86401 16.2743C6.86401 17.0362 6.24649 17.6537 5.48459 17.6537C4.72268 17.6537 4.10516 17.0362 4.10516 16.2743C4.10516 15.5124 4.72268 14.8948 5.48459 14.8948Z"
                      fill="#AF625C"
                    />
                  </g>
                  <g opacity="0.41">
                    <path
                      d="M12.1465 30.4638C12.3586 30.4637 12.5304 30.2919 12.5306 30.0797C12.5304 29.8676 11.973 29.5542 11.7625 29.5541C11.5512 29.554 11.7625 29.8676 11.7623 30.0798C11.7625 30.2918 11.9343 30.4637 12.1465 30.4638Z"
                      fill="#BEBCBD"
                    />
                  </g>
                  <g opacity="0.41">
                    <path
                      d="M12.1454 30.4638C12.3575 30.4637 12.5293 30.2919 12.5295 30.0797C12.5293 29.8676 11.9719 29.5542 11.7614 29.5541C11.5501 29.554 11.7614 29.8676 11.7613 30.0798C11.7614 30.2918 11.9332 30.4637 12.1454 30.4638Z"
                      fill="white"
                    />
                  </g>
                  <g opacity="0.41">
                    <path
                      d="M27.2769 13.2415C29.1055 13.2415 30.5874 14.7237 30.5874 16.5515C30.5874 18.3801 29.1055 19.8624 27.2769 19.8624C25.4487 19.8624 23.9668 18.3801 23.9668 16.5515C23.9668 14.7237 25.4487 13.2415 27.2769 13.2415Z"
                      fill="#B6B4B4"
                    />
                  </g>
                  <g opacity="0.41">
                    <path
                      d="M27.2785 13.2419C29.1071 13.2419 30.589 14.7242 30.589 16.5524C30.589 18.3805 29.1071 19.8628 27.2785 19.8628C25.4503 19.8628 23.9684 18.3805 23.9684 16.5524C23.9684 14.7242 25.4503 13.2419 27.2785 13.2419Z"
                      fill="#AF625C"
                    />
                  </g>
                  <g opacity="0.41">
                    <path
                      d="M23.7943 23.1676C23.9356 23.1676 24.0503 23.2823 24.0503 23.4236C24.0503 23.5649 23.9356 23.68 23.7943 23.68C23.653 23.68 23.5383 23.5649 23.5383 23.4236C23.5383 23.2823 23.653 23.1676 23.7943 23.1676Z"
                      fill="#BEBCBD"
                    />
                  </g>
                  <g opacity="0.41">
                    <path
                      d="M23.7936 23.1691C23.9349 23.1691 24.0496 23.2838 24.0496 23.4255C24.0496 23.5668 23.9349 23.6815 23.7936 23.6815C23.6522 23.6815 23.5376 23.5668 23.5376 23.4255C23.5376 23.2838 23.6522 23.1691 23.7936 23.1691Z"
                      fill="white"
                    />
                  </g>
                </g>
                <g opacity="0.4">
                  <path
                    d="M16.2423 32C12.9288 32.0076 9.69529 30.979 6.9951 29.0587C5.68958 28.1329 4.52996 27.0171 3.55396 25.7486C2.5692 24.4705 1.78444 23.0507 1.22559 21.5371C4.44311 26.0202 9.62063 28.6815 15.1387 28.6891C23.7117 28.675 30.9555 22.3284 32.0964 13.832C32.1936 14.5516 32.2423 15.2773 32.2423 16.0034C32.2484 20.248 30.5619 24.32 27.5566 27.3177C26.0991 28.7787 24.3722 29.9432 22.4709 30.7463C20.5002 31.579 18.3818 32.0053 16.2423 32Z"
                    fill="#C36F50"
                  />
                </g>
                <mask
                  id="mask1_1_97"
                  style="mask-type: luminance"
                  maskUnits="userSpaceOnUse"
                  x="1"
                  y="13"
                  width="32"
                  height="19"
                >
                  <path
                    d="M15.1383 28.6888C9.62094 28.6815 4.44343 26.0198 1.22552 21.5371C1.78438 23.0503 2.56914 24.4705 3.5539 25.7486C4.5299 27.0171 5.68953 28.1326 6.99467 29.0587C9.69562 30.9791 12.9288 32.0072 16.2423 32C18.3817 32.0053 20.4998 31.5787 22.4708 30.7463C24.3722 29.9429 26.099 28.7787 27.5565 27.3177C30.5619 24.3196 32.2484 20.248 32.2423 16.0034C32.2423 15.2773 32.1935 14.5516 32.0964 13.8316C30.9554 22.3284 23.712 28.6751 15.1383 28.6888Z"
                    fill="white"
                  />
                </mask>
                <g mask="url(#mask1_1_97)">
                  <g opacity="0.26">
                    <path
                      d="M24.2362 2.04262C24.2362 2.04262 20.1242 1.95538 19.0628 1.08491C18.0015 0.214811 16.8826 1.76529 15.0438 2.22395C13.2053 2.68224 13.0537 3.24795 11.6682 3.24795C10.2819 3.24795 10.2903 3.88224 9.1977 4.85747C8.10551 5.83195 6.02399 3.88224 5.92951 4.85747C5.83503 5.83195 5.8358 6.79119 5.8358 6.79119L4.28265 7.08452L3.3017 8.34166L2.20151 9.5988V10.5927L1.47199 12.0274V13.6434L0.77599 14.6384V15.7436L-0.467057 17.7714C-0.467057 17.7714 -0.648009 9.31004 0.77599 7.083C2.20075 4.85633 16.2423 -2.00919 16.2423 -2.00919L24.2362 2.04262Z"
                      fill="white"
                    />
                  </g>
                </g>
                <path
                  d="M17.4011 21.0775H15.0538V28.6894H17.4011V21.0775Z"
                  fill="#141C29"
                />
                <path
                  d="M20.01 22.998C22.6679 24.9526 26.7185 25.218 26.7185 25.218C23.1994 23.6117 16.2276 6.06131 16.2276 6.06131C16.2276 6.06131 9.25555 23.6117 5.73645 25.218C5.73645 25.218 9.78725 24.9526 12.445 22.998C12.445 22.998 12.4008 23.9752 11.1825 24.7936C11.1825 24.7936 14.4826 24.9171 16.2276 22.5434C17.9723 24.9171 21.2725 24.7936 21.2725 24.7936C20.0544 23.9752 20.01 22.998 20.01 22.998Z"
                  fill="#3F8111"
                />
                <path
                  d="M19.1533 15.7495C21.2091 17.8206 24.3423 18.1017 24.3423 18.1017C21.6204 16.3996 16.2276 3.26624 16.2276 3.26624C16.2276 3.26624 10.8346 16.3996 8.11267 18.1017C8.11267 18.1017 11.2459 17.8206 13.3017 15.7495C13.3017 15.7495 13.2675 16.785 12.3251 17.6518C12.3251 17.6518 14.8778 17.7829 16.2276 15.2678C17.5772 17.7829 20.1298 17.6518 20.1298 17.6518C19.1875 16.785 19.1533 15.7495 19.1533 15.7495Z"
                  fill="#325F13"
                />
                <path
                  d="M26.7186 25.2181C26.7186 25.2181 22.668 24.9527 20.0101 22.998C22.6638 24.9496 26.7057 25.2171 26.7186 25.2181ZM25.2824 23.9635L25.282 23.963C25.282 23.9632 25.2822 23.9635 25.2824 23.9635ZM25.2763 23.9562L25.2758 23.9557C25.2758 23.9559 25.276 23.9562 25.2763 23.9562ZM25.2574 23.9338L25.2572 23.9334C25.2572 23.9336 25.2574 23.9336 25.2574 23.9338ZM25.2517 23.9268C25.2511 23.9263 25.2511 23.9261 25.2507 23.9256C25.2509 23.9258 25.2513 23.9265 25.2517 23.9268ZM25.2458 23.9197C25.2452 23.919 25.245 23.9188 25.2446 23.9181C25.245 23.9188 25.2454 23.9192 25.2458 23.9197ZM25.2397 23.9122C25.2393 23.9119 25.2388 23.9112 25.2386 23.911C25.2388 23.9115 25.2393 23.9119 25.2397 23.9122ZM25.2266 23.8966C25.2264 23.8962 25.2262 23.8959 25.2257 23.8957C25.226 23.8959 25.2264 23.8964 25.2266 23.8966ZM25.215 23.8823C25.2143 23.8818 25.2137 23.8809 25.2131 23.8802C25.2137 23.8811 25.2143 23.8816 25.215 23.8823ZM25.209 23.8752C25.2084 23.8743 25.208 23.8738 25.2071 23.8729C25.2078 23.8738 25.2084 23.8745 25.209 23.8752ZM25.197 23.8604C25.1957 23.859 25.1945 23.8573 25.193 23.8557C25.1945 23.8573 25.1957 23.8588 25.197 23.8604ZM25.19 23.8519C25.189 23.8508 25.1881 23.8498 25.1871 23.8484C25.1879 23.8496 25.1892 23.851 25.19 23.8519ZM25.1843 23.8451C25.1833 23.8439 25.1822 23.8425 25.1811 23.8411C25.1822 23.8423 25.1835 23.8439 25.1843 23.8451ZM25.1788 23.8381C25.1778 23.8369 25.1765 23.8355 25.1754 23.8341C25.1765 23.8355 25.1776 23.8369 25.1788 23.8381ZM25.1733 23.8315C25.1723 23.8301 25.1706 23.8282 25.1695 23.827C25.1708 23.8284 25.1721 23.8298 25.1733 23.8315ZM25.1535 23.807C25.1522 23.8053 25.1505 23.8035 25.1492 23.8018C25.1507 23.8035 25.152 23.8051 25.1535 23.807ZM25.1423 23.7934C25.1408 23.7912 25.1395 23.7898 25.138 23.7879C25.1393 23.7896 25.141 23.7915 25.1423 23.7934ZM25.1378 23.7875C25.1306 23.7788 25.1241 23.7705 25.1169 23.7618C25.1239 23.7703 25.1309 23.779 25.1378 23.7875ZM24.3327 18.0956C24.332 18.0952 24.3312 18.0947 24.3303 18.0942C24.3312 18.0947 24.3318 18.0952 24.3327 18.0956ZM24.3291 18.0935C24.3282 18.0928 24.3272 18.0921 24.3263 18.0916C24.3274 18.0923 24.3282 18.0928 24.3291 18.0935ZM24.3136 18.0834C24.3126 18.0827 24.3113 18.082 24.3103 18.0813C24.3113 18.082 24.3124 18.0827 24.3136 18.0834ZM24.298 18.0733C24.2969 18.0723 24.2952 18.0714 24.2942 18.0707C24.2955 18.0714 24.2967 18.0723 24.298 18.0733ZM24.294 18.0704C24.2914 18.0688 24.2885 18.0669 24.2859 18.0653C24.2887 18.0669 24.2912 18.0688 24.294 18.0704ZM24.2857 18.065C24.2845 18.0641 24.2832 18.0631 24.2819 18.0624C24.2832 18.0634 24.2845 18.0641 24.2857 18.065ZM24.2693 18.0537C24.268 18.0528 24.2671 18.0523 24.2657 18.0514C24.2669 18.0521 24.2682 18.053 24.2693 18.0537ZM24.2532 18.0427C24.2504 18.0408 24.2481 18.0389 24.2454 18.037C24.2479 18.0389 24.2504 18.0408 24.2532 18.0427ZM24.2369 18.0311C24.2354 18.03 24.2344 18.0293 24.2329 18.0283C24.2342 18.0293 24.2354 18.0302 24.2369 18.0311ZM24.2329 18.0281C24.2314 18.0272 24.2302 18.0264 24.2289 18.0253C24.2302 18.0262 24.2316 18.0272 24.2329 18.0281ZM24.2247 18.0222C24.2234 18.0213 24.2219 18.0203 24.2207 18.0194C24.2221 18.0203 24.2234 18.0213 24.2247 18.0222ZM24.208 18.0102C24.2067 18.0093 24.2056 18.0083 24.2042 18.0074C24.2054 18.0083 24.2067 18.0093 24.208 18.0102ZM24.204 18.0072C24.2027 18.0062 24.2012 18.0053 24.2001 18.0043C24.2014 18.0053 24.2027 18.0062 24.204 18.0072ZM24.1915 17.9977C24.1902 17.997 24.1887 17.9959 24.1877 17.9949C24.1889 17.9959 24.1902 17.9968 24.1915 17.9977ZM24.1748 17.9853C24.1737 17.9843 24.1723 17.9834 24.171 17.9824C24.1723 17.9834 24.1735 17.9843 24.1748 17.9853ZM24.1665 17.9789C24.1655 17.9782 24.164 17.977 24.1627 17.9761C24.164 17.977 24.1653 17.978 24.1665 17.9789ZM24.1625 17.9759C24.16 17.974 24.157 17.9716 24.1543 17.9695C24.157 17.9716 24.1598 17.9737 24.1625 17.9759ZM24.1543 17.9695C24.153 17.9686 24.1513 17.9671 24.1501 17.9662C24.1515 17.9674 24.1528 17.9683 24.1543 17.9695ZM24.1416 17.9596C24.1406 17.9587 24.1389 17.9575 24.1376 17.9563C24.1391 17.9575 24.1403 17.9584 24.1416 17.9596ZM24.1376 17.9563C22.7781 16.8834 20.855 13.3426 19.2455 10.0068C20.855 13.3431 22.7781 16.8834 24.1376 17.9563Z"
                  fill="#C6DFA8"
                />
                <path
                  d="M26.7185 25.218C26.7056 25.2171 22.6637 24.9496 20.01 22.998V22.9999C20.013 23.0474 20.0852 23.9962 21.2725 24.7936H21.266C21.2545 24.794 21.2281 24.7945 21.1884 24.7945C20.7774 24.7945 18.9386 24.7324 17.4011 23.6745C16.9744 23.3808 16.5708 23.0105 16.2276 22.5434V15.2678C17.4497 17.5455 19.6586 17.653 20.0647 17.653C20.107 17.653 20.1298 17.6518 20.1298 17.6518C19.1875 16.785 19.1533 15.7494 19.1533 15.7494C19.7759 16.3765 20.4973 16.8396 21.2007 17.1805C22.508 19.7794 23.8926 22.2312 25.1116 23.755C25.1133 23.7571 25.1149 23.7592 25.1166 23.7613L25.1168 23.7618C25.124 23.7705 25.1306 23.7787 25.1378 23.7874L25.138 23.7879C25.1395 23.7898 25.1407 23.7912 25.1422 23.7933C25.1428 23.7938 25.1431 23.7943 25.1437 23.795C25.145 23.7966 25.1464 23.7985 25.1479 23.8001C25.1483 23.8006 25.1488 23.8011 25.1492 23.8018C25.1504 23.8034 25.1521 23.8053 25.1534 23.807C25.1538 23.8074 25.1542 23.8079 25.1547 23.8084C25.1593 23.8143 25.1642 23.8204 25.1688 23.826C25.1688 23.826 25.1693 23.8265 25.1695 23.827C25.1705 23.8281 25.1722 23.83 25.1733 23.8314C25.1739 23.8324 25.1745 23.8331 25.1754 23.834C25.1764 23.8354 25.1777 23.8369 25.1788 23.838C25.1796 23.8392 25.1802 23.8401 25.1811 23.8411C25.1821 23.8425 25.1832 23.8439 25.1843 23.8451C25.1853 23.8463 25.1862 23.8472 25.187 23.8484C25.1881 23.8498 25.1889 23.8507 25.19 23.8519C25.191 23.8533 25.1919 23.8543 25.1929 23.8557C25.1944 23.8573 25.1957 23.859 25.1969 23.8604C25.1982 23.8623 25.1999 23.8641 25.2012 23.8658C25.2018 23.8665 25.2024 23.8672 25.2029 23.8679C25.2043 23.8696 25.2058 23.8712 25.2071 23.8728C25.2079 23.8738 25.2084 23.8743 25.209 23.8752C25.2103 23.8769 25.2117 23.8785 25.213 23.8801C25.2136 23.8808 25.2143 23.8818 25.2149 23.8823C25.2164 23.8841 25.2177 23.8858 25.2191 23.8874C25.2196 23.8881 25.2202 23.8889 25.2208 23.8896C25.2225 23.8914 25.2242 23.8936 25.2257 23.8957C25.2261 23.8959 25.2263 23.8961 25.2265 23.8966C25.2305 23.9013 25.2346 23.906 25.2386 23.911C25.2386 23.911 25.2392 23.9119 25.2396 23.9121C25.2411 23.9143 25.2428 23.9161 25.2445 23.918C25.2449 23.9187 25.2451 23.919 25.2458 23.9197C25.2472 23.9216 25.2489 23.9234 25.2506 23.9256C25.251 23.926 25.251 23.9263 25.2517 23.9267C25.2534 23.9291 25.2553 23.9312 25.2572 23.9333L25.2574 23.9338C25.2635 23.9411 25.2696 23.9484 25.2758 23.9557L25.2762 23.9561C25.2781 23.9585 25.2798 23.9606 25.2819 23.963L25.2823 23.9634C25.2842 23.9658 25.2863 23.9684 25.2882 23.9705V23.9707C25.8041 24.5849 26.2872 25.0211 26.7185 25.218Z"
                  fill="#325F13"
                />
                <path
                  d="M24.3423 18.1018C24.3423 18.1018 22.8192 17.9643 21.2 17.1796C21.2002 17.1799 21.2004 17.1803 21.2007 17.1806C20.4973 16.8396 19.7759 16.3766 19.1533 15.7495C19.1533 15.7495 19.1875 16.785 20.1298 17.6519C20.1298 17.6519 20.107 17.653 20.0647 17.653C19.6586 17.653 17.4497 17.5455 16.2276 15.2678V9.09457C17.0281 10.2991 18.4749 10.356 18.741 10.356C18.7686 10.356 18.7834 10.3555 18.7834 10.3555C18.1664 9.89693 18.1437 9.34917 18.1437 9.34917C18.4812 9.62376 18.8629 9.83858 19.2454 10.0068C20.8549 13.3426 22.778 16.8834 24.1375 17.9563C24.1388 17.9575 24.1405 17.9587 24.1416 17.9596L24.1418 17.9599C24.1445 17.962 24.1473 17.9641 24.15 17.9662C24.1513 17.9672 24.153 17.9686 24.1542 17.9695C24.157 17.9716 24.1599 17.974 24.1625 17.9759L24.1627 17.9761C24.1639 17.977 24.1654 17.9782 24.1665 17.9789C24.1667 17.9792 24.1667 17.9792 24.1669 17.9792C24.1682 17.9803 24.1694 17.9813 24.1707 17.9822L24.1709 17.9825C24.1722 17.9834 24.1737 17.9843 24.1747 17.9853C24.1749 17.9853 24.1752 17.9855 24.1752 17.9855C24.1766 17.9867 24.1777 17.9876 24.1792 17.9886V17.9888C24.1821 17.9909 24.1847 17.9928 24.1874 17.9949H24.1876C24.1887 17.9959 24.1902 17.997 24.1914 17.9978C24.1914 17.998 24.1916 17.998 24.1916 17.9982C24.1931 17.9992 24.1944 18.0001 24.1956 18.001L24.1959 18.0013C24.1971 18.0022 24.1984 18.0032 24.1997 18.0041C24.1999 18.0041 24.1999 18.0041 24.2001 18.0043C24.2011 18.0053 24.2026 18.0062 24.2039 18.0072C24.2039 18.0072 24.2041 18.0072 24.2041 18.0074C24.2056 18.0083 24.2066 18.0093 24.2079 18.0102C24.2081 18.0102 24.2081 18.0102 24.2083 18.0105C24.2096 18.0114 24.2109 18.0123 24.2121 18.0133C24.2123 18.0133 24.2123 18.0133 24.2123 18.0135C24.2151 18.0154 24.2178 18.0173 24.2206 18.0194C24.2219 18.0203 24.2233 18.0213 24.2246 18.0222V18.0225C24.2261 18.0234 24.2271 18.0241 24.2286 18.025C24.2286 18.0253 24.2288 18.0253 24.2288 18.0253C24.2301 18.0265 24.2314 18.0272 24.2328 18.0281V18.0283C24.2343 18.0293 24.2354 18.03 24.2369 18.0312H24.2371C24.2381 18.0321 24.2394 18.0328 24.2407 18.0338C24.2407 18.034 24.2411 18.034 24.2411 18.0342C24.2424 18.0349 24.2434 18.0359 24.2447 18.0366C24.2449 18.0368 24.2451 18.0371 24.2453 18.0371C24.2481 18.0389 24.2504 18.0408 24.2531 18.0427C24.2531 18.0427 24.2533 18.0427 24.2533 18.0429C24.2548 18.0439 24.2561 18.0446 24.2574 18.0455L24.2576 18.0458C24.2588 18.0467 24.2601 18.0476 24.2616 18.0486C24.2629 18.0495 24.2641 18.0502 24.2656 18.0512C24.2671 18.0521 24.2679 18.0528 24.2692 18.0538C24.2694 18.054 24.2696 18.054 24.2698 18.0542C24.2707 18.0549 24.2719 18.0556 24.273 18.0563C24.2732 18.0566 24.2736 18.0568 24.2738 18.057C24.2749 18.0578 24.276 18.0585 24.277 18.0592C24.2772 18.0594 24.2776 18.0596 24.2779 18.0596C24.2789 18.0603 24.28 18.061 24.281 18.0618C24.2812 18.062 24.2817 18.0622 24.2819 18.0625C24.2831 18.0632 24.2844 18.0641 24.2857 18.065C24.2857 18.065 24.2859 18.065 24.2859 18.0653C24.2884 18.0669 24.2914 18.0688 24.2939 18.0705L24.2941 18.0707C24.2952 18.0714 24.2969 18.0723 24.2979 18.0733H24.2981C24.3005 18.0749 24.3028 18.0766 24.3053 18.078C24.3055 18.0782 24.306 18.0785 24.3062 18.0787C24.3072 18.0794 24.3085 18.0801 24.3093 18.0808C24.3096 18.0808 24.31 18.081 24.3102 18.0813C24.3113 18.082 24.3125 18.0827 24.3136 18.0834C24.3138 18.0836 24.314 18.0836 24.3142 18.0839C24.3153 18.0846 24.3163 18.0853 24.3174 18.086C24.3176 18.0862 24.318 18.0862 24.3182 18.0865C24.321 18.0883 24.3235 18.09 24.3263 18.0916C24.3271 18.0921 24.3282 18.0928 24.329 18.0935C24.3294 18.0938 24.3298 18.094 24.3303 18.0942C24.3311 18.0947 24.332 18.0952 24.3326 18.0956C24.3332 18.0961 24.3339 18.0963 24.3343 18.0968C24.337 18.0985 24.3398 18.1001 24.3423 18.1018Z"
                  fill="#648F46"
                />
                <defs>
                  <linearGradient
                    id="paint0_linear_1_97"
                    x1="12.6185"
                    y1="0.946809"
                    x2="19.8825"
                    y2="31.1228"
                    gradientUnits="userSpaceOnUse"
                  >
                    <stop stop-color="#F49E7F" />
                    <stop offset="0.45" stop-color="#FBEBC2" />
                    <stop offset="1" stop-color="#FE5E52" />
                  </linearGradient>
                </defs>
              </svg>
              <span class="logBox-content">天空树 VPN</span>
            </a>
          </div>
          <div class="row Menu">
            <a
              aria-current="page"
              href="https://www.skytreevpn.com/"
              class="text-black"
            >
              <div class="navbarMenu">首页</div>
            </a>
            <div class="row navbarMenu navbarMenu-function">
              功能
              <div class="navbar-menu-function">
                <div class="navbar-menu-title">
                  <ul>
                    关于天空树VPN
                    <li>
                      <a
                        href="https://www.skytreevpn.com/ourscharacteristic"
                        class="Grayscale400"
                      >
                        <span>
                          <svg
                            width="5"
                            height="10"
                            viewBox="0 0 8 12"
                            fill="none"
                            xmlns="http://www.w3.org/2000/svg"
                          >
                            <path
                              d="M6.5 6L7.20711 5.29289L7.91421 6L7.20711 6.70711L6.5 6ZM2.20711 0.292893L7.20711 5.29289L5.79289 6.70711L0.792893 1.70711L2.20711 0.292893ZM7.20711 6.70711L2.20711 11.7071L0.792893 10.2929L5.79289 5.29289L7.20711 6.70711Z"
                              fill="#3B3B3B"
                            ></path>
                          </svg>
                        </span>
                        为什么说天空树VPN是最好的VPN？
                      </a>
                    </li>
                    <li>
                      <a
                        href="https://www.skytreevpn.com/choosevpn"
                        class="Grayscale400"
                      >
                        <span>
                          <svg
                            width="5"
                            height="10"
                            viewBox="0 0 8 12"
                            fill="none"
                            xmlns="http://www.w3.org/2000/svg"
                          >
                            <path
                              d="M6.5 6L7.20711 5.29289L7.91421 6L7.20711 6.70711L6.5 6ZM2.20711 0.292893L7.20711 5.29289L5.79289 6.70711L0.792893 1.70711L2.20711 0.292893ZM7.20711 6.70711L2.20711 11.7071L0.792893 10.2929L5.79289 5.29289L7.20711 6.70711Z"
                              fill="#3B3B3B"
                            ></path>
                          </svg>
                        </span>
                        选择零日志的VPN有多重要？
                      </a>
                    </li>
                    <li>
                      <a
                        href="https://www.skytreevpn.com/protocol"
                        class="Grayscale400"
                      >
                        <span>
                          <svg
                            width="5"
                            height="10"
                            viewBox="0 0 8 12"
                            fill="none"
                            xmlns="http://www.w3.org/2000/svg"
                          >
                            <path
                              d="M6.5 6L7.20711 5.29289L7.91421 6L7.20711 6.70711L6.5 6ZM2.20711 0.292893L7.20711 5.29289L5.79289 6.70711L0.792893 1.70711L2.20711 0.292893ZM7.20711 6.70711L2.20711 11.7071L0.792893 10.2929L5.79289 5.29289L7.20711 6.70711Z"
                              fill="#3B3B3B"
                            ></path>
                          </svg>
                        </span>
                        天空树VPN的ST协议
                      </a>
                    </li>
                    <li>
                      <a
                        href="https://www.skytreevpn.com/freevpn"
                        class="Grayscale400"
                      >
                        <span>
                          <svg
                            width="5"
                            height="10"
                            viewBox="0 0 8 12"
                            fill="none"
                            xmlns="http://www.w3.org/2000/svg"
                          >
                            <path
                              d="M6.5 6L7.20711 5.29289L7.91421 6L7.20711 6.70711L6.5 6ZM2.20711 0.292893L7.20711 5.29289L5.79289 6.70711L0.792893 1.70711L2.20711 0.292893ZM7.20711 6.70711L2.20711 11.7071L0.792893 10.2929L5.79289 5.29289L7.20711 6.70711Z"
                              fill="#3B3B3B"
                            ></path>
                          </svg>
                        </span>
                        我们的免费VPN计划
                      </a>
                    </li>
                    <li>
                      <a
                        href="https://www.skytreevpn.com/paidservice"
                        class="Grayscale400"
                      >
                        <span>
                          <svg
                            width="5"
                            height="10"
                            viewBox="0 0 8 12"
                            fill="none"
                            xmlns="http://www.w3.org/2000/svg"
                          >
                            <path
                              d="M6.5 6L7.20711 5.29289L7.91421 6L7.20711 6.70711L6.5 6ZM2.20711 0.292893L7.20711 5.29289L5.79289 6.70711L0.792893 1.70711L2.20711 0.292893ZM7.20711 6.70711L2.20711 11.7071L0.792893 10.2929L5.79289 5.29289L7.20711 6.70711Z"
                              fill="#3B3B3B"
                            ></path>
                          </svg>
                        </span>
                        我们的付费服务有什么特权？
                      </a>
                    </li>
                    <li>
                      <a
                        href="https://www.skytreevpn.com/grouppayment"
                        class="Grayscale400"
                      >
                        <span>
                          <svg
                            width="5"
                            height="10"
                            viewBox="0 0 8 12"
                            fill="none"
                            xmlns="http://www.w3.org/2000/svg"
                          >
                            <path
                              d="M6.5 6L7.20711 5.29289L7.91421 6L7.20711 6.70711L6.5 6ZM2.20711 0.292893L7.20711 5.29289L5.79289 6.70711L0.792893 1.70711L2.20711 0.292893ZM7.20711 6.70711L2.20711 11.7071L0.792893 10.2929L5.79289 5.29289L7.20711 6.70711Z"
                              fill="#3B3B3B"
                            ></path>
                          </svg>
                        </span>
                        针对团队和企业客户的付费服务和高级定制支持！
                      </a>
                    </li>
                    <!-- <li>
                      <router-link to="/supportvpn" class="Grayscale400">
                        <RightArrow />天空树VPN的VPN路由器支持！
                      </router-link>
                    </li> -->
                  </ul>
                </div>
                <div class="navbar-menu-title">
                  <ul>
                    天空树VPN功能
                    <li>
                      <a
                        href="https://www.skytreevpn.com/function"
                        class="Grayscale400"
                      >
                        <span>
                          <svg
                            width="5"
                            height="10"
                            viewBox="0 0 8 12"
                            fill="none"
                            xmlns="http://www.w3.org/2000/svg"
                          >
                            <path
                              d="M6.5 6L7.20711 5.29289L7.91421 6L7.20711 6.70711L6.5 6ZM2.20711 0.292893L7.20711 5.29289L5.79289 6.70711L0.792893 1.70711L2.20711 0.292893ZM7.20711 6.70711L2.20711 11.7071L0.792893 10.2929L5.79289 5.29289L7.20711 6.70711Z"
                              fill="#3B3B3B"
                            ></path>
                          </svg>
                        </span>
                        智能连接 / 分流模式
                      </a>
                    </li>
                    <li>
                      <a
                        href="https://www.skytreevpn.com/functionvpn"
                        class="Grayscale400"
                      >
                        <span>
                          <svg
                            width="5"
                            height="10"
                            viewBox="0 0 8 12"
                            fill="none"
                            xmlns="http://www.w3.org/2000/svg"
                          >
                            <path
                              d="M6.5 6L7.20711 5.29289L7.91421 6L7.20711 6.70711L6.5 6ZM2.20711 0.292893L7.20711 5.29289L5.79289 6.70711L0.792893 1.70711L2.20711 0.292893ZM7.20711 6.70711L2.20711 11.7071L0.792893 10.2929L5.79289 5.29289L7.20711 6.70711Z"
                              fill="#3B3B3B"
                            ></path>
                          </svg>
                        </span>
                        更快速和更安全的多跳式VPN
                      </a>
                    </li>
                    <li>
                      <a
                        href="https://www.skytreevpn.com/vipserve"
                        class="Grayscale400"
                      >
                        <span>
                          <svg
                            width="5"
                            height="10"
                            viewBox="0 0 8 12"
                            fill="none"
                            xmlns="http://www.w3.org/2000/svg"
                          >
                            <path
                              d="M6.5 6L7.20711 5.29289L7.91421 6L7.20711 6.70711L6.5 6ZM2.20711 0.292893L7.20711 5.29289L5.79289 6.70711L0.792893 1.70711L2.20711 0.292893ZM7.20711 6.70711L2.20711 11.7071L0.792893 10.2929L5.79289 5.29289L7.20711 6.70711Z"
                              fill="#3B3B3B"
                            ></path>
                          </svg>
                        </span>
                        VIP服务：精品线路/专属IP/独享专线
                      </a>
                    </li>
                    <li>
                      <a
                        href="https://www.skytreevpn.com/exclusivevip"
                        class="Grayscale400"
                      >
                        <span>
                          <svg
                            width="5"
                            height="10"
                            viewBox="0 0 8 12"
                            fill="none"
                            xmlns="http://www.w3.org/2000/svg"
                          >
                            <path
                              d="M6.5 6L7.20711 5.29289L7.91421 6L7.20711 6.70711L6.5 6ZM2.20711 0.292893L7.20711 5.29289L5.79289 6.70711L0.792893 1.70711L2.20711 0.292893ZM7.20711 6.70711L2.20711 11.7071L0.792893 10.2929L5.79289 5.29289L7.20711 6.70711Z"
                              fill="#3B3B3B"
                            ></path>
                          </svg>
                        </span>
                        专属IP特性
                      </a>
                    </li>
                    <!-- <li>
                      <router-link to="/exclusivedns" class="Grayscale400">
                        <RightArrow />全球独家提供：专属DNS
                      </router-link>
                    </li> -->
                    <!-- <li>
                      <router-link to="/globalexclusive" class="Grayscale400">
                        <RightArrow />全球独家提通：应用嗅探加速
                      </router-link>
                    </li> -->
                    <li>
                      <a
                        href="https://www.skytreevpn.com/safetyswitch"
                        class="Grayscale400"
                      >
                        <span>
                          <svg
                            width="5"
                            height="10"
                            viewBox="0 0 8 12"
                            fill="none"
                            xmlns="http://www.w3.org/2000/svg"
                          >
                            <path
                              d="M6.5 6L7.20711 5.29289L7.91421 6L7.20711 6.70711L6.5 6ZM2.20711 0.292893L7.20711 5.29289L5.79289 6.70711L0.792893 1.70711L2.20711 0.292893ZM7.20711 6.70711L2.20711 11.7071L0.792893 10.2929L5.79289 5.29289L7.20711 6.70711Z"
                              fill="#3B3B3B"
                            ></path>
                          </svg>
                        </span>
                        安全开关：掉线保护避免暴露您的真实IP
                      </a>
                    </li>
                    <li>
                      <a
                        href="https://www.skytreevpn.com/sharevpn"
                        class="Grayscale400"
                      >
                        <span>
                          <svg
                            width="5"
                            height="10"
                            viewBox="0 0 8 12"
                            fill="none"
                            xmlns="http://www.w3.org/2000/svg"
                          >
                            <path
                              d="M6.5 6L7.20711 5.29289L7.91421 6L7.20711 6.70711L6.5 6ZM2.20711 0.292893L7.20711 5.29289L5.79289 6.70711L0.792893 1.70711L2.20711 0.292893ZM7.20711 6.70711L2.20711 11.7071L0.792893 10.2929L5.79289 5.29289L7.20711 6.70711Z"
                              fill="#3B3B3B"
                            ></path>
                          </svg>
                        </span>
                        VPN共享：多设备和跨设备使用
                      </a>
                    </li>
                  </ul>
                </div>
                <div class="navbar-menu-title">
                  <ul>
                    商业级服务
                    <li>
                      <a
                        href="https://www.skytreevpn.com/business"
                        class="Grayscale400"
                      >
                        <span>
                          <svg
                            width="5"
                            height="10"
                            viewBox="0 0 8 12"
                            fill="none"
                            xmlns="http://www.w3.org/2000/svg"
                          >
                            <path
                              d="M6.5 6L7.20711 5.29289L7.91421 6L7.20711 6.70711L6.5 6ZM2.20711 0.292893L7.20711 5.29289L5.79289 6.70711L0.792893 1.70711L2.20711 0.292893ZM7.20711 6.70711L2.20711 11.7071L0.792893 10.2929L5.79289 5.29289L7.20711 6.70711Z"
                              fill="#3B3B3B"
                            ></path>
                          </svg>
                        </span>
                        商业级定制：
                        <br />
                        企业专用网部属 / VPN SDK集成
                      </a>
                    </li>
                    <!-- <li>
                      <router-link to="/businesscooperation" class="Grayscale400">
                        <RightArrow />商业级应用：<br />
                        CDN全球网络加速 / WAF / DDOS /SSL / DNS / BADBOT / IM
                      </router-link>
                    </li> -->
                    <!-- <li>
                    <span style="padding-right: 15.5px"
                      ><svg
                        width="5"
                        height="10"
                        viewBox="0 0 8 12"
                        fill="none"
                        xmlns="http://www.w3.org/2000/svg"
                      >
                        <path
                          d="M6.5 6L7.20711 5.29289L7.91421 6L7.20711 6.70711L6.5 6ZM2.20711 0.292893L7.20711 5.29289L5.79289 6.70711L0.792893 1.70711L2.20711 0.292893ZM7.20711 6.70711L2.20711 11.7071L0.792893 10.2929L5.79289 5.29289L7.20711 6.70711Z"
                          fill="#7C7C7C"
                        />
                      </svg>
                    </span>
                    商户级独家防护技术：敬请期待
                  </li> -->
                  </ul>
                </div>
              </div>
              <div class="navBarDropDown">
                <svg
                  width="10"
                  height="6"
                  viewBox="0 0 10 6"
                  fill="currentColor"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    fill-rule="evenodd"
                    clip-rule="evenodd"
                    d="M9.47168 1.4714L8.52887 0.528596L5.00028 4.05719L1.47168 0.528596L0.52887 1.4714L5.00028 5.94281L9.47168 1.4714Z"
                    fill="currentColor"
                  ></path>
                </svg>
              </div>
            </div>
            <a href="https://www.skytreevpn.com/globalnode" class="text-black">
              <div class="navbarMenu">全球节点</div>
            </a>
            <a href="https://www.skytreevpn.com/freeservice" class="text-black">
              <div class="navbarMenu">我的IP</div>
            </a>
            <a href="https://www.skytreevpn.com/support" class="text-black">
              <div class="navbarMenu">支持</div>
            </a>
            <a
              href="https://www.skytreevpn.com/shareMakeMoney"
              class="text-black"
            >
              <div class="navbarMenu">分享赚钱</div>
            </a>
            <!-- <div class="navbarMenu">定价</div> -->
            <div class="row navbarMenu-download navbarMenu">
              下载
              <div class="navbar-menu-download" id="navbar-menu-download">
                <!-- <div class="navbar-menu-download" style="display: inline-flex"> -->
                <div class="download-wrap">
                  <!-- <div class="text-alert">
                    首注册会员送7天一般会员免费，所有等级购买一个月送一个月，一季送两个月，一年送半年。购买后送高一级会员使用7天
                  </div> -->
                  <div class="row">
                    <div class="download-img">
                      <button
                        class="q-btn q-btn-item non-selectable no-outline q-btn--standard q-btn--rectangle q-btn--actionable q-focusable q-hoverable download-btn"
                        tabindex="0"
                        type="button"
                        onclick="handleDownloadClick('androidDownloadURL')"
                      >
                        <span class="q-focus-helper"></span>
                        <span
                          class="q-btn__content text-center col items-center q-anchor--skip justify-center row"
                        >
                          <img src="image/android.png" alt="" />
                          <div class="download-btn-text">下载 Android</div>
                        </span>
                      </button>
                    </div>
                    <div class="download-img">
                      <button
                        class="q-btn q-btn-item non-selectable no-outline q-btn--standard q-btn--rectangle q-btn--actionable q-focusable q-hoverable download-btn"
                        tabindex="0"
                        type="button"
                        onclick="handleDownloadClick('iosDownloadURL')"
                      >
                        <span class="q-focus-helper"></span>
                        <span
                          class="q-btn__content text-center col items-center q-anchor--skip justify-center row"
                        >
                          <img src="image/apple-logo.png" alt="" />
                          <div class="download-btn-text">下载 iOS</div>
                        </span>
                      </button>
                    </div>
                    <div class="download-img">
                      <button
                        class="q-btn q-btn-item non-selectable no-outline q-btn--standard q-btn--rectangle q-btn--actionable q-focusable q-hoverable download-btn"
                        tabindex="0"
                        type="button"
                        onclick="handleDownloadClick('windowsDownloadURL')"
                      >
                        <span class="q-focus-helper"></span>
                        <span
                          class="q-btn__content text-center col items-center q-anchor--skip justify-center row"
                        >
                          <img src="image/windows.png" alt="" />
                          <div class="download-btn-text">
                            下载 Windows (x64)
                          </div>
                        </span>
                      </button>
                    </div>
                    <div class="download-img">
                      <button
                        class="q-btn q-btn-item non-selectable no-outline q-btn--standard q-btn--rectangle q-btn--actionable q-focusable q-hoverable download-btn"
                        tabindex="0"
                        type="button"
                        onclick="handleDownloadClick('windowsARMDownloadURL')"
                      >
                        <span class="q-focus-helper"></span>
                        <span
                          class="q-btn__content text-center col items-center q-anchor--skip justify-center row"
                        >
                          <img src="image/windows.png" alt="" />
                          <div class="download-btn-text">
                            下载 Windows (ARM64 )
                          </div>
                        </span>
                      </button>
                    </div>
                    <div class="download-img">
                      <button
                        class="q-btn q-btn-item non-selectable no-outline q-btn--standard q-btn--rectangle q-btn--actionable q-focusable q-hoverable download-btn"
                        tabindex="0"
                        type="button"
                        onclick="handleDownloadClick('macIntelDownloadURL')"
                      >
                        <span class="q-focus-helper"></span>
                        <span
                          class="q-btn__content text-center col items-center q-anchor--skip justify-center row"
                        >
                          <img src="image/finder.png" alt="" />
                          <div class="download-btn-text">下载 Mac(intel)</div>
                        </span>
                      </button>
                    </div>
                    <div class="download-img">
                      <button
                        class="q-btn q-btn-item non-selectable no-outline q-btn--standard q-btn--rectangle q-btn--actionable q-focusable q-hoverable download-btn"
                        tabindex="0"
                        type="button"
                        onclick="handleDownloadClick('macSiliconDownloadURL')"
                      >
                        <span class="q-focus-helper"></span>
                        <span
                          class="q-btn__content text-center col items-center q-anchor--skip justify-center row"
                        >
                          <img src="image/finder.png" alt="" />
                          <div class="download-btn-text">下载 Mac(ARM)</div>
                        </span>
                      </button>
                    </div>
                    <div class="download-img">
                      <a
                        class="download-btn installationInstructions"
                        target="_blank"
                        href="https://www.skytreevpn.com/downloads/video/mac_install.mp4"
                      >
                        Mac 安裝教學影片
                      </a>
                    </div>
                    <div class="download-img">
                      <a
                        class="download-btn installationInstructions"
                        target="_blank"
                        href="https://www.skytreevpn.com/downloads/video/install.pdf"
                      >
                        Mac 安裝教學文檔
                      </a>
                    </div>
                    <a
                      href="https://www.skytreevpn.com/download"
                      class="download-img downloadPageBtn"
                    >
                      <div class="download-btn-text downloadPageBtn-content">
                        免費下載VPN
                      </div>
                    </a>
                  </div>
                </div>
              </div>
              <div class="navBarDropDown">
                <svg
                  width="10"
                  height="6"
                  viewBox="0 0 10 6"
                  fill="none"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    fill-rule="evenodd"
                    clip-rule="evenodd"
                    d="M9.47168 1.4714L8.52887 0.528596L5.00028 4.05719L1.47168 0.528596L0.52887 1.4714L5.00028 5.94281L9.47168 1.4714Z"
                    fill="currentColor"
                  ></path>
                </svg>
              </div>
            </div>
            <a href="https://www.skytreevpn.com/purchase" class="text-black">
              <div class="navbarMenu">购买</div>
            </a>
            <a href="https://www.skytreevpn.com/about" class="text-black">
              <div class="navbarMenu">关于我们</div>
            </a>
          </div>
        </div>

        <div class="row items-center navbarLogin">
          <div class="Login">
            <div style="margin-right: 4px">
              <a href="https://www.skytreevpn.com/login">
                <div class="loginBtn">登录</div>
              </a>
            </div>
          </div>
          <div>
            <div>
              <a href="https://www.skytreevpn.com/register">
                <div class="registerBtn">注册</div>
              </a>
            </div>
          </div>
          <div class="BurgerMenu" onclick="toggleSidebar()">
            <svg
              width="32"
              height="32"
              viewBox="0 0 32 32"
              fill="none"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                fill-rule="evenodd"
                clip-rule="evenodd"
                d="M5.33337 9.33333C5.33337 8.59695 5.93033 8 6.66671 8H25.3334C26.0698 8 26.6667 8.59695 26.6667 9.33333C26.6667 10.0697 26.0698 10.6667 25.3334 10.6667H6.66671C5.93033 10.6667 5.33337 10.0697 5.33337 9.33333Z"
                fill="#222222"
              ></path>
              <path
                fill-rule="evenodd"
                clip-rule="evenodd"
                d="M5.33337 15.9998C5.33337 15.2635 5.93033 14.6665 6.66671 14.6665H25.3334C26.0698 14.6665 26.6667 15.2635 26.6667 15.9998C26.6667 16.7362 26.0698 17.3332 25.3334 17.3332H6.66671C5.93033 17.3332 5.33337 16.7362 5.33337 15.9998Z"
                fill="#222222"
              ></path>
              <path
                fill-rule="evenodd"
                clip-rule="evenodd"
                d="M5.33337 22.6668C5.33337 21.9304 5.93033 21.3335 6.66671 21.3335H25.3334C26.0698 21.3335 26.6667 21.9304 26.6667 22.6668C26.6667 23.4032 26.0698 24.0002 25.3334 24.0002H6.66671C5.93033 24.0002 5.33337 23.4032 5.33337 22.6668Z"
                fill="#222222"
              ></path>
            </svg>
          </div>
        </div>
      </div>
      <div class="openBurgerMenu offBurgerMenu hidden" id="sidebar">
        <div class="crossBurgerMenu" onclick="toggleSidebar()">
          <svg
            class="closeIcon"
            width="24"
            height="24"
            viewBox="0 0 24 24"
            fill="none"
            xmlns="http://www.w3.org/2000/svg"
          >
            <g opacity="0.5">
              <path
                d="M18 6L6 18"
                stroke="#484848"
                stroke-width="2"
                stroke-linecap="round"
                stroke-linejoin="round"
              ></path>
              <path
                d="M6 6L18 18"
                stroke="#484848"
                stroke-width="2"
                stroke-linecap="round"
                stroke-linejoin="round"
              ></path>
            </g>
          </svg>
        </div>
        <a href="https://www.skytreevpn.com/" class="text-black">
          <div class="BurgerMenu-path">首页</div>
        </a>
        <div class="BurgerMenuDropDown" onClick="toggleMenu(this)">
          关于天空树VPN
          <span>
            <svg
              class="icon-arrow"
              width="20"
              height="20"
              viewBox="0 0 20 20"
              fill="none"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                fill-rule="evenodd"
                clip-rule="evenodd"
                d="M15.5892 8.08945L14.4107 6.91094L9.99998 11.3217L5.58923 6.91094L4.41072 8.08945L9.99998 13.6787L15.5892 8.08945Z"
                fill="#222222"
              ></path>
            </svg>
          </span>
        </div>
        <ul class="open-DropDown hidden">
          <!-- <li>
          <router-link
            to="/whatisvpn"
            @click="closureMobMenuHandel"
            class="Grayscale400"
          >
            <RightArrow />什么是VPN？为什么你需要使用VPN？
          </router-link>
        </li> -->
          <li>
            <a
              href="https://www.skytreevpn.com/ourscharacteristic"
              class="Grayscale400"
            >
              <span>
                <svg
                  width="5"
                  height="10"
                  viewBox="0 0 8 12"
                  fill="none"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M6.5 6L7.20711 5.29289L7.91421 6L7.20711 6.70711L6.5 6ZM2.20711 0.292893L7.20711 5.29289L5.79289 6.70711L0.792893 1.70711L2.20711 0.292893ZM7.20711 6.70711L2.20711 11.7071L0.792893 10.2929L5.79289 5.29289L7.20711 6.70711Z"
                    fill="#3B3B3B"
                  ></path>
                </svg>
              </span>
              为什么说天空树VPN是最好的VPN？
            </a>
          </li>
          <li>
            <a href="https://www.skytreevpn.com/choosevpn" class="Grayscale400">
              <span>
                <svg
                  width="5"
                  height="10"
                  viewBox="0 0 8 12"
                  fill="none"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M6.5 6L7.20711 5.29289L7.91421 6L7.20711 6.70711L6.5 6ZM2.20711 0.292893L7.20711 5.29289L5.79289 6.70711L0.792893 1.70711L2.20711 0.292893ZM7.20711 6.70711L2.20711 11.7071L0.792893 10.2929L5.79289 5.29289L7.20711 6.70711Z"
                    fill="#3B3B3B"
                  ></path>
                </svg>
              </span>
              选择零日志的VPN有多重要？
            </a>
          </li>
          <li>
            <a href="https://www.skytreevpn.com/protocol" class="Grayscale400">
              <span>
                <svg
                  width="5"
                  height="10"
                  viewBox="0 0 8 12"
                  fill="none"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M6.5 6L7.20711 5.29289L7.91421 6L7.20711 6.70711L6.5 6ZM2.20711 0.292893L7.20711 5.29289L5.79289 6.70711L0.792893 1.70711L2.20711 0.292893ZM7.20711 6.70711L2.20711 11.7071L0.792893 10.2929L5.79289 5.29289L7.20711 6.70711Z"
                    fill="#3B3B3B"
                  ></path>
                </svg>
              </span>
              天空树VPN的ST协议
            </a>
          </li>
          <li>
            <a href="https://www.skytreevpn.com/freevpn" class="Grayscale400">
              <span>
                <svg
                  width="5"
                  height="10"
                  viewBox="0 0 8 12"
                  fill="none"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M6.5 6L7.20711 5.29289L7.91421 6L7.20711 6.70711L6.5 6ZM2.20711 0.292893L7.20711 5.29289L5.79289 6.70711L0.792893 1.70711L2.20711 0.292893ZM7.20711 6.70711L2.20711 11.7071L0.792893 10.2929L5.79289 5.29289L7.20711 6.70711Z"
                    fill="#3B3B3B"
                  ></path>
                </svg>
              </span>
              我们的免费VPN计划
            </a>
          </li>
          <li>
            <a
              href="https://www.skytreevpn.com/paidservice"
              class="Grayscale400"
            >
              <span>
                <svg
                  width="5"
                  height="10"
                  viewBox="0 0 8 12"
                  fill="none"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M6.5 6L7.20711 5.29289L7.91421 6L7.20711 6.70711L6.5 6ZM2.20711 0.292893L7.20711 5.29289L5.79289 6.70711L0.792893 1.70711L2.20711 0.292893ZM7.20711 6.70711L2.20711 11.7071L0.792893 10.2929L5.79289 5.29289L7.20711 6.70711Z"
                    fill="#3B3B3B"
                  ></path>
                </svg>
              </span>
              我们的付费服务有什么特权？
            </a>
          </li>
          <li>
            <a
              href="https://www.skytreevpn.com/grouppayment"
              class="Grayscale400"
            >
              <span>
                <svg
                  width="5"
                  height="10"
                  viewBox="0 0 8 12"
                  fill="none"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M6.5 6L7.20711 5.29289L7.91421 6L7.20711 6.70711L6.5 6ZM2.20711 0.292893L7.20711 5.29289L5.79289 6.70711L0.792893 1.70711L2.20711 0.292893ZM7.20711 6.70711L2.20711 11.7071L0.792893 10.2929L5.79289 5.29289L7.20711 6.70711Z"
                    fill="#3B3B3B"
                  ></path>
                </svg>
              </span>
              针对团队和企业客户的付费服务和高级定制支持！
            </a>
          </li>
          <!-- <li>
          <router-link to="/supportvpn" class="Grayscale400">
            <RightArrow />天空树VPN的VPN路由器支持！
          </router-link>
        </li> -->
        </ul>
        <div class="BurgerMenuDropDown" onClick="toggleMenu(this)">
          天空树VPN功能
          <span>
            <svg
              class="icon-arrow"
              width="20"
              height="20"
              viewBox="0 0 20 20"
              fill="none"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                fill-rule="evenodd"
                clip-rule="evenodd"
                d="M15.5892 8.08945L14.4107 6.91094L9.99998 11.3217L5.58923 6.91094L4.41072 8.08945L9.99998 13.6787L15.5892 8.08945Z"
                fill="#222222"
              ></path>
            </svg>
          </span>
        </div>
        <ul class="open-DropDown hidden">
          <li>
            <a href="https://www.skytreevpn.com/function" class="Grayscale400">
              <span>
                <svg
                  width="5"
                  height="10"
                  viewBox="0 0 8 12"
                  fill="none"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M6.5 6L7.20711 5.29289L7.91421 6L7.20711 6.70711L6.5 6ZM2.20711 0.292893L7.20711 5.29289L5.79289 6.70711L0.792893 1.70711L2.20711 0.292893ZM7.20711 6.70711L2.20711 11.7071L0.792893 10.2929L5.79289 5.29289L7.20711 6.70711Z"
                    fill="#3B3B3B"
                  ></path>
                </svg>
              </span>
              智能连接 / 分流模式
            </a>
          </li>
          <li>
            <a
              href="https://www.skytreevpn.com/functionvpn"
              class="Grayscale400"
            >
              <span>
                <svg
                  width="5"
                  height="10"
                  viewBox="0 0 8 12"
                  fill="none"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M6.5 6L7.20711 5.29289L7.91421 6L7.20711 6.70711L6.5 6ZM2.20711 0.292893L7.20711 5.29289L5.79289 6.70711L0.792893 1.70711L2.20711 0.292893ZM7.20711 6.70711L2.20711 11.7071L0.792893 10.2929L5.79289 5.29289L7.20711 6.70711Z"
                    fill="#3B3B3B"
                  ></path>
                </svg>
              </span>
              更快速和更安全的多跳式VPN
            </a>
          </li>
          <li>
            <a href="https://www.skytreevpn.com/vipserve" class="Grayscale400">
              <span>
                <svg
                  width="5"
                  height="10"
                  viewBox="0 0 8 12"
                  fill="none"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M6.5 6L7.20711 5.29289L7.91421 6L7.20711 6.70711L6.5 6ZM2.20711 0.292893L7.20711 5.29289L5.79289 6.70711L0.792893 1.70711L2.20711 0.292893ZM7.20711 6.70711L2.20711 11.7071L0.792893 10.2929L5.79289 5.29289L7.20711 6.70711Z"
                    fill="#3B3B3B"
                  ></path>
                </svg>
              </span>
              VIP服务：精品线路/专属IP/独享专线
            </a>
          </li>
          <li>
            <a
              href="https://www.skytreevpn.com/exclusivevip"
              class="Grayscale400"
            >
              <span>
                <svg
                  width="5"
                  height="10"
                  viewBox="0 0 8 12"
                  fill="none"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M6.5 6L7.20711 5.29289L7.91421 6L7.20711 6.70711L6.5 6ZM2.20711 0.292893L7.20711 5.29289L5.79289 6.70711L0.792893 1.70711L2.20711 0.292893ZM7.20711 6.70711L2.20711 11.7071L0.792893 10.2929L5.79289 5.29289L7.20711 6.70711Z"
                    fill="#3B3B3B"
                  ></path>
                </svg>
              </span>
              专属IP特性
            </a>
          </li>
          <!-- <li>
          <router-link to="/exclusivedns" class="Grayscale400">
            <RightArrow />全球独家提供：专属DNS
          </router-link>
        </li> -->
          <!-- <li>
          <router-link to="/globalexclusive" class="Grayscale400">
            <RightArrow />全球独家提通：应用嗅探加速
          </router-link>
        </li> -->
          <li>
            <a
              href="https://www.skytreevpn.com/safetyswitch"
              class="Grayscale400"
            >
              <span>
                <svg
                  width="5"
                  height="10"
                  viewBox="0 0 8 12"
                  fill="none"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M6.5 6L7.20711 5.29289L7.91421 6L7.20711 6.70711L6.5 6ZM2.20711 0.292893L7.20711 5.29289L5.79289 6.70711L0.792893 1.70711L2.20711 0.292893ZM7.20711 6.70711L2.20711 11.7071L0.792893 10.2929L5.79289 5.29289L7.20711 6.70711Z"
                    fill="#3B3B3B"
                  ></path>
                </svg>
              </span>
              安全开关：掉线保护避免暴露您的真实IP
            </a>
          </li>
          <li>
            <a
              aria-current="page"
              href="https://www.skytreevpn.com/sharevpn"
              class="Grayscale400"
            >
              <span>
                <svg
                  width="5"
                  height="10"
                  viewBox="0 0 8 12"
                  fill="none"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M6.5 6L7.20711 5.29289L7.91421 6L7.20711 6.70711L6.5 6ZM2.20711 0.292893L7.20711 5.29289L5.79289 6.70711L0.792893 1.70711L2.20711 0.292893ZM7.20711 6.70711L2.20711 11.7071L0.792893 10.2929L5.79289 5.29289L7.20711 6.70711Z"
                    fill="#3B3B3B"
                  ></path>
                </svg>
              </span>
              VPN共享：多设备和跨设备使用
            </a>
          </li>
        </ul>
        <div class="BurgerMenuDropDown" onClick="toggleMenu(this)">
          商业级服务
          <span>
            <svg
              class="icon-arrow"
              width="20"
              height="20"
              viewBox="0 0 20 20"
              fill="none"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                fill-rule="evenodd"
                clip-rule="evenodd"
                d="M15.5892 8.08945L14.4107 6.91094L9.99998 11.3217L5.58923 6.91094L4.41072 8.08945L9.99998 13.6787L15.5892 8.08945Z"
                fill="#222222"
              ></path>
            </svg>
          </span>
        </div>
        <ul class="open-DropDown hidden">
          <li>
            <a href="https://www.skytreevpn.com/business" class="Grayscale400">
              <span>
                <svg
                  width="5"
                  height="10"
                  viewBox="0 0 8 12"
                  fill="none"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M6.5 6L7.20711 5.29289L7.91421 6L7.20711 6.70711L6.5 6ZM2.20711 0.292893L7.20711 5.29289L5.79289 6.70711L0.792893 1.70711L2.20711 0.292893ZM7.20711 6.70711L2.20711 11.7071L0.792893 10.2929L5.79289 5.29289L7.20711 6.70711Z"
                    fill="#3B3B3B"
                  ></path>
                </svg>
              </span>
              商业级定制：
              <br />
              企业专用网部属 / VPN SDK集成
            </a>
          </li>
          <!-- <li>
          <router-link to="/businesscooperation" @click="closureMobMenuHandel" class="Grayscale400">
            <RightArrow />商业级应用：<br />
            CDN全球网络加速 / WAF / DDOS /SSL / DNS / BADBOT / IM
          </router-link>
        </li> -->
          <!-- <li>
          <span style="padding-right: 15.5px"
            ><svg
              width="5"
              height="10"
              viewBox="0 0 8 12"
              fill="none"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M6.5 6L7.20711 5.29289L7.91421 6L7.20711 6.70711L6.5 6ZM2.20711 0.292893L7.20711 5.29289L5.79289 6.70711L0.792893 1.70711L2.20711 0.292893ZM7.20711 6.70711L2.20711 11.7071L0.792893 10.2929L5.79289 5.29289L7.20711 6.70711Z"
                fill="#7C7C7C"
              />
            </svg>
          </span>
          <span class="Grayscale400">商户级独家防护技术：敬请期待</span>
        </li> -->
        </ul>
        <a href="https://www.skytreevpn.com/globalnode" class="text-black">
          <div class="BurgerMenu-path">全球节点</div>
        </a>
        <a href="https://www.skytreevpn.com/freeservice" class="text-black">
          <div class="BurgerMenu-path">我的 IP</div>
        </a>
        <!-- <div
        class="BurgerMenuDropDown"
        @click="
          {
            this.mobAboutMenu = false;
            this.mobFunctionMenu = false;
            this.mobMakeMoneyMenu = false;
            this.mobDownloadMenu = false;
            this.mobLanguageFamily = false;
            this.mobAFreeServiceMenu = !this.mobAFreeServiceMenu;
            this.mobBusinessServiceMenu = false;
          }
        "
      >
        免费服务
        <span>
          <svg
            width="20"
            height="20"
            viewBox="0 0 20 20"
            fill="none"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              fill-rule="evenodd"
              clip-rule="evenodd"
              d="M15.5892 8.08945L14.4107 6.91094L9.99998 11.3217L5.58923 6.91094L4.41072 8.08945L9.99998 13.6787L15.5892 8.08945Z"
              fill="#222222"
            />
          </svg>
        </span>
      </div>
      <ul
        class="open-DropDown"
        :class="[mobAFreeServiceMenu ? '' : 'hidden']"
      >
        <li>
          <router-link to="/freeservice" class="Grayscale400">
            <RightArrow />我的IP
          </router-link>
        </li>
        <li>
          <router-link to="/freeservice" class="Grayscale400">
            <RightArrow />IP归属地查询
          </router-link>
        </li>
        <li>
          <router-link to="/freeservice" class="Grayscale400">
            <RightArrow />二维码扫描
          </router-link>
        </li>
        <li>
          <router-link to="/freeservice" class="Grayscale400">
            <RightArrow />隐私服务
          </router-link>
        </li>
        <li>
          <router-link to="/freeservice" class="Grayscale400">
            <RightArrow />网速测试
          </router-link>
        </li>
        <li>
          <router-link to="/freeservice" class="Grayscale400">
            <RightArrow />Ping / Get / Tracert / DNS / IPv6 / WebRTC泄漏测试
          </router-link>
        </li>
        <li>
          <router-link to="/freeservice" class="Grayscale400">
            <RightArrow />密码泄漏查询
          </router-link>
        </li>
        <li>
          <router-link to="/freeservice" class="Grayscale400">
            <RightArrow />端口扫描
          </router-link>
        </li>
        <li>
          <router-link to="/freeservice" class="Grayscale400">
            <RightArrow />Whois
          </router-link>
        </li>
        <li>
          <router-link to="/freeservice" class="Grayscale400">
            <RightArrow />浏览器代理插件
          </router-link>
        </li>
      </ul> -->
        <!-- <div class="BurgerMenuDropDown" onClick="toggleMenu(this)">
        分享赚钱
        <span
          @click="
            {
              this.mobAboutMenu = false;
              this.mobFunctionMenu = false;
              this.mobMakeMoneyMenu = !this.mobMakeMoneyMenu;
              this.mobDownloadMenu = false;
              this.mobLanguageFamily = false;
              this.mobAFreeServiceMenu = false;
              this.mobBusinessServiceMenu = false;
            }
          "
          ><svg
            width="20"
            height="20"
            viewBox="0 0 20 20"
            fill="none"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              fill-rule="evenodd"
              clip-rule="evenodd"
              d="M15.5892 8.08945L14.4107 6.91094L9.99998 11.3217L5.58923 6.91094L4.41072 8.08945L9.99998 13.6787L15.5892 8.08945Z"
              fill="#222222"
            />
          </svg>
        </span>
      </div>
      <ul
        class="open-DropDown"
        :class="[mobMakeMoneyMenu ? '' : 'hidden']"
      >
        <li>我们的代理销售计划</li>
        <li>免费的推广培训课程</li>
        <li>我们的优秀代理</li>
        <li>推广资源下载</li>
      </ul> -->
        <a href="https://www.skytreevpn.com/support" class="text-black">
          <div class="BurgerMenu-path">支持</div>
        </a>
        <a href="https://www.skytreevpn.com/shareMakeMoney" class="text-black">
          <div class="BurgerMenu-path">分享赚钱</div>
        </a>
        <!-- <div class="BurgerMenu-path">定价</div> -->
        <!--篝火-->
        <div class="BurgerMenuDropDown" onClick="toggleMenu(this)">
          下载
          <span>
            <svg
              class="icon-arrow"
              width="20"
              height="20"
              viewBox="0 0 20 20"
              fill="none"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                fill-rule="evenodd"
                clip-rule="evenodd"
                d="M15.5892 8.08945L14.4107 6.91094L9.99998 11.3217L5.58923 6.91094L4.41072 8.08945L9.99998 13.6787L15.5892 8.08945Z"
                fill="#222222"
              ></path>
            </svg>
          </span>
        </div>
        <!-- <router-link to="/terms"  class="text-black">
        <div class="BurgerMenu-path">会员条款</div>
      </router-link>
      <router-link to="/privacyPolicy"  class="text-black">
        <div class="BurgerMenu-path">隐私权政策</div>
      </router-link> -->
        <ul class="open-DropDown m-0 hidden">
          <!-- <div class="text-alert size-12 q-pb-sm">
          首注册会员送7天一般会员免费，所有等级购买一个月送一个月，一季送两个月，一年送半年。购买后送高一级会员使用7天
        </div> -->
          <div class="row q-mb-lg">
            <div class="download-img">
              <button
                class="q-btn q-btn-item non-selectable no-outline q-btn--standard q-btn--rectangle q-btn--actionable q-focusable q-hoverable download-btn"
                tabindex="0"
                type="button"
                onclick="handleDownloadClick('androidDownloadURL')"
              >
                <span class="q-focus-helper" tabindex="-1"></span>
                <span
                  class="q-btn__content text-center col items-center q-anchor--skip justify-center row"
                >
                  <img src="image/android.png" alt="" />
                  <div class="download-btn-text">下载 Android</div>
                </span>
              </button>
            </div>
            <div class="download-img">
              <button
                class="q-btn q-btn-item non-selectable no-outline q-btn--standard q-btn--rectangle q-btn--actionable q-focusable q-hoverable download-btn"
                tabindex="0"
                type="button"
                onclick="handleDownloadClick('iosDownloadURL')"
              >
                <span class="q-focus-helper"></span>
                <span
                  class="q-btn__content text-center col items-center q-anchor--skip justify-center row"
                >
                  <img src="image/apple-logo.png" alt="" />
                  <div class="download-btn-text">下载 iOS</div>
                </span>
              </button>
            </div>
            <div class="download-img tutorialBtn">
              <button
                class="q-btn q-btn-item non-selectable no-outline q-btn--standard q-btn--rectangle q-btn--actionable q-focusable q-hoverable download-btn"
                tabindex="0"
                type="button"
                onclick="tutorialOpen()"
              >
                <span class="q-focus-helper"></span>
                <span
                  class="q-btn__content text-center col items-center q-anchor--skip justify-center row"
                >
                  观看安装教程
                  <!-- <img src="image/apple-logo.png" alt="" />
              <div class="download-btn-text">下载 iOS</div> -->
                </span>
              </button>
            </div>
            <div class="download-img">
              <button
                class="q-btn q-btn-item non-selectable no-outline q-btn--standard q-btn--rectangle q-btn--actionable q-focusable q-hoverable download-btn"
                tabindex="0"
                type="button"
                onclick="handleDownloadClick('windowsDownloadURL')"
              >
                <span class="q-focus-helper"></span>
                <span
                  class="q-btn__content text-center col items-center q-anchor--skip justify-center row"
                >
                  <img src="image/windows.png" alt="" />
                  <div class="download-btn-text">下载 Windows (x64)</div>
                </span>
              </button>
            </div>
            <div class="download-img">
              <button
                class="q-btn q-btn-item non-selectable no-outline q-btn--standard q-btn--rectangle q-btn--actionable q-focusable q-hoverable download-btn"
                tabindex="0"
                type="button"
                onclick="handleDownloadClick('windowsARMDownloadURL')"
              >
                <span class="q-focus-helper"></span>
                <span
                  class="q-btn__content text-center col items-center q-anchor--skip justify-center row"
                >
                  <img src="image/windows.png" alt="" />
                  <div class="download-btn-text">下载 Windows (ARM64)</div>
                </span>
              </button>
            </div>
            <div class="download-img">
              <button
                class="q-btn q-btn-item non-selectable no-outline q-btn--standard q-btn--rectangle q-btn--actionable q-focusable q-hoverable download-btn"
                tabindex="0"
                type="button"
                onclick="handleDownloadClick('macIntelDownloadURL')"
              >
                <span class="q-focus-helper"></span>
                <span
                  class="q-btn__content text-center col items-center q-anchor--skip justify-center row"
                >
                  <img src="image/finder.png" alt="" />
                  <div class="download-btn-text">下载 Mac(intel)</div>
                </span>
              </button>
            </div>
            <div class="download-img">
              <button
                class="q-btn q-btn-item non-selectable no-outline q-btn--standard q-btn--rectangle q-btn--actionable q-focusable q-hoverable download-btn"
                tabindex="0"
                type="button"
                onclick="handleDownloadClick('macSiliconDownloadURL')"
              >
                <span class="q-focus-helper"></span>
                <span
                  class="q-btn__content text-center col items-center q-anchor--skip justify-center row"
                >
                  <img src="image/finder.png" alt="" />
                  <div class="download-btn-text">下载 Mac(ARM)</div>
                </span>
              </button>
            </div>
            <div class="download-img">
              <a
                class="download-btn installationInstructions"
                target="_blank"
                href="https://www.skytreevpn.com/downloads/video/mac_install.mp4"
              >
                Mac 安裝教學影片
              </a>
            </div>
            <div class="download-img">
              <a
                class="download-btn installationInstructions"
                target="_blank"
                href="https://www.skytreevpn.com/downloads/video/install.pdf"
              >
                Mac 安裝教學文檔
              </a>
            </div>
            <a
              href="https://www.skytreevpn.com/download"
              class="download-img downloadPageBtn"
            >
              <div class="download-btn-text downloadPageBtn-content">
                免費下載VPN
              </div>
            </a>
          </div>
        </ul>
        <a href="https://www.skytreevpn.com/purchase" class="text-black">
          <div class="BurgerMenu-path">购买</div>
        </a>
        <a href="https://www.skytreevpn.com/about" class="text-black">
          <div class="BurgerMenu-path">关于我们</div>
        </a>
        <div class="BurgerMenu-login-btn">
          <div>
            <a href="https://www.skytreevpn.com/login">
              <div>登录</div>
            </a>
          </div>
        </div>
        <div>
          <div class="BurgerMenu-register-btn">
            <a href="https://www.skytreevpn.com/register">
              <div>注册</div>
            </a>
          </div>
        </div>
      </div>
      <div
        class="backdrop hidden"
        id="sidebarBackdrop"
        onclick="toggleSidebar()"
      ></div>
    </header>

    <main>
      <div class="downloadBox">
        <div class="leftBox">
          <div class="partners">
            <svg
              width="104"
              height="40"
              viewBox="0 0 104 40"
              fill="none"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M10.5648 28.6931C7.65845 28.6931 5.30309 26.337 5.30309 23.4314C5.30309 20.5251 7.65928 18.1697 10.5648 18.1697V13.8645C5.28052 13.8645 0.99707 18.148 0.99707 23.4323C0.99707 28.7166 5.28052 33 10.5648 33C15.8491 33 20.1325 28.7166 20.1325 23.4323H15.8274C15.8265 26.337 13.4703 28.6931 10.5648 28.6931Z"
                fill="#2354E6"
              />
              <path
                d="M15.8264 18.1689H10.5647V23.4306H15.8264V18.1689Z"
                fill="#17E6A1"
              />
              <path
                d="M51.5816 17.1764H49.3759V19.5502H48.054V21.6313H49.3759V27.0786C49.3759 27.6413 49.4461 28.1146 49.5866 28.4858C49.7245 28.8537 49.9361 29.1413 50.1869 29.3654C50.4411 29.5937 50.7404 29.7709 51.0941 29.8721C51.4536 29.9733 51.8508 30.0126 52.2697 30.0126C52.7036 30.0126 53.0907 29.9674 53.421 29.8779C53.7279 29.796 54.0214 29.6789 54.2948 29.5309V27.8537C53.86 28.0418 53.4528 28.1104 52.9887 28.1313C52.4988 28.1539 52.2086 28.0142 51.9678 27.7843C51.7153 27.5435 51.5807 27.2299 51.5807 26.7032V21.6304H54.2948V19.5493H51.5807V17.1764H51.5816Z"
                fill="black"
              />
              <path
                d="M29.3266 22.6386V25.0926H32.6452C32.4721 25.7941 32.1293 26.4221 31.6385 26.9246C30.8977 27.6821 29.8701 28.0985 28.7455 28.0985C26.411 28.0985 24.5122 26.1997 24.5122 23.8652C24.5122 21.5308 26.411 19.6319 28.7455 19.6319C29.9955 19.6319 31.1452 20.1671 31.942 21.0901L33.8425 19.5375C32.5824 18.0609 30.7137 17.1779 28.7463 17.1779C25.059 17.1779 22.059 20.1779 22.059 23.8652C22.059 27.5525 25.059 30.5525 28.7463 30.5525C30.5365 30.5525 32.2538 29.8176 33.3935 28.6746C34.4161 27.6495 35.0774 26.1963 35.2062 24.7498C35.2689 24.0441 35.2748 23.3435 35.238 22.6378H29.3266V22.6386Z"
                fill="black"
              />
              <path
                d="M60.3594 19.2375C57.3845 19.2375 54.9714 21.6497 54.9714 24.6255C54.9714 27.6012 57.3845 30.0134 60.3594 30.0134C62.4012 30.0134 64.1771 28.878 65.0918 27.2049L63.101 26.2392C62.5475 27.1773 61.5275 27.8069 60.3602 27.8069C58.8853 27.8069 57.6445 26.8027 57.285 25.4398H63.4355C63.4355 25.4407 63.4347 25.4423 63.4347 25.4432H65.6872C65.7281 25.1765 65.749 24.903 65.749 24.6255C65.7482 21.6497 63.336 19.2375 60.3594 19.2375ZM57.3828 23.5034C57.8368 22.3002 58.9982 21.444 60.3594 21.444C61.7214 21.444 62.8828 22.3002 63.336 23.5034H57.3828Z"
                fill="black"
              />
              <path
                d="M44.5984 20.2868C43.707 19.6329 42.6067 19.2458 41.4169 19.2458C38.442 19.2458 36.0298 21.658 36.0298 24.6329C36.0298 27.6079 38.442 30.0201 41.4169 30.0201C42.6076 30.0201 43.707 29.633 44.5984 28.9791V29.7249H46.804V19.541H44.5984V20.2868ZM41.4161 27.806C39.6594 27.806 38.2346 26.3813 38.2346 24.6246C38.2346 22.8679 39.6585 21.4431 41.4161 21.4431C43.1728 21.4431 44.5975 22.8671 44.5975 24.6246C44.5975 26.3821 43.1736 27.806 41.4161 27.806Z"
                fill="black"
              />
              <path
                d="M74.5649 29.7207H72.3174V16.9297H77.8358C78.5306 16.9297 79.1761 17.0819 79.7731 17.3862C81.4052 18.1296 82.2212 19.4088 82.2212 21.2232C82.2212 22.5752 81.7522 23.6471 80.814 24.4389C79.9855 25.219 78.993 25.6087 77.8358 25.6087H74.5649V29.7207ZM77.8358 23.4163C78.4202 23.4163 78.9261 23.2157 79.3525 22.8135C79.7421 22.4113 79.937 21.8996 79.937 21.2784C79.937 20.852 79.8575 20.4807 79.6995 20.1638C79.2614 19.4699 78.6401 19.122 77.8358 19.122H74.5649V23.4155H77.8358V23.4163Z"
                fill="#2354E6"
              />
              <path
                d="M88.0316 30.0125C86.667 30.0125 85.5006 29.5284 84.5324 28.5601C83.5642 27.5919 83.0801 26.4255 83.0801 25.061C83.0801 23.6847 83.5642 22.5116 84.5324 21.5434C85.5006 20.5752 86.667 20.0911 88.0316 20.0911C89.1645 20.0911 90.157 20.4263 91.0099 21.0961V20.4021H93.0015V29.7207H91.0099V29.0267C90.1579 29.6839 89.1645 30.0125 88.0316 30.0125ZM88.0316 28.0392C88.8602 28.0392 89.5634 27.7466 90.142 27.1621C90.7206 26.5777 91.0099 25.877 91.0099 25.061C91.0099 24.2324 90.7206 23.5292 90.142 22.9506C89.5634 22.372 88.8602 22.0827 88.0316 22.0827C87.2155 22.0827 86.5182 22.372 85.9396 22.9506C85.361 23.5292 85.0717 24.2332 85.0717 25.061C85.0717 25.877 85.361 26.5777 85.9396 27.1621C86.5182 27.7474 87.2155 28.0392 88.0316 28.0392Z"
                fill="#2354E6"
              />
              <path
                d="M96.7842 32.4975C96.0049 32.4975 95.2733 32.3085 94.5919 31.9314L95.3042 30.3419C95.6939 30.5735 96.1144 30.6889 96.5651 30.6889C97.1496 30.6889 97.5885 30.3294 97.8803 29.6112L97.8987 29.5928L94.0618 20.4021H96.2181L98.9037 26.852L101.298 20.4021H103.527L99.8536 29.8854C99.4882 30.8235 99.0743 31.4933 98.6111 31.8955C98.1487 32.2968 97.5392 32.4975 96.7842 32.4975Z"
                fill="#2354E6"
              />
              <path d="M103.526 7H72.3174V15.1998H103.526V7Z" fill="#2354E6" />
              <path
                d="M75.7984 13.7667C75.3084 13.7667 74.8619 13.6463 74.4598 13.4064C74.0568 13.1664 73.7357 12.8445 73.4949 12.4423C73.2549 12.0393 73.1345 11.5928 73.1345 11.1029C73.1345 10.6087 73.2549 10.1597 73.4949 9.7567C73.7349 9.35369 74.0568 9.03262 74.4598 8.79265C74.8619 8.55268 75.3084 8.43228 75.7984 8.43228C76.1721 8.43228 76.5191 8.50168 76.8394 8.63964C77.1596 8.7776 77.4431 8.97074 77.6905 9.21824L77.0718 9.83028C76.7273 9.48078 76.3034 9.30603 75.7984 9.30603C75.3034 9.30603 74.8803 9.48078 74.5283 9.83028C74.1763 10.1789 74.0007 10.6037 74.0007 11.1029C74.0007 11.5978 74.1763 12.0209 74.5283 12.3729C74.8803 12.7249 75.3034 12.9005 75.7984 12.9005C76.3034 12.9005 76.7273 12.7233 77.0718 12.3687L77.683 12.9875C77.4405 13.2299 77.1588 13.4197 76.8394 13.5585C76.52 13.6973 76.1721 13.7667 75.7984 13.7667Z"
                fill="white"
              />
              <path
                d="M82.9012 13.6505H81.8384L80.6888 12.0134H79.4588V13.6505H78.5859V8.55688H81.0307C81.5065 8.55688 81.912 8.72578 82.2498 9.0619C82.5868 9.39969 82.7557 9.80856 82.7557 10.2885C82.7557 10.6522 82.6545 10.9775 82.4538 11.2634C82.2532 11.5494 81.989 11.7584 81.6645 11.8897L82.9012 13.6505ZM81.0307 11.1388C81.2682 11.1388 81.4714 11.0569 81.6386 10.8922C81.8058 10.7266 81.8894 10.5259 81.8894 10.2877C81.8894 10.0452 81.8058 9.84117 81.6386 9.67645C81.4714 9.5109 81.269 9.42896 81.0307 9.42896H79.4588V11.1388H81.0307Z"
                fill="white"
              />
              <path
                d="M85.9212 13.6505H85.019V11.6932L82.9956 8.55688H84.0291L85.4697 10.7985L86.9103 8.55688H87.9438L85.9204 11.6932V13.6505H85.9212Z"
                fill="white"
              />
              <path
                d="M89.4796 13.6505H88.585V8.55688H90.7823C91.059 8.55688 91.3157 8.61708 91.554 8.73916C92.2037 9.03515 92.5289 9.54434 92.5289 10.2668C92.5289 10.8061 92.3425 11.2325 91.9687 11.5477C91.6385 11.8579 91.2438 12.0134 90.7823 12.0134H89.4796V13.6505ZM90.7823 11.1388C91.0156 11.1388 91.2171 11.0594 91.386 10.8989C91.5415 10.7383 91.6192 10.5351 91.6192 10.2868C91.6192 10.1171 91.5875 9.96909 91.5248 9.84368C91.35 9.56692 91.1025 9.42896 90.7823 9.42896H89.4796V11.1388H90.7823Z"
                fill="white"
              />
              <path
                d="M95.4397 13.6505H94.566V9.34201H92.9355V8.55606H97.0693V9.34201H95.4397V13.6505Z"
                fill="white"
              />
              <path
                d="M100.046 13.7667C99.5559 13.7667 99.1086 13.6463 98.7031 13.4064C98.2976 13.1664 97.9748 12.8445 97.7349 12.4423C97.4949 12.0393 97.3745 11.5928 97.3745 11.1029C97.3745 10.6137 97.4949 10.1656 97.7349 9.76088C97.9748 9.3562 98.2976 9.03345 98.7031 8.79265C99.1078 8.55268 99.5551 8.43228 100.046 8.43228C100.537 8.43228 100.982 8.55268 101.385 8.79265C101.788 9.03262 102.109 9.35536 102.349 9.76088C102.589 10.1656 102.709 10.6137 102.709 11.1029C102.709 11.5928 102.589 12.0393 102.349 12.4423C102.109 12.8453 101.787 13.1664 101.385 13.4064C100.982 13.6463 100.536 13.7667 100.046 13.7667ZM100.046 12.9005C100.541 12.9005 100.964 12.7241 101.316 12.3729C101.668 12.0218 101.844 11.5978 101.844 11.1029C101.844 10.6087 101.668 10.1856 101.316 9.83362C100.964 9.48161 100.541 9.30603 100.046 9.30603C99.5459 9.30603 99.122 9.48245 98.7725 9.83362C98.423 10.1856 98.2483 10.6087 98.2483 11.1029C98.2483 11.5978 98.423 12.0209 98.7725 12.3729C99.122 12.7249 99.5459 12.9005 100.046 12.9005Z"
                fill="white"
              />
            </svg>
            <span class="partners-title">合作伙伴</span>
          </div>

          <div class="title">免手机号码和邮箱注册</div>
          <div class="subtitle">
            为了确保匿名性我们支持免手机号码和邮箱注册！
          </div>

          <div class="sloganBox">
            <div class="sloganTitle">为什么选择我们：</div>
            <div class="slogan">
              <svg
                class="slogan-icon"
                width="28"
                height="28"
                viewBox="0 0 28 28"
                fill="none"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  fill-rule="evenodd"
                  clip-rule="evenodd"
                  d="M14 27.3333C21.3638 27.3333 27.3334 21.3638 27.3334 14C27.3334 6.6362 21.3638 0.666667 14 0.666667C6.63622 0.666667 0.666687 6.6362 0.666687 14C0.666687 21.3638 6.63622 27.3333 14 27.3333ZM8.27616 14.3905C7.75546 13.8698 6.91124 13.8698 6.39054 14.3905C5.86984 14.9112 5.86984 15.7554 6.39054 16.2761L10.3905 20.2761C10.6406 20.5262 10.9797 20.6667 11.3334 20.6667C11.687 20.6667 12.0261 20.5262 12.2762 20.2761L21.6095 10.9428C22.1302 10.4221 22.1302 9.57789 21.6095 9.05719C21.0888 8.53649 20.2446 8.53649 19.7239 9.05719L11.3334 17.4477L8.27616 14.3905Z"
                  fill="#2E33F4"
                />
              </svg>
              <div class="slogan-content">
                <p class="slogan-content-title">免费使用</p>
                <p class="slogan-content-subtitle">
                  我们提供具有公益性质的永久免费线路，为经济拮据的学生和失业人士提供支持！
                </p>
              </div>
            </div>
            <div class="slogan">
              <svg
                class="slogan-icon"
                width="28"
                height="28"
                viewBox="0 0 28 28"
                fill="none"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  fill-rule="evenodd"
                  clip-rule="evenodd"
                  d="M14 27.3333C21.3638 27.3333 27.3334 21.3638 27.3334 14C27.3334 6.6362 21.3638 0.666667 14 0.666667C6.63622 0.666667 0.666687 6.6362 0.666687 14C0.666687 21.3638 6.63622 27.3333 14 27.3333ZM8.27616 14.3905C7.75546 13.8698 6.91124 13.8698 6.39054 14.3905C5.86984 14.9112 5.86984 15.7554 6.39054 16.2761L10.3905 20.2761C10.6406 20.5262 10.9797 20.6667 11.3334 20.6667C11.687 20.6667 12.0261 20.5262 12.2762 20.2761L21.6095 10.9428C22.1302 10.4221 22.1302 9.57789 21.6095 9.05719C21.0888 8.53649 20.2446 8.53649 19.7239 9.05719L11.3334 17.4477L8.27616 14.3905Z"
                  fill="#2E33F4"
                />
              </svg>
              <div class="slogan-content">
                <p class="slogan-content-title">安全浏览</p>
                <p class="slogan-content-subtitle">
                  使用我们的VPN保护您的网络浏览免受第三方监视和攻击！
                </p>
              </div>
            </div>
            <div class="slogan">
              <svg
                class="slogan-icon"
                width="28"
                height="28"
                viewBox="0 0 28 28"
                fill="none"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  fill-rule="evenodd"
                  clip-rule="evenodd"
                  d="M14 27.3333C21.3638 27.3333 27.3334 21.3638 27.3334 14C27.3334 6.6362 21.3638 0.666667 14 0.666667C6.63622 0.666667 0.666687 6.6362 0.666687 14C0.666687 21.3638 6.63622 27.3333 14 27.3333ZM8.27616 14.3905C7.75546 13.8698 6.91124 13.8698 6.39054 14.3905C5.86984 14.9112 5.86984 15.7554 6.39054 16.2761L10.3905 20.2761C10.6406 20.5262 10.9797 20.6667 11.3334 20.6667C11.687 20.6667 12.0261 20.5262 12.2762 20.2761L21.6095 10.9428C22.1302 10.4221 22.1302 9.57789 21.6095 9.05719C21.0888 8.53649 20.2446 8.53649 19.7239 9.05719L11.3334 17.4477L8.27616 14.3905Z"
                  fill="#2E33F4"
                />
              </svg>
              <div class="slogan-content">
                <p class="slogan-content-title">零日志记录</p>
                <p class="slogan-content-subtitle">
                  使用我们的VPN您的所有浏览行为都不会被记录！
                </p>
              </div>
            </div>
            <div class="slogan">
              <svg
                class="slogan-icon"
                width="28"
                height="28"
                viewBox="0 0 28 28"
                fill="none"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  fill-rule="evenodd"
                  clip-rule="evenodd"
                  d="M14 27.3333C21.3638 27.3333 27.3334 21.3638 27.3334 14C27.3334 6.6362 21.3638 0.666667 14 0.666667C6.63622 0.666667 0.666687 6.6362 0.666687 14C0.666687 21.3638 6.63622 27.3333 14 27.3333ZM8.27616 14.3905C7.75546 13.8698 6.91124 13.8698 6.39054 14.3905C5.86984 14.9112 5.86984 15.7554 6.39054 16.2761L10.3905 20.2761C10.6406 20.5262 10.9797 20.6667 11.3334 20.6667C11.687 20.6667 12.0261 20.5262 12.2762 20.2761L21.6095 10.9428C22.1302 10.4221 22.1302 9.57789 21.6095 9.05719C21.0888 8.53649 20.2446 8.53649 19.7239 9.05719L11.3334 17.4477L8.27616 14.3905Z"
                  fill="#2E33F4"
                />
              </svg>
              <div class="slogan-content">
                <p class="slogan-content-title">
                  全球132+国家/地区300多个城市的线路
                </p>
                <p class="slogan-content-subtitle">
                  数量众多和全球分布的线路节点让您无论身处何处都能连接到快速且安全的服务器！
                </p>
              </div>
            </div>
            <div class="slogan">
              <svg
                class="slogan-icon"
                width="28"
                height="28"
                viewBox="0 0 28 28"
                fill="none"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  fill-rule="evenodd"
                  clip-rule="evenodd"
                  d="M14 27.3333C21.3638 27.3333 27.3334 21.3638 27.3334 14C27.3334 6.6362 21.3638 0.666667 14 0.666667C6.63622 0.666667 0.666687 6.6362 0.666687 14C0.666687 21.3638 6.63622 27.3333 14 27.3333ZM8.27616 14.3905C7.75546 13.8698 6.91124 13.8698 6.39054 14.3905C5.86984 14.9112 5.86984 15.7554 6.39054 16.2761L10.3905 20.2761C10.6406 20.5262 10.9797 20.6667 11.3334 20.6667C11.687 20.6667 12.0261 20.5262 12.2762 20.2761L21.6095 10.9428C22.1302 10.4221 22.1302 9.57789 21.6095 9.05719C21.0888 8.53649 20.2446 8.53649 19.7239 9.05719L11.3334 17.4477L8.27616 14.3905Z"
                  fill="#2E33F4"
                />
              </svg>
              <div class="slogan-content">
                <p class="slogan-content-title">支持加密货币匿名付款</p>
                <p class="slogan-content-subtitle">
                  将匿名进行到底，我们支持使用加密货币付款！
                </p>
              </div>
            </div>
          </div>

          <!-- <div class="limitedTimeEvent my-element">
                    <img class="limitedTimeEvent-icon" src="./image/upgrade.svg" alt="">
                    <div class="limitedTimeEvent-content">
                        因应2/18-2/20号香港CONSENSUS币圈盛典活动，</br>
                        <strong>限时优惠码【crypto】</strong>即刻下载并输入优惠码，获得1个月免费精品线路
                    </div>
                </div> -->

          <div class="mobileDown">
            <div class="mobileDown-title">用于移动设备</div>
            <div class="mobileDownListBox">
              <div class="mobileDown-list">
                <div id="listBox" class="listBox">
                  <div
                    id="ios"
                    class="mobileDown-item openInstall"
                    onclick="download('ios')"
                  >
                    <svg
                      width="23"
                      height="28"
                      viewBox="0 0 23 28"
                      fill="none"
                      xmlns="http://www.w3.org/2000/svg"
                    >
                      <path
                        d="M18.4344 14.8505C18.4463 13.8277 18.7178 12.8248 19.2234 11.9357C19.729 11.0467 20.4521 10.3006 21.325 9.76746C20.7699 8.97628 20.0382 8.32527 19.1878 7.86605C18.3374 7.40684 17.3917 7.15204 16.4257 7.12185C14.3802 6.90138 12.3838 8.34667 11.3304 8.34667C10.2771 8.34667 8.64808 7.12185 6.90884 7.12185C5.78507 7.15841 4.68997 7.48568 3.7304 8.07172C2.77084 8.65776 1.9796 9.48255 1.43389 10.4656C-0.881014 14.6177 0.833733 20.6071 3.09965 23.9631C4.23873 25.5921 5.54929 27.4049 7.30078 27.3314C9.05227 27.2579 9.62794 26.2535 11.6856 26.2535C13.7433 26.2535 14.3067 27.3314 16.0827 27.2946C17.8587 27.2579 19.059 25.6656 20.1491 24.0244C20.9672 22.87 21.5957 21.5923 22.0109 20.2397C20.9512 19.7921 20.0469 19.0422 19.4109 18.0838C18.7748 17.1253 18.4352 16.0008 18.4344 14.8505Z"
                        fill="#2E33F4"
                      />
                      <path
                        d="M15.0415 4.94129C16.0348 3.74821 16.5226 2.21431 16.4011 0.666672C14.8829 0.830528 13.4807 1.55567 12.4694 2.69987C11.9775 3.26035 11.601 3.91233 11.3614 4.61851C11.1218 5.32468 11.0238 6.07118 11.0731 6.81527C11.8332 6.82276 12.585 6.65805 13.2723 6.3335C13.9596 6.00894 14.5645 5.53297 15.0415 4.94129Z"
                        fill="#2E33F4"
                      />
                    </svg>
                    <span class="mobileDown-item-content">iOS 下载</span>
                  </div>

                  <div
                    id="android"
                    class="mobileDown-item openInstall android"
                    onclick="downloadListHandle(event, 'android')"
                  >
                    <!-- <div id="android" class="mobileDown-item openInstall android" onclick="download('android')"> -->
                    <svg
                      class="mobileDown-item-icon"
                      width="25"
                      height="28"
                      viewBox="0 0 25 28"
                      fill="none"
                      xmlns="http://www.w3.org/2000/svg"
                    >
                      <path
                        d="M0.682151 1.58151L13.054 13.9533L0.770178 26.5988C0.758036 26.5781 0.7464 26.5568 0.73527 26.5356C0.709975 26.4875 0.686198 26.4385 0.664444 26.3884C0.538981 26.098 0.482825 25.7793 0.504579 25.458V2.54019C0.486367 2.20832 0.548593 1.87999 0.682151 1.58151Z"
                        fill="#2E33F4"
                      />
                      <path
                        d="M1.39092 0.825185C1.4324 0.805455 1.4749 0.788254 1.5179 0.772065C1.68738 0.708321 1.86798 0.672908 2.05213 0.667343C2.44471 0.656214 2.82818 0.783701 3.13577 1.02704L17.6137 9.26008L13.7759 13.2102L1.39092 0.825185Z"
                        fill="#2E33F4"
                      />
                      <path
                        d="M18.539 9.79482L14.5089 13.9432L18.6968 18.1311L23.3293 15.5014C24.7798 14.6727 24.7798 13.3255 23.3293 12.507L18.539 9.79482Z"
                        fill="#2E33F4"
                      />
                      <path
                        d="M17.7573 18.6567L13.787 14.6864L1.58316 27.2494C1.73291 27.2985 1.89024 27.3268 2.05061 27.3324C2.44218 27.3455 2.82616 27.2211 3.13577 26.9808L17.7573 18.6567Z"
                        fill="#2E33F4"
                      />
                    </svg>

                    <span class="mobileDown-item-content">Android 下载</span>
                    <svg
                      class="arrow"
                      width="25"
                      height="24"
                      viewBox="0 0 25 24"
                      fill="none"
                      xmlns="http://www.w3.org/2000/svg"
                    >
                      <path
                        fill-rule="evenodd"
                        clip-rule="evenodd"
                        d="M19.2071 8.29289C19.5976 8.68342 19.5976 9.31658 19.2071 9.70711L13.2071 15.7071C12.8166 16.0976 12.1834 16.0976 11.7929 15.7071L5.79289 9.70711C5.40237 9.31658 5.40237 8.68342 5.79289 8.29289C6.18342 7.90237 6.81658 7.90237 7.20711 8.29289L12.5 13.5858L17.7929 8.29289C18.1834 7.90237 18.8166 7.90237 19.2071 8.29289Z"
                        fill="#2E33F4"
                      />
                    </svg>

                    <div class="downloadList downloadListAndroid">
                      <div
                        id="android"
                        class="downloadList-item openInstall android"
                        onclick="download('googlePlay')"
                      >
                        <svg
                          width="32"
                          height="32"
                          viewBox="0 0 32 32"
                          fill="none"
                          xmlns="http://www.w3.org/2000/svg"
                        >
                          <mask
                            id="mask0_240_5524"
                            style="mask-type: alpha"
                            maskUnits="userSpaceOnUse"
                            x="4"
                            y="3"
                            width="24"
                            height="26"
                          >
                            <path
                              d="M27.0484 14.4004C28.3172 15.0986 28.3172 16.9014 27.0484 17.5996L6.75627 28.7659C5.52052 29.4459 4 28.5634 4 27.1663L4 4.83374C4 3.43657 5.52052 2.55415 6.75627 3.23415L27.0484 14.4004Z"
                              fill="#C4C4C4"
                            />
                          </mask>
                          <g mask="url(#mask0_240_5524)">
                            <path
                              d="M4.63473 28.5464L17.2923 15.8177L4.84319 3.29865C4.34653 3.61703 4 4.16672 4 4.83372V27.1662C4 27.7353 4.25223 28.219 4.63473 28.5464Z"
                              fill="#547DBF"
                            />
                            <path
                              d="M27.0484 14.4004C28.3172 15.0986 28.3172 16.9014 27.0484 17.5996L21.9291 20.4166L17.2924 15.8176L21.6926 11.4532L27.0484 14.4004Z"
                              fill="#FBBC12"
                            />
                            <path
                              d="M21.929 20.4166L17.2923 15.8177L4.63464 28.5464C5.19127 29.0231 6.02377 29.1689 6.75623 28.7659L21.929 20.4166Z"
                              fill="#EB4335"
                            />
                            <path
                              d="M4.84326 3.29865L17.2924 15.8177L21.6927 11.4533L6.75631 3.23415C6.11052 2.87878 5.38695 2.95013 4.84326 3.29865Z"
                              fill="#30A953"
                            />
                          </g>
                        </svg>

                        <p class="downloadList-item-content">
                          Google Play 应用商店<span class="textColorI"
                            >（仅支持应用商店内购）</span
                          >
                        </p>
                      </div>
                      <div
                        id="android"
                        class="downloadList-item openInstall android"
                        onclick="download('android')"
                      >
                        <svg
                          width="32"
                          height="32"
                          viewBox="0 0 32 32"
                          fill="none"
                          xmlns="http://www.w3.org/2000/svg"
                        >
                          <path
                            fill-rule="evenodd"
                            clip-rule="evenodd"
                            d="M11.4901 2.27752C11.3277 2.0069 10.9767 1.91915 10.7061 2.08152C10.4355 2.24389 10.3477 2.59489 10.5101 2.86551L11.6392 4.74743C11.0089 5.10319 10.4285 5.54359 9.91456 6.05749C9.17169 6.80036 8.58242 7.68227 8.18038 8.65287C7.77834 9.62348 7.57142 10.6638 7.57142 11.7143L23.5714 11.7143C23.5714 10.6638 23.3645 9.62347 22.9624 8.65287C22.5604 7.68227 21.9711 6.80036 21.2282 6.05749C20.8304 5.65962 20.3926 5.30581 19.9227 5.00123L21.2041 2.86551C21.3665 2.59489 21.2788 2.24389 21.0082 2.08152C20.7375 1.91915 20.3865 2.0069 20.2242 2.27752L18.921 4.44938C18.8259 4.40551 18.7298 4.36348 18.6329 4.32331C17.6623 3.92128 16.622 3.71435 15.5714 3.71435C14.581 3.71435 13.5997 3.89827 12.6773 4.2562L11.4901 2.27752ZM12.7143 8.28577C13.0299 8.28577 13.2857 8.02993 13.2857 7.71434C13.2857 7.39875 13.0299 7.14291 12.7143 7.14291C12.3987 7.14291 12.1428 7.39875 12.1428 7.71434C12.1428 8.02993 12.3987 8.28577 12.7143 8.28577ZM19 7.71434C19 8.02993 18.7441 8.28577 18.4285 8.28577C18.1129 8.28577 17.8571 8.02993 17.8571 7.71434C17.8571 7.39875 18.1129 7.14291 18.4285 7.14291C18.7441 7.14291 19 7.39875 19 7.71434Z"
                            fill="#A5C53B"
                          />
                          <path
                            d="M4.71428 12.8572C3.76751 12.8572 3 13.6247 3 14.5715V20.2857C3 21.2325 3.76751 22 4.71428 22C5.66105 22 6.42856 21.2325 6.42856 20.2857V14.5715C6.42856 13.6247 5.66105 12.8572 4.71428 12.8572Z"
                            fill="#A5C53B"
                          />
                          <path
                            d="M26.4285 12.8572C25.4817 12.8572 24.7142 13.6247 24.7142 14.5715V20.2857C24.7142 21.2325 25.4817 22 26.4285 22C27.3753 22 28.1428 21.2325 28.1428 20.2857V14.5715C28.1428 13.6247 27.3753 12.8572 26.4285 12.8572Z"
                            fill="#A5C53B"
                          />
                          <path
                            d="M7.57142 23.1429V12.8572H23.5714V23.1429C23.5714 24.4052 22.548 25.4286 21.2857 25.4286H20.1428V28.2857C20.1428 29.2325 19.3753 30 18.4285 30C17.4818 30 16.7143 29.2325 16.7143 28.2857V25.4286H14.4285V28.2857C14.4285 29.2325 13.661 30 12.7143 30C11.7675 30 11 29.2325 11 28.2857V25.4286H9.85713C8.59476 25.4286 7.57142 24.4052 7.57142 23.1429Z"
                            fill="#A5C53B"
                          />
                        </svg>

                        <p class="downloadList-item-content">
                          APK 下载<span class="textColorII"
                            >（支持微信/支付宝/USDT付款）</span
                          >
                        </p>
                      </div>
                      <div
                        id="android"
                        class="downloadList-item openInstall android"
                        onclick="download('galaxyStore')"
                      >
                        <svg
                          width="32"
                          height="32"
                          viewBox="0 0 32 32"
                          fill="none"
                          xmlns="http://www.w3.org/2000/svg"
                        >
                          <path
                            d="M2 13.4286C2 7.11675 7.11675 2 13.4286 2H18.5714C24.8833 2 30 7.11675 30 13.4286V18.5714C30 24.8833 24.8833 30 18.5714 30H13.4286C7.11675 30 2 24.8833 2 18.5714V13.4286Z"
                            fill="url(#paint0_angular_240_5530)"
                          />
                          <path
                            fill-rule="evenodd"
                            clip-rule="evenodd"
                            d="M20.3294 12.564L20.2718 12.3105C20.2718 10.0912 18.4658 8.28571 16.246 8.28571C14.0263 8.28571 12.2204 10.0912 12.2204 12.3105L12.1627 12.564H8.85718L9.74819 20.8705C9.92665 22.56 11.3515 23.8422 13.0506 23.8422H19.4414C21.1405 23.8422 22.5654 22.56 22.7438 20.8706L23.6349 12.564H20.3294ZM13.9127 12.564L13.9776 12.3105C13.9776 11.0599 14.9953 10.0425 16.246 10.0425C17.497 10.0425 18.5146 11.0599 18.5146 12.3105L18.5794 12.564H13.9127Z"
                            fill="white"
                          />
                          <defs>
                            <radialGradient
                              id="paint0_angular_240_5530"
                              cx="0"
                              cy="0"
                              r="1"
                              gradientUnits="userSpaceOnUse"
                              gradientTransform="translate(16 16) rotate(90) scale(16)"
                            >
                              <stop stop-color="#F06558" />
                              <stop offset="0.3" stop-color="#CD04E0" />
                              <stop offset="0.65" stop-color="#EE2174" />
                              <stop offset="0.825" stop-color="#F75E51" />
                              <stop offset="1" stop-color="#F76551" />
                            </radialGradient>
                          </defs>
                        </svg>
                        <p class="downloadList-item-content">
                          SumSung 应用商店<span class="textColorI"
                            >（仅支持应用商店内购）</span
                          >
                        </p>
                      </div>
                      <div
                        id="android"
                        class="downloadList-item openInstall android"
                        onclick="download('appgalleryHuawei')"
                      >
                        <svg
                          width="32"
                          height="32"
                          viewBox="0 0 32 32"
                          fill="none"
                          xmlns="http://www.w3.org/2000/svg"
                        >
                          <g clip-path="url(#clip0_240_5533)">
                            <path
                              fill-rule="evenodd"
                              clip-rule="evenodd"
                              d="M9.85633 2C4.10398 2 2 4.10361 2 9.8548V22.1452C2 27.8964 4.10398 30 9.85633 30H22.1399C27.8921 30 30 27.8964 30 22.1452V9.8548C30 4.10361 27.896 2 22.1437 2H9.85633Z"
                              fill="url(#paint0_linear_240_5533)"
                            />
                            <path
                              fill-rule="evenodd"
                              clip-rule="evenodd"
                              d="M14.2135 18.2394H15.3376L14.7736 16.9279L14.2135 18.2394ZM13.9367 18.9004L13.6031 19.6635H12.8438L14.4585 16.0002H15.1148L16.7229 19.6635H15.9434L15.6141 18.9004H13.9367ZM26.155 19.6608H26.8889V16H26.155V19.6608ZM23.2341 18.0882H24.5869V17.4207H23.2341V16.6704H25.1979V16.0027H22.5005V19.6633H25.2685V18.9956H23.2341V18.0882ZM20.3182 18.5207L19.4862 16H18.8791L18.0471 18.5207L17.2374 16.002H16.4457L17.7235 19.6655H18.339L19.1723 17.2591L20.0057 19.6655H20.6265L21.901 16.002H21.1297L20.3182 18.5207ZM11.7236 18.0983C11.7236 18.6942 11.4276 19.0127 10.8902 19.0127C10.3499 19.0127 10.0524 18.685 10.0524 18.0729V16.0025H9.30861V18.0983C9.30861 19.1292 9.88158 19.7204 10.8801 19.7204C11.8885 19.7204 12.4667 19.118 12.4667 18.0677V16.0002H11.7236V18.0983ZM7.53414 16.0002H8.27746V19.6657H7.53414V18.1771H5.85486V19.6657H5.11108V16.0002H5.85486V17.4788H7.53414V16.0002Z"
                              fill="white"
                            />
                            <path
                              fill-rule="evenodd"
                              clip-rule="evenodd"
                              d="M16 11.3333C13.4266 11.3333 11.3334 9.23989 11.3334 6.66666H11.9926C11.9926 8.87621 13.7905 10.6739 16 10.6739C18.2096 10.6739 20.0075 8.87621 20.0075 6.66666H20.6667C20.6667 9.23989 18.5733 11.3333 16 11.3333Z"
                              fill="white"
                            />
                          </g>
                          <defs>
                            <linearGradient
                              id="paint0_linear_240_5533"
                              x1="16"
                              y1="2"
                              x2="16"
                              y2="30"
                              gradientUnits="userSpaceOnUse"
                            >
                              <stop stop-color="#FB6361" />
                              <stop offset="1" stop-color="#ED3E45" />
                            </linearGradient>
                            <clipPath id="clip0_240_5533">
                              <rect
                                width="28"
                                height="28"
                                fill="white"
                                transform="translate(2 2)"
                              />
                            </clipPath>
                          </defs>
                        </svg>
                        <p class="downloadList-item-content">
                          HUAWEI 应用商店<span class="textColorI"
                            >（仅支持应用商店内购）</span
                          >
                        </p>
                      </div>
                    </div>
                  </div>
                </div>

                <!-- <div id="android" class="mobileDown-item openInstall android" onclick="download('googlePlay')">
                                <svg width="25" height="28" viewBox="0 0 25 28" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path
                                        d="M0.682151 1.58151L13.054 13.9533L0.770178 26.5988C0.758036 26.5781 0.7464 26.5568 0.73527 26.5356C0.709975 26.4875 0.686198 26.4385 0.664444 26.3884C0.538981 26.098 0.482825 25.7793 0.504579 25.458V2.54019C0.486367 2.20832 0.548593 1.87999 0.682151 1.58151Z"
                                        fill="#2E33F4" />
                                    <path
                                        d="M1.39092 0.825185C1.4324 0.805455 1.4749 0.788254 1.5179 0.772065C1.68738 0.708321 1.86798 0.672908 2.05213 0.667343C2.44471 0.656214 2.82818 0.783701 3.13577 1.02704L17.6137 9.26008L13.7759 13.2102L1.39092 0.825185Z"
                                        fill="#2E33F4" />
                                    <path
                                        d="M18.539 9.79482L14.5089 13.9432L18.6968 18.1311L23.3293 15.5014C24.7798 14.6727 24.7798 13.3255 23.3293 12.507L18.539 9.79482Z"
                                        fill="#2E33F4" />
                                    <path
                                        d="M17.7573 18.6567L13.787 14.6864L1.58316 27.2494C1.73291 27.2985 1.89024 27.3268 2.05061 27.3324C2.44218 27.3455 2.82616 27.2211 3.13577 26.9808L17.7573 18.6567Z"
                                        fill="#2E33F4" />
                                </svg>
    
                                <span class="mobileDown-item-content">Play商店下載</span>
    
                            </div> -->
              </div>
              <div id="qrcodeBox" class="qrcodeBox">
                <div id="qrcode"></div>
                <div class="qrcodeBox-content">扫码从其它设备下载</div>
              </div>
            </div>
          </div>

          <div class="purchaseNotice">
            <img class="purchaseNotice-img" src="./image/remind.png" alt="" srcset="">
              如果您在 Google Play 或 iOS 苹果商店内购，价格会比官网高约 30%。推荐您直接前往 
              <a href="https://www.skytreevpn.com/">SKYTREE VPN 官网</a>
              或下载官网／落地页内APK App 购买，价格更划算、支付方式也更灵活。
          </div>

          <div class="pcDown">
            <div class="pcDown-title">用于计算机</div>
            <div class="pcDown-list">
              <div
                class="pcDown-item openInstall"
                onclick="downloadListHandle(event, 'windows')"
              >
                <!-- <div id="android" class="mobileDown-item openInstall android" onclick="download('android')"> -->
                <svg
                  class="mobileDown-item-icon"
                  width="28"
                  height="30"
                  viewBox="0 0 28 30"
                  fill="none"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    fill-rule="evenodd"
                    clip-rule="evenodd"
                    d="M27.3334 0.333344V13.456L12.6667 13.6667V2.37734L27.3334 0.333344ZM0.666687 4.26134L10 3.00001V13.5373L0.666687 13.6667V4.26134ZM12.6667 27.6213V16.3333L27.3334 16.544V29.6667L12.6667 27.6227V27.6213ZM0.666687 25.7387V16.3333L10 16.464V27L0.666687 25.7387Z"
                    fill="#2E33F4"
                  />
                </svg>

                <span class="pcDown-item-content">Windows 下载</span>
                <svg
                  class="arrow"
                  width="25"
                  height="24"
                  viewBox="0 0 25 24"
                  fill="none"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    fill-rule="evenodd"
                    clip-rule="evenodd"
                    d="M19.2071 8.29289C19.5976 8.68342 19.5976 9.31658 19.2071 9.70711L13.2071 15.7071C12.8166 16.0976 12.1834 16.0976 11.7929 15.7071L5.79289 9.70711C5.40237 9.31658 5.40237 8.68342 5.79289 8.29289C6.18342 7.90237 6.81658 7.90237 7.20711 8.29289L12.5 13.5858L17.7929 8.29289C18.1834 7.90237 18.8166 7.90237 19.2071 8.29289Z"
                    fill="#2E33F4"
                  />
                </svg>

                <div class="downloadList downloadListWindows">
                  <div
                    class="downloadList-item openInstall"
                    onclick="download('windows')"
                  >
                    <svg
                      width="32"
                      height="32"
                      viewBox="0 0 32 32"
                      fill="none"
                      xmlns="http://www.w3.org/2000/svg"
                    >
                      <rect
                        x="17"
                        y="17"
                        width="10"
                        height="10"
                        fill="#FEBA08"
                      />
                      <rect
                        x="5"
                        y="17"
                        width="10"
                        height="10"
                        fill="#05A6F0"
                      />
                      <rect
                        x="17"
                        y="5"
                        width="10"
                        height="10"
                        fill="#80BC06"
                      />
                      <rect x="5" y="5" width="10" height="10" fill="#F25325" />
                    </svg>
                    <span class="downloadList-item-content"
                      >X64 安裝包 下載</span
                    >
                  </div>
                  <div
                    class="downloadList-item openInstall"
                    onclick="download('windowsARM')"
                  >
                    <svg
                      width="32"
                      height="32"
                      viewBox="0 0 32 32"
                      fill="none"
                      xmlns="http://www.w3.org/2000/svg"
                    >
                      <rect
                        x="17"
                        y="17"
                        width="10"
                        height="10"
                        fill="#FEBA08"
                      />
                      <rect
                        x="5"
                        y="17"
                        width="10"
                        height="10"
                        fill="#05A6F0"
                      />
                      <rect
                        x="17"
                        y="5"
                        width="10"
                        height="10"
                        fill="#80BC06"
                      />
                      <rect x="5" y="5" width="10" height="10" fill="#F25325" />
                    </svg>
                    <span class="downloadList-item-content"
                      >ARM64 安裝包下載</span
                    >
                  </div>
                  <div
                    class="downloadList-item openInstall"
                    onclick="download('appsMicrosoft')"
                  >
                    <svg
                      width="32"
                      height="32"
                      viewBox="0 0 32 32"
                      fill="none"
                      xmlns="http://www.w3.org/2000/svg"
                    >
                      <g clip-path="url(#clip0_240_7765)">
                        <path
                          d="M23.5404 9.04643V8.42216C23.5404 6.72727 22.7335 5.13539 21.3679 4.13188C22.0624 5.05267 22.437 6.1748 22.4354 7.32813V9.04643H21.3274V7.32813C21.3289 4.38627 18.9426 2 16.0008 2C13.0589 2 10.6711 4.38627 10.6711 7.32813V9.04643H2V27.7854C2 28.906 2.90831 29.8158 4.03043 29.8158H27.9711C29.0917 29.8158 30.0016 28.9075 30.0016 27.7854V9.04643H23.5404ZM11.776 7.32813C11.7745 4.99649 13.6645 3.10496 15.9977 3.10496H16.0008C18.3121 3.1549 20.174 5.01678 20.2255 7.32969V9.04799H13.9875V8.42372C13.986 6.09208 15.8759 4.20055 18.2091 4.19899H18.2123C18.4073 4.19899 18.6009 4.21303 18.7928 4.24268C18.2638 3.99922 17.6894 3.87281 17.1073 3.87124C15.7417 3.86968 14.4588 4.53141 13.6676 5.64417C13.1541 6.48069 12.8826 7.44206 12.8841 8.42216V9.04643H11.776V7.32813Z"
                          fill="#E8E8E8"
                        />
                        <path
                          d="M15.5483 13.5568H10.1296V18.977H15.5483V13.5568Z"
                          fill="#F25022"
                        />
                        <path
                          d="M21.8706 13.5568H16.4519V18.977H21.8706V13.5568Z"
                          fill="#7FBA00"
                        />
                        <path
                          d="M15.5483 19.8791H10.1296V25.2977H15.5483V19.8791Z"
                          fill="#00A4EF"
                        />
                        <path
                          d="M21.8706 19.8791H16.4519V25.2977H21.8706V19.8791Z"
                          fill="#FFB900"
                        />
                      </g>
                      <defs>
                        <clipPath id="clip0_240_7765">
                          <rect
                            width="28"
                            height="27.8158"
                            fill="white"
                            transform="translate(2 2)"
                          />
                        </clipPath>
                      </defs>
                    </svg>
                    <span class="downloadList-item-content">微软商店 下载</span>
                  </div>
                </div>
              </div>
              <div
                class="pcDown-item openInstall"
                onclick="downloadListHandle(event, 'mac')"
              >
                <!-- <div id="android" class="mobileDown-item openInstall android" onclick="download('android')"> -->
                <svg
                  class="mobileDown-item-icon"
                  width="28"
                  height="28"
                  viewBox="0 0 28 28"
                  fill="none"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    fill-rule="evenodd"
                    clip-rule="evenodd"
                    d="M16.4827 19.6558C19.0519 19.4079 21.3055 18.7318 22.6804 17.8529L23.4918 18.8895C21.5983 19.9941 19.142 20.715 16.4827 20.9855C16.5841 23.136 17.0694 25.2685 18.02 27.3333H22.1048C24.9925 27.3333 27.3335 24.9923 27.3335 22.1046V5.89541C27.3335 3.00765 24.9925 0.666656 22.1048 0.666656H18.4582C14.8981 4.86612 12.9367 9.74204 12.3361 14.9908H17.1816C16.7756 16.5683 16.5279 18.1235 16.4827 19.6558ZM18.646 6.65226H20.0211V9.83009H18.646V6.65226Z"
                    fill="#2E33F4"
                  />
                  <path
                    fill-rule="evenodd"
                    clip-rule="evenodd"
                    d="M16.7415 0.666656H5.89541C3.00765 0.666656 0.666656 3.00765 0.666656 5.89541V22.1046C0.666656 24.9923 3.00765 27.3333 5.89541 27.3333H16.4623C15.5701 25.4322 15.1334 23.2611 15.063 21.0205V21.0758C11.5921 21.211 7.85111 20.5576 4.69615 18.9798L5.3496 17.9432C8.41393 19.3853 11.9292 19.8811 15.0618 19.7461C15.0936 18.6339 15.2102 17.5141 15.4008 16.4106H10.6907C11.2314 10.2341 13.4607 4.92112 16.7415 0.666656ZM8.57226 6.65226H7.19745V9.83009H8.57226V6.65226Z"
                    fill="#2E33F4"
                  />
                </svg>

                <span class="pcDown-item-content">Mac 下载</span>
                <svg
                  class="arrow"
                  width="25"
                  height="24"
                  viewBox="0 0 25 24"
                  fill="none"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    fill-rule="evenodd"
                    clip-rule="evenodd"
                    d="M19.2071 8.29289C19.5976 8.68342 19.5976 9.31658 19.2071 9.70711L13.2071 15.7071C12.8166 16.0976 12.1834 16.0976 11.7929 15.7071L5.79289 9.70711C5.40237 9.31658 5.40237 8.68342 5.79289 8.29289C6.18342 7.90237 6.81658 7.90237 7.20711 8.29289L12.5 13.5858L17.7929 8.29289C18.1834 7.90237 18.8166 7.90237 19.2071 8.29289Z"
                    fill="#2E33F4"
                  />
                </svg>

                <div class="downloadList downloadListMac">
                  <div
                    class="downloadList-item openInstall"
                    onclick="download('mac-intel')"
                  >
                    <svg
                      width="32"
                      height="32"
                      viewBox="0 0 32 32"
                      fill="none"
                      xmlns="http://www.w3.org/2000/svg"
                    >
                      <g clip-path="url(#clip0_324_6834)">
                        <path
                          d="M14.8706 19.4259C14.8706 22.1176 13.4682 23.8118 11.2282 23.8118C8.98824 23.8118 7.58588 22.1082 7.58588 19.4259C7.58588 16.7247 8.98824 15.0306 11.2282 15.0306C13.4682 15.0306 14.8706 16.7247 14.8706 19.4259ZM17.9953 9.92941L17.0165 9.99529C16.4612 10.0329 16.2165 10.2306 16.2165 10.5882C16.2165 10.9647 16.5271 11.1718 16.96 11.1718C17.5529 11.1718 17.9953 10.7859 17.9953 10.2682V9.92941ZM32 16C32 24.9318 24.9318 32 16 32C7.06824 32 0 24.9318 0 16C0 7.06824 7.06824 0 16 0C24.9318 0 32 7.06824 32 16ZM19.7082 9.73176C19.7082 11.0306 20.4235 11.8212 21.5906 11.8212C22.5788 11.8212 23.2 11.2659 23.3035 10.4753H22.5318C22.4282 10.9082 22.0894 11.1435 21.5906 11.1435C20.9318 11.1435 20.5271 10.6071 20.5271 9.73176C20.5271 8.86588 20.9318 8.34824 21.5906 8.34824C22.1176 8.34824 22.4471 8.64941 22.5318 9.03529H23.3035C23.2 8.26353 22.5976 7.68 21.5906 7.68C20.4235 7.67059 19.7082 8.46118 19.7082 9.73176ZM8.95059 7.75529V11.7459H9.74118V9.29882C9.74118 8.78118 10.1082 8.36706 10.5882 8.36706C11.0588 8.36706 11.36 8.64941 11.36 9.10118V11.7459H12.1318V9.22353C12.1318 8.74353 12.4612 8.36706 12.9788 8.36706C13.4965 8.36706 13.7506 8.63059 13.7506 9.18588V11.7459H14.5412V8.98824C14.5412 8.16 14.0706 7.67059 13.2612 7.67059C12.7059 7.67059 12.2447 7.95294 12.0471 8.38588H11.9812C11.8024 7.95294 11.4259 7.67059 10.88 7.67059C10.3435 7.67059 9.93882 7.93412 9.76941 8.38588H9.71294V7.74588L8.95059 7.75529ZM16.2729 19.4259C16.2729 15.9529 14.3341 13.7694 11.2282 13.7694C8.12235 13.7694 6.18353 15.9529 6.18353 19.4259C6.18353 22.8988 8.12235 25.0729 11.2282 25.0729C14.3341 25.0729 16.2729 22.8894 16.2729 19.4259ZM16.7624 11.8118C17.2894 11.8118 17.7224 11.5859 17.9671 11.1812H18.0329V11.7459H18.7953V9.01647C18.7953 8.17882 18.2306 7.68 17.2235 7.68C16.3106 7.68 15.6706 8.12235 15.5859 8.79059H16.3482C16.4329 8.49882 16.7435 8.33882 17.1859 8.33882C17.7224 8.33882 18.0047 8.58353 18.0047 9.02588V9.37412L16.9224 9.44C15.9718 9.49647 15.4353 9.91059 15.4353 10.6353C15.4259 11.3506 15.9906 11.8118 16.7624 11.8118ZM25.3929 21.7788C25.3929 20.2259 24.4894 19.3224 22.2118 18.8235L20.9976 18.56C19.5012 18.2306 18.9176 17.6376 18.9176 16.7812C18.9176 15.6706 19.9718 15.0024 21.3365 15.0024C22.7671 15.0024 23.7082 15.7365 23.8306 16.9412H25.1953C25.1294 15.0871 23.5576 13.7788 21.3741 13.7788C19.1059 13.7788 17.5153 15.0494 17.5153 16.8471C17.5153 18.4 18.4659 19.3976 20.6588 19.8776L21.8729 20.1412C23.3882 20.4706 24 21.0824 24 21.9953C24 23.0682 22.9176 23.8494 21.44 23.8494C19.8682 23.8494 18.7765 23.1341 18.6165 21.9576H17.2518C17.3835 23.8494 18.9741 25.0729 21.3647 25.0729C23.8024 25.0729 25.3929 23.8024 25.3929 21.7788Z"
                          fill="#1D1D1F"
                        />
                      </g>
                      <defs>
                        <clipPath id="clip0_324_6834">
                          <rect width="32" height="32" fill="white" />
                        </clipPath>
                      </defs>
                    </svg>

                    <span class="downloadList-item-content">Intel 版下载</span>
                  </div>
                  <div
                    class="downloadList-item openInstall"
                    onclick="download('mac-arm')"
                  >
                    <svg
                      width="32"
                      height="32"
                      viewBox="0 0 32 32"
                      fill="none"
                      xmlns="http://www.w3.org/2000/svg"
                    >
                      <g clip-path="url(#clip0_324_6834)">
                        <path
                          d="M14.8706 19.4259C14.8706 22.1176 13.4682 23.8118 11.2282 23.8118C8.98824 23.8118 7.58588 22.1082 7.58588 19.4259C7.58588 16.7247 8.98824 15.0306 11.2282 15.0306C13.4682 15.0306 14.8706 16.7247 14.8706 19.4259ZM17.9953 9.92941L17.0165 9.99529C16.4612 10.0329 16.2165 10.2306 16.2165 10.5882C16.2165 10.9647 16.5271 11.1718 16.96 11.1718C17.5529 11.1718 17.9953 10.7859 17.9953 10.2682V9.92941ZM32 16C32 24.9318 24.9318 32 16 32C7.06824 32 0 24.9318 0 16C0 7.06824 7.06824 0 16 0C24.9318 0 32 7.06824 32 16ZM19.7082 9.73176C19.7082 11.0306 20.4235 11.8212 21.5906 11.8212C22.5788 11.8212 23.2 11.2659 23.3035 10.4753H22.5318C22.4282 10.9082 22.0894 11.1435 21.5906 11.1435C20.9318 11.1435 20.5271 10.6071 20.5271 9.73176C20.5271 8.86588 20.9318 8.34824 21.5906 8.34824C22.1176 8.34824 22.4471 8.64941 22.5318 9.03529H23.3035C23.2 8.26353 22.5976 7.68 21.5906 7.68C20.4235 7.67059 19.7082 8.46118 19.7082 9.73176ZM8.95059 7.75529V11.7459H9.74118V9.29882C9.74118 8.78118 10.1082 8.36706 10.5882 8.36706C11.0588 8.36706 11.36 8.64941 11.36 9.10118V11.7459H12.1318V9.22353C12.1318 8.74353 12.4612 8.36706 12.9788 8.36706C13.4965 8.36706 13.7506 8.63059 13.7506 9.18588V11.7459H14.5412V8.98824C14.5412 8.16 14.0706 7.67059 13.2612 7.67059C12.7059 7.67059 12.2447 7.95294 12.0471 8.38588H11.9812C11.8024 7.95294 11.4259 7.67059 10.88 7.67059C10.3435 7.67059 9.93882 7.93412 9.76941 8.38588H9.71294V7.74588L8.95059 7.75529ZM16.2729 19.4259C16.2729 15.9529 14.3341 13.7694 11.2282 13.7694C8.12235 13.7694 6.18353 15.9529 6.18353 19.4259C6.18353 22.8988 8.12235 25.0729 11.2282 25.0729C14.3341 25.0729 16.2729 22.8894 16.2729 19.4259ZM16.7624 11.8118C17.2894 11.8118 17.7224 11.5859 17.9671 11.1812H18.0329V11.7459H18.7953V9.01647C18.7953 8.17882 18.2306 7.68 17.2235 7.68C16.3106 7.68 15.6706 8.12235 15.5859 8.79059H16.3482C16.4329 8.49882 16.7435 8.33882 17.1859 8.33882C17.7224 8.33882 18.0047 8.58353 18.0047 9.02588V9.37412L16.9224 9.44C15.9718 9.49647 15.4353 9.91059 15.4353 10.6353C15.4259 11.3506 15.9906 11.8118 16.7624 11.8118ZM25.3929 21.7788C25.3929 20.2259 24.4894 19.3224 22.2118 18.8235L20.9976 18.56C19.5012 18.2306 18.9176 17.6376 18.9176 16.7812C18.9176 15.6706 19.9718 15.0024 21.3365 15.0024C22.7671 15.0024 23.7082 15.7365 23.8306 16.9412H25.1953C25.1294 15.0871 23.5576 13.7788 21.3741 13.7788C19.1059 13.7788 17.5153 15.0494 17.5153 16.8471C17.5153 18.4 18.4659 19.3976 20.6588 19.8776L21.8729 20.1412C23.3882 20.4706 24 21.0824 24 21.9953C24 23.0682 22.9176 23.8494 21.44 23.8494C19.8682 23.8494 18.7765 23.1341 18.6165 21.9576H17.2518C17.3835 23.8494 18.9741 25.0729 21.3647 25.0729C23.8024 25.0729 25.3929 23.8024 25.3929 21.7788Z"
                          fill="#1D1D1F"
                        />
                      </g>
                      <defs>
                        <clipPath id="clip0_324_6834">
                          <rect width="32" height="32" fill="white" />
                        </clipPath>
                      </defs>
                    </svg>

                    <span class="downloadList-item-content">ARM 版下载</span>
                  </div>
                </div>
              </div>

              <!-- <div class="pcDown-item openInstall" onclick="download('windows')">
                            <svg width="28" height="30" viewBox="0 0 28 30" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path fill-rule="evenodd" clip-rule="evenodd"
                                    d="M27.3334 0.333344V13.456L12.6667 13.6667V2.37734L27.3334 0.333344ZM0.666687 4.26134L10 3.00001V13.5373L0.666687 13.6667V4.26134ZM12.6667 27.6213V16.3333L27.3334 16.544V29.6667L12.6667 27.6227V27.6213ZM0.666687 25.7387V16.3333L10 16.464V27L0.666687 25.7387Z"
                                    fill="#2E33F4" />
                            </svg>
                            <span class="pcDown-item-content">Windows 下载</span>
                        </div> -->

              <!-- <div class="pcDown-item openInstall" onclick="download('mac-arm')">
                            <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path fill-rule="evenodd" clip-rule="evenodd"
                                    d="M16.4827 19.6558C19.0519 19.4079 21.3055 18.7318 22.6804 17.8529L23.4918 18.8895C21.5983 19.9941 19.142 20.715 16.4827 20.9855C16.5841 23.136 17.0694 25.2685 18.02 27.3333H22.1048C24.9925 27.3333 27.3335 24.9923 27.3335 22.1046V5.89541C27.3335 3.00765 24.9925 0.666656 22.1048 0.666656H18.4582C14.8981 4.86612 12.9367 9.74204 12.3361 14.9908H17.1816C16.7756 16.5683 16.5279 18.1235 16.4827 19.6558ZM18.646 6.65226H20.0211V9.83009H18.646V6.65226Z"
                                    fill="#2E33F4" />
                                <path fill-rule="evenodd" clip-rule="evenodd"
                                    d="M16.7415 0.666656H5.89541C3.00765 0.666656 0.666656 3.00765 0.666656 5.89541V22.1046C0.666656 24.9923 3.00765 27.3333 5.89541 27.3333H16.4623C15.5701 25.4322 15.1334 23.2611 15.063 21.0205V21.0758C11.5921 21.211 7.85111 20.5576 4.69615 18.9798L5.3496 17.9432C8.41393 19.3853 11.9292 19.8811 15.0618 19.7461C15.0936 18.6339 15.2102 17.5141 15.4008 16.4106H10.6907C11.2314 10.2341 13.4607 4.92112 16.7415 0.666656ZM8.57226 6.65226H7.19745V9.83009H8.57226V6.65226Z"
                                    fill="#2E33F4" />
                            </svg>
    
                            <span class="pcDown-item-content">Mac(ARM) 下载</span>
    
                        </div>
                        <div class="pcDown-item openInstall" onclick="download('mac-intel')">
                            <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path fill-rule="evenodd" clip-rule="evenodd"
                                    d="M16.4827 19.6558C19.0519 19.4079 21.3055 18.7318 22.6804 17.8529L23.4918 18.8895C21.5983 19.9941 19.142 20.715 16.4827 20.9855C16.5841 23.136 17.0694 25.2685 18.02 27.3333H22.1048C24.9925 27.3333 27.3335 24.9923 27.3335 22.1046V5.89541C27.3335 3.00765 24.9925 0.666656 22.1048 0.666656H18.4582C14.8981 4.86612 12.9367 9.74204 12.3361 14.9908H17.1816C16.7756 16.5683 16.5279 18.1235 16.4827 19.6558ZM18.646 6.65226H20.0211V9.83009H18.646V6.65226Z"
                                    fill="#2E33F4" />
                                <path fill-rule="evenodd" clip-rule="evenodd"
                                    d="M16.7415 0.666656H5.89541C3.00765 0.666656 0.666656 3.00765 0.666656 5.89541V22.1046C0.666656 24.9923 3.00765 27.3333 5.89541 27.3333H16.4623C15.5701 25.4322 15.1334 23.2611 15.063 21.0205V21.0758C11.5921 21.211 7.85111 20.5576 4.69615 18.9798L5.3496 17.9432C8.41393 19.3853 11.9292 19.8811 15.0618 19.7461C15.0936 18.6339 15.2102 17.5141 15.4008 16.4106H10.6907C11.2314 10.2341 13.4607 4.92112 16.7415 0.666656ZM8.57226 6.65226H7.19745V9.83009H8.57226V6.65226Z"
                                    fill="#2E33F4" />
                            </svg>
    
                            <span class="pcDown-item-content">Mac(Intel) 下载</span>
    
                        </div> -->
            </div>
          </div>
        </div>
        <div class="rightBox">
          <img
            class="rightBox-img"
            src="./image/app-images.png"
            alt=""
            srcset=""
          />
        </div>
      </div>

      <div class="feature">
        <div class="feature-title">我们的特色</div>

        <div class="feature-main">
          <div class="feature-main-item">
            <div class="feature-main-item-imgBox">
              <img
                class="feature-main-item-imgBox-img"
                src="image/icon-group1.svg"
                alt=""
              />
              <p class="feature-main-item-imgBox-lightHight">全球唯一</p>
              <p class="feature-main-item-imgBox-title">提供专属定制服务</p>
            </div>
          </div>
          <div class="feature-main-item">
            <div class="feature-main-item-imgBox">
              <img
                class="feature-main-item-imgBox-img"
                src="image/icon-group2.svg"
                alt=""
              />
              <p class="feature-main-item-imgBox-title">多条免费线路</p>
            </div>
          </div>
          <div class="feature-main-item">
            <div class="feature-main-item-imgBox">
              <img
                class="feature-main-item-imgBox-img"
                src="image/icon-group3.svg"
                alt=""
              />
              <p class="feature-main-item-imgBox-title">全球132+国家</p>
            </div>
          </div>
          <div class="feature-main-item">
            <div class="feature-main-item-imgBox">
              <img
                class="feature-main-item-imgBox-img"
                src="image/icon-group4.svg"
                alt=""
              />
              <p class="feature-main-item-imgBox-title">免手机号码和邮箱注册</p>
            </div>
          </div>
          <div class="feature-main-item">
            <div class="feature-main-item-imgBox">
              <img
                class="feature-main-item-imgBox-img"
                src="image/icon-group5.svg"
                alt=""
              />
              <p class="feature-main-item-imgBox-title">零日志记录</p>
            </div>
          </div>
          <div class="feature-main-item">
            <div class="feature-main-item-imgBox">
              <img
                class="feature-main-item-imgBox-img"
                src="image/icon-group6.svg"
                alt=""
              />
              <p class="feature-main-item-imgBox-title">隐私浏览</p>
            </div>
          </div>
          <div class="feature-main-item">
            <div class="feature-main-item-imgBox">
              <img
                class="feature-main-item-imgBox-img"
                src="image/icon-group7.svg"
                alt=""
              />
              <p class="feature-main-item-imgBox-title">300多个地区</p>
            </div>
          </div>
          <div class="feature-main-item">
            <div class="feature-main-item-imgBox">
              <img
                class="feature-main-item-imgBox-img"
                src="image/icon-group8.svg"
                alt=""
              />
              <p class="feature-main-item-imgBox-title">支持加密货币匿名付款</p>
            </div>
          </div>
        </div>
      </div>

      <div class="supportedPlatforms">
        <div class="supportedPlatforms-header">
          <div class="supportedPlatforms-header-title">
            支持解锁知名串流平台
          </div>
          <div class="supportedPlatforms-header-subtitle">
            畅享流畅、安全的上网体验。免费试用，先体验后购买，让您安心选择最佳网络加速工具
          </div>
        </div>
        <div class="supportedPlatforms-main">
          <img
            class="supportedPlatforms-main-img"
            src="./image/platform_netflix.svg"
            alt=""
            srcset=""
          />
          <img
            class="supportedPlatforms-main-img"
            src="./image/platform_Prime_Video.svg"
            alt=""
            srcset=""
          />
          <img
            class="supportedPlatforms-main-img"
            src="./image/platform_disney+.svg"
            alt=""
            srcset=""
          />
          <img
            class="supportedPlatforms-main-img"
            src="./image/platform_hbo.svg"
            alt=""
            srcset=""
          />
          <img
            class="supportedPlatforms-main-img"
            src="./image/platform_bbc_iplayer.svg"
            alt=""
            srcset=""
          />
          <img
            class="supportedPlatforms-main-img"
            src="./image/platform_mytv_super.svg"
            alt=""
            srcset=""
          />
          <img
            class="supportedPlatforms-main-img"
            src="./image/platform_hulu.svg"
            alt=""
            srcset=""
          />
        </div>
      </div>

      <div class="supportedApp">
        <div class="supportedApp-header">
          <div class="supportedApp-header-title">畅行全球，支持所有国外APP</div>
          <div class="supportedApp-header-subtitle">
            从直播、社交到游戏，高速稳定连接，让您畅享无边界的数字生活
          </div>
        </div>

        <div class="supportedApp-scroll">
          <div class="supportedApp-scroll-imgBox">
            <img
              class="supportedApp-scroll-imgBox-img"
              src="./image/appGroup.svg"
              alt=""
            />
            <!-- Life is too short to be small. Life is too short to be small. Life is too short to be small -->
          </div>
          <div class="supportedApp-scroll-imgBox">
            <img
              class="supportedApp-scroll-imgBox-img"
              src="./image/appGroup.svg"
              alt=""
            />
          </div>
        </div>
      </div>

      <div class="tryFirstPayLater">
        <div class="tryFirstPayLater-imgBox">
          <img
            class="tryFirstPayLater-imgBox-img"
            src="./image/experience.svg"
            alt=""
          />
        </div>
        <div class="tryFirstPayLater-main">
          <div class="tryFirstPayLater-main-title">先体验后付款</div>
          <div class="tryFirstPayLater-main-subtitle">
            免手机号、免邮箱，简单注册即可免费试用，先体验后付款
          </div>
        </div>
      </div>

      <div class="fqaBox">
        <div class="fqaBox-header">
          <div class="fqaBox-header-title">常见问题</div>
        </div>
        <div class="fqaBox-main">
          <div class="fqaBox-main-item">
            <div class="fqaBox-main-item-title" onclick="actionedHandle(event)">
              <p>什么是专属 IP，我为什么需要一个？</p>
              <svg
                class="more"
                width="32"
                height="32"
                viewBox="0 0 32 32"
                fill="none"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  d="M15.9997 5.33325C15.2633 5.33325 14.6663 5.93021 14.6663 6.66659V14.6666H6.66634C5.92996 14.6666 5.33301 15.2635 5.33301 15.9999C5.33301 16.7363 5.92996 17.3333 6.66634 17.3333H14.6663L14.6663 25.3333C14.6663 26.0696 15.2633 26.6666 15.9997 26.6666C16.7361 26.6666 17.333 26.0696 17.333 25.3333V17.3333H25.333C26.0694 17.3333 26.6663 16.7363 26.6663 15.9999C26.6663 15.2635 26.0694 14.6666 25.333 14.6666L17.333 14.6666V6.66659C17.333 5.93021 16.7361 5.33325 15.9997 5.33325Z"
                  fill="#2E33F4"
                />
              </svg>
            </div>
            <div class="fqaBox-main-item-content">
              如果没有订阅专属 IP ，一旦您连接到 天空树VPN，就会为您分配一个动态
              IP，这意味着该 IP
              地址与其他用户共享。这样做是为了确保您的在线隐私得到最大程度的保密。共享或动态
              IP 地址最适合在线隐私。这并不意味着专用 IP
              会使您面临在线风险。您可以通过专用 IP
              地址获得其他好处，例如即时访问受 IP
              限制的网络，从而提高您的在线声誉。这是因为专用 IP
              地址对于单个帐户而不是几十个用户是唯一的
              像一个动态IP地址。无论是专用 IP 还是动态 IP 地址，您的 Internet
              连接和在线数据都使用 天空树VPN 进行加密和保护。
            </div>
          </div>
          <div class="fqaBox-main-item">
            <div class="fqaBox-main-item-title" onclick="actionedHandle(event)">
              <p>什么是独享专线，我为什么需要一个？</p>
              <svg
                class="more"
                width="32"
                height="32"
                viewBox="0 0 32 32"
                fill="none"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  d="M15.9997 5.33325C15.2633 5.33325 14.6663 5.93021 14.6663 6.66659V14.6666H6.66634C5.92996 14.6666 5.33301 15.2635 5.33301 15.9999C5.33301 16.7363 5.92996 17.3333 6.66634 17.3333H14.6663L14.6663 25.3333C14.6663 26.0696 15.2633 26.6666 15.9997 26.6666C16.7361 26.6666 17.333 26.0696 17.333 25.3333V17.3333H25.333C26.0694 17.3333 26.6663 16.7363 26.6663 15.9999C26.6663 15.2635 26.0694 14.6666 25.333 14.6666L17.333 14.6666V6.66659C17.333 5.93021 16.7361 5.33325 15.9997 5.33325Z"
                  fill="#2E33F4"
                />
              </svg>
            </div>
            <div class="fqaBox-main-item-content">
              独享专线是最顶级的客制化服务，拥有独享专线，除了拥有有了自己的专属IP，更重要的是该节点的频宽、流量等资源也由您独自享受，可说是最高级的尊荣服务，适合需要稳定IP地址以防止被平台风控，避免被标记为VPN而无法使用ChatGPT等服务以及在敏感时期对大面积封锁时仍保持自由联网的能力
            </div>
          </div>
          <div class="fqaBox-main-item">
            <div class="fqaBox-main-item-title" onclick="actionedHandle(event)">
              <p>天空树VPN 会记录我的连线及浏览纪录吗？</p>
              <svg
                class="more"
                width="32"
                height="32"
                viewBox="0 0 32 32"
                fill="none"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  d="M15.9997 5.33325C15.2633 5.33325 14.6663 5.93021 14.6663 6.66659V14.6666H6.66634C5.92996 14.6666 5.33301 15.2635 5.33301 15.9999C5.33301 16.7363 5.92996 17.3333 6.66634 17.3333H14.6663L14.6663 25.3333C14.6663 26.0696 15.2633 26.6666 15.9997 26.6666C16.7361 26.6666 17.333 26.0696 17.333 25.3333V17.3333H25.333C26.0694 17.3333 26.6663 16.7363 26.6663 15.9999C26.6663 15.2635 26.0694 14.6666 25.333 14.6666L17.333 14.6666V6.66659C17.333 5.93021 16.7361 5.33325 15.9997 5.33325Z"
                  fill="#2E33F4"
                />
              </svg>
            </div>
            <div class="fqaBox-main-item-content">
              天空树VPN 采取无Log 政策，透过 天空树VPN
              所进行的任何线上活动，将不会进行任何纪录。
            </div>
          </div>
          <div class="fqaBox-main-item">
            <div class="fqaBox-main-item-title" onclick="actionedHandle(event)">
              <p>使用天空树VPN，能实现网络匿名吗？</p>
              <svg
                class="more"
                width="32"
                height="32"
                viewBox="0 0 32 32"
                fill="none"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  d="M15.9997 5.33325C15.2633 5.33325 14.6663 5.93021 14.6663 6.66659V14.6666H6.66634C5.92996 14.6666 5.33301 15.2635 5.33301 15.9999C5.33301 16.7363 5.92996 17.3333 6.66634 17.3333H14.6663L14.6663 25.3333C14.6663 26.0696 15.2633 26.6666 15.9997 26.6666C16.7361 26.6666 17.333 26.0696 17.333 25.3333V17.3333H25.333C26.0694 17.3333 26.6663 16.7363 26.6663 15.9999C26.6663 15.2635 26.0694 14.6666 25.333 14.6666L17.333 14.6666V6.66659C17.333 5.93021 16.7361 5.33325 15.9997 5.33325Z"
                  fill="#2E33F4"
                />
              </svg>
            </div>
            <div class="fqaBox-main-item-content">
              当然！天空树VPN，全面保护您的隐私，隐藏真实IP，数据传输采用银行级TLS加密技术，确保端对端安全，无惧破解威胁。
            </div>
          </div>
        </div>
      </div>
    </main>

    <script>
      let androidDownloadURL = "";
      let iosDownloadURL = "";
      let windowsDownloadURL = "";
      let windowsARMDownloadURL = "";
      let macIntelDownloadURL = "";
      let macSiliconDownloadURL = "";
      let isWindows = "";
      let isMac = "";
      let iOS = "";
      let android = "";
      let ipAddress = "";
      let userAgent = "";
      let preferredLanguage = "";
      let screenResolution = "";
      let timezone = "";
      let operatingSystem = "3";
      let thisDevice = "";
      let downloadListShow = false;

      // 抓網址參數 指定抓取
      function getUrlVal(val) {
        var query = window.location.search.substring(1);
        var vars = query.split("&");
        for (var i = 0; i < vars.length; i++) {
          var pair = vars[i].split("=");
          if (pair[0] == val) {
            return pair[1];
          }
        }
        return false;
      }

      // 判斷裝置系統
      function OSnow() {
        isWindows = /windows|win32/i.test(navigator.userAgent);
        isMac =
          /macintosh|mac os x/i.test(navigator.userAgent) && !window.MSStream;
        iOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
        android = /Android/.test(navigator.userAgent) && !window.MSStream;

        if (isWindows) {
          // document.getElementById('ios').style.display = 'none'
          document.querySelector(".listBox").classList.add("isWindowsAndroid");
          operatingSystem = "3";
        }

        if (isMac) {
          document
            .querySelector(".listBox")
            .classList.remove("isWindowsAndroid");
          // for (let i = 0; i < document.querySelectorAll('.android').length; i++) {
          //     // document.querySelectorAll('.android')[i].style.display = 'none'
          //     // document.getElementsByClassName('android').style.display = 'none'
          // }
          operatingSystem = "4";
        }
        if (iOS) {
          document
            .querySelector(".listBox")
            .classList.remove("isWindowsAndroid");
          // for (let i = 0; i < document.querySelectorAll('.android').length; i++) {
          //     // document.querySelectorAll('.android')[i].style.display = 'none'
          //     // document.getElementsByClassName('android').style.display = 'none'
          // }
          document.getElementById("qrcodeBox").style.display = "none";
          operatingSystem = "1";
        }
        if (android) {
          document.querySelector(".listBox").classList.add("isWindowsAndroid");
          // document.getElementById('listBox').style.flexFlow = 'row-reverse'
          document.getElementById("qrcodeBox").style.display = "none";
          operatingSystem = "2";
        }
      }
      OSnow();

      async function fetchIPAddress() {
        try {
          const response = await fetch("https://api.ipify.org?format=json");
          const data = await response.json();
          return data.ip;
        } catch (error) {
          console.error("無法獲取 IP 地址:", error);
          return "無法獲取";
        }
      }

      async function getUserAgent() {
        return navigator.userAgent;
      }

      async function getPreferredLanguage() {
        return navigator.language || navigator.userLanguage;
      }

      async function getScreenResolution() {
        return `${window.screen.width} x ${window.screen.height}`;
      }

      async function getTimezone() {
        return Intl.DateTimeFormat().resolvedOptions().timeZone;
      }

      async function getDeviceMemory() {
        return navigator.deviceMemory;
      }
      async function marketingChannelDevice() {
        var xhr = new XMLHttpRequest();
        let json = {
          operating_system: operatingSystem,
          screen_width: window.screen.width.toString(),
          screen_height: window.screen.height.toString(),
        };

        getUrlVal("utm_source")
          ? (json.channel_code = getUrlVal("utm_source"))
          : "";
        xhr.open(
          "POST",
          "https://client.o-faster.cc/api/v1/marketing-channel/device",
          true
        );
        // xhr.open("POST", "https://dev-client.o-faster.cc/api/v1/marketing-channel/device", true);//測試

        //发送合适的请求头信息
        xhr.setRequestHeader("Content-type", "application/json; charset=utf-8");

        xhr.onload = function () {
          // 请求结束后，在此处写处理代码
          getMarketingChannelDevice();
        };
        xhr.send(JSON.stringify(json));
      }

      async function getMarketingChannelDevice() {
        var xhr = new XMLHttpRequest();
        // let json = {
        //     operating_system: operatingSystem,
        //     screen_width: window.screen.width.toString(),
        //     screen_height: window.screen.height.toString(),

        // };

        // getUrlVal('utm_source') ? json.channel_code = getUrlVal('utm_source') : '';
        xhr.open(
          "GET",
          "https://client.o-faster.cc/api/v1/marketing-channel/device?" +
            "operating_system=" +
            operatingSystem +
            "&" +
            "screen_width=" +
            window.screen.width.toString() +
            "&" +
            "screen_height=" +
            window.screen.height.toString(),
          true
        );
        // xhr.open("GET", "https://dev-client.o-faster.cc/api/v1/marketing-channel/device?"+"operating_system="+operatingSystem+"&"+"screen_width="+window.screen.width.toString()+"&"+"screen_height="+window.screen.height.toString(), true);//測試

        //发送合适的请求头信息
        xhr.setRequestHeader("Content-type", "application/json; charset=utf-8");

        xhr.onload = function () {
          // 请求结束后，在此处写处理代码
          thisDevice = JSON.parse(xhr.responseText);
          if (thisDevice.code === 0) {
            marketingChannelEvent("1");
          }
        };
        xhr.send(null);
      }

      async function marketingChannelEvent(v) {
        var xhr = new XMLHttpRequest();
        let json = JSON.stringify({
          event_code: v,
          marketing_channel_device_id: thisDevice.data.id,
        });
        xhr.open(
          "POST",
          "https://client.o-faster.cc/api/v1/marketing-channel/event",
          true
        );
        // xhr.open("POST", "https://dev-client.o-faster.cc/api/v1/marketing-channel/event", true);//測試

        //发送合适的请求头信息
        xhr.setRequestHeader("Content-type", "application/json; charset=utf-8");

        xhr.onload = function () {
          // 请求结束后，在此处写处理代码
        };
        xhr.send(json);
      }
      async function displayDeviceInfo() {
        ipAddress = await fetchIPAddress();
        userAgent = await getUserAgent();
        preferredLanguage = await getPreferredLanguage();
        screenResolution = await getScreenResolution();
        timezone = await getTimezone();
        await marketingChannelDevice();

        // marketingChannelEvent("1");
      }

      window.onload = displayDeviceInfo;

      let qrcodeContsiner = document.getElementById("qrcode");
      let qrcode = new QRCode(qrcodeContsiner, {
        width: 148,
        height: 148,
      });
      qrcode.makeCode(location.href);

      function reqListener() {
        let data = JSON.parse(this.response);
        if (data.code === 0) {
          data.data.forEach((item) => {
            if (item.platform_id === 1) {
              androidDownloadURL = item.download_url;
              // if (isWindows) {
              //     let textToEncode = androidDownloadURL;
              //     qrcode.makeCode(textToEncode);
              // }
            } else if (item.platform_id === 2) {
              iosDownloadURL = item.download_url;
              // if (isMac) {
              //     let textToEncode = iosDownloadURL;
              //     qrcode.makeCode(textToEncode);
              // }
            } else if (item.platform_id === 3) {
              windowsDownloadURL = item.download_url;
            } else if (item.platform_id === 4) {
              macIntelDownloadURL = item.download_url;
            } else if (item.platform_id === 5) {
              macSiliconDownloadURL = item.download_url;
            } else if (item.platform_id === 6) {
              windowsARMDownloadURL = item.download_url;
            }
          });
        }
      }

      var oReq = new XMLHttpRequest();
      oReq.addEventListener("load", reqListener);
      oReq.open("GET", "https://client.o-faster.cc/api/v1/app/version");
      oReq.send();

      // 防封網址
      function convertUrl(url) {
        let newUrl = new URL(url);
        let path = newUrl.pathname;
        let resultUrl = `https://skytreevpn.cc?path=${path}`;
        return resultUrl;
      }

      function download(device) {
        twq("event", "tw-opqmh-opqmk", {});
        marketingChannelEvent("2");
        // document.querySelector('.downloadListAndroid').style.display = 'none'
        switch (device) {
          case "windows":
            window.location.href = convertUrl(windowsDownloadURL);
            break;
          case "windowsARM":
            console.log(windowsARMDownloadURL);
            window.location.href = convertUrl(windowsARMDownloadURL);
            break;
          case "ios":
            window.location.href = iosDownloadURL;
            break;
          case "mac-intel":
            window.location.href = convertUrl(macIntelDownloadURL);
            break;
          case "mac-arm":
            window.location.href = convertUrl(macSiliconDownloadURL);
            break;
          case "android":
            window.location.href = convertUrl(androidDownloadURL);
            break;
          case "googlePlay":
            window.location.href =
              "https://play.google.com/store/apps/details?id=com.yangfang.proxy_android";
            break;
          case "galaxyStore":
            window.location.href =
              "https://galaxystore.samsung.com/detail/com.yangfang.proxy_android";
            break;
          case "appgalleryHuawei":
            window.location.href =
              "https://appgallery.huawei.com/#/app/C111238625";
            break;
          case "appsMicrosoft":
            window.location.href =
              "https://apps.microsoft.com/detail/xp8c8wtn6rv2wd";
            break;
          default:
            console.log(`Sorry, we don't have ${device}.`);
        }
      }

      function downloadListHandle(event, v) {
        event.stopPropagation();
        if (event.currentTarget.classList.value.indexOf("selected") > 0) {
          event.currentTarget.classList.remove("selected");
        } else {
          event.currentTarget.classList.add("selected");
        }
        switch (v) {
          case "android":
            // console.log(document.querySelector('.downloadListAndroid').children)
            console.log(
              document.querySelector(".downloadListAndroid").style.display
            );
            if (
              document.querySelector(".downloadListAndroid").style.display ===
                "" ||
              document.querySelector(".downloadListAndroid").style.display ===
                "none"
            ) {
              document.querySelector(".downloadListAndroid").style.display =
                "block";
            } else {
              document.querySelector(".downloadListAndroid").style.display =
                "none";
            }
            break;
          case "windows":
            // console.log(document.querySelector('.downloadListAndroid').children)
            console.log(
              document.querySelector(".downloadListWindows").style.display
            );
            if (
              document.querySelector(".downloadListWindows").style.display ===
                "" ||
              document.querySelector(".downloadListWindows").style.display ===
                "none"
            ) {
              document.querySelector(".downloadListWindows").style.display =
                "block";
            } else {
              document.querySelector(".downloadListWindows").style.display =
                "none";
            }
            break;
          case "mac":
            // console.log(document.querySelector('.downloadListAndroid').children)
            console.log(
              document.querySelector(".downloadListMac").style.display
            );
            if (
              document.querySelector(".downloadListMac").style.display === "" ||
              document.querySelector(".downloadListMac").style.display ===
                "none"
            ) {
              document.querySelector(".downloadListMac").style.display =
                "block";
            } else {
              document.querySelector(".downloadListMac").style.display = "none";
            }
            break;

          default:
            break;
        }
      }

      function actionedHandle(event) {
        event.stopPropagation();
        if (event.currentTarget.classList.value.indexOf("actioned") > 0) {
          event.currentTarget.classList.remove("actioned");
        } else {
          event.currentTarget.classList.add("actioned");
        }
      }

      // document.querySelector("body").addEventListener(
      //     "click",
      //     function (e) {
      //         document.querySelector('.downloadListAndroid').style.display = 'none'
      //     },
      //     false
      // );
      let downloadLinks = [];
      const linkObj = {
        androidDownloadURL: "",
        iosDownloadURL: "",
        windowsDownloadURL: "",
        macIntelDownloadURL: "",
        macSiliconDownloadURL: "",
        windowsARMDownloadURL: "",
      };

      const downloadKeyMap = {
        1: "androidDownloadURL",
        2: "iosDownloadURL",
        3: "windowsDownloadURL",
        4: "macIntelDownloadURL",
        5: "macSiliconDownloadURL",
        6: "windowsARMDownloadURL",
      };
      const getDownloadLinks = async () => {
        const link = "https://client.o-faster.cc/api/v1/app/version";
        try {
          const res = await fetch(link);
          const responseJson = await res.json();
          const { data } = responseJson;
          if (Array.isArray(data) && data.length > 0) {
            downloadLinks = [...data];

            data.forEach((linkData) => {
              const { platform_id, download_url } = linkData;
              const key = downloadKeyMap[platform_id];
              if (key) linkObj[key] = download_url;
            });
          }
        } catch (err) {
          console.error("❌ API 取得失敗", err);
        }
      };

      window.addEventListener("DOMContentLoaded", getDownloadLinks);

      const closeModalById = (targetId) => {
        const el = document.getElementById(targetId);
        el.classList.add("hidden");
      };

      const handleDownloadClick = (deviceUrl) => {
        const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(
          navigator.userAgent
        );
        const legalDevice = deviceUrl in linkObj;
        const downloadLink = linkObj[deviceUrl];
        if (downloadLinks.length === 0 || !legalDevice) return;
        // todo: not finish
        switch (deviceUrl) {
          case "windowsDownloadURL":
          case "macIntelDownloadURL":
          case "macSiliconDownloadURL":
          case "windowsARMDownloadURL":
            window.location.href = downloadLink;
            break;
          case "iosDownloadURL":
          case "androidDownloadURL":
            if (isMobile) {
              window.location.href = downloadLink;
            } else {
              const isAndroid = deviceUrl === "androidDownloadURL";
              const type = isAndroid ? "Android" : "iOS";
              const qrCodeModal = document.getElementById("qrcode-modal");
              const tutorialBtn = document.getElementById("tutorial-btn");
              const downloadDropdown = document.getElementById(
                "navbar-menu-download"
              );

              downloadDropdown.classList.add("force-hide");
              //解除 force-hide
              setTimeout(() => {
                downloadDropdown.classList.remove("force-hide");
              }, 300);

              if (qrCodeModal.classList.contains("hidden")) {
                qrCodeModal.classList.remove("hidden");
              }

              if (!isAndroid && tutorialBtn.classList.contains("hidden")) {
                tutorialBtn.classList.remove("hidden");
              } else {
                tutorialBtn.classList.add("hidden");
              }

              // todo: close all menu, include mobile
              document.getElementById(
                "qr-device-label"
              ).innerText = `${type} 設備使用以下方式安裝`;

              const qrcodeContainer = document.getElementById("qr-image");
              qrcodeContainer.innerHTML = "";
              const qrcode = new QRCode(qrcodeContainer, {
                width: 148,
                height: 148,
              });
              qrcode.clear();
              qrcode.makeCode(downloadLink);
            }

            // todo: hide download dropdown in mobile device
            break;
          default:
            console.log("Sorry, but we’re unable to support your device.");
        }
      };
      const toggleSidebar = () => {
        const backdropElement = document.getElementById("sidebarBackdrop");
        const sidebarElement = document.getElementById("sidebar");
        backdropElement.classList.toggle("hidden");
        sidebarElement.classList.toggle("hidden");
      };

      const toggleMenu = (el) => {
        const target = el.nextElementSibling;
        if (!target || !target.classList.contains("open-DropDown")) return;

        const isCurrentlyOpen = !target.classList.contains("hidden");

        // 關閉所有下拉
        document.querySelectorAll(".open-DropDown").forEach((menu) => {
          menu.classList.add("hidden");
        });

        // 移除所有 active（讓 SVG 轉回來）
        document.querySelectorAll(".BurgerMenuDropDown").forEach((drop) => {
          drop.classList.remove("active");
        });

        // 如果點的是關閉狀態 → 打開並加上 active
        if (!isCurrentlyOpen) {
          target.classList.remove("hidden");
          el.classList.add("active");
        }
      };

      const tutorialOpen = () => {
        window.open(
          "https://skytreevpn.com/downloads/video/iphone_tf_install.mp4"
        );
      };
    </script>
  <script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"800b831a0fc44356b8aba0e985067815","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
</body>
</html>
