commit b519879332762eb36dee336d82b776161f869b05
Author: gin <gin@gmail.com>
Date:   Sat Jun 15 14:59:52 2024 +0700

    push code

diff --git a/.idea/UI.iml b/.idea/UI.iml
new file mode 100644
index 0000000..d0876a7
--- /dev/null
+++ b/.idea/UI.iml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="PYTHON_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>
\ No newline at end of file
diff --git a/.idea/inspectionProfiles/Project_Default.xml b/.idea/inspectionProfiles/Project_Default.xml
new file mode 100644
index 0000000..823232a
--- /dev/null
+++ b/.idea/inspectionProfiles/Project_Default.xml
@@ -0,0 +1,44 @@
+<component name="InspectionProjectProfileManager">
+  <profile version="1.0">
+    <option name="myName" value="Project Default" />
+    <inspection_tool class="DuplicatedCode" enabled="true" level="WEAK WARNING" enabled_by_default="true">
+      <Languages>
+        <language minSize="75" name="TypeScript" />
+        <language minSize="152" name="Python" />
+      </Languages>
+    </inspection_tool>
+    <inspection_tool class="Eslint" enabled="true" level="WARNING" enabled_by_default="true" />
+    <inspection_tool class="HtmlUnknownTag" enabled="true" level="WARNING" enabled_by_default="true">
+      <option name="myValues">
+        <value>
+          <list size="8">
+            <item index="0" class="java.lang.String" itemvalue="nobr" />
+            <item index="1" class="java.lang.String" itemvalue="noembed" />
+            <item index="2" class="java.lang.String" itemvalue="comment" />
+            <item index="3" class="java.lang.String" itemvalue="noscript" />
+            <item index="4" class="java.lang.String" itemvalue="embed" />
+            <item index="5" class="java.lang.String" itemvalue="script" />
+            <item index="6" class="java.lang.String" itemvalue="div" />
+            <item index="7" class="java.lang.String" itemvalue="tr" />
+          </list>
+        </value>
+      </option>
+      <option name="myCustomValuesEnabled" value="true" />
+    </inspection_tool>
+    <inspection_tool class="PyPep8NamingInspection" enabled="true" level="WEAK WARNING" enabled_by_default="true">
+      <option name="ignoredErrors">
+        <list>
+          <option value="N806" />
+        </list>
+      </option>
+    </inspection_tool>
+    <inspection_tool class="PyUnresolvedReferencesInspection" enabled="true" level="WARNING" enabled_by_default="true">
+      <option name="ignoredIdentifiers">
+        <list>
+          <option value="dict.__getitem__" />
+          <option value="str.__sub__" />
+        </list>
+      </option>
+    </inspection_tool>
+  </profile>
+</component>
\ No newline at end of file
diff --git a/.idea/inspectionProfiles/profiles_settings.xml b/.idea/inspectionProfiles/profiles_settings.xml
new file mode 100644
index 0000000..105ce2d
--- /dev/null
+++ b/.idea/inspectionProfiles/profiles_settings.xml
@@ -0,0 +1,6 @@
+<component name="InspectionProjectProfileManager">
+  <settings>
+    <option name="USE_PROJECT_PROFILE" value="false" />
+    <version value="1.0" />
+  </settings>
+</component>
\ No newline at end of file
diff --git a/.idea/misc.xml b/.idea/misc.xml
new file mode 100644
index 0000000..a971a2c
--- /dev/null
+++ b/.idea/misc.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectRootManager" version="2" project-jdk-name="Python 3.11" project-jdk-type="Python SDK" />
+</project>
\ No newline at end of file
diff --git a/.idea/modules.xml b/.idea/modules.xml
new file mode 100644
index 0000000..b1d93f0
--- /dev/null
+++ b/.idea/modules.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/UI.iml" filepath="$PROJECT_DIR$/.idea/UI.iml" />
+    </modules>
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
new file mode 100644
index 0000000..35eb1dd
--- /dev/null
+++ b/.idea/vcs.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="" vcs="Git" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..e0acb37
--- /dev/null
+++ b/README.md
@@ -0,0 +1,7 @@
+# Vue 3 + Vite
+
+This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+
+## Recommended IDE Setup
+
+- [VS Code](https://code.visualstudio.com/) + [Vue - Official](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (previously Volar) and disable Vetur
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..610d552
--- /dev/null
+++ b/index.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.png" />
+    <meta
+      name="viewport"
+      content="width=device-width,initial-scale=1,shrink-to-fit=no,maximum-scale=1,minimum-scale=1,user-scalable=0,minimal-ui,viewport-fit=cover"
+    />
+    <title>Web</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.js"></script>
+  </body>
+</html>
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..1abbc0c
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,2128 @@
+{
+  "name": "wsec",
+  "version": "0.0.0",
+  "lockfileVersion": 2,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "wsec",
+      "version": "0.0.0",
+      "dependencies": {
+        "axios": "^1.7.2",
+        "moment": "^2.30.1",
+        "pinia": "^2.1.7",
+        "sass": "^1.77.4",
+        "swiper": "^11.1.4",
+        "vant": "^4.9.1",
+        "vue": "^3.4.21",
+        "vue-router": "^4.0.13"
+      },
+      "devDependencies": {
+        "@vitejs/plugin-vue": "^5.0.4",
+        "vite": "^5.2.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.24.7.tgz",
+      "integrity": "sha512-9uUYRm6OqQrCqQdG1iCBwBPZgN8ciDBro2nIOFaiRz1/BCxaI7CNvQbDHvsArAC7Tw9Hda/B3U+6ui9u4HWXPw==",
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@esbuild/aix-ppc64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.20.2.tgz",
+      "integrity": "sha512-D+EBOJHXdNZcLJRBkhENNG8Wji2kgc9AZ9KiPr1JuZjsNtyHzrsfLRrY0tk2H2aoFu6RANO1y1iPPUCDYWkb5g==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.20.2.tgz",
+      "integrity": "sha512-t98Ra6pw2VaDhqNWO2Oph2LXbz/EJcnLmKLGBJwEwXX/JAN83Fym1rU8l0JUWK6HkIbWONCSSatf4sf2NBRx/w==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.20.2.tgz",
+      "integrity": "sha512-mRzjLacRtl/tWU0SvD8lUEwb61yP9cqQo6noDZP/O8VkwafSYwZ4yWy24kan8jE/IMERpYncRt2dw438LP3Xmg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.20.2.tgz",
+      "integrity": "sha512-btzExgV+/lMGDDa194CcUQm53ncxzeBrWJcncOBxuC6ndBkKxnHdFJn86mCIgTELsooUmwUm9FkhSp5HYu00Rg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.20.2.tgz",
+      "integrity": "sha512-4J6IRT+10J3aJH3l1yzEg9y3wkTDgDk7TSDFX+wKFiWjqWp/iCfLIYzGyasx9l0SAFPT1HwSCR+0w/h1ES/MjA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.20.2.tgz",
+      "integrity": "sha512-tBcXp9KNphnNH0dfhv8KYkZhjc+H3XBkF5DKtswJblV7KlT9EI2+jeA8DgBjp908WEuYll6pF+UStUCfEpdysA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.20.2.tgz",
+      "integrity": "sha512-d3qI41G4SuLiCGCFGUrKsSeTXyWG6yem1KcGZVS+3FYlYhtNoNgYrWcvkOoaqMhwXSMrZRl69ArHsGJ9mYdbbw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.20.2.tgz",
+      "integrity": "sha512-d+DipyvHRuqEeM5zDivKV1KuXn9WeRX6vqSqIDgwIfPQtwMP4jaDsQsDncjTDDsExT4lR/91OLjRo8bmC1e+Cw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.20.2.tgz",
+      "integrity": "sha512-VhLPeR8HTMPccbuWWcEUD1Az68TqaTYyj6nfE4QByZIQEQVWBB8vup8PpR7y1QHL3CpcF6xd5WVBU/+SBEvGTg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.20.2.tgz",
+      "integrity": "sha512-9pb6rBjGvTFNira2FLIWqDk/uaf42sSyLE8j1rnUpuzsODBq7FvpwHYZxQ/It/8b+QOS1RYfqgGFNLRI+qlq2A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.20.2.tgz",
+      "integrity": "sha512-o10utieEkNPFDZFQm9CoP7Tvb33UutoJqg3qKf1PWVeeJhJw0Q347PxMvBgVVFgouYLGIhFYG0UGdBumROyiig==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.20.2.tgz",
+      "integrity": "sha512-PR7sp6R/UC4CFVomVINKJ80pMFlfDfMQMYynX7t1tNTeivQ6XdX5r2XovMmha/VjR1YN/HgHWsVcTRIMkymrgQ==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.20.2.tgz",
+      "integrity": "sha512-4BlTqeutE/KnOiTG5Y6Sb/Hw6hsBOZapOVF6njAESHInhlQAghVVZL1ZpIctBOoTFbQyGW+LsVYZ8lSSB3wkjA==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.20.2.tgz",
+      "integrity": "sha512-rD3KsaDprDcfajSKdn25ooz5J5/fWBylaaXkuotBDGnMnDP1Uv5DLAN/45qfnf3JDYyJv/ytGHQaziHUdyzaAg==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.20.2.tgz",
+      "integrity": "sha512-snwmBKacKmwTMmhLlz/3aH1Q9T8v45bKYGE3j26TsaOVtjIag4wLfWSiZykXzXuE1kbCE+zJRmwp+ZbIHinnVg==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.20.2.tgz",
+      "integrity": "sha512-wcWISOobRWNm3cezm5HOZcYz1sKoHLd8VL1dl309DiixxVFoFe/o8HnwuIwn6sXre88Nwj+VwZUvJf4AFxkyrQ==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.20.2.tgz",
+      "integrity": "sha512-1MdwI6OOTsfQfek8sLwgyjOXAu+wKhLEoaOLTjbijk6E2WONYpH9ZU2mNtR+lZ2B4uwr+usqGuVfFT9tMtGvGw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.20.2.tgz",
+      "integrity": "sha512-K8/DhBxcVQkzYc43yJXDSyjlFeHQJBiowJ0uVL6Tor3jGQfSGHNNJcWxNbOI8v5k82prYqzPuwkzHt3J1T1iZQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.20.2.tgz",
+      "integrity": "sha512-eMpKlV0SThJmmJgiVyN9jTPJ2VBPquf6Kt/nAoo6DgHAoN57K15ZghiHaMvqjCye/uU4X5u3YSMgVBI1h3vKrQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.20.2.tgz",
+      "integrity": "sha512-2UyFtRC6cXLyejf/YEld4Hajo7UHILetzE1vsRcGL3earZEW77JxrFjH4Ez2qaTiEfMgAXxfAZCm1fvM/G/o8w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.20.2.tgz",
+      "integrity": "sha512-GRibxoawM9ZCnDxnP3usoUDO9vUkpAxIIZ6GQI+IlVmr5kP3zUq+l17xELTHMWTWzjxa2guPNyrpq1GWmPvcGQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.20.2.tgz",
+      "integrity": "sha512-HfLOfn9YWmkSKRQqovpnITazdtquEW8/SoHW7pWpuEeguaZI4QnCRW6b+oZTztdBnZOS2hqJ6im/D5cPzBTTlQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.20.2.tgz",
+      "integrity": "sha512-N49X4lJX27+l9jbLKSqZ6bKNjzQvHaT8IIFUy+YIqmXQdjYCToGWwOItDrfby14c78aDd5NHQl29xingXfCdLQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.4.15",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
+      "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg=="
+    },
+    "node_modules/@rollup/rollup-android-arm-eabi": {
+      "version": "4.18.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.18.0.tgz",
+      "integrity": "sha512-Tya6xypR10giZV1XzxmH5wr25VcZSncG0pZIjfePT0OVBvqNEurzValetGNarVrGiq66EBVAFn15iYX4w6FKgQ==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-android-arm64": {
+      "version": "4.18.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.18.0.tgz",
+      "integrity": "sha512-avCea0RAP03lTsDhEyfy+hpfr85KfyTctMADqHVhLAF3MlIkq83CP8UfAHUssgXTYd+6er6PaAhx/QGv4L1EiA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-arm64": {
+      "version": "4.18.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.18.0.tgz",
+      "integrity": "sha512-IWfdwU7KDSm07Ty0PuA/W2JYoZ4iTj3TUQjkVsO/6U+4I1jN5lcR71ZEvRh52sDOERdnNhhHU57UITXz5jC1/w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-x64": {
+      "version": "4.18.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.18.0.tgz",
+      "integrity": "sha512-n2LMsUz7Ynu7DoQrSQkBf8iNrjOGyPLrdSg802vk6XT3FtsgX6JbE8IHRvposskFm9SNxzkLYGSq9QdpLYpRNA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+      "version": "4.18.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.18.0.tgz",
+      "integrity": "sha512-C/zbRYRXFjWvz9Z4haRxcTdnkPt1BtCkz+7RtBSuNmKzMzp3ZxdM28Mpccn6pt28/UWUCTXa+b0Mx1k3g6NOMA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-musleabihf": {
+      "version": "4.18.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.18.0.tgz",
+      "integrity": "sha512-l3m9ewPgjQSXrUMHg93vt0hYCGnrMOcUpTz6FLtbwljo2HluS4zTXFy2571YQbisTnfTKPZ01u/ukJdQTLGh9A==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-gnu": {
+      "version": "4.18.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.18.0.tgz",
+      "integrity": "sha512-rJ5D47d8WD7J+7STKdCUAgmQk49xuFrRi9pZkWoRD1UeSMakbcepWXPF8ycChBoAqs1pb2wzvbY6Q33WmN2ftw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-musl": {
+      "version": "4.18.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.18.0.tgz",
+      "integrity": "sha512-be6Yx37b24ZwxQ+wOQXXLZqpq4jTckJhtGlWGZs68TgdKXJgw54lUUoFYrg6Zs/kjzAQwEwYbp8JxZVzZLRepQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
+      "version": "4.18.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.18.0.tgz",
+      "integrity": "sha512-hNVMQK+qrA9Todu9+wqrXOHxFiD5YmdEi3paj6vP02Kx1hjd2LLYR2eaN7DsEshg09+9uzWi2W18MJDlG0cxJA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
+      "version": "4.18.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.18.0.tgz",
+      "integrity": "sha512-ROCM7i+m1NfdrsmvwSzoxp9HFtmKGHEqu5NNDiZWQtXLA8S5HBCkVvKAxJ8U+CVctHwV2Gb5VUaK7UAkzhDjlg==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-s390x-gnu": {
+      "version": "4.18.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.18.0.tgz",
+      "integrity": "sha512-0UyyRHyDN42QL+NbqevXIIUnKA47A+45WyasO+y2bGJ1mhQrfrtXUpTxCOrfxCR4esV3/RLYyucGVPiUsO8xjg==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-gnu": {
+      "version": "4.18.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.18.0.tgz",
+      "integrity": "sha512-xuglR2rBVHA5UsI8h8UbX4VJ470PtGCf5Vpswh7p2ukaqBGFTnsfzxUBetoWBWymHMxbIG0Cmx7Y9qDZzr648w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-musl": {
+      "version": "4.18.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.18.0.tgz",
+      "integrity": "sha512-LKaqQL9osY/ir2geuLVvRRs+utWUNilzdE90TpyoX0eNqPzWjRm14oMEE+YLve4k/NAqCdPkGYDaDF5Sw+xBfg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-arm64-msvc": {
+      "version": "4.18.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.18.0.tgz",
+      "integrity": "sha512-7J6TkZQFGo9qBKH0pk2cEVSRhJbL6MtfWxth7Y5YmZs57Pi+4x6c2dStAUvaQkHQLnEQv1jzBUW43GvZW8OFqA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-ia32-msvc": {
+      "version": "4.18.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.18.0.tgz",
+      "integrity": "sha512-Txjh+IxBPbkUB9+SXZMpv+b/vnTEtFyfWZgJ6iyCmt2tdx0OF5WhFowLmnh8ENGNpfUlUZkdI//4IEmhwPieNg==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-msvc": {
+      "version": "4.18.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.18.0.tgz",
+      "integrity": "sha512-UOo5FdvOL0+eIVTgS4tIdbW+TtnBLWg1YBCcU2KWM7nuNwRz9bksDX1bekJJCpu25N1DVWaCwnT39dVQxzqS8g==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.5.tgz",
+      "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==",
+      "dev": true
+    },
+    "node_modules/@vant/popperjs": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@vant/popperjs/-/popperjs-1.3.0.tgz",
+      "integrity": "sha512-hB+czUG+aHtjhaEmCJDuXOep0YTZjdlRR+4MSmIFnkCQIxJaXLQdSsR90XWvAI2yvKUI7TCGqR8pQg2RtvkMHw=="
+    },
+    "node_modules/@vant/use": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/@vant/use/-/use-1.6.0.tgz",
+      "integrity": "sha512-PHHxeAASgiOpSmMjceweIrv2AxDZIkWXyaczksMoWvKV2YAYEhoizRuk/xFnKF+emUIi46TsQ+rvlm/t2BBCfA==",
+      "peerDependencies": {
+        "vue": "^3.0.0"
+      }
+    },
+    "node_modules/@vitejs/plugin-vue": {
+      "version": "5.0.5",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-5.0.5.tgz",
+      "integrity": "sha512-LOjm7XeIimLBZyzinBQ6OSm3UBCNVCpLkxGC0oWmm2YPzVZoxMsdvNVimLTBzpAnR9hl/yn1SHGuRfe6/Td9rQ==",
+      "dev": true,
+      "engines": {
+        "node": "^18.0.0 || >=20.0.0"
+      },
+      "peerDependencies": {
+        "vite": "^5.0.0",
+        "vue": "^3.2.25"
+      }
+    },
+    "node_modules/@vue/compiler-core": {
+      "version": "3.4.27",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.4.27.tgz",
+      "integrity": "sha512-E+RyqY24KnyDXsCuQrI+mlcdW3ALND6U7Gqa/+bVwbcpcR3BRRIckFoz7Qyd4TTlnugtwuI7YgjbvsLmxb+yvg==",
+      "dependencies": {
+        "@babel/parser": "^7.24.4",
+        "@vue/shared": "3.4.27",
+        "entities": "^4.5.0",
+        "estree-walker": "^2.0.2",
+        "source-map-js": "^1.2.0"
+      }
+    },
+    "node_modules/@vue/compiler-dom": {
+      "version": "3.4.27",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.4.27.tgz",
+      "integrity": "sha512-kUTvochG/oVgE1w5ViSr3KUBh9X7CWirebA3bezTbB5ZKBQZwR2Mwj9uoSKRMFcz4gSMzzLXBPD6KpCLb9nvWw==",
+      "dependencies": {
+        "@vue/compiler-core": "3.4.27",
+        "@vue/shared": "3.4.27"
+      }
+    },
+    "node_modules/@vue/compiler-sfc": {
+      "version": "3.4.27",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.4.27.tgz",
+      "integrity": "sha512-nDwntUEADssW8e0rrmE0+OrONwmRlegDA1pD6QhVeXxjIytV03yDqTey9SBDiALsvAd5U4ZrEKbMyVXhX6mCGA==",
+      "dependencies": {
+        "@babel/parser": "^7.24.4",
+        "@vue/compiler-core": "3.4.27",
+        "@vue/compiler-dom": "3.4.27",
+        "@vue/compiler-ssr": "3.4.27",
+        "@vue/shared": "3.4.27",
+        "estree-walker": "^2.0.2",
+        "magic-string": "^0.30.10",
+        "postcss": "^8.4.38",
+        "source-map-js": "^1.2.0"
+      }
+    },
+    "node_modules/@vue/compiler-ssr": {
+      "version": "3.4.27",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.4.27.tgz",
+      "integrity": "sha512-CVRzSJIltzMG5FcidsW0jKNQnNRYC8bT21VegyMMtHmhW3UOI7knmUehzswXLrExDLE6lQCZdrhD4ogI7c+vuw==",
+      "dependencies": {
+        "@vue/compiler-dom": "3.4.27",
+        "@vue/shared": "3.4.27"
+      }
+    },
+    "node_modules/@vue/devtools-api": {
+      "version": "6.6.3",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.6.3.tgz",
+      "integrity": "sha512-0MiMsFma/HqA6g3KLKn+AGpL1kgKhFWszC9U29NfpWK5LE7bjeXxySWJrOJ77hBz+TBrBQ7o4QJqbPbqbs8rJw=="
+    },
+    "node_modules/@vue/reactivity": {
+      "version": "3.4.27",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.4.27.tgz",
+      "integrity": "sha512-kK0g4NknW6JX2yySLpsm2jlunZJl2/RJGZ0H9ddHdfBVHcNzxmQ0sS0b09ipmBoQpY8JM2KmUw+a6sO8Zo+zIA==",
+      "dependencies": {
+        "@vue/shared": "3.4.27"
+      }
+    },
+    "node_modules/@vue/runtime-core": {
+      "version": "3.4.27",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.4.27.tgz",
+      "integrity": "sha512-7aYA9GEbOOdviqVvcuweTLe5Za4qBZkUY7SvET6vE8kyypxVgaT1ixHLg4urtOlrApdgcdgHoTZCUuTGap/5WA==",
+      "dependencies": {
+        "@vue/reactivity": "3.4.27",
+        "@vue/shared": "3.4.27"
+      }
+    },
+    "node_modules/@vue/runtime-dom": {
+      "version": "3.4.27",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.4.27.tgz",
+      "integrity": "sha512-ScOmP70/3NPM+TW9hvVAz6VWWtZJqkbdf7w6ySsws+EsqtHvkhxaWLecrTorFxsawelM5Ys9FnDEMt6BPBDS0Q==",
+      "dependencies": {
+        "@vue/runtime-core": "3.4.27",
+        "@vue/shared": "3.4.27",
+        "csstype": "^3.1.3"
+      }
+    },
+    "node_modules/@vue/server-renderer": {
+      "version": "3.4.27",
+      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.4.27.tgz",
+      "integrity": "sha512-dlAMEuvmeA3rJsOMJ2J1kXU7o7pOxgsNHVr9K8hB3ImIkSuBrIdy0vF66h8gf8Tuinf1TK3mPAz2+2sqyf3KzA==",
+      "dependencies": {
+        "@vue/compiler-ssr": "3.4.27",
+        "@vue/shared": "3.4.27"
+      },
+      "peerDependencies": {
+        "vue": "3.4.27"
+      }
+    },
+    "node_modules/@vue/shared": {
+      "version": "3.4.27",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.4.27.tgz",
+      "integrity": "sha512-DL3NmY2OFlqmYYrzp39yi3LDkKxa5vZVwxWdQ3rG0ekuWscHraeIbnI8t+aZK7qhYqEqWKTUdijadunb9pnrgA=="
+    },
+    "node_modules/anymatch": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
+      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+      "dependencies": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
+    },
+    "node_modules/axios": {
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.7.2.tgz",
+      "integrity": "sha512-2A8QhOMrbomlDuiLeK9XibIBzuHeRcqqNOHp0Cyp5EoJ1IFDh+XZH3A6BkXtv0K4gFGCI0Y4BM7B1wOEi0Rmgw==",
+      "dependencies": {
+        "follow-redirects": "^1.15.6",
+        "form-data": "^4.0.0",
+        "proxy-from-env": "^1.1.0"
+      }
+    },
+    "node_modules/binary-extensions": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
+      "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "dependencies": {
+        "fill-range": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/chokidar": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
+      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+      "dependencies": {
+        "anymatch": "~3.1.2",
+        "braces": "~3.0.2",
+        "glob-parent": "~5.1.2",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.6.0"
+      },
+      "engines": {
+        "node": ">= 8.10.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/chokidar/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/csstype": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
+      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="
+    },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/entities": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
+      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/esbuild": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.20.2.tgz",
+      "integrity": "sha512-WdOOppmUNU+IbZ0PaDiTst80zjnrOkyJNHoKupIcVyU8Lvla3Ugx94VzkQ32Ijqd7UhHJy75gNWDMUekcrSJ6g==",
+      "dev": true,
+      "hasInstallScript": true,
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.20.2",
+        "@esbuild/android-arm": "0.20.2",
+        "@esbuild/android-arm64": "0.20.2",
+        "@esbuild/android-x64": "0.20.2",
+        "@esbuild/darwin-arm64": "0.20.2",
+        "@esbuild/darwin-x64": "0.20.2",
+        "@esbuild/freebsd-arm64": "0.20.2",
+        "@esbuild/freebsd-x64": "0.20.2",
+        "@esbuild/linux-arm": "0.20.2",
+        "@esbuild/linux-arm64": "0.20.2",
+        "@esbuild/linux-ia32": "0.20.2",
+        "@esbuild/linux-loong64": "0.20.2",
+        "@esbuild/linux-mips64el": "0.20.2",
+        "@esbuild/linux-ppc64": "0.20.2",
+        "@esbuild/linux-riscv64": "0.20.2",
+        "@esbuild/linux-s390x": "0.20.2",
+        "@esbuild/linux-x64": "0.20.2",
+        "@esbuild/netbsd-x64": "0.20.2",
+        "@esbuild/openbsd-x64": "0.20.2",
+        "@esbuild/sunos-x64": "0.20.2",
+        "@esbuild/win32-arm64": "0.20.2",
+        "@esbuild/win32-ia32": "0.20.2",
+        "@esbuild/win32-x64": "0.20.2"
+      }
+    },
+    "node_modules/estree-walker": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
+    },
+    "node_modules/fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/follow-redirects": {
+      "version": "1.15.6",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.6.tgz",
+      "integrity": "sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/RubenVerborgh"
+        }
+      ],
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependenciesMeta": {
+        "debug": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/form-data": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
+      "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "hasInstallScript": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/immutable": {
+      "version": "4.3.6",
+      "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.6.tgz",
+      "integrity": "sha512-Ju0+lEMyzMVZarkTn/gqRpdqd5dOPaz1mCZ0SH3JV6iFw81PldE/PEB1hWVEA288HPt4WXW8O7AWxB10M+03QQ=="
+    },
+    "node_modules/is-binary-path": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "dependencies": {
+        "binary-extensions": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/magic-string": {
+      "version": "0.30.10",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.10.tgz",
+      "integrity": "sha512-iIRwTIf0QKV3UAnYK4PU8uiEc4SRh5jX0mwpIwETPpHdhVM4f53RSwS/vXvN1JhGX+Cs7B8qIq3d6AH49O5fAQ==",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.4.15"
+      }
+    },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/moment": {
+      "version": "2.30.1",
+      "resolved": "https://registry.npmjs.org/moment/-/moment-2.30.1.tgz",
+      "integrity": "sha512-uEmtNhbDOrWPFS+hdjFCBfy9f2YoyzRpwcl+DqpC6taX21FzsTLQVbMV/W7PzNSX6x/bhC1zA3c2UQ5NzH6how==",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.7",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz",
+      "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/picocolors": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.1.tgz",
+      "integrity": "sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew=="
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/pinia": {
+      "version": "2.1.7",
+      "resolved": "https://registry.npmjs.org/pinia/-/pinia-2.1.7.tgz",
+      "integrity": "sha512-+C2AHFtcFqjPih0zpYuvof37SFxMQ7OEG2zV9jRI12i9BOy3YQVAHwdKtyyc8pDcDyIc33WCIsZaCFWU7WWxGQ==",
+      "dependencies": {
+        "@vue/devtools-api": "^6.5.0",
+        "vue-demi": ">=0.14.5"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/posva"
+      },
+      "peerDependencies": {
+        "@vue/composition-api": "^1.4.0",
+        "typescript": ">=4.4.4",
+        "vue": "^2.6.14 || ^3.3.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        },
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/pinia/node_modules/vue-demi": {
+      "version": "0.14.8",
+      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.8.tgz",
+      "integrity": "sha512-Uuqnk9YE9SsWeReYqK2alDI5YzciATE0r2SkA6iMAtuXvNTMNACJLJEXNXaEy94ECuBe4Sk6RzRU80kjdbIo1Q==",
+      "hasInstallScript": true,
+      "bin": {
+        "vue-demi-fix": "bin/vue-demi-fix.js",
+        "vue-demi-switch": "bin/vue-demi-switch.js"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "@vue/composition-api": "^1.0.0-rc.1",
+        "vue": "^3.0.0-0 || ^2.6.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.4.38",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.38.tgz",
+      "integrity": "sha512-Wglpdk03BSfXkHoQa3b/oulrotAkwrlLDRSOb9D0bN86FdRyE9lppSp33aHNPgBa0JKCoB+drFLZkQoRRYae5A==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "nanoid": "^3.3.7",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.2.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
+    },
+    "node_modules/readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "dependencies": {
+        "picomatch": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      }
+    },
+    "node_modules/rollup": {
+      "version": "4.18.0",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.18.0.tgz",
+      "integrity": "sha512-QmJz14PX3rzbJCN1SG4Xe/bAAX2a6NpCP8ab2vfu2GiUr8AQcr2nCV/oEO3yneFarB67zk8ShlIyWb2LGTb3Sg==",
+      "dev": true,
+      "dependencies": {
+        "@types/estree": "1.0.5"
+      },
+      "bin": {
+        "rollup": "dist/bin/rollup"
+      },
+      "engines": {
+        "node": ">=18.0.0",
+        "npm": ">=8.0.0"
+      },
+      "optionalDependencies": {
+        "@rollup/rollup-android-arm-eabi": "4.18.0",
+        "@rollup/rollup-android-arm64": "4.18.0",
+        "@rollup/rollup-darwin-arm64": "4.18.0",
+        "@rollup/rollup-darwin-x64": "4.18.0",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.18.0",
+        "@rollup/rollup-linux-arm-musleabihf": "4.18.0",
+        "@rollup/rollup-linux-arm64-gnu": "4.18.0",
+        "@rollup/rollup-linux-arm64-musl": "4.18.0",
+        "@rollup/rollup-linux-powerpc64le-gnu": "4.18.0",
+        "@rollup/rollup-linux-riscv64-gnu": "4.18.0",
+        "@rollup/rollup-linux-s390x-gnu": "4.18.0",
+        "@rollup/rollup-linux-x64-gnu": "4.18.0",
+        "@rollup/rollup-linux-x64-musl": "4.18.0",
+        "@rollup/rollup-win32-arm64-msvc": "4.18.0",
+        "@rollup/rollup-win32-ia32-msvc": "4.18.0",
+        "@rollup/rollup-win32-x64-msvc": "4.18.0",
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/sass": {
+      "version": "1.77.4",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.77.4.tgz",
+      "integrity": "sha512-vcF3Ckow6g939GMA4PeU7b2K/9FALXk2KF9J87txdHzXbUF9XRQRwSxcAs/fGaTnJeBFd7UoV22j3lzMLdM0Pw==",
+      "dependencies": {
+        "chokidar": ">=3.0.0 <4.0.0",
+        "immutable": "^4.0.0",
+        "source-map-js": ">=0.6.2 <2.0.0"
+      },
+      "bin": {
+        "sass": "sass.js"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.0.tgz",
+      "integrity": "sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/swiper": {
+      "version": "11.1.4",
+      "resolved": "https://registry.npmjs.org/swiper/-/swiper-11.1.4.tgz",
+      "integrity": "sha512-1n7kbYJB2dFEpUHRFszq7gys/ofIBrMNibwTiMvPHwneKND/t9kImnHt6CfGPScMHgI+dWMbGTycCKGMoOO1KA==",
+      "funding": [
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/swiperjs"
+        },
+        {
+          "type": "open_collective",
+          "url": "http://opencollective.com/swiper"
+        }
+      ],
+      "engines": {
+        "node": ">= 4.7.0"
+      }
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/vant": {
+      "version": "4.9.1",
+      "resolved": "https://registry.npmjs.org/vant/-/vant-4.9.1.tgz",
+      "integrity": "sha512-p7iAKJyACYVwrmrkf3COmbuvzjHrFJ+FAmlyOWbxTS2ovkRs+tNKYjX2iibAl4XnHXBQD+qpX0ogUqE3jE7Isg==",
+      "dependencies": {
+        "@vant/popperjs": "^1.3.0",
+        "@vant/use": "^1.6.0",
+        "@vue/shared": "^3.4.27"
+      },
+      "peerDependencies": {
+        "vue": "^3.0.0"
+      }
+    },
+    "node_modules/vite": {
+      "version": "5.2.13",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-5.2.13.tgz",
+      "integrity": "sha512-SSq1noJfY9pR3I1TUENL3rQYDQCFqgD+lM6fTRAM8Nv6Lsg5hDLaXkjETVeBt+7vZBCMoibD+6IWnT2mJ+Zb/A==",
+      "dev": true,
+      "dependencies": {
+        "esbuild": "^0.20.1",
+        "postcss": "^8.4.38",
+        "rollup": "^4.13.0"
+      },
+      "bin": {
+        "vite": "bin/vite.js"
+      },
+      "engines": {
+        "node": "^18.0.0 || >=20.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/vitejs/vite?sponsor=1"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      },
+      "peerDependencies": {
+        "@types/node": "^18.0.0 || >=20.0.0",
+        "less": "*",
+        "lightningcss": "^1.21.0",
+        "sass": "*",
+        "stylus": "*",
+        "sugarss": "*",
+        "terser": "^5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        },
+        "less": {
+          "optional": true
+        },
+        "lightningcss": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "stylus": {
+          "optional": true
+        },
+        "sugarss": {
+          "optional": true
+        },
+        "terser": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vue": {
+      "version": "3.4.27",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-3.4.27.tgz",
+      "integrity": "sha512-8s/56uK6r01r1icG/aEOHqyMVxd1bkYcSe9j8HcKtr/xTOFWvnzIVTehNW+5Yt89f+DLBe4A569pnZLS5HzAMA==",
+      "dependencies": {
+        "@vue/compiler-dom": "3.4.27",
+        "@vue/compiler-sfc": "3.4.27",
+        "@vue/runtime-dom": "3.4.27",
+        "@vue/server-renderer": "3.4.27",
+        "@vue/shared": "3.4.27"
+      },
+      "peerDependencies": {
+        "typescript": "*"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vue-router": {
+      "version": "4.0.13",
+      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.0.13.tgz",
+      "integrity": "sha512-LmXrC+BkDRLak+d5xTMgUYraT3Nj0H/vCbP+7usGvIl9Viqd1UP6AsP0i69pSbn9O0dXK/xCdp4yPw21HqV9Jw==",
+      "dependencies": {
+        "@vue/devtools-api": "^6.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/posva"
+      },
+      "peerDependencies": {
+        "vue": "^3.2.0"
+      }
+    }
+  },
+  "dependencies": {
+    "@babel/parser": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.24.7.tgz",
+      "integrity": "sha512-9uUYRm6OqQrCqQdG1iCBwBPZgN8ciDBro2nIOFaiRz1/BCxaI7CNvQbDHvsArAC7Tw9Hda/B3U+6ui9u4HWXPw=="
+    },
+    "@esbuild/aix-ppc64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.20.2.tgz",
+      "integrity": "sha512-D+EBOJHXdNZcLJRBkhENNG8Wji2kgc9AZ9KiPr1JuZjsNtyHzrsfLRrY0tk2H2aoFu6RANO1y1iPPUCDYWkb5g==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/android-arm": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.20.2.tgz",
+      "integrity": "sha512-t98Ra6pw2VaDhqNWO2Oph2LXbz/EJcnLmKLGBJwEwXX/JAN83Fym1rU8l0JUWK6HkIbWONCSSatf4sf2NBRx/w==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/android-arm64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.20.2.tgz",
+      "integrity": "sha512-mRzjLacRtl/tWU0SvD8lUEwb61yP9cqQo6noDZP/O8VkwafSYwZ4yWy24kan8jE/IMERpYncRt2dw438LP3Xmg==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/android-x64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.20.2.tgz",
+      "integrity": "sha512-btzExgV+/lMGDDa194CcUQm53ncxzeBrWJcncOBxuC6ndBkKxnHdFJn86mCIgTELsooUmwUm9FkhSp5HYu00Rg==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/darwin-arm64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.20.2.tgz",
+      "integrity": "sha512-4J6IRT+10J3aJH3l1yzEg9y3wkTDgDk7TSDFX+wKFiWjqWp/iCfLIYzGyasx9l0SAFPT1HwSCR+0w/h1ES/MjA==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/darwin-x64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.20.2.tgz",
+      "integrity": "sha512-tBcXp9KNphnNH0dfhv8KYkZhjc+H3XBkF5DKtswJblV7KlT9EI2+jeA8DgBjp908WEuYll6pF+UStUCfEpdysA==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/freebsd-arm64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.20.2.tgz",
+      "integrity": "sha512-d3qI41G4SuLiCGCFGUrKsSeTXyWG6yem1KcGZVS+3FYlYhtNoNgYrWcvkOoaqMhwXSMrZRl69ArHsGJ9mYdbbw==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/freebsd-x64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.20.2.tgz",
+      "integrity": "sha512-d+DipyvHRuqEeM5zDivKV1KuXn9WeRX6vqSqIDgwIfPQtwMP4jaDsQsDncjTDDsExT4lR/91OLjRo8bmC1e+Cw==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/linux-arm": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.20.2.tgz",
+      "integrity": "sha512-VhLPeR8HTMPccbuWWcEUD1Az68TqaTYyj6nfE4QByZIQEQVWBB8vup8PpR7y1QHL3CpcF6xd5WVBU/+SBEvGTg==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/linux-arm64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.20.2.tgz",
+      "integrity": "sha512-9pb6rBjGvTFNira2FLIWqDk/uaf42sSyLE8j1rnUpuzsODBq7FvpwHYZxQ/It/8b+QOS1RYfqgGFNLRI+qlq2A==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/linux-ia32": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.20.2.tgz",
+      "integrity": "sha512-o10utieEkNPFDZFQm9CoP7Tvb33UutoJqg3qKf1PWVeeJhJw0Q347PxMvBgVVFgouYLGIhFYG0UGdBumROyiig==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/linux-loong64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.20.2.tgz",
+      "integrity": "sha512-PR7sp6R/UC4CFVomVINKJ80pMFlfDfMQMYynX7t1tNTeivQ6XdX5r2XovMmha/VjR1YN/HgHWsVcTRIMkymrgQ==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/linux-mips64el": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.20.2.tgz",
+      "integrity": "sha512-4BlTqeutE/KnOiTG5Y6Sb/Hw6hsBOZapOVF6njAESHInhlQAghVVZL1ZpIctBOoTFbQyGW+LsVYZ8lSSB3wkjA==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/linux-ppc64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.20.2.tgz",
+      "integrity": "sha512-rD3KsaDprDcfajSKdn25ooz5J5/fWBylaaXkuotBDGnMnDP1Uv5DLAN/45qfnf3JDYyJv/ytGHQaziHUdyzaAg==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/linux-riscv64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.20.2.tgz",
+      "integrity": "sha512-snwmBKacKmwTMmhLlz/3aH1Q9T8v45bKYGE3j26TsaOVtjIag4wLfWSiZykXzXuE1kbCE+zJRmwp+ZbIHinnVg==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/linux-s390x": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.20.2.tgz",
+      "integrity": "sha512-wcWISOobRWNm3cezm5HOZcYz1sKoHLd8VL1dl309DiixxVFoFe/o8HnwuIwn6sXre88Nwj+VwZUvJf4AFxkyrQ==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/linux-x64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.20.2.tgz",
+      "integrity": "sha512-1MdwI6OOTsfQfek8sLwgyjOXAu+wKhLEoaOLTjbijk6E2WONYpH9ZU2mNtR+lZ2B4uwr+usqGuVfFT9tMtGvGw==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/netbsd-x64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.20.2.tgz",
+      "integrity": "sha512-K8/DhBxcVQkzYc43yJXDSyjlFeHQJBiowJ0uVL6Tor3jGQfSGHNNJcWxNbOI8v5k82prYqzPuwkzHt3J1T1iZQ==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/openbsd-x64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.20.2.tgz",
+      "integrity": "sha512-eMpKlV0SThJmmJgiVyN9jTPJ2VBPquf6Kt/nAoo6DgHAoN57K15ZghiHaMvqjCye/uU4X5u3YSMgVBI1h3vKrQ==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/sunos-x64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.20.2.tgz",
+      "integrity": "sha512-2UyFtRC6cXLyejf/YEld4Hajo7UHILetzE1vsRcGL3earZEW77JxrFjH4Ez2qaTiEfMgAXxfAZCm1fvM/G/o8w==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/win32-arm64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.20.2.tgz",
+      "integrity": "sha512-GRibxoawM9ZCnDxnP3usoUDO9vUkpAxIIZ6GQI+IlVmr5kP3zUq+l17xELTHMWTWzjxa2guPNyrpq1GWmPvcGQ==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/win32-ia32": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.20.2.tgz",
+      "integrity": "sha512-HfLOfn9YWmkSKRQqovpnITazdtquEW8/SoHW7pWpuEeguaZI4QnCRW6b+oZTztdBnZOS2hqJ6im/D5cPzBTTlQ==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/win32-x64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.20.2.tgz",
+      "integrity": "sha512-N49X4lJX27+l9jbLKSqZ6bKNjzQvHaT8IIFUy+YIqmXQdjYCToGWwOItDrfby14c78aDd5NHQl29xingXfCdLQ==",
+      "dev": true,
+      "optional": true
+    },
+    "@jridgewell/sourcemap-codec": {
+      "version": "1.4.15",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
+      "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg=="
+    },
+    "@rollup/rollup-android-arm-eabi": {
+      "version": "4.18.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.18.0.tgz",
+      "integrity": "sha512-Tya6xypR10giZV1XzxmH5wr25VcZSncG0pZIjfePT0OVBvqNEurzValetGNarVrGiq66EBVAFn15iYX4w6FKgQ==",
+      "dev": true,
+      "optional": true
+    },
+    "@rollup/rollup-android-arm64": {
+      "version": "4.18.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.18.0.tgz",
+      "integrity": "sha512-avCea0RAP03lTsDhEyfy+hpfr85KfyTctMADqHVhLAF3MlIkq83CP8UfAHUssgXTYd+6er6PaAhx/QGv4L1EiA==",
+      "dev": true,
+      "optional": true
+    },
+    "@rollup/rollup-darwin-arm64": {
+      "version": "4.18.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.18.0.tgz",
+      "integrity": "sha512-IWfdwU7KDSm07Ty0PuA/W2JYoZ4iTj3TUQjkVsO/6U+4I1jN5lcR71ZEvRh52sDOERdnNhhHU57UITXz5jC1/w==",
+      "dev": true,
+      "optional": true
+    },
+    "@rollup/rollup-darwin-x64": {
+      "version": "4.18.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.18.0.tgz",
+      "integrity": "sha512-n2LMsUz7Ynu7DoQrSQkBf8iNrjOGyPLrdSg802vk6XT3FtsgX6JbE8IHRvposskFm9SNxzkLYGSq9QdpLYpRNA==",
+      "dev": true,
+      "optional": true
+    },
+    "@rollup/rollup-linux-arm-gnueabihf": {
+      "version": "4.18.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.18.0.tgz",
+      "integrity": "sha512-C/zbRYRXFjWvz9Z4haRxcTdnkPt1BtCkz+7RtBSuNmKzMzp3ZxdM28Mpccn6pt28/UWUCTXa+b0Mx1k3g6NOMA==",
+      "dev": true,
+      "optional": true
+    },
+    "@rollup/rollup-linux-arm-musleabihf": {
+      "version": "4.18.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.18.0.tgz",
+      "integrity": "sha512-l3m9ewPgjQSXrUMHg93vt0hYCGnrMOcUpTz6FLtbwljo2HluS4zTXFy2571YQbisTnfTKPZ01u/ukJdQTLGh9A==",
+      "dev": true,
+      "optional": true
+    },
+    "@rollup/rollup-linux-arm64-gnu": {
+      "version": "4.18.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.18.0.tgz",
+      "integrity": "sha512-rJ5D47d8WD7J+7STKdCUAgmQk49xuFrRi9pZkWoRD1UeSMakbcepWXPF8ycChBoAqs1pb2wzvbY6Q33WmN2ftw==",
+      "dev": true,
+      "optional": true
+    },
+    "@rollup/rollup-linux-arm64-musl": {
+      "version": "4.18.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.18.0.tgz",
+      "integrity": "sha512-be6Yx37b24ZwxQ+wOQXXLZqpq4jTckJhtGlWGZs68TgdKXJgw54lUUoFYrg6Zs/kjzAQwEwYbp8JxZVzZLRepQ==",
+      "dev": true,
+      "optional": true
+    },
+    "@rollup/rollup-linux-powerpc64le-gnu": {
+      "version": "4.18.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.18.0.tgz",
+      "integrity": "sha512-hNVMQK+qrA9Todu9+wqrXOHxFiD5YmdEi3paj6vP02Kx1hjd2LLYR2eaN7DsEshg09+9uzWi2W18MJDlG0cxJA==",
+      "dev": true,
+      "optional": true
+    },
+    "@rollup/rollup-linux-riscv64-gnu": {
+      "version": "4.18.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.18.0.tgz",
+      "integrity": "sha512-ROCM7i+m1NfdrsmvwSzoxp9HFtmKGHEqu5NNDiZWQtXLA8S5HBCkVvKAxJ8U+CVctHwV2Gb5VUaK7UAkzhDjlg==",
+      "dev": true,
+      "optional": true
+    },
+    "@rollup/rollup-linux-s390x-gnu": {
+      "version": "4.18.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.18.0.tgz",
+      "integrity": "sha512-0UyyRHyDN42QL+NbqevXIIUnKA47A+45WyasO+y2bGJ1mhQrfrtXUpTxCOrfxCR4esV3/RLYyucGVPiUsO8xjg==",
+      "dev": true,
+      "optional": true
+    },
+    "@rollup/rollup-linux-x64-gnu": {
+      "version": "4.18.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.18.0.tgz",
+      "integrity": "sha512-xuglR2rBVHA5UsI8h8UbX4VJ470PtGCf5Vpswh7p2ukaqBGFTnsfzxUBetoWBWymHMxbIG0Cmx7Y9qDZzr648w==",
+      "dev": true,
+      "optional": true
+    },
+    "@rollup/rollup-linux-x64-musl": {
+      "version": "4.18.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.18.0.tgz",
+      "integrity": "sha512-LKaqQL9osY/ir2geuLVvRRs+utWUNilzdE90TpyoX0eNqPzWjRm14oMEE+YLve4k/NAqCdPkGYDaDF5Sw+xBfg==",
+      "dev": true,
+      "optional": true
+    },
+    "@rollup/rollup-win32-arm64-msvc": {
+      "version": "4.18.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.18.0.tgz",
+      "integrity": "sha512-7J6TkZQFGo9qBKH0pk2cEVSRhJbL6MtfWxth7Y5YmZs57Pi+4x6c2dStAUvaQkHQLnEQv1jzBUW43GvZW8OFqA==",
+      "dev": true,
+      "optional": true
+    },
+    "@rollup/rollup-win32-ia32-msvc": {
+      "version": "4.18.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.18.0.tgz",
+      "integrity": "sha512-Txjh+IxBPbkUB9+SXZMpv+b/vnTEtFyfWZgJ6iyCmt2tdx0OF5WhFowLmnh8ENGNpfUlUZkdI//4IEmhwPieNg==",
+      "dev": true,
+      "optional": true
+    },
+    "@rollup/rollup-win32-x64-msvc": {
+      "version": "4.18.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.18.0.tgz",
+      "integrity": "sha512-UOo5FdvOL0+eIVTgS4tIdbW+TtnBLWg1YBCcU2KWM7nuNwRz9bksDX1bekJJCpu25N1DVWaCwnT39dVQxzqS8g==",
+      "dev": true,
+      "optional": true
+    },
+    "@types/estree": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.5.tgz",
+      "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==",
+      "dev": true
+    },
+    "@vant/popperjs": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@vant/popperjs/-/popperjs-1.3.0.tgz",
+      "integrity": "sha512-hB+czUG+aHtjhaEmCJDuXOep0YTZjdlRR+4MSmIFnkCQIxJaXLQdSsR90XWvAI2yvKUI7TCGqR8pQg2RtvkMHw=="
+    },
+    "@vant/use": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/@vant/use/-/use-1.6.0.tgz",
+      "integrity": "sha512-PHHxeAASgiOpSmMjceweIrv2AxDZIkWXyaczksMoWvKV2YAYEhoizRuk/xFnKF+emUIi46TsQ+rvlm/t2BBCfA==",
+      "requires": {}
+    },
+    "@vitejs/plugin-vue": {
+      "version": "5.0.5",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-5.0.5.tgz",
+      "integrity": "sha512-LOjm7XeIimLBZyzinBQ6OSm3UBCNVCpLkxGC0oWmm2YPzVZoxMsdvNVimLTBzpAnR9hl/yn1SHGuRfe6/Td9rQ==",
+      "dev": true,
+      "requires": {}
+    },
+    "@vue/compiler-core": {
+      "version": "3.4.27",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.4.27.tgz",
+      "integrity": "sha512-E+RyqY24KnyDXsCuQrI+mlcdW3ALND6U7Gqa/+bVwbcpcR3BRRIckFoz7Qyd4TTlnugtwuI7YgjbvsLmxb+yvg==",
+      "requires": {
+        "@babel/parser": "^7.24.4",
+        "@vue/shared": "3.4.27",
+        "entities": "^4.5.0",
+        "estree-walker": "^2.0.2",
+        "source-map-js": "^1.2.0"
+      }
+    },
+    "@vue/compiler-dom": {
+      "version": "3.4.27",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.4.27.tgz",
+      "integrity": "sha512-kUTvochG/oVgE1w5ViSr3KUBh9X7CWirebA3bezTbB5ZKBQZwR2Mwj9uoSKRMFcz4gSMzzLXBPD6KpCLb9nvWw==",
+      "requires": {
+        "@vue/compiler-core": "3.4.27",
+        "@vue/shared": "3.4.27"
+      }
+    },
+    "@vue/compiler-sfc": {
+      "version": "3.4.27",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.4.27.tgz",
+      "integrity": "sha512-nDwntUEADssW8e0rrmE0+OrONwmRlegDA1pD6QhVeXxjIytV03yDqTey9SBDiALsvAd5U4ZrEKbMyVXhX6mCGA==",
+      "requires": {
+        "@babel/parser": "^7.24.4",
+        "@vue/compiler-core": "3.4.27",
+        "@vue/compiler-dom": "3.4.27",
+        "@vue/compiler-ssr": "3.4.27",
+        "@vue/shared": "3.4.27",
+        "estree-walker": "^2.0.2",
+        "magic-string": "^0.30.10",
+        "postcss": "^8.4.38",
+        "source-map-js": "^1.2.0"
+      }
+    },
+    "@vue/compiler-ssr": {
+      "version": "3.4.27",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.4.27.tgz",
+      "integrity": "sha512-CVRzSJIltzMG5FcidsW0jKNQnNRYC8bT21VegyMMtHmhW3UOI7knmUehzswXLrExDLE6lQCZdrhD4ogI7c+vuw==",
+      "requires": {
+        "@vue/compiler-dom": "3.4.27",
+        "@vue/shared": "3.4.27"
+      }
+    },
+    "@vue/devtools-api": {
+      "version": "6.6.3",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.6.3.tgz",
+      "integrity": "sha512-0MiMsFma/HqA6g3KLKn+AGpL1kgKhFWszC9U29NfpWK5LE7bjeXxySWJrOJ77hBz+TBrBQ7o4QJqbPbqbs8rJw=="
+    },
+    "@vue/reactivity": {
+      "version": "3.4.27",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.4.27.tgz",
+      "integrity": "sha512-kK0g4NknW6JX2yySLpsm2jlunZJl2/RJGZ0H9ddHdfBVHcNzxmQ0sS0b09ipmBoQpY8JM2KmUw+a6sO8Zo+zIA==",
+      "requires": {
+        "@vue/shared": "3.4.27"
+      }
+    },
+    "@vue/runtime-core": {
+      "version": "3.4.27",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.4.27.tgz",
+      "integrity": "sha512-7aYA9GEbOOdviqVvcuweTLe5Za4qBZkUY7SvET6vE8kyypxVgaT1ixHLg4urtOlrApdgcdgHoTZCUuTGap/5WA==",
+      "requires": {
+        "@vue/reactivity": "3.4.27",
+        "@vue/shared": "3.4.27"
+      }
+    },
+    "@vue/runtime-dom": {
+      "version": "3.4.27",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.4.27.tgz",
+      "integrity": "sha512-ScOmP70/3NPM+TW9hvVAz6VWWtZJqkbdf7w6ySsws+EsqtHvkhxaWLecrTorFxsawelM5Ys9FnDEMt6BPBDS0Q==",
+      "requires": {
+        "@vue/runtime-core": "3.4.27",
+        "@vue/shared": "3.4.27",
+        "csstype": "^3.1.3"
+      }
+    },
+    "@vue/server-renderer": {
+      "version": "3.4.27",
+      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.4.27.tgz",
+      "integrity": "sha512-dlAMEuvmeA3rJsOMJ2J1kXU7o7pOxgsNHVr9K8hB3ImIkSuBrIdy0vF66h8gf8Tuinf1TK3mPAz2+2sqyf3KzA==",
+      "requires": {
+        "@vue/compiler-ssr": "3.4.27",
+        "@vue/shared": "3.4.27"
+      }
+    },
+    "@vue/shared": {
+      "version": "3.4.27",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.4.27.tgz",
+      "integrity": "sha512-DL3NmY2OFlqmYYrzp39yi3LDkKxa5vZVwxWdQ3rG0ekuWscHraeIbnI8t+aZK7qhYqEqWKTUdijadunb9pnrgA=="
+    },
+    "anymatch": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
+      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+      "requires": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      }
+    },
+    "asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
+    },
+    "axios": {
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.7.2.tgz",
+      "integrity": "sha512-2A8QhOMrbomlDuiLeK9XibIBzuHeRcqqNOHp0Cyp5EoJ1IFDh+XZH3A6BkXtv0K4gFGCI0Y4BM7B1wOEi0Rmgw==",
+      "requires": {
+        "follow-redirects": "^1.15.6",
+        "form-data": "^4.0.0",
+        "proxy-from-env": "^1.1.0"
+      }
+    },
+    "binary-extensions": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
+      "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw=="
+    },
+    "braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "requires": {
+        "fill-range": "^7.1.1"
+      }
+    },
+    "chokidar": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
+      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+      "requires": {
+        "anymatch": "~3.1.2",
+        "braces": "~3.0.2",
+        "fsevents": "~2.3.2",
+        "glob-parent": "~5.1.2",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.6.0"
+      },
+      "dependencies": {
+        "glob-parent": {
+          "version": "5.1.2",
+          "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+          "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+          "requires": {
+            "is-glob": "^4.0.1"
+          }
+        }
+      }
+    },
+    "combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "requires": {
+        "delayed-stream": "~1.0.0"
+      }
+    },
+    "csstype": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
+      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="
+    },
+    "delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ=="
+    },
+    "entities": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
+      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw=="
+    },
+    "esbuild": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.20.2.tgz",
+      "integrity": "sha512-WdOOppmUNU+IbZ0PaDiTst80zjnrOkyJNHoKupIcVyU8Lvla3Ugx94VzkQ32Ijqd7UhHJy75gNWDMUekcrSJ6g==",
+      "dev": true,
+      "requires": {
+        "@esbuild/aix-ppc64": "0.20.2",
+        "@esbuild/android-arm": "0.20.2",
+        "@esbuild/android-arm64": "0.20.2",
+        "@esbuild/android-x64": "0.20.2",
+        "@esbuild/darwin-arm64": "0.20.2",
+        "@esbuild/darwin-x64": "0.20.2",
+        "@esbuild/freebsd-arm64": "0.20.2",
+        "@esbuild/freebsd-x64": "0.20.2",
+        "@esbuild/linux-arm": "0.20.2",
+        "@esbuild/linux-arm64": "0.20.2",
+        "@esbuild/linux-ia32": "0.20.2",
+        "@esbuild/linux-loong64": "0.20.2",
+        "@esbuild/linux-mips64el": "0.20.2",
+        "@esbuild/linux-ppc64": "0.20.2",
+        "@esbuild/linux-riscv64": "0.20.2",
+        "@esbuild/linux-s390x": "0.20.2",
+        "@esbuild/linux-x64": "0.20.2",
+        "@esbuild/netbsd-x64": "0.20.2",
+        "@esbuild/openbsd-x64": "0.20.2",
+        "@esbuild/sunos-x64": "0.20.2",
+        "@esbuild/win32-arm64": "0.20.2",
+        "@esbuild/win32-ia32": "0.20.2",
+        "@esbuild/win32-x64": "0.20.2"
+      }
+    },
+    "estree-walker": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
+    },
+    "fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "requires": {
+        "to-regex-range": "^5.0.1"
+      }
+    },
+    "follow-redirects": {
+      "version": "1.15.6",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.6.tgz",
+      "integrity": "sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA=="
+    },
+    "form-data": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
+      "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
+      "requires": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "mime-types": "^2.1.12"
+      }
+    },
+    "fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "optional": true
+    },
+    "immutable": {
+      "version": "4.3.6",
+      "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.6.tgz",
+      "integrity": "sha512-Ju0+lEMyzMVZarkTn/gqRpdqd5dOPaz1mCZ0SH3JV6iFw81PldE/PEB1hWVEA288HPt4WXW8O7AWxB10M+03QQ=="
+    },
+    "is-binary-path": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "requires": {
+        "binary-extensions": "^2.0.0"
+      }
+    },
+    "is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ=="
+    },
+    "is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "requires": {
+        "is-extglob": "^2.1.1"
+      }
+    },
+    "is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng=="
+    },
+    "magic-string": {
+      "version": "0.30.10",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.10.tgz",
+      "integrity": "sha512-iIRwTIf0QKV3UAnYK4PU8uiEc4SRh5jX0mwpIwETPpHdhVM4f53RSwS/vXvN1JhGX+Cs7B8qIq3d6AH49O5fAQ==",
+      "requires": {
+        "@jridgewell/sourcemap-codec": "^1.4.15"
+      }
+    },
+    "mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg=="
+    },
+    "mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "requires": {
+        "mime-db": "1.52.0"
+      }
+    },
+    "moment": {
+      "version": "2.30.1",
+      "resolved": "https://registry.npmjs.org/moment/-/moment-2.30.1.tgz",
+      "integrity": "sha512-uEmtNhbDOrWPFS+hdjFCBfy9f2YoyzRpwcl+DqpC6taX21FzsTLQVbMV/W7PzNSX6x/bhC1zA3c2UQ5NzH6how=="
+    },
+    "nanoid": {
+      "version": "3.3.7",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz",
+      "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g=="
+    },
+    "normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA=="
+    },
+    "picocolors": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.1.tgz",
+      "integrity": "sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew=="
+    },
+    "picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA=="
+    },
+    "pinia": {
+      "version": "2.1.7",
+      "resolved": "https://registry.npmjs.org/pinia/-/pinia-2.1.7.tgz",
+      "integrity": "sha512-+C2AHFtcFqjPih0zpYuvof37SFxMQ7OEG2zV9jRI12i9BOy3YQVAHwdKtyyc8pDcDyIc33WCIsZaCFWU7WWxGQ==",
+      "requires": {
+        "@vue/devtools-api": "^6.5.0",
+        "vue-demi": ">=0.14.5"
+      },
+      "dependencies": {
+        "vue-demi": {
+          "version": "0.14.8",
+          "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.8.tgz",
+          "integrity": "sha512-Uuqnk9YE9SsWeReYqK2alDI5YzciATE0r2SkA6iMAtuXvNTMNACJLJEXNXaEy94ECuBe4Sk6RzRU80kjdbIo1Q==",
+          "requires": {}
+        }
+      }
+    },
+    "postcss": {
+      "version": "8.4.38",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.38.tgz",
+      "integrity": "sha512-Wglpdk03BSfXkHoQa3b/oulrotAkwrlLDRSOb9D0bN86FdRyE9lppSp33aHNPgBa0JKCoB+drFLZkQoRRYae5A==",
+      "requires": {
+        "nanoid": "^3.3.7",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.2.0"
+      }
+    },
+    "proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
+    },
+    "readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "requires": {
+        "picomatch": "^2.2.1"
+      }
+    },
+    "rollup": {
+      "version": "4.18.0",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.18.0.tgz",
+      "integrity": "sha512-QmJz14PX3rzbJCN1SG4Xe/bAAX2a6NpCP8ab2vfu2GiUr8AQcr2nCV/oEO3yneFarB67zk8ShlIyWb2LGTb3Sg==",
+      "dev": true,
+      "requires": {
+        "@rollup/rollup-android-arm-eabi": "4.18.0",
+        "@rollup/rollup-android-arm64": "4.18.0",
+        "@rollup/rollup-darwin-arm64": "4.18.0",
+        "@rollup/rollup-darwin-x64": "4.18.0",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.18.0",
+        "@rollup/rollup-linux-arm-musleabihf": "4.18.0",
+        "@rollup/rollup-linux-arm64-gnu": "4.18.0",
+        "@rollup/rollup-linux-arm64-musl": "4.18.0",
+        "@rollup/rollup-linux-powerpc64le-gnu": "4.18.0",
+        "@rollup/rollup-linux-riscv64-gnu": "4.18.0",
+        "@rollup/rollup-linux-s390x-gnu": "4.18.0",
+        "@rollup/rollup-linux-x64-gnu": "4.18.0",
+        "@rollup/rollup-linux-x64-musl": "4.18.0",
+        "@rollup/rollup-win32-arm64-msvc": "4.18.0",
+        "@rollup/rollup-win32-ia32-msvc": "4.18.0",
+        "@rollup/rollup-win32-x64-msvc": "4.18.0",
+        "@types/estree": "1.0.5",
+        "fsevents": "~2.3.2"
+      }
+    },
+    "sass": {
+      "version": "1.77.4",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.77.4.tgz",
+      "integrity": "sha512-vcF3Ckow6g939GMA4PeU7b2K/9FALXk2KF9J87txdHzXbUF9XRQRwSxcAs/fGaTnJeBFd7UoV22j3lzMLdM0Pw==",
+      "requires": {
+        "chokidar": ">=3.0.0 <4.0.0",
+        "immutable": "^4.0.0",
+        "source-map-js": ">=0.6.2 <2.0.0"
+      }
+    },
+    "source-map-js": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.0.tgz",
+      "integrity": "sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg=="
+    },
+    "swiper": {
+      "version": "11.1.4",
+      "resolved": "https://registry.npmjs.org/swiper/-/swiper-11.1.4.tgz",
+      "integrity": "sha512-1n7kbYJB2dFEpUHRFszq7gys/ofIBrMNibwTiMvPHwneKND/t9kImnHt6CfGPScMHgI+dWMbGTycCKGMoOO1KA=="
+    },
+    "to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "requires": {
+        "is-number": "^7.0.0"
+      }
+    },
+    "vant": {
+      "version": "4.9.1",
+      "resolved": "https://registry.npmjs.org/vant/-/vant-4.9.1.tgz",
+      "integrity": "sha512-p7iAKJyACYVwrmrkf3COmbuvzjHrFJ+FAmlyOWbxTS2ovkRs+tNKYjX2iibAl4XnHXBQD+qpX0ogUqE3jE7Isg==",
+      "requires": {
+        "@vant/popperjs": "^1.3.0",
+        "@vant/use": "^1.6.0",
+        "@vue/shared": "^3.4.27"
+      }
+    },
+    "vite": {
+      "version": "5.2.13",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-5.2.13.tgz",
+      "integrity": "sha512-SSq1noJfY9pR3I1TUENL3rQYDQCFqgD+lM6fTRAM8Nv6Lsg5hDLaXkjETVeBt+7vZBCMoibD+6IWnT2mJ+Zb/A==",
+      "dev": true,
+      "requires": {
+        "esbuild": "^0.20.1",
+        "fsevents": "~2.3.3",
+        "postcss": "^8.4.38",
+        "rollup": "^4.13.0"
+      }
+    },
+    "vue": {
+      "version": "3.4.27",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-3.4.27.tgz",
+      "integrity": "sha512-8s/56uK6r01r1icG/aEOHqyMVxd1bkYcSe9j8HcKtr/xTOFWvnzIVTehNW+5Yt89f+DLBe4A569pnZLS5HzAMA==",
+      "requires": {
+        "@vue/compiler-dom": "3.4.27",
+        "@vue/compiler-sfc": "3.4.27",
+        "@vue/runtime-dom": "3.4.27",
+        "@vue/server-renderer": "3.4.27",
+        "@vue/shared": "3.4.27"
+      }
+    },
+    "vue-router": {
+      "version": "4.0.13",
+      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.0.13.tgz",
+      "integrity": "sha512-LmXrC+BkDRLak+d5xTMgUYraT3Nj0H/vCbP+7usGvIl9Viqd1UP6AsP0i69pSbn9O0dXK/xCdp4yPw21HqV9Jw==",
+      "requires": {
+        "@vue/devtools-api": "^6.0.0"
+      }
+    }
+  }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..0132a61
--- /dev/null
+++ b/package.json
@@ -0,0 +1,26 @@
+{
+  "name": "wsec",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "axios": "^1.7.2",
+    "moment": "^2.30.1",
+    "pinia": "^2.1.7",
+    "sass": "^1.77.4",
+    "socket.io-client": "^4.7.5",
+    "swiper": "^11.1.4",
+    "vant": "^4.9.1",
+    "vue": "^3.4.21",
+    "vue-router": "^4.0.13"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^5.0.4",
+    "vite": "^5.2.0"
+  }
+}
diff --git a/public/favicon.png b/public/favicon.png
new file mode 100644
index 0000000..980d1d9
Binary files /dev/null and b/public/favicon.png differ
diff --git a/src/App.vue b/src/App.vue
new file mode 100644
index 0000000..a88c998
--- /dev/null
+++ b/src/App.vue
@@ -0,0 +1,5 @@
+<script setup></script>
+
+<template>
+  <router-view />
+</template>
diff --git a/src/api/index.js b/src/api/index.js
new file mode 100644
index 0000000..04b176d
--- /dev/null
+++ b/src/api/index.js
@@ -0,0 +1,43 @@
+export default {
+  // auth
+  LOGIN: "/auth/login",
+  REGISTER: "/auth/register",
+  VALID_USERNAME: "/auth/valid-username",
+
+  CHECK_PASSWORD: "/auth/check-password",
+  CHANGE_PASSWORD: "/auth/change-password",
+  
+  PASSWORD_WITHDRAW: "/auth/password-withdraw",
+  CHECK_PASSWORD_WITHDRAW: "/auth/check-password-withdraw",
+  CHANGE_PASSWORD_WITHDRAW: "/auth/change-password-withdraw",
+
+  // user
+  USER_INFO: "/user/info",
+  USER_SET_FULLNAME: "/user/set-fullname",
+
+  // game
+  GAME_INFO: "/product/info",
+  GAME_HISTORY: "/game/result-history",
+  GAME_RESULT: "/game/last-result",
+  GAME_CURRENT: "/game/current-game",
+
+  // bank
+  BANK_LIST: "/bank/list",
+  BANK_LINK: "/bank/link",
+
+  BANK_INFO: "admin/config/bank",
+
+  // transaction
+  TRANSACTION_DEPOSIT: "/transaction/deposit",
+  TRANSACTION_WITHDRAW: "/transaction/withdraw",
+  TRANSACTION_HISTORY: "/transaction/history",
+
+  // /product
+  PRODUCT_LIST: "/product/list",
+
+  // order
+  ORDER_HISTORY: "order/history",
+  ORDER: "/order",
+  ORDER_DATE_PROFIT: "/order/date-profit"
+
+};
diff --git a/src/assets/css/chunkVendor.css b/src/assets/css/chunkVendor.css
new file mode 100644
index 0000000..7456e02
--- /dev/null
+++ b/src/assets/css/chunkVendor.css
@@ -0,0 +1,10422 @@
+@charset "UTF-8";
+html {
+  -webkit-tap-highlight-color: transparent;
+}
+
+body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica,
+    Segoe UI, Arial, Roboto, PingFang SC, miui, Hiragino Sans GB,
+    Microsoft Yahei, sans-serif;
+}
+
+a {
+  text-decoration: none;
+}
+
+button,
+input,
+textarea {
+  color: inherit;
+  font: inherit;
+}
+
+[class*="van-"]:focus,
+a:focus,
+button:focus,
+input:focus,
+textarea:focus {
+  outline: 0;
+}
+
+ol,
+ul {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.van-ellipsis {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.van-multi-ellipsis--l2 {
+  -webkit-line-clamp: 2;
+}
+
+.van-multi-ellipsis--l2,
+.van-multi-ellipsis--l3 {
+  display: -webkit-box;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  -webkit-box-orient: vertical;
+}
+
+.van-multi-ellipsis--l3 {
+  -webkit-line-clamp: 3;
+}
+
+.van-clearfix:after {
+  display: table;
+  clear: both;
+  content: "";
+}
+
+[class*="van-hairline"]:after {
+  position: absolute;
+  box-sizing: border-box;
+  content: " ";
+  pointer-events: none;
+  top: -50%;
+  right: -50%;
+  bottom: -50%;
+  left: -50%;
+  border: 0 solid #ebedf0;
+  -webkit-transform: scale(0.5);
+  transform: scale(0.5);
+}
+
+.van-hairline,
+.van-hairline--bottom,
+.van-hairline--left,
+.van-hairline--right,
+.van-hairline--surround,
+.van-hairline--top,
+.van-hairline--top-bottom {
+  position: relative;
+}
+
+.van-hairline--top:after {
+  border-top-width: 1px;
+}
+
+.van-hairline--left:after {
+  border-left-width: 1px;
+}
+
+.van-hairline--right:after {
+  border-right-width: 1px;
+}
+
+.van-hairline--bottom:after {
+  border-bottom-width: 1px;
+}
+
+.van-hairline--top-bottom:after,
+.van-hairline-unset--top-bottom:after {
+  border-width: 1px 0;
+}
+
+.van-hairline--surround:after {
+  border-width: 1px;
+}
+
+@-webkit-keyframes van-slide-up-enter {
+  0% {
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+  }
+}
+
+@keyframes van-slide-up-enter {
+  0% {
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+  }
+}
+
+@-webkit-keyframes van-slide-up-leave {
+  to {
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+  }
+}
+
+@keyframes van-slide-up-leave {
+  to {
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+  }
+}
+
+@-webkit-keyframes van-slide-down-enter {
+  0% {
+    -webkit-transform: translate3d(0, -100%, 0);
+    transform: translate3d(0, -100%, 0);
+  }
+}
+
+@keyframes van-slide-down-enter {
+  0% {
+    -webkit-transform: translate3d(0, -100%, 0);
+    transform: translate3d(0, -100%, 0);
+  }
+}
+
+@-webkit-keyframes van-slide-down-leave {
+  to {
+    -webkit-transform: translate3d(0, -100%, 0);
+    transform: translate3d(0, -100%, 0);
+  }
+}
+
+@keyframes van-slide-down-leave {
+  to {
+    -webkit-transform: translate3d(0, -100%, 0);
+    transform: translate3d(0, -100%, 0);
+  }
+}
+
+@-webkit-keyframes van-slide-left-enter {
+  0% {
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
+  }
+}
+
+@keyframes van-slide-left-enter {
+  0% {
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
+  }
+}
+
+@-webkit-keyframes van-slide-left-leave {
+  to {
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
+  }
+}
+
+@keyframes van-slide-left-leave {
+  to {
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
+  }
+}
+
+@-webkit-keyframes van-slide-right-enter {
+  0% {
+    -webkit-transform: translate3d(100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
+  }
+}
+
+@keyframes van-slide-right-enter {
+  0% {
+    -webkit-transform: translate3d(100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
+  }
+}
+
+@-webkit-keyframes van-slide-right-leave {
+  to {
+    -webkit-transform: translate3d(100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
+  }
+}
+
+@keyframes van-slide-right-leave {
+  to {
+    -webkit-transform: translate3d(100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
+  }
+}
+
+@-webkit-keyframes van-fade-in {
+  0% {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes van-fade-in {
+  0% {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
+@-webkit-keyframes van-fade-out {
+  0% {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+  }
+}
+
+@keyframes van-fade-out {
+  0% {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+  }
+}
+
+@-webkit-keyframes van-rotate {
+  0% {
+    -webkit-transform: rotate(0);
+    transform: rotate(0);
+  }
+
+  to {
+    -webkit-transform: rotate(1turn);
+    transform: rotate(1turn);
+  }
+}
+
+@keyframes van-rotate {
+  0% {
+    -webkit-transform: rotate(0);
+    transform: rotate(0);
+  }
+
+  to {
+    -webkit-transform: rotate(1turn);
+    transform: rotate(1turn);
+  }
+}
+
+.van-fade-enter-active {
+  -webkit-animation: van-fade-in 0.3s ease-out both;
+  animation: van-fade-in 0.3s ease-out both;
+}
+
+.van-fade-leave-active {
+  -webkit-animation: van-fade-out 0.3s ease-in both;
+  animation: van-fade-out 0.3s ease-in both;
+}
+
+.van-slide-up-enter-active {
+  -webkit-animation: van-slide-up-enter 0.3s ease-out both;
+  animation: van-slide-up-enter 0.3s ease-out both;
+}
+
+.van-slide-up-leave-active {
+  -webkit-animation: van-slide-up-leave 0.3s ease-in both;
+  animation: van-slide-up-leave 0.3s ease-in both;
+}
+
+.van-slide-down-enter-active {
+  -webkit-animation: van-slide-down-enter 0.3s ease-out both;
+  animation: van-slide-down-enter 0.3s ease-out both;
+}
+
+.van-slide-down-leave-active {
+  -webkit-animation: van-slide-down-leave 0.3s ease-in both;
+  animation: van-slide-down-leave 0.3s ease-in both;
+}
+
+.van-slide-left-enter-active {
+  -webkit-animation: van-slide-left-enter 0.3s ease-out both;
+  animation: van-slide-left-enter 0.3s ease-out both;
+}
+
+.van-slide-left-leave-active {
+  -webkit-animation: van-slide-left-leave 0.3s ease-in both;
+  animation: van-slide-left-leave 0.3s ease-in both;
+}
+
+.van-slide-right-enter-active {
+  -webkit-animation: van-slide-right-enter 0.3s ease-out both;
+  animation: van-slide-right-enter 0.3s ease-out both;
+}
+
+.van-slide-right-leave-active {
+  -webkit-animation: van-slide-right-leave 0.3s ease-in both;
+  animation: van-slide-right-leave 0.3s ease-in both;
+}
+
+.van-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 1;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.7);
+}
+
+.van-info {
+  position: absolute;
+  top: 0;
+  right: 0;
+  box-sizing: border-box;
+  min-width: 2.133vw;
+  padding: 0 0.4vw;
+  color: #fff;
+  font-weight: 500;
+  font-size: 1.6vw;
+  font-family: -apple-system-font, Helvetica Neue, Arial, sans-serif;
+  line-height: 1.2;
+  text-align: center;
+  background-color: #ee0a24;
+  border: 1px solid #fff;
+  border-radius: 2.133vw;
+  -webkit-transform: translate(50%, -50%);
+  transform: translate(50%, -50%);
+  -webkit-transform-origin: 100%;
+  transform-origin: 100%;
+}
+
+.van-info--dot {
+  width: 1.067vw;
+  min-width: 0;
+  height: 1.067vw;
+  background-color: #ee0a24;
+  border-radius: 100%;
+}
+
+.van-sidebar-item {
+  position: relative;
+  display: block;
+  box-sizing: border-box;
+  padding: 2.667vw 1.6vw;
+  overflow: hidden;
+  color: #323233;
+  font-size: 1.867vw;
+  line-height: 2.667vw;
+  background-color: #f7f8fa;
+  cursor: pointer;
+  -webkit-user-select: none;
+  user-select: none;
+}
+
+.van-sidebar-item:active {
+  background-color: #f2f3f5;
+}
+
+.van-sidebar-item__text {
+  position: relative;
+  display: inline-block;
+  word-break: break-all;
+}
+
+.van-sidebar-item:not(:last-child):after {
+  border-bottom-width: 1px;
+}
+
+.van-sidebar-item--select {
+  color: #323233;
+  font-weight: 500;
+}
+
+.van-sidebar-item--select,
+.van-sidebar-item--select:active {
+  background-color: #fff;
+}
+
+.van-sidebar-item--select:before {
+  position: absolute;
+  top: 50%;
+  left: 0;
+  width: 0.533vw;
+  height: 2.133vw;
+  background-color: #ee0a24;
+  -webkit-transform: translateY(-50%);
+  transform: translateY(-50%);
+  content: "";
+}
+
+.van-sidebar-item--disabled {
+  color: #c8c9cc;
+  cursor: not-allowed;
+}
+
+.van-sidebar-item--disabled:active {
+  background-color: #f7f8fa;
+}
+
+@font-face {
+  font-weight: 400;
+  font-family: vant-icon;
+  font-style: normal;
+  font-display: auto;
+  src: url(data:font/ttf;base64,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)
+      format("woff2"),
+    url(https://b.yzcdn.cn/vant/vant-icon-f463a9.woff) format("woff"),
+    url(https://b.yzcdn.cn/vant/vant-icon-f463a9.ttf) format("truetype");
+}
+
+.van-icon {
+  position: relative;
+  font: normal normal normal 1.867vw/1 vant-icon;
+  font-size: inherit;
+  text-rendering: auto;
+  -webkit-font-smoothing: antialiased;
+}
+
+.van-icon,
+.van-icon:before {
+  display: inline-block;
+}
+
+.van-icon-add-o:before {
+  content: "\F000";
+}
+
+.van-icon-add-square:before {
+  content: "\F001";
+}
+
+.van-icon-add:before {
+  content: "\F002";
+}
+
+.van-icon-after-sale:before {
+  content: "\F003";
+}
+
+.van-icon-aim:before {
+  content: "\F004";
+}
+
+.van-icon-alipay:before {
+  content: "\F005";
+}
+
+.van-icon-apps-o:before {
+  content: "\F006";
+}
+
+.van-icon-arrow-down:before {
+  content: "\F007";
+}
+
+.van-icon-arrow-left:before {
+  content: "\F008";
+}
+
+.van-icon-arrow-up:before {
+  content: "\F009";
+}
+
+.van-icon-arrow:before {
+  content: "\F00A";
+}
+
+.van-icon-ascending:before {
+  content: "\F00B";
+}
+
+.van-icon-audio:before {
+  content: "\F00C";
+}
+
+.van-icon-award-o:before {
+  content: "\F00D";
+}
+
+.van-icon-award:before {
+  content: "\F00E";
+}
+
+.van-icon-back-top:before {
+  content: "\F0E6";
+}
+
+.van-icon-bag-o:before {
+  content: "\F00F";
+}
+
+.van-icon-bag:before {
+  content: "\F010";
+}
+
+.van-icon-balance-list-o:before {
+  content: "\F011";
+}
+
+.van-icon-balance-list:before {
+  content: "\F012";
+}
+
+.van-icon-balance-o:before {
+  content: "\F013";
+}
+
+.van-icon-balance-pay:before {
+  content: "\F014";
+}
+
+.van-icon-bar-chart-o:before {
+  content: "\F015";
+}
+
+.van-icon-bars:before {
+  content: "\F016";
+}
+
+.van-icon-bell:before {
+  content: "\F017";
+}
+
+.van-icon-bill-o:before {
+  content: "\F018";
+}
+
+.van-icon-bill:before {
+  content: "\F019";
+}
+
+.van-icon-birthday-cake-o:before {
+  content: "\F01A";
+}
+
+.van-icon-bookmark-o:before {
+  content: "\F01B";
+}
+
+.van-icon-bookmark:before {
+  content: "\F01C";
+}
+
+.van-icon-browsing-history-o:before {
+  content: "\F01D";
+}
+
+.van-icon-browsing-history:before {
+  content: "\F01E";
+}
+
+.van-icon-brush-o:before {
+  content: "\F01F";
+}
+
+.van-icon-bulb-o:before {
+  content: "\F020";
+}
+
+.van-icon-bullhorn-o:before {
+  content: "\F021";
+}
+
+.van-icon-calendar-o:before {
+  content: "\F022";
+}
+
+.van-icon-card:before {
+  content: "\F023";
+}
+
+.van-icon-cart-circle-o:before {
+  content: "\F024";
+}
+
+.van-icon-cart-circle:before {
+  content: "\F025";
+}
+
+.van-icon-cart-o:before {
+  content: "\F026";
+}
+
+.van-icon-cart:before {
+  content: "\F027";
+}
+
+.van-icon-cash-back-record:before {
+  content: "\F028";
+}
+
+.van-icon-cash-on-deliver:before {
+  content: "\F029";
+}
+
+.van-icon-cashier-o:before {
+  content: "\F02A";
+}
+
+.van-icon-certificate:before {
+  content: "\F02B";
+}
+
+.van-icon-chart-trending-o:before {
+  content: "\F02C";
+}
+
+.van-icon-chat-o:before {
+  content: "\F02D";
+}
+
+.van-icon-chat:before {
+  content: "\F02E";
+}
+
+.van-icon-checked:before {
+  content: "\F02F";
+}
+
+.van-icon-circle:before {
+  content: "\F030";
+}
+
+.van-icon-clear:before {
+  content: "\F031";
+}
+
+.van-icon-clock-o:before {
+  content: "\F032";
+}
+
+.van-icon-clock:before {
+  content: "\F033";
+}
+
+.van-icon-close:before {
+  content: "\F034";
+}
+
+.van-icon-closed-eye:before {
+  content: "\F035";
+}
+
+.van-icon-cluster-o:before {
+  content: "\F036";
+}
+
+.van-icon-cluster:before {
+  content: "\F037";
+}
+
+.van-icon-column:before {
+  content: "\F038";
+}
+
+.van-icon-comment-circle-o:before {
+  content: "\F039";
+}
+
+.van-icon-comment-circle:before {
+  content: "\F03A";
+}
+
+.van-icon-comment-o:before {
+  content: "\F03B";
+}
+
+.van-icon-comment:before {
+  content: "\F03C";
+}
+
+.van-icon-completed:before {
+  content: "\F03D";
+}
+
+.van-icon-contact:before {
+  content: "\F03E";
+}
+
+.van-icon-coupon-o:before {
+  content: "\F03F";
+}
+
+.van-icon-coupon:before {
+  content: "\F040";
+}
+
+.van-icon-credit-pay:before {
+  content: "\F041";
+}
+
+.van-icon-cross:before {
+  content: "\F042";
+}
+
+.van-icon-debit-pay:before {
+  content: "\F043";
+}
+
+.van-icon-delete-o:before {
+  content: "\F0E9";
+}
+
+.van-icon-delete:before {
+  content: "\F044";
+}
+
+.van-icon-descending:before {
+  content: "\F045";
+}
+
+.van-icon-description:before {
+  content: "\F046";
+}
+
+.van-icon-desktop-o:before {
+  content: "\F047";
+}
+
+.van-icon-diamond-o:before {
+  content: "\F048";
+}
+
+.van-icon-diamond:before {
+  content: "\F049";
+}
+
+.van-icon-discount:before {
+  content: "\F04A";
+}
+
+.van-icon-down:before {
+  content: "\F04B";
+}
+
+.van-icon-ecard-pay:before {
+  content: "\F04C";
+}
+
+.van-icon-edit:before {
+  content: "\F04D";
+}
+
+.van-icon-ellipsis:before {
+  content: "\F04E";
+}
+
+.van-icon-empty:before {
+  content: "\F04F";
+}
+
+.van-icon-enlarge:before {
+  content: "\F0E4";
+}
+
+.van-icon-envelop-o:before {
+  content: "\F050";
+}
+
+.van-icon-exchange:before {
+  content: "\F051";
+}
+
+.van-icon-expand-o:before {
+  content: "\F052";
+}
+
+.van-icon-expand:before {
+  content: "\F053";
+}
+
+.van-icon-eye-o:before {
+  content: "\F054";
+}
+
+.van-icon-eye:before {
+  content: "\F055";
+}
+
+.van-icon-fail:before {
+  content: "\F056";
+}
+
+.van-icon-failure:before {
+  content: "\F057";
+}
+
+.van-icon-filter-o:before {
+  content: "\F058";
+}
+
+.van-icon-fire-o:before {
+  content: "\F059";
+}
+
+.van-icon-fire:before {
+  content: "\F05A";
+}
+
+.van-icon-flag-o:before {
+  content: "\F05B";
+}
+
+.van-icon-flower-o:before {
+  content: "\F05C";
+}
+
+.van-icon-font-o:before {
+  content: "\F0EC";
+}
+
+.van-icon-font:before {
+  content: "\F0EB";
+}
+
+.van-icon-free-postage:before {
+  content: "\F05D";
+}
+
+.van-icon-friends-o:before {
+  content: "\F05E";
+}
+
+.van-icon-friends:before {
+  content: "\F05F";
+}
+
+.van-icon-gem-o:before {
+  content: "\F060";
+}
+
+.van-icon-gem:before {
+  content: "\F061";
+}
+
+.van-icon-gift-card-o:before {
+  content: "\F062";
+}
+
+.van-icon-gift-card:before {
+  content: "\F063";
+}
+
+.van-icon-gift-o:before {
+  content: "\F064";
+}
+
+.van-icon-gift:before {
+  content: "\F065";
+}
+
+.van-icon-gold-coin-o:before {
+  content: "\F066";
+}
+
+.van-icon-gold-coin:before {
+  content: "\F067";
+}
+
+.van-icon-good-job-o:before {
+  content: "\F068";
+}
+
+.van-icon-good-job:before {
+  content: "\F069";
+}
+
+.van-icon-goods-collect-o:before {
+  content: "\F06A";
+}
+
+.van-icon-goods-collect:before {
+  content: "\F06B";
+}
+
+.van-icon-graphic:before {
+  content: "\F06C";
+}
+
+.van-icon-home-o:before {
+  content: "\F06D";
+}
+
+.van-icon-hot-o:before {
+  content: "\F06E";
+}
+
+.van-icon-hot-sale-o:before {
+  content: "\F06F";
+}
+
+.van-icon-hot-sale:before {
+  content: "\F070";
+}
+
+.van-icon-hot:before {
+  content: "\F071";
+}
+
+.van-icon-hotel-o:before {
+  content: "\F072";
+}
+
+.van-icon-idcard:before {
+  content: "\F073";
+}
+
+.van-icon-info-o:before {
+  content: "\F074";
+}
+
+.van-icon-info:before {
+  content: "\F075";
+}
+
+.van-icon-invition:before {
+  content: "\F076";
+}
+
+.van-icon-label-o:before {
+  content: "\F077";
+}
+
+.van-icon-label:before {
+  content: "\F078";
+}
+
+.van-icon-like-o:before {
+  content: "\F079";
+}
+
+.van-icon-like:before {
+  content: "\F07A";
+}
+
+.van-icon-live:before {
+  content: "\F07B";
+}
+
+.van-icon-location-o:before {
+  content: "\F07C";
+}
+
+.van-icon-location:before {
+  content: "\F07D";
+}
+
+.van-icon-lock:before {
+  content: "\F07E";
+}
+
+.van-icon-logistics:before {
+  content: "\F07F";
+}
+
+.van-icon-manager-o:before {
+  content: "\F080";
+}
+
+.van-icon-manager:before {
+  content: "\F081";
+}
+
+.van-icon-map-marked:before {
+  content: "\F082";
+}
+
+.van-icon-medal-o:before {
+  content: "\F083";
+}
+
+.van-icon-medal:before {
+  content: "\F084";
+}
+
+.van-icon-minus:before {
+  content: "\F0E8";
+}
+
+.van-icon-more-o:before {
+  content: "\F085";
+}
+
+.van-icon-more:before {
+  content: "\F086";
+}
+
+.van-icon-music-o:before {
+  content: "\F087";
+}
+
+.van-icon-music:before {
+  content: "\F088";
+}
+
+.van-icon-new-arrival-o:before {
+  content: "\F089";
+}
+
+.van-icon-new-arrival:before {
+  content: "\F08A";
+}
+
+.van-icon-new-o:before {
+  content: "\F08B";
+}
+
+.van-icon-new:before {
+  content: "\F08C";
+}
+
+.van-icon-newspaper-o:before {
+  content: "\F08D";
+}
+
+.van-icon-notes-o:before {
+  content: "\F08E";
+}
+
+.van-icon-orders-o:before {
+  content: "\F08F";
+}
+
+.van-icon-other-pay:before {
+  content: "\F090";
+}
+
+.van-icon-paid:before {
+  content: "\F091";
+}
+
+.van-icon-passed:before {
+  content: "\F092";
+}
+
+.van-icon-pause-circle-o:before {
+  content: "\F093";
+}
+
+.van-icon-pause-circle:before {
+  content: "\F094";
+}
+
+.van-icon-pause:before {
+  content: "\F095";
+}
+
+.van-icon-peer-pay:before {
+  content: "\F096";
+}
+
+.van-icon-pending-payment:before {
+  content: "\F097";
+}
+
+.van-icon-phone-circle-o:before {
+  content: "\F098";
+}
+
+.van-icon-phone-circle:before {
+  content: "\F099";
+}
+
+.van-icon-phone-o:before {
+  content: "\F09A";
+}
+
+.van-icon-phone:before {
+  content: "\F09B";
+}
+
+.van-icon-photo-fail:before {
+  content: "\F0E5";
+}
+
+.van-icon-photo-o:before {
+  content: "\F09C";
+}
+
+.van-icon-photo:before {
+  content: "\F09D";
+}
+
+.van-icon-photograph:before {
+  content: "\F09E";
+}
+
+.van-icon-play-circle-o:before {
+  content: "\F09F";
+}
+
+.van-icon-play-circle:before {
+  content: "\F0A0";
+}
+
+.van-icon-play:before {
+  content: "\F0A1";
+}
+
+.van-icon-plus:before {
+  content: "\F0A2";
+}
+
+.van-icon-point-gift-o:before {
+  content: "\F0A3";
+}
+
+.van-icon-point-gift:before {
+  content: "\F0A4";
+}
+
+.van-icon-points:before {
+  content: "\F0A5";
+}
+
+.van-icon-printer:before {
+  content: "\F0A6";
+}
+
+.van-icon-qr-invalid:before {
+  content: "\F0A7";
+}
+
+.van-icon-qr:before {
+  content: "\F0A8";
+}
+
+.van-icon-question-o:before {
+  content: "\F0A9";
+}
+
+.van-icon-question:before {
+  content: "\F0AA";
+}
+
+.van-icon-records:before {
+  content: "\F0AB";
+}
+
+.van-icon-refund-o:before {
+  content: "\F0AC";
+}
+
+.van-icon-replay:before {
+  content: "\F0AD";
+}
+
+.van-icon-revoke:before {
+  content: "\F0ED";
+}
+
+.van-icon-scan:before {
+  content: "\F0AE";
+}
+
+.van-icon-search:before {
+  content: "\F0AF";
+}
+
+.van-icon-send-gift-o:before {
+  content: "\F0B0";
+}
+
+.van-icon-send-gift:before {
+  content: "\F0B1";
+}
+
+.van-icon-service-o:before {
+  content: "\F0B2";
+}
+
+.van-icon-service:before {
+  content: "\F0B3";
+}
+
+.van-icon-setting-o:before {
+  content: "\F0B4";
+}
+
+.van-icon-setting:before {
+  content: "\F0B5";
+}
+
+.van-icon-share-o:before {
+  content: "\F0E7";
+}
+
+.van-icon-share:before {
+  content: "\F0B6";
+}
+
+.van-icon-shop-collect-o:before {
+  content: "\F0B7";
+}
+
+.van-icon-shop-collect:before {
+  content: "\F0B8";
+}
+
+.van-icon-shop-o:before {
+  content: "\F0B9";
+}
+
+.van-icon-shop:before {
+  content: "\F0BA";
+}
+
+.van-icon-shopping-cart-o:before {
+  content: "\F0BB";
+}
+
+.van-icon-shopping-cart:before {
+  content: "\F0BC";
+}
+
+.van-icon-shrink:before {
+  content: "\F0BD";
+}
+
+.van-icon-sign:before {
+  content: "\F0BE";
+}
+
+.van-icon-smile-comment-o:before {
+  content: "\F0BF";
+}
+
+.van-icon-smile-comment:before {
+  content: "\F0C0";
+}
+
+.van-icon-smile-o:before {
+  content: "\F0C1";
+}
+
+.van-icon-smile:before {
+  content: "\F0C2";
+}
+
+.van-icon-sort:before {
+  content: "\F0EA";
+}
+
+.van-icon-star-o:before {
+  content: "\F0C3";
+}
+
+.van-icon-star:before {
+  content: "\F0C4";
+}
+
+.van-icon-stop-circle-o:before {
+  content: "\F0C5";
+}
+
+.van-icon-stop-circle:before {
+  content: "\F0C6";
+}
+
+.van-icon-stop:before {
+  content: "\F0C7";
+}
+
+.van-icon-success:before {
+  content: "\F0C8";
+}
+
+.van-icon-thumb-circle-o:before {
+  content: "\F0C9";
+}
+
+.van-icon-thumb-circle:before {
+  content: "\F0CA";
+}
+
+.van-icon-todo-list-o:before {
+  content: "\F0CB";
+}
+
+.van-icon-todo-list:before {
+  content: "\F0CC";
+}
+
+.van-icon-tosend:before {
+  content: "\F0CD";
+}
+
+.van-icon-tv-o:before {
+  content: "\F0CE";
+}
+
+.van-icon-umbrella-circle:before {
+  content: "\F0CF";
+}
+
+.van-icon-underway-o:before {
+  content: "\F0D0";
+}
+
+.van-icon-underway:before {
+  content: "\F0D1";
+}
+
+.van-icon-upgrade:before {
+  content: "\F0D2";
+}
+
+.van-icon-user-circle-o:before {
+  content: "\F0D3";
+}
+
+.van-icon-user-o:before {
+  content: "\F0D4";
+}
+
+.van-icon-video-o:before {
+  content: "\F0D5";
+}
+
+.van-icon-video:before {
+  content: "\F0D6";
+}
+
+.van-icon-vip-card-o:before {
+  content: "\F0D7";
+}
+
+.van-icon-vip-card:before {
+  content: "\F0D8";
+}
+
+.van-icon-volume-o:before {
+  content: "\F0D9";
+}
+
+.van-icon-volume:before {
+  content: "\F0DA";
+}
+
+.van-icon-wap-home-o:before {
+  content: "\F0DB";
+}
+
+.van-icon-wap-home:before {
+  content: "\F0DC";
+}
+
+.van-icon-wap-nav:before {
+  content: "\F0DD";
+}
+
+.van-icon-warn-o:before {
+  content: "\F0DE";
+}
+
+.van-icon-warning-o:before {
+  content: "\F0DF";
+}
+
+.van-icon-warning:before {
+  content: "\F0E0";
+}
+
+.van-icon-weapp-nav:before {
+  content: "\F0E1";
+}
+
+.van-icon-wechat-pay:before {
+  content: "\F0E2";
+}
+
+.van-icon-wechat:before {
+  content: "\F0EE";
+}
+
+.van-icon-youzan-shield:before {
+  content: "\F0E3";
+}
+
+.van-icon__image {
+  width: 1em;
+  height: 1em;
+  object-fit: contain;
+}
+
+.van-tabbar-item {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-flex: 1;
+  -webkit-flex: 1;
+  flex: 1;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+  flex-direction: column;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  color: #646566;
+  font-size: 1.6vw;
+  line-height: 1;
+  cursor: pointer;
+}
+
+.van-tabbar-item__icon {
+  position: relative;
+  margin-bottom: 0.533vw;
+  font-size: 2.933vw;
+}
+
+.van-tabbar-item__icon .van-icon {
+  display: block;
+}
+
+.van-tabbar-item__icon img {
+  display: block;
+  height: 2.667vw;
+}
+
+.van-tabbar-item--active {
+  color: #1989fa;
+  background-color: #fff;
+}
+
+.van-tabbar-item .van-info {
+  margin-top: 0.533vw;
+}
+
+.van-step {
+  position: relative;
+  -webkit-box-flex: 1;
+  -webkit-flex: 1;
+  flex: 1;
+  color: #969799;
+  font-size: 1.867vw;
+}
+
+.van-step__circle {
+  display: block;
+  width: 0.667vw;
+  height: 0.667vw;
+  background-color: #969799;
+  border-radius: 50%;
+}
+
+.van-step__line {
+  position: absolute;
+  background-color: #ebedf0;
+  -webkit-transition: background-color 0.3s;
+  transition: background-color 0.3s;
+}
+
+.van-step--horizontal {
+  float: left;
+}
+
+.van-step--horizontal:first-child .van-step__title {
+  margin-left: 0;
+  -webkit-transform: none;
+  transform: none;
+}
+
+.van-step--horizontal:last-child {
+  position: absolute;
+  right: 1px;
+  width: auto;
+}
+
+.van-step--horizontal:last-child .van-step__title {
+  margin-left: 0;
+  -webkit-transform: none;
+  transform: none;
+}
+
+.van-step--horizontal:last-child .van-step__circle-container {
+  right: -1.2vw;
+  left: auto;
+}
+
+.van-step--horizontal .van-step__circle-container {
+  position: absolute;
+  top: 4vw;
+  left: -1.067vw;
+  z-index: 1;
+  padding: 0 1.067vw;
+  background-color: #fff;
+  -webkit-transform: translateY(-50%);
+  transform: translateY(-50%);
+}
+
+.van-step--horizontal .van-step__title {
+  display: inline-block;
+  margin-left: 0.4vw;
+  font-size: 1.6vw;
+  -webkit-transform: translateX(-50%);
+  transform: translateX(-50%);
+}
+
+@media (max-width: 321px) {
+  .van-step--horizontal .van-step__title {
+    font-size: 11px;
+  }
+}
+
+.van-step--horizontal .van-step__line {
+  top: 4vw;
+  left: 0;
+  width: 100%;
+  height: 1px;
+}
+
+.van-step--horizontal .van-step__icon {
+  display: block;
+  font-size: 1.6vw;
+}
+
+.van-step--horizontal .van-step--process {
+  color: #323233;
+}
+
+.van-step--vertical {
+  display: block;
+  float: none;
+  padding: 1.333vw 1.333vw 1.333vw 0;
+  line-height: 2.4vw;
+}
+
+.van-step--vertical:not(:last-child):after {
+  border-bottom-width: 1px;
+}
+
+.van-step--vertical .van-step__circle-container {
+  position: absolute;
+  top: 2.533vw;
+  left: -2vw;
+  z-index: 1;
+  font-size: 1.6vw;
+  line-height: 1;
+  -webkit-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+}
+
+.van-step--vertical .van-step__line {
+  top: 2.133vw;
+  left: -2vw;
+  width: 1px;
+  height: 100%;
+}
+
+.van-step:last-child .van-step__line {
+  width: 0;
+}
+
+.van-step--finish {
+  color: #323233;
+}
+
+.van-step--finish .van-step__circle,
+.van-step--finish .van-step__line {
+  background-color: #07c160;
+}
+
+.van-step__icon,
+.van-step__title {
+  -webkit-transition: color 0.3s;
+  transition: color 0.3s;
+}
+
+.van-step__icon--active,
+.van-step__icon--finish,
+.van-step__title--active,
+.van-step__title--finish {
+  color: #07c160;
+}
+
+.van-rate {
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: inline-flex;
+  -webkit-flex-wrap: wrap;
+  flex-wrap: wrap;
+  cursor: pointer;
+  -webkit-user-select: none;
+  user-select: none;
+}
+
+.van-rate__item {
+  position: relative;
+}
+
+.van-rate__item:not(:last-child) {
+  padding-right: 0.533vw;
+}
+
+.van-rate__icon {
+  display: block;
+  width: 1em;
+  color: #c8c9cc;
+  font-size: 2.667vw;
+}
+
+.van-rate__icon--half {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 0.5em;
+  overflow: hidden;
+}
+
+.van-rate__icon--full {
+  color: #ee0a24;
+}
+
+.van-rate__icon--disabled {
+  color: #c8c9cc;
+}
+
+.van-rate--disabled {
+  cursor: not-allowed;
+}
+
+.van-rate--readonly {
+  cursor: default;
+}
+
+.van-notice-bar {
+  position: relative;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  height: 5.333vw;
+  padding: 0 2.133vw;
+  color: #ed6a0c;
+  font-size: 1.867vw;
+  line-height: 3.2vw;
+  background-color: #fffbe8;
+}
+
+.van-notice-bar__left-icon,
+.van-notice-bar__right-icon {
+  min-width: 3.2vw;
+  font-size: 2.133vw !important;
+}
+
+.van-notice-bar__right-icon {
+  text-align: right;
+  cursor: pointer;
+}
+
+.van-notice-bar__wrap {
+  position: relative;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-flex: 1;
+  -webkit-flex: 1;
+  flex: 1;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  height: 100%;
+  overflow: hidden;
+}
+
+.van-notice-bar__content {
+  position: absolute;
+  white-space: nowrap;
+  -webkit-transition-timing-function: linear;
+  transition-timing-function: linear;
+}
+
+.van-notice-bar__content.van-ellipsis {
+  max-width: 100%;
+}
+
+.van-notice-bar--wrapable {
+  height: auto;
+  padding: 1.067vw 2.133vw;
+}
+
+.van-notice-bar--wrapable .van-notice-bar__wrap {
+  height: auto;
+}
+
+.van-notice-bar--wrapable .van-notice-bar__content {
+  position: relative;
+  white-space: normal;
+  word-wrap: break-word;
+}
+
+.van-nav-bar {
+  position: relative;
+  z-index: 1;
+  line-height: 2.933vw;
+  text-align: center;
+  background-color: #fff;
+  -webkit-user-select: none;
+  user-select: none;
+}
+
+.van-nav-bar--fixed {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+}
+
+.van-nav-bar--safe-area-inset-top {
+  padding-top: constant(safe-area-inset-top);
+  padding-top: env(safe-area-inset-top);
+}
+
+.van-nav-bar .van-icon {
+  color: #1989fa;
+}
+
+.van-nav-bar__content {
+  position: relative;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  height: 6.133vw;
+}
+
+.van-nav-bar__arrow {
+  margin-right: 0.533vw;
+  font-size: 2.133vw;
+}
+
+.van-nav-bar__title {
+  max-width: 60%;
+  margin: 0 auto;
+  color: #323233;
+  font-weight: 500;
+  font-size: 2.133vw;
+}
+
+.van-nav-bar__left,
+.van-nav-bar__right {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  padding: 0 2.133vw;
+  font-size: 1.867vw;
+  cursor: pointer;
+}
+
+.van-nav-bar__left:active,
+.van-nav-bar__right:active {
+  opacity: 0.7;
+}
+
+.van-nav-bar__left {
+  left: 0;
+}
+
+.van-nav-bar__right {
+  right: 0;
+}
+
+.van-nav-bar__text {
+  color: #1989fa;
+}
+
+.van-grid-item {
+  position: relative;
+  box-sizing: border-box;
+}
+
+.van-grid-item--square {
+  height: 0;
+}
+
+.van-grid-item__icon {
+  font-size: 3.733vw;
+}
+
+.van-grid-item__icon-wrapper {
+  position: relative;
+}
+
+.van-grid-item__text {
+  color: #646566;
+  font-size: 1.6vw;
+  line-height: 1.5;
+  word-break: break-all;
+}
+
+.van-grid-item__icon + .van-grid-item__text {
+  margin-top: 1.067vw;
+}
+
+.van-grid-item__content {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+  flex-direction: column;
+  box-sizing: border-box;
+  height: 100%;
+  padding: 2.133vw 1.067vw;
+  background-color: #fff;
+}
+
+.van-grid-item__content:after {
+  z-index: 1;
+  border-width: 0 1px 1px 0;
+}
+
+.van-grid-item__content--square {
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+}
+
+.van-grid-item__content--center {
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+}
+
+.van-grid-item__content--horizontal {
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: row;
+  flex-direction: row;
+}
+
+.van-grid-item__content--horizontal
+  .van-grid-item__icon
+  + .van-grid-item__text {
+  margin-top: 0;
+  margin-left: 1.067vw;
+}
+
+.van-grid-item__content--surround:after {
+  border-width: 1px;
+}
+
+.van-grid-item__content--clickable {
+  cursor: pointer;
+}
+
+.van-grid-item__content--clickable:active {
+  background-color: #f2f3f5;
+}
+
+.van-goods-action-icon {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+  flex-direction: column;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  min-width: 6.4vw;
+  height: 100%;
+  color: #646566;
+  font-size: 1.333vw;
+  line-height: 1;
+  text-align: center;
+  background-color: #fff;
+  cursor: pointer;
+}
+
+.van-goods-action-icon:active {
+  background-color: #f2f3f5;
+}
+
+.van-goods-action-icon__icon {
+  position: relative;
+  width: 1em;
+  margin: 0 auto 0.667vw;
+  color: #323233;
+  font-size: 2.4vw;
+}
+
+.van-checkbox {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  overflow: hidden;
+  cursor: pointer;
+  -webkit-user-select: none;
+  user-select: none;
+}
+
+.van-checkbox--disabled {
+  cursor: not-allowed;
+}
+
+.van-checkbox--label-disabled {
+  cursor: default;
+}
+
+.van-checkbox--horizontal {
+  margin-right: 1.6vw;
+}
+
+.van-checkbox__icon {
+  -webkit-box-flex: 0;
+  -webkit-flex: none;
+  flex: none;
+  height: 1em;
+  font-size: 2.667vw;
+  line-height: 1em;
+  cursor: pointer;
+}
+
+.van-checkbox__icon .van-icon {
+  display: block;
+  box-sizing: border-box;
+  width: 1.25em;
+  height: 1.25em;
+  color: transparent;
+  font-size: 0.8em;
+  line-height: 1.25;
+  text-align: center;
+  border: 1px solid #c8c9cc;
+  -webkit-transition-duration: 0.2s;
+  transition-duration: 0.2s;
+  -webkit-transition-property: color, border-color, background-color;
+  transition-property: color, border-color, background-color;
+}
+
+.van-checkbox__icon--round .van-icon {
+  border-radius: 100%;
+}
+
+.van-checkbox__icon--checked .van-icon {
+  color: #fff;
+  background-color: #1989fa;
+  border-color: #1989fa;
+}
+
+.van-checkbox__icon--disabled {
+  cursor: not-allowed;
+}
+
+.van-checkbox__icon--disabled .van-icon {
+  background-color: #ebedf0;
+  border-color: #c8c9cc;
+}
+
+.van-checkbox__icon--disabled.van-checkbox__icon--checked .van-icon {
+  color: #c8c9cc;
+}
+
+.van-checkbox__label {
+  margin-left: 1.067vw;
+  color: #323233;
+  line-height: 2.667vw;
+}
+
+.van-checkbox__label--left {
+  margin: 0 1.067vw 0 0;
+}
+
+.van-checkbox__label--disabled {
+  color: #c8c9cc;
+}
+
+.van-coupon {
+  margin: 0 1.6vw 1.6vw;
+  overflow: hidden;
+  background-color: #fff;
+  border-radius: 1.067vw;
+  box-shadow: 0 0 0.533vw rgba(0, 0, 0, 0.1);
+}
+
+.van-coupon:active {
+  background-color: #f2f3f5;
+}
+
+.van-coupon__content {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  box-sizing: border-box;
+  min-height: 11.2vw;
+  padding: 1.867vw 0;
+  color: #323233;
+}
+
+.van-coupon__head {
+  position: relative;
+  min-width: 12.8vw;
+  padding: 0 1.067vw;
+  color: #ee0a24;
+  text-align: center;
+}
+
+.van-coupon__amount,
+.van-coupon__condition,
+.van-coupon__name,
+.van-coupon__valid {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.van-coupon__amount {
+  margin-bottom: 0.8vw;
+  font-weight: 500;
+  font-size: 4vw;
+}
+
+.van-coupon__amount span {
+  font-weight: 400;
+  font-size: 40%;
+}
+
+.van-coupon__amount span:not(:empty) {
+  margin-left: 0.267vw;
+}
+
+.van-coupon__condition {
+  font-size: 1.6vw;
+  line-height: 2.133vw;
+  white-space: pre-wrap;
+}
+
+.van-coupon__body {
+  position: relative;
+  -webkit-box-flex: 1;
+  -webkit-flex: 1;
+  flex: 1;
+  border-radius: 0 1.067vw 1.067vw 0;
+}
+
+.van-coupon__name {
+  margin-bottom: 1.333vw;
+  font-weight: 700;
+  font-size: 1.867vw;
+  line-height: 2.667vw;
+}
+
+.van-coupon__valid {
+  font-size: 1.6vw;
+}
+
+.van-coupon__corner {
+  position: absolute;
+  top: 0;
+  right: 2.133vw;
+  bottom: 0;
+}
+
+.van-coupon__description {
+  padding: 1.067vw 2.133vw;
+  font-size: 1.6vw;
+  border-top: 1px dashed #ebedf0;
+}
+
+.van-coupon--disabled:active {
+  background-color: #fff;
+}
+
+.van-coupon--disabled .van-coupon-item__content {
+  height: 9.867vw;
+}
+
+.van-coupon--disabled .van-coupon__head {
+  color: inherit;
+}
+
+.van-image {
+  position: relative;
+  display: inline-block;
+}
+
+.van-image--round {
+  overflow: hidden;
+  border-radius: 50%;
+}
+
+.van-image--round img {
+  border-radius: inherit;
+}
+
+.van-image__error,
+.van-image__img,
+.van-image__loading {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+
+.van-image__error,
+.van-image__loading {
+  position: absolute;
+  top: 0;
+  left: 0;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+  flex-direction: column;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  color: #969799;
+  font-size: 1.867vw;
+  background-color: #f7f8fa;
+}
+
+.van-image__error-icon,
+.van-image__loading-icon {
+  color: #dcdee0;
+  font-size: 4.267vw;
+}
+
+.van-radio {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  overflow: hidden;
+  cursor: pointer;
+  -webkit-user-select: none;
+  user-select: none;
+}
+
+.van-radio--disabled {
+  cursor: not-allowed;
+}
+
+.van-radio--label-disabled {
+  cursor: default;
+}
+
+.van-radio--horizontal {
+  margin-right: 1.6vw;
+}
+
+.van-radio__icon {
+  -webkit-box-flex: 0;
+  -webkit-flex: none;
+  flex: none;
+  height: 1em;
+  font-size: 2.667vw;
+  line-height: 1em;
+  cursor: pointer;
+}
+
+.van-radio__icon .van-icon {
+  display: block;
+  box-sizing: border-box;
+  width: 1.25em;
+  height: 1.25em;
+  color: transparent;
+  font-size: 0.8em;
+  line-height: 1.25;
+  text-align: center;
+  border: 1px solid #c8c9cc;
+  -webkit-transition-duration: 0.2s;
+  transition-duration: 0.2s;
+  -webkit-transition-property: color, border-color, background-color;
+  transition-property: color, border-color, background-color;
+}
+
+.van-radio__icon--round .van-icon {
+  border-radius: 100%;
+}
+
+.van-radio__icon--checked .van-icon {
+  color: #fff;
+  background-color: #1989fa;
+  border-color: #1989fa;
+}
+
+.van-radio__icon--disabled {
+  cursor: not-allowed;
+}
+
+.van-radio__icon--disabled .van-icon {
+  background-color: #ebedf0;
+  border-color: #c8c9cc;
+}
+
+.van-radio__icon--disabled.van-radio__icon--checked .van-icon {
+  color: #c8c9cc;
+}
+
+.van-radio__label {
+  margin-left: 1.067vw;
+  color: #323233;
+  line-height: 2.667vw;
+}
+
+.van-radio__label--left {
+  margin: 0 1.067vw 0 0;
+}
+
+.van-radio__label--disabled {
+  color: #c8c9cc;
+}
+
+.van-tag {
+  position: relative;
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: inline-flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  padding: 0 0.533vw;
+  color: #fff;
+  font-size: 1.6vw;
+  line-height: 2.133vw;
+  border-radius: 0.267vw;
+}
+
+.van-tag--default {
+  background-color: #969799;
+}
+
+.van-tag--default.van-tag--plain {
+  color: #969799;
+}
+
+.van-tag--danger {
+  background-color: #ee0a24;
+}
+
+.van-tag--danger.van-tag--plain {
+  color: #ee0a24;
+}
+
+.van-tag--primary {
+  background-color: #1989fa;
+}
+
+.van-tag--primary.van-tag--plain {
+  color: #1989fa;
+}
+
+.van-tag--success {
+  background-color: #07c160;
+}
+
+.van-tag--success.van-tag--plain {
+  color: #07c160;
+}
+
+.van-tag--warning {
+  background-color: #ff976a;
+}
+
+.van-tag--warning.van-tag--plain {
+  color: #ff976a;
+}
+
+.van-tag--plain {
+  background-color: #fff;
+  border-color: currentColor;
+}
+
+.van-tag--plain:before {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  border: 1px solid;
+  border-color: inherit;
+  border-radius: inherit;
+  content: "";
+  pointer-events: none;
+}
+
+.van-tag--medium {
+  padding: 0.267vw 0.8vw;
+}
+
+.van-tag--large {
+  padding: 0.533vw 1.067vw;
+  font-size: 1.867vw;
+  border-radius: 0.533vw;
+}
+
+.van-tag--mark {
+  border-radius: 0 133.2vw 133.2vw 0;
+}
+
+.van-tag--mark:after {
+  display: block;
+  width: 0.267vw;
+  content: "";
+}
+
+.van-tag--round {
+  border-radius: 133.2vw;
+}
+
+.van-tag__close {
+  margin-left: 0.267vw;
+  cursor: pointer;
+}
+
+.van-card {
+  position: relative;
+  box-sizing: border-box;
+  padding: 1.067vw 2.133vw;
+  color: #323233;
+  font-size: 1.6vw;
+  background-color: #fafafa;
+}
+
+.van-card:not(:first-child) {
+  margin-top: 1.067vw;
+}
+
+.van-card__header {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+}
+
+.van-card__thumb {
+  position: relative;
+  -webkit-box-flex: 0;
+  -webkit-flex: none;
+  flex: none;
+  width: 11.733vw;
+  height: 11.733vw;
+  margin-right: 1.067vw;
+}
+
+.van-card__thumb img {
+  border-radius: 1.067vw;
+}
+
+.van-card__content {
+  position: relative;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-flex: 1;
+  -webkit-flex: 1;
+  flex: 1;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+  flex-direction: column;
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+  justify-content: space-between;
+  min-width: 0;
+  min-height: 11.733vw;
+}
+
+.van-card__content--centered {
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+}
+
+.van-card__desc,
+.van-card__title {
+  word-wrap: break-word;
+}
+
+.van-card__title {
+  max-height: 4.267vw;
+  font-weight: 500;
+  line-height: 2.133vw;
+}
+
+.van-card__desc {
+  max-height: 2.667vw;
+  color: #646566;
+}
+
+.van-card__bottom,
+.van-card__desc {
+  line-height: 2.667vw;
+}
+
+.van-card__price {
+  display: inline-block;
+  color: #323233;
+  font-weight: 500;
+  font-size: 1.6vw;
+}
+
+.van-card__price-integer {
+  font-size: 2.133vw;
+}
+
+.van-card__price-decimal,
+.van-card__price-integer {
+  font-family: Avenir-Heavy, PingFang SC, Helvetica Neue, Arial, sans-serif;
+}
+
+.van-card__origin-price {
+  display: inline-block;
+  margin-left: 0.667vw;
+  color: #969799;
+  font-size: 1.333vw;
+  text-decoration: line-through;
+}
+
+.van-card__num {
+  float: right;
+  color: #969799;
+}
+
+.van-card__tag {
+  position: absolute;
+  top: 0.267vw;
+  left: 0;
+}
+
+.van-card__footer {
+  -webkit-box-flex: 0;
+  -webkit-flex: none;
+  flex: none;
+  text-align: right;
+}
+
+.van-card__footer .van-button {
+  margin-left: 0.667vw;
+}
+
+.van-cell {
+  position: relative;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  box-sizing: border-box;
+  width: 100%;
+  padding: 1.333vw 2.133vw;
+  overflow: hidden;
+  color: #323233;
+  font-size: 1.867vw;
+  line-height: 3.2vw;
+  background-color: #fff;
+}
+
+.van-cell:after {
+  position: absolute;
+  box-sizing: border-box;
+  content: " ";
+  pointer-events: none;
+  right: 2.133vw;
+  bottom: 0;
+  left: 2.133vw;
+  border-bottom: 1px solid #ebedf0;
+  -webkit-transform: scaleY(0.5);
+  transform: scaleY(0.5);
+}
+
+.van-cell--borderless:after,
+.van-cell:last-child:after {
+  display: none;
+}
+
+.van-cell__label {
+  margin-top: 0.533vw;
+  color: #969799;
+  font-size: 1.6vw;
+  line-height: 2.4vw;
+}
+
+.van-cell__title,
+.van-cell__value {
+  -webkit-box-flex: 1;
+  -webkit-flex: 1;
+  flex: 1;
+}
+
+.van-cell__value {
+  position: relative;
+  overflow: hidden;
+  color: #969799;
+  text-align: right;
+  vertical-align: middle;
+  word-wrap: break-word;
+}
+
+.van-cell__value--alone {
+  color: #323233;
+  text-align: left;
+}
+
+.van-cell__left-icon,
+.van-cell__right-icon {
+  height: 3.2vw;
+  font-size: 2.133vw;
+  line-height: 3.2vw;
+}
+
+.van-cell__left-icon {
+  margin-right: 0.533vw;
+}
+
+.van-cell__right-icon {
+  margin-left: 0.533vw;
+  color: #969799;
+}
+
+.van-cell--clickable {
+  cursor: pointer;
+}
+
+.van-cell--clickable:active {
+  background-color: #f2f3f5;
+}
+
+.van-cell--required {
+  overflow: visible;
+}
+
+.van-cell--required:before {
+  position: absolute;
+  left: 1.067vw;
+  color: #ee0a24;
+  font-size: 1.867vw;
+  content: "*";
+}
+
+.van-cell--center {
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+}
+
+.van-cell--large {
+  padding-top: 1.6vw;
+  padding-bottom: 1.6vw;
+}
+
+.van-cell--large .van-cell__title {
+  font-size: 2.133vw;
+}
+
+.van-cell--large .van-cell__label {
+  font-size: 1.867vw;
+}
+
+.van-coupon-cell__value--selected {
+  color: #323233;
+}
+
+.van-contact-card {
+  padding: 2.133vw;
+}
+
+.van-contact-card__value {
+  margin-left: 0.667vw;
+  line-height: 2.667vw;
+}
+
+.van-contact-card--add .van-contact-card__value {
+  line-height: 5.333vw;
+}
+
+.van-contact-card--add .van-cell__left-icon {
+  color: #1989fa;
+  font-size: 5.333vw;
+}
+
+.van-contact-card:before {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  height: 0.267vw;
+  background: -webkit-repeating-linear-gradient(
+    135deg,
+    #ff6c6c,
+    #ff6c6c 20%,
+    transparent 0,
+    transparent 25%,
+    #1989fa 0,
+    #1989fa 45%,
+    transparent 0,
+    transparent 50%
+  );
+  background: repeating-linear-gradient(
+    -45deg,
+    #ff6c6c,
+    #ff6c6c 20%,
+    transparent 0,
+    transparent 25%,
+    #1989fa 0,
+    #1989fa 45%,
+    transparent 0,
+    transparent 50%
+  );
+  background-size: 10.667vw;
+  content: "";
+}
+
+.van-collapse-item {
+  position: relative;
+}
+
+.van-collapse-item--border:after {
+  position: absolute;
+  box-sizing: border-box;
+  content: " ";
+  pointer-events: none;
+  top: 0;
+  right: 2.133vw;
+  left: 2.133vw;
+  border-top: 1px solid #ebedf0;
+  -webkit-transform: scaleY(0.5);
+  transform: scaleY(0.5);
+}
+
+.van-collapse-item__title .van-cell__right-icon:before {
+  -webkit-transform: rotate(90deg) translateZ(0);
+  transform: rotate(90deg) translateZ(0);
+  -webkit-transition: -webkit-transform 0.3s;
+  transition: -webkit-transform 0.3s;
+  transition: transform 0.3s;
+  transition: transform 0.3s, -webkit-transform 0.3s;
+}
+
+.van-collapse-item__title:after {
+  right: 2.133vw;
+  display: none;
+}
+
+.van-collapse-item__title--expanded .van-cell__right-icon:before {
+  -webkit-transform: rotate(-90deg);
+  transform: rotate(-90deg);
+}
+
+.van-collapse-item__title--expanded:after {
+  display: block;
+}
+
+.van-collapse-item__title--borderless:after {
+  display: none;
+}
+
+.van-collapse-item__title--disabled {
+  cursor: not-allowed;
+}
+
+.van-collapse-item__title--disabled,
+.van-collapse-item__title--disabled .van-cell__right-icon {
+  color: #c8c9cc;
+}
+
+.van-collapse-item__title--disabled:active {
+  background-color: #fff;
+}
+
+.van-collapse-item__wrapper {
+  overflow: hidden;
+  -webkit-transition: height 0.3s ease-in-out;
+  transition: height 0.3s ease-in-out;
+  will-change: height;
+}
+
+.van-collapse-item__content {
+  padding: 1.6vw 2.133vw;
+  color: #969799;
+  font-size: 1.867vw;
+  line-height: 1.5;
+  background-color: #fff;
+}
+
+.van-field__label {
+  -webkit-box-flex: 0;
+  -webkit-flex: none;
+  flex: none;
+  box-sizing: border-box;
+  width: 6.2em;
+  margin-right: 1.6vw;
+  color: #646566;
+  text-align: left;
+  word-wrap: break-word;
+}
+
+.van-field__label--center {
+  text-align: center;
+}
+
+.van-field__label--right {
+  text-align: right;
+}
+
+.van-field--disabled .van-field__label {
+  color: #c8c9cc;
+}
+
+.van-field__value {
+  overflow: visible;
+}
+
+.van-field__body {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+}
+
+.van-field__control {
+  display: block;
+  box-sizing: border-box;
+  width: 100%;
+  min-width: 0;
+  margin: 0;
+  padding: 0;
+  color: #323233;
+  line-height: inherit;
+  text-align: left;
+  background-color: transparent;
+  border: 0;
+  resize: none;
+}
+
+.van-field__control::-webkit-input-placeholder {
+  color: #c8c9cc;
+}
+
+.van-field__control::placeholder {
+  color: #c8c9cc;
+}
+
+.van-field__control:disabled {
+  color: #c8c9cc;
+  cursor: not-allowed;
+  opacity: 1;
+  -webkit-text-fill-color: #c8c9cc;
+}
+
+.van-field__control:read-only {
+  cursor: default;
+}
+
+.van-field__control--center {
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  text-align: center;
+}
+
+.van-field__control--right {
+  -webkit-box-pack: end;
+  -webkit-justify-content: flex-end;
+  justify-content: flex-end;
+  text-align: right;
+}
+
+.van-field__control--custom {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  min-height: 3.2vw;
+}
+
+.van-field__control[type="date"],
+.van-field__control[type="datetime-local"],
+.van-field__control[type="time"] {
+  min-height: 3.2vw;
+}
+
+.van-field__control[type="search"] {
+  -webkit-appearance: none;
+}
+
+.van-field__button,
+.van-field__clear,
+.van-field__icon,
+.van-field__right-icon {
+  -webkit-flex-shrink: 0;
+  flex-shrink: 0;
+}
+
+.van-field__clear,
+.van-field__right-icon {
+  margin-right: -1.067vw;
+  padding: 0 1.067vw;
+  line-height: inherit;
+}
+
+.van-field__clear {
+  color: #c8c9cc;
+  font-size: 2.133vw;
+  cursor: pointer;
+}
+
+.van-field__left-icon .van-icon,
+.van-field__right-icon .van-icon {
+  display: block;
+  font-size: 2.133vw;
+  line-height: inherit;
+}
+
+.van-field__left-icon {
+  margin-right: 0.533vw;
+}
+
+.van-field__right-icon {
+  color: #969799;
+}
+
+.van-field__button {
+  padding-left: 1.067vw;
+}
+
+.van-field__error-message {
+  color: #ee0a24;
+  font-size: 1.6vw;
+  text-align: left;
+}
+
+.van-field__error-message--center {
+  text-align: center;
+}
+
+.van-field__error-message--right {
+  text-align: right;
+}
+
+.van-field__word-limit {
+  margin-top: 0.533vw;
+  color: #646566;
+  font-size: 1.6vw;
+  line-height: 2.133vw;
+  text-align: right;
+}
+
+.van-field--error .van-field__control::-webkit-input-placeholder {
+  color: #ee0a24;
+  -webkit-text-fill-color: currentColor;
+}
+
+.van-field--error .van-field__control,
+.van-field--error .van-field__control::placeholder {
+  color: #ee0a24;
+  -webkit-text-fill-color: currentColor;
+}
+
+.van-field--min-height .van-field__control {
+  min-height: 8vw;
+}
+
+.van-search {
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  box-sizing: border-box;
+  padding: 1.333vw 1.6vw;
+  background-color: #fff;
+}
+
+.van-search,
+.van-search__content {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+}
+
+.van-search__content {
+  -webkit-box-flex: 1;
+  -webkit-flex: 1;
+  flex: 1;
+  padding-left: 1.6vw;
+  background-color: #f7f8fa;
+  border-radius: 0.267vw;
+}
+
+.van-search__content--round {
+  border-radius: 133.2vw;
+}
+
+.van-search__label {
+  padding: 0 0.667vw;
+  color: #323233;
+  font-size: 1.867vw;
+  line-height: 4.533vw;
+}
+
+.van-search .van-cell {
+  -webkit-box-flex: 1;
+  -webkit-flex: 1;
+  flex: 1;
+  padding: 0.667vw 1.067vw 0.667vw 0;
+  background-color: transparent;
+}
+
+.van-search .van-cell__left-icon {
+  color: #969799;
+}
+
+.van-search--show-action {
+  padding-right: 0;
+}
+
+.van-search input::-webkit-search-cancel-button,
+.van-search input::-webkit-search-decoration,
+.van-search input::-webkit-search-results-button,
+.van-search input::-webkit-search-results-decoration {
+  display: none;
+}
+
+.van-search__action {
+  padding: 0 1.067vw;
+  color: #323233;
+  font-size: 1.867vw;
+  line-height: 4.533vw;
+  cursor: pointer;
+  -webkit-user-select: none;
+  user-select: none;
+}
+
+.van-search__action:active {
+  background-color: #f2f3f5;
+}
+
+.van-overflow-hidden {
+  overflow: hidden !important;
+}
+
+.van-popup {
+  position: fixed;
+  max-height: 100%;
+  overflow-y: auto;
+  background-color: #fff;
+  -webkit-transition: -webkit-transform 0.3s;
+  transition: -webkit-transform 0.3s;
+  transition: transform 0.3s;
+  transition: transform 0.3s, -webkit-transform 0.3s;
+  -webkit-overflow-scrolling: touch;
+}
+
+.van-popup--center {
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate3d(-50%, -50%, 0);
+  transform: translate3d(-50%, -50%, 0);
+}
+
+.van-popup--center.van-popup--round {
+  border-radius: 2.133vw;
+}
+
+.van-popup--top {
+  top: 0;
+  left: 0;
+  width: 100%;
+}
+
+.van-popup--top.van-popup--round {
+  border-radius: 0 0 2.133vw 2.133vw;
+}
+
+.van-popup--right {
+  top: 50%;
+  right: 0;
+  -webkit-transform: translate3d(0, -50%, 0);
+  transform: translate3d(0, -50%, 0);
+}
+
+.van-popup--right.van-popup--round {
+  border-radius: 2.133vw 0 0 2.133vw;
+}
+
+.van-popup--bottom {
+  bottom: 0;
+  left: 0;
+  width: 100%;
+}
+
+.van-popup--bottom.van-popup--round {
+  border-radius: 2.133vw 2.133vw 0 0;
+}
+
+.van-popup--left {
+  top: 50%;
+  left: 0;
+  -webkit-transform: translate3d(0, -50%, 0);
+  transform: translate3d(0, -50%, 0);
+}
+
+.van-popup--left.van-popup--round {
+  border-radius: 0 2.133vw 2.133vw 0;
+}
+
+.van-popup--safe-area-inset-bottom {
+  padding-bottom: constant(safe-area-inset-bottom);
+  padding-bottom: env(safe-area-inset-bottom);
+}
+
+.van-popup-slide-bottom-enter-active,
+.van-popup-slide-left-enter-active,
+.van-popup-slide-right-enter-active,
+.van-popup-slide-top-enter-active {
+  -webkit-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+}
+
+.van-popup-slide-bottom-leave-active,
+.van-popup-slide-left-leave-active,
+.van-popup-slide-right-leave-active,
+.van-popup-slide-top-leave-active {
+  -webkit-transition-timing-function: ease-in;
+  transition-timing-function: ease-in;
+}
+
+.van-popup-slide-top-enter,
+.van-popup-slide-top-leave-active {
+  -webkit-transform: translate3d(0, -100%, 0);
+  transform: translate3d(0, -100%, 0);
+}
+
+.van-popup-slide-right-enter,
+.van-popup-slide-right-leave-active {
+  -webkit-transform: translate3d(100%, -50%, 0);
+  transform: translate3d(100%, -50%, 0);
+}
+
+.van-popup-slide-bottom-enter,
+.van-popup-slide-bottom-leave-active {
+  -webkit-transform: translate3d(0, 100%, 0);
+  transform: translate3d(0, 100%, 0);
+}
+
+.van-popup-slide-left-enter,
+.van-popup-slide-left-leave-active {
+  -webkit-transform: translate3d(-100%, -50%, 0);
+  transform: translate3d(-100%, -50%, 0);
+}
+
+.van-popup__close-icon {
+  position: absolute;
+  z-index: 1;
+  color: #c8c9cc;
+  font-size: 2.933vw;
+  cursor: pointer;
+}
+
+.van-popup__close-icon:active {
+  color: #969799;
+}
+
+.van-popup__close-icon--top-left {
+  top: 2.133vw;
+  left: 2.133vw;
+}
+
+.van-popup__close-icon--top-right {
+  top: 2.133vw;
+  right: 2.133vw;
+}
+
+.van-popup__close-icon--bottom-left {
+  bottom: 2.133vw;
+  left: 2.133vw;
+}
+
+.van-popup__close-icon--bottom-right {
+  right: 2.133vw;
+  bottom: 2.133vw;
+}
+
+.van-share-sheet__header {
+  padding: 1.6vw 2.133vw 0.533vw;
+  text-align: center;
+}
+
+.van-share-sheet__title {
+  margin-top: 1.067vw;
+  color: #323233;
+  font-weight: 400;
+  font-size: 1.867vw;
+  line-height: 2.667vw;
+}
+
+.van-share-sheet__description {
+  display: block;
+  margin-top: 1.067vw;
+  color: #969799;
+  font-size: 1.6vw;
+  line-height: 2.133vw;
+}
+
+.van-share-sheet__options {
+  position: relative;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  padding: 2.133vw 0 2.133vw 1.067vw;
+  overflow-x: auto;
+  overflow-y: visible;
+  -webkit-overflow-scrolling: touch;
+}
+
+.van-share-sheet__options--border:before {
+  position: absolute;
+  box-sizing: border-box;
+  content: " ";
+  pointer-events: none;
+  top: 0;
+  right: 0;
+  left: 2.133vw;
+  border-top: 1px solid #ebedf0;
+  -webkit-transform: scaleY(0.5);
+  transform: scaleY(0.5);
+}
+
+.van-share-sheet__options::-webkit-scrollbar {
+  height: 0;
+}
+
+.van-share-sheet__option {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+  flex-direction: column;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  cursor: pointer;
+  -webkit-user-select: none;
+  user-select: none;
+}
+
+.van-share-sheet__option:active {
+  opacity: 0.7;
+}
+
+.van-share-sheet__icon {
+  width: 6.4vw;
+  height: 6.4vw;
+  margin: 0 2.133vw;
+}
+
+.van-share-sheet__name {
+  margin-top: 1.067vw;
+  padding: 0 0.533vw;
+  color: #646566;
+  font-size: 1.6vw;
+}
+
+.van-share-sheet__option-description {
+  padding: 0 0.533vw;
+  color: #c8c9cc;
+  font-size: 1.6vw;
+}
+
+.van-share-sheet__cancel {
+  display: block;
+  width: 100%;
+  padding: 0;
+  font-size: 2.133vw;
+  line-height: 6.4vw;
+  text-align: center;
+  background: #fff;
+  border: none;
+  cursor: pointer;
+}
+
+.van-share-sheet__cancel:before {
+  display: block;
+  height: 1.067vw;
+  background-color: #f7f8fa;
+  content: " ";
+}
+
+.van-share-sheet__cancel:active {
+  background-color: #f2f3f5;
+}
+
+.van-popover {
+  position: absolute;
+  overflow: visible;
+  background-color: transparent;
+  -webkit-transition: opacity 0.15s, -webkit-transform 0.15s;
+  transition: opacity 0.15s, -webkit-transform 0.15s;
+  transition: opacity 0.15s, transform 0.15s;
+  transition: opacity 0.15s, transform 0.15s, -webkit-transform 0.15s;
+}
+
+.van-popover__wrapper {
+  display: inline-block;
+}
+
+.van-popover__arrow {
+  position: absolute;
+  width: 0;
+  height: 0;
+  border-color: transparent;
+  border-style: solid;
+  border-width: 0.8vw;
+}
+
+.van-popover__content {
+  overflow: hidden;
+  border-radius: 1.067vw;
+}
+
+.van-popover__action {
+  position: relative;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  box-sizing: border-box;
+  width: 17.067vw;
+  height: 5.867vw;
+  padding: 0 2.133vw;
+  font-size: 1.867vw;
+  line-height: 2.667vw;
+  cursor: pointer;
+}
+
+.van-popover__action:last-child .van-popover__action-text:after {
+  display: none;
+}
+
+.van-popover__action-text {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-flex: 1;
+  -webkit-flex: 1;
+  flex: 1;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  height: 100%;
+}
+
+.van-popover__action-icon {
+  margin-right: 1.067vw;
+  font-size: 2.667vw;
+}
+
+.van-popover__action--with-icon .van-popover__action-text {
+  -webkit-box-pack: start;
+  -webkit-justify-content: flex-start;
+  justify-content: flex-start;
+}
+
+.van-popover[data-popper-placement^="top"] .van-popover__arrow {
+  bottom: 0;
+  border-top-color: currentColor;
+  border-bottom-width: 0;
+  -webkit-transform: translate(-50%, 100%);
+  transform: translate(-50%, 100%);
+}
+
+.van-popover[data-popper-placement="top"] {
+  -webkit-transform-origin: 50% 100%;
+  transform-origin: 50% 100%;
+}
+
+.van-popover[data-popper-placement="top"] .van-popover__arrow {
+  left: 50%;
+}
+
+.van-popover[data-popper-placement="top-start"] {
+  -webkit-transform-origin: 0 100%;
+  transform-origin: 0 100%;
+}
+
+.van-popover[data-popper-placement="top-start"] .van-popover__arrow {
+  left: 2.133vw;
+}
+
+.van-popover[data-popper-placement="top-end"] {
+  -webkit-transform-origin: 100% 100%;
+  transform-origin: 100% 100%;
+}
+
+.van-popover[data-popper-placement="top-end"] .van-popover__arrow {
+  right: 2.133vw;
+}
+
+.van-popover[data-popper-placement^="left"] .van-popover__arrow {
+  right: 0;
+  border-right-width: 0;
+  border-left-color: currentColor;
+  -webkit-transform: translate(100%, -50%);
+  transform: translate(100%, -50%);
+}
+
+.van-popover[data-popper-placement="left"] {
+  -webkit-transform-origin: 100% 50%;
+  transform-origin: 100% 50%;
+}
+
+.van-popover[data-popper-placement="left"] .van-popover__arrow {
+  top: 50%;
+}
+
+.van-popover[data-popper-placement="left-start"] {
+  -webkit-transform-origin: 100% 0;
+  transform-origin: 100% 0;
+}
+
+.van-popover[data-popper-placement="left-start"] .van-popover__arrow {
+  top: 2.133vw;
+}
+
+.van-popover[data-popper-placement="left-end"] {
+  -webkit-transform-origin: 100% 100%;
+  transform-origin: 100% 100%;
+}
+
+.van-popover[data-popper-placement="left-end"] .van-popover__arrow {
+  bottom: 2.133vw;
+}
+
+.van-popover[data-popper-placement^="right"] .van-popover__arrow {
+  left: 0;
+  border-right-color: currentColor;
+  border-left-width: 0;
+  -webkit-transform: translate(-100%, -50%);
+  transform: translate(-100%, -50%);
+}
+
+.van-popover[data-popper-placement="right"] {
+  -webkit-transform-origin: 0 50%;
+  transform-origin: 0 50%;
+}
+
+.van-popover[data-popper-placement="right"] .van-popover__arrow {
+  top: 50%;
+}
+
+.van-popover[data-popper-placement="right-start"] {
+  -webkit-transform-origin: 0 0;
+  transform-origin: 0 0;
+}
+
+.van-popover[data-popper-placement="right-start"] .van-popover__arrow {
+  top: 2.133vw;
+}
+
+.van-popover[data-popper-placement="right-end"] {
+  -webkit-transform-origin: 0 100%;
+  transform-origin: 0 100%;
+}
+
+.van-popover[data-popper-placement="right-end"] .van-popover__arrow {
+  bottom: 2.133vw;
+}
+
+.van-popover[data-popper-placement^="bottom"] .van-popover__arrow {
+  top: 0;
+  border-top-width: 0;
+  border-bottom-color: currentColor;
+  -webkit-transform: translate(-50%, -100%);
+  transform: translate(-50%, -100%);
+}
+
+.van-popover[data-popper-placement="bottom"] {
+  -webkit-transform-origin: 50% 0;
+  transform-origin: 50% 0;
+}
+
+.van-popover[data-popper-placement="bottom"] .van-popover__arrow {
+  left: 50%;
+}
+
+.van-popover[data-popper-placement="bottom-start"] {
+  -webkit-transform-origin: 0 0;
+  transform-origin: 0 0;
+}
+
+.van-popover[data-popper-placement="bottom-start"] .van-popover__arrow {
+  left: 2.133vw;
+}
+
+.van-popover[data-popper-placement="bottom-end"] {
+  -webkit-transform-origin: 100% 0;
+  transform-origin: 100% 0;
+}
+
+.van-popover[data-popper-placement="bottom-end"] .van-popover__arrow {
+  right: 2.133vw;
+}
+
+.van-popover--light {
+  color: #323233;
+}
+
+.van-popover--light .van-popover__content {
+  background-color: #fff;
+  box-shadow: 0 0.267vw 1.6vw rgba(50, 50, 51, 0.12);
+}
+
+.van-popover--light .van-popover__arrow {
+  color: #fff;
+}
+
+.van-popover--light .van-popover__action:active {
+  background-color: #f2f3f5;
+}
+
+.van-popover--light .van-popover__action--disabled {
+  color: #c8c9cc;
+  cursor: not-allowed;
+}
+
+.van-popover--light .van-popover__action--disabled:active {
+  background-color: transparent;
+}
+
+.van-popover--dark {
+  color: #fff;
+}
+
+.van-popover--dark .van-popover__content {
+  background-color: #4a4a4a;
+}
+
+.van-popover--dark .van-popover__arrow {
+  color: #4a4a4a;
+}
+
+.van-popover--dark .van-popover__action:active {
+  background-color: rgba(0, 0, 0, 0.2);
+}
+
+.van-popover--dark .van-popover__action--disabled {
+  color: #969799;
+}
+
+.van-popover--dark .van-popover__action--disabled:active {
+  background-color: transparent;
+}
+
+.van-popover--dark .van-popover__action-text:after {
+  border-color: #646566;
+}
+
+.van-popover-zoom-enter,
+.van-popover-zoom-leave-active {
+  -webkit-transform: scale(0.8);
+  transform: scale(0.8);
+  opacity: 0;
+}
+
+.van-popover-zoom-enter-active {
+  -webkit-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+}
+
+.van-popover-zoom-leave-active {
+  -webkit-transition-timing-function: ease-in;
+  transition-timing-function: ease-in;
+}
+
+.van-notify {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  box-sizing: border-box;
+  padding: 1.067vw 2.133vw;
+  color: #fff;
+  font-size: 1.867vw;
+  line-height: 2.667vw;
+  white-space: pre-wrap;
+  text-align: center;
+  word-wrap: break-word;
+}
+
+.van-notify--primary {
+  background-color: #1989fa;
+}
+
+.van-notify--success {
+  background-color: #07c160;
+}
+
+.van-notify--danger {
+  background-color: #ee0a24;
+}
+
+.van-notify--warning {
+  background-color: #ff976a;
+}
+
+.van-dropdown-item {
+  position: fixed;
+  right: 0;
+  left: 0;
+  z-index: 10;
+  overflow: hidden;
+}
+
+.van-dropdown-item__icon {
+  display: block;
+  line-height: inherit;
+}
+
+.van-dropdown-item__option {
+  text-align: left;
+}
+
+.van-dropdown-item__option--active,
+.van-dropdown-item__option--active .van-dropdown-item__icon {
+  color: #ee0a24;
+}
+
+.van-dropdown-item--up {
+  top: 0;
+}
+
+.van-dropdown-item--down {
+  bottom: 0;
+}
+
+.van-dropdown-item__content {
+  position: absolute;
+  max-height: 80%;
+}
+
+.van-loading {
+  color: #c8c9cc;
+  font-size: 0;
+}
+
+.van-loading,
+.van-loading__spinner {
+  position: relative;
+  vertical-align: middle;
+}
+
+.van-loading__spinner {
+  display: inline-block;
+  width: 4vw;
+  max-width: 100%;
+  height: 4vw;
+  max-height: 100%;
+  -webkit-animation: van-rotate 0.8s linear infinite;
+  animation: van-rotate 0.8s linear infinite;
+}
+
+.van-loading__spinner--spinner {
+  -webkit-animation-timing-function: steps(12);
+  animation-timing-function: steps(12);
+}
+
+.van-loading__spinner--spinner i {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.van-loading__spinner--spinner i:before {
+  display: block;
+  width: 0.267vw;
+  height: 25%;
+  margin: 0 auto;
+  background-color: currentColor;
+  border-radius: 40%;
+  content: " ";
+}
+
+.van-loading__spinner--circular {
+  -webkit-animation-duration: 2s;
+  animation-duration: 2s;
+}
+
+.van-loading__circular {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+
+.van-loading__circular circle {
+  -webkit-animation: van-circular 1.5s ease-in-out infinite;
+  animation: van-circular 1.5s ease-in-out infinite;
+  stroke: currentColor;
+  stroke-width: 3;
+  stroke-linecap: round;
+}
+
+.van-loading__text {
+  display: inline-block;
+  margin-left: 1.067vw;
+  color: #969799;
+  font-size: 1.867vw;
+  vertical-align: middle;
+}
+
+.van-loading--vertical {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+  flex-direction: column;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+}
+
+.van-loading--vertical .van-loading__text {
+  margin: 1.067vw 0 0;
+}
+
+@-webkit-keyframes van-circular {
+  0% {
+    stroke-dasharray: 1, 200;
+    stroke-dashoffset: 0;
+  }
+
+  50% {
+    stroke-dasharray: 90, 150;
+    stroke-dashoffset: -40;
+  }
+
+  to {
+    stroke-dasharray: 90, 150;
+    stroke-dashoffset: -120;
+  }
+}
+
+@keyframes van-circular {
+  0% {
+    stroke-dasharray: 1, 200;
+    stroke-dashoffset: 0;
+  }
+
+  50% {
+    stroke-dasharray: 90, 150;
+    stroke-dashoffset: -40;
+  }
+
+  to {
+    stroke-dasharray: 90, 150;
+    stroke-dashoffset: -120;
+  }
+}
+
+.van-loading__spinner--spinner i:first-of-type {
+  -webkit-transform: rotate(30deg);
+  transform: rotate(30deg);
+  opacity: 1;
+}
+
+.van-loading__spinner--spinner i:nth-of-type(2) {
+  -webkit-transform: rotate(60deg);
+  transform: rotate(60deg);
+  opacity: 0.9375;
+}
+
+.van-loading__spinner--spinner i:nth-of-type(3) {
+  -webkit-transform: rotate(90deg);
+  transform: rotate(90deg);
+  opacity: 0.875;
+}
+
+.van-loading__spinner--spinner i:nth-of-type(4) {
+  -webkit-transform: rotate(120deg);
+  transform: rotate(120deg);
+  opacity: 0.8125;
+}
+
+.van-loading__spinner--spinner i:nth-of-type(5) {
+  -webkit-transform: rotate(150deg);
+  transform: rotate(150deg);
+  opacity: 0.75;
+}
+
+.van-loading__spinner--spinner i:nth-of-type(6) {
+  -webkit-transform: rotate(180deg);
+  transform: rotate(180deg);
+  opacity: 0.6875;
+}
+
+.van-loading__spinner--spinner i:nth-of-type(7) {
+  -webkit-transform: rotate(210deg);
+  transform: rotate(210deg);
+  opacity: 0.625;
+}
+
+.van-loading__spinner--spinner i:nth-of-type(8) {
+  -webkit-transform: rotate(240deg);
+  transform: rotate(240deg);
+  opacity: 0.5625;
+}
+
+.van-loading__spinner--spinner i:nth-of-type(9) {
+  -webkit-transform: rotate(270deg);
+  transform: rotate(270deg);
+  opacity: 0.5;
+}
+
+.van-loading__spinner--spinner i:nth-of-type(10) {
+  -webkit-transform: rotate(300deg);
+  transform: rotate(300deg);
+  opacity: 0.4375;
+}
+
+.van-loading__spinner--spinner i:nth-of-type(11) {
+  -webkit-transform: rotate(330deg);
+  transform: rotate(330deg);
+  opacity: 0.375;
+}
+
+.van-loading__spinner--spinner i:nth-of-type(12) {
+  -webkit-transform: rotate(1turn);
+  transform: rotate(1turn);
+  opacity: 0.3125;
+}
+
+.van-pull-refresh {
+  overflow: hidden;
+  -webkit-user-select: none;
+  user-select: none;
+}
+
+.van-pull-refresh__track {
+  position: relative;
+  height: 100%;
+  -webkit-transition-property: -webkit-transform;
+  transition-property: -webkit-transform;
+  transition-property: transform;
+  transition-property: transform, -webkit-transform;
+}
+
+.van-pull-refresh__head {
+  position: absolute;
+  left: 0;
+  width: 100%;
+  height: 6.667vw;
+  overflow: hidden;
+  color: #969799;
+  font-size: 1.867vw;
+  line-height: 6.667vw;
+  text-align: center;
+  -webkit-transform: translateY(-100%);
+  transform: translateY(-100%);
+}
+
+.van-number-keyboard {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  z-index: 100;
+  width: 100%;
+  padding-bottom: 2.933vw;
+  background-color: #f2f3f5;
+  -webkit-user-select: none;
+  user-select: none;
+}
+
+.van-number-keyboard--with-title {
+  border-radius: 2.667vw 2.667vw 0 0;
+}
+
+.van-number-keyboard__header {
+  position: relative;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  box-sizing: content-box;
+  height: 4.533vw;
+  padding-top: 0.8vw;
+  color: #646566;
+  font-size: 2.133vw;
+}
+
+.van-number-keyboard__title {
+  display: inline-block;
+  font-weight: 400;
+}
+
+.van-number-keyboard__title-left {
+  position: absolute;
+  left: 0;
+}
+
+.van-number-keyboard__body {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  padding: 0.8vw 0 0 0.8vw;
+}
+
+.van-number-keyboard__keys {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-flex: 3;
+  -webkit-flex: 3;
+  flex: 3;
+  -webkit-flex-wrap: wrap;
+  flex-wrap: wrap;
+}
+
+.van-number-keyboard__close {
+  position: absolute;
+  right: 0;
+  height: 100%;
+  padding: 0 2.133vw;
+  color: #576b95;
+  font-size: 1.867vw;
+  background-color: transparent;
+  border: none;
+  cursor: pointer;
+}
+
+.van-number-keyboard__close:active {
+  opacity: 0.7;
+}
+
+.van-number-keyboard__sidebar {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-flex: 1;
+  -webkit-flex: 1;
+  flex: 1;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+  flex-direction: column;
+}
+
+.van-number-keyboard--unfit {
+  padding-bottom: 0;
+}
+
+.van-key {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  height: 6.4vw;
+  font-size: 3.733vw;
+  line-height: 1.5;
+  background-color: #fff;
+  border-radius: 1.067vw;
+  cursor: pointer;
+}
+
+.van-key--large {
+  position: absolute;
+  top: 0;
+  right: 0.8vw;
+  bottom: 0.8vw;
+  left: 0;
+  height: auto;
+}
+
+.van-key--blue,
+.van-key--delete {
+  font-size: 2.133vw;
+}
+
+.van-key--active {
+  background-color: #ebedf0;
+}
+
+.van-key--blue {
+  color: #fff;
+  background-color: #1989fa;
+}
+
+.van-key--blue.van-key--active {
+  background-color: #0570db;
+}
+
+.van-key__wrapper {
+  position: relative;
+  -webkit-box-flex: 1;
+  -webkit-flex: 1;
+  flex: 1;
+  -webkit-flex-basis: 33%;
+  flex-basis: 33%;
+  box-sizing: border-box;
+  padding: 0 0.8vw 0.8vw 0;
+}
+
+.van-key__wrapper--wider {
+  -webkit-flex-basis: 66%;
+  flex-basis: 66%;
+}
+
+.van-key__delete-icon {
+  width: 4.267vw;
+  height: 2.933vw;
+}
+
+.van-key__collapse-icon {
+  width: 4vw;
+  height: 3.2vw;
+}
+
+.van-key__loading-icon {
+  color: #fff;
+}
+
+.van-list__error-text,
+.van-list__finished-text,
+.van-list__loading {
+  color: #969799;
+  font-size: 1.867vw;
+  line-height: 6.667vw;
+  text-align: center;
+}
+
+.van-list__placeholder {
+  height: 0;
+  pointer-events: none;
+}
+
+.van-switch {
+  position: relative;
+  display: inline-block;
+  box-sizing: content-box;
+  width: 2em;
+  font-size: 4vw;
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  border-radius: 1em;
+  cursor: pointer;
+  -webkit-transition: background-color 0.3s;
+  transition: background-color 0.3s;
+}
+
+.van-switch,
+.van-switch__node {
+  height: 1em;
+  background-color: #fff;
+}
+
+.van-switch__node {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 1em;
+  border-radius: 100%;
+  box-shadow: 0 0.4vw 1px 0 rgba(0, 0, 0, 0.05),
+    0 0.267vw 0.267vw 0 rgba(0, 0, 0, 0.1), 0 0.4vw 0.4vw 0 rgba(0, 0, 0, 0.05);
+  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.3, 1.05, 0.4, 1.05);
+  transition: -webkit-transform 0.3s cubic-bezier(0.3, 1.05, 0.4, 1.05);
+  transition: transform 0.3s cubic-bezier(0.3, 1.05, 0.4, 1.05);
+  transition: transform 0.3s cubic-bezier(0.3, 1.05, 0.4, 1.05),
+    -webkit-transform 0.3s cubic-bezier(0.3, 1.05, 0.4, 1.05);
+}
+
+.van-switch__loading {
+  top: 25%;
+  left: 25%;
+  width: 50%;
+  height: 50%;
+  line-height: 1;
+}
+
+.van-switch--on {
+  background-color: #1989fa;
+}
+
+.van-switch--on .van-switch__node {
+  -webkit-transform: translateX(1em);
+  transform: translateX(1em);
+}
+
+.van-switch--on .van-switch__loading {
+  color: #1989fa;
+}
+
+.van-switch--disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+
+.van-switch--loading {
+  cursor: default;
+}
+
+.van-switch-cell {
+  padding-top: 1.2vw;
+  padding-bottom: 1.2vw;
+}
+
+.van-switch-cell--large {
+  padding-top: 1.467vw;
+  padding-bottom: 1.467vw;
+}
+
+.van-switch-cell .van-switch {
+  float: right;
+}
+
+.van-button {
+  position: relative;
+  display: inline-block;
+  box-sizing: border-box;
+  height: 5.867vw;
+  margin: 0;
+  padding: 0;
+  font-size: 2.133vw;
+  line-height: 1.2;
+  text-align: center;
+  border-radius: 0.267vw;
+  cursor: pointer;
+  -webkit-transition: opacity 0.2s;
+  transition: opacity 0.2s;
+  -webkit-appearance: none;
+}
+
+.van-button:before {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 100%;
+  height: 100%;
+  background-color: #000;
+  border: inherit;
+  border-color: #000;
+  border-radius: inherit;
+  -webkit-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+  opacity: 0;
+  content: " ";
+}
+
+.van-button:active:before {
+  opacity: 0.1;
+}
+
+.van-button--disabled:before,
+.van-button--loading:before {
+  display: none;
+}
+
+.van-button--default {
+  color: #323233;
+  background-color: #fff;
+  border: 1px solid #ebedf0;
+}
+
+.van-button--primary {
+  color: #fff;
+  background-color: #07c160;
+  border: 1px solid #07c160;
+}
+
+.van-button--info {
+  color: #fff;
+  background-color: #1989fa;
+  border: 1px solid #1989fa;
+}
+
+.van-button--danger {
+  color: #fff;
+  background-color: #ee0a24;
+  border: 1px solid #ee0a24;
+}
+
+.van-button--warning {
+  color: #fff;
+  background-color: #ff976a;
+  border: 1px solid #ff976a;
+}
+
+.van-button--plain {
+  background-color: #fff;
+}
+
+.van-button--plain.van-button--primary {
+  color: #07c160;
+}
+
+.van-button--plain.van-button--info {
+  color: #1989fa;
+}
+
+.van-button--plain.van-button--danger {
+  color: #ee0a24;
+}
+
+.van-button--plain.van-button--warning {
+  color: #ff976a;
+}
+
+.van-button--large {
+  width: 100%;
+  height: 6.667vw;
+}
+
+.van-button--normal {
+  padding: 0 2vw;
+  font-size: 1.867vw;
+}
+
+.van-button--small {
+  height: 4.267vw;
+  padding: 0 1.067vw;
+  font-size: 1.6vw;
+}
+
+.van-button__loading {
+  color: inherit;
+  font-size: inherit;
+}
+
+.van-button--mini {
+  height: 3.2vw;
+  padding: 0 0.533vw;
+  font-size: 1.333vw;
+}
+
+.van-button--mini + .van-button--mini {
+  margin-left: 0.533vw;
+}
+
+.van-button--block {
+  display: block;
+  width: 100%;
+}
+
+.van-button--disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+
+.van-button--loading {
+  cursor: default;
+}
+
+.van-button--round {
+  border-radius: 133.2vw;
+}
+
+.van-button--square {
+  border-radius: 0;
+}
+
+.van-button__content {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  height: 100%;
+}
+
+.van-button__content:before {
+  content: " ";
+}
+
+.van-button__icon {
+  font-size: 1.2em;
+  line-height: inherit;
+}
+
+.van-button__icon + .van-button__text,
+.van-button__loading + .van-button__text,
+.van-button__text + .van-button__icon,
+.van-button__text + .van-button__loading {
+  margin-left: 0.533vw;
+}
+
+.van-button--hairline {
+  border-width: 0;
+}
+
+.van-button--hairline:after {
+  border-color: inherit;
+  border-radius: 0.533vw;
+}
+
+.van-button--hairline.van-button--round:after {
+  border-radius: 133.2vw;
+}
+
+.van-button--hairline.van-button--square:after {
+  border-radius: 0;
+}
+
+.van-submit-bar {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  z-index: 100;
+  width: 100%;
+  padding-bottom: constant(safe-area-inset-bottom);
+  padding-bottom: env(safe-area-inset-bottom);
+  background-color: #fff;
+  -webkit-user-select: none;
+  user-select: none;
+}
+
+.van-submit-bar__tip {
+  padding: 1.067vw 1.6vw;
+  color: #f56723;
+  font-size: 1.6vw;
+  line-height: 1.5;
+  background-color: #fff7cc;
+}
+
+.van-submit-bar__tip-icon {
+  min-width: 2.4vw;
+  font-size: 1.6vw;
+  vertical-align: middle;
+}
+
+.van-submit-bar__tip-text {
+  vertical-align: middle;
+}
+
+.van-submit-bar__bar {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  -webkit-box-pack: end;
+  -webkit-justify-content: flex-end;
+  justify-content: flex-end;
+  height: 6.667vw;
+  padding: 0 2.133vw;
+  font-size: 1.867vw;
+}
+
+.van-submit-bar__text {
+  -webkit-box-flex: 1;
+  -webkit-flex: 1;
+  flex: 1;
+  padding-right: 1.6vw;
+  color: #323233;
+  text-align: right;
+}
+
+.van-submit-bar__text span {
+  display: inline-block;
+}
+
+.van-submit-bar__suffix-label {
+  margin-left: 0.667vw;
+  font-weight: 500;
+}
+
+.van-submit-bar__price {
+  color: #ee0a24;
+  font-weight: 500;
+  font-size: 1.6vw;
+}
+
+.van-submit-bar__price--integer {
+  font-size: 2.667vw;
+  font-family: Avenir-Heavy, PingFang SC, Helvetica Neue, Arial, sans-serif;
+}
+
+.van-submit-bar__button {
+  width: 14.667vw;
+  height: 5.333vw;
+  font-weight: 500;
+  border: none;
+}
+
+.van-submit-bar__button--danger {
+  background: -webkit-linear-gradient(left, #ff6034, #ee0a24);
+  background: linear-gradient(90deg, #ff6034, #ee0a24);
+}
+
+.van-submit-bar--unfit {
+  padding-bottom: 0;
+}
+
+.van-goods-action-button {
+  -webkit-box-flex: 1;
+  -webkit-flex: 1;
+  flex: 1;
+  height: 5.333vw;
+  font-weight: 500;
+  font-size: 1.867vw;
+  border: none;
+  border-radius: 0;
+}
+
+.van-goods-action-button--first {
+  margin-left: 0.667vw;
+  border-top-left-radius: 133.2vw;
+  border-bottom-left-radius: 133.2vw;
+}
+
+.van-goods-action-button--last {
+  margin-right: 0.667vw;
+  border-top-right-radius: 133.2vw;
+  border-bottom-right-radius: 133.2vw;
+}
+
+.van-goods-action-button--warning {
+  background: -webkit-linear-gradient(left, #ffd01e, #ff8917);
+  background: linear-gradient(90deg, #ffd01e, #ff8917);
+}
+
+.van-goods-action-button--danger {
+  background: -webkit-linear-gradient(left, #ff6034, #ee0a24);
+  background: linear-gradient(90deg, #ff6034, #ee0a24);
+}
+
+@media (max-width: 321px) {
+  .van-goods-action-button {
+    font-size: 13px;
+  }
+}
+
+.van-toast {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+  flex-direction: column;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  box-sizing: content-box;
+  width: 11.733vw;
+  max-width: 70%;
+  min-height: 11.733vw;
+  padding: 2.133vw;
+  color: #fff;
+  font-size: 1.867vw;
+  line-height: 2.667vw;
+  white-space: pre-wrap;
+  text-align: center;
+  word-break: break-all;
+  background-color: rgba(0, 0, 0, 0.7);
+  border-radius: 1.067vw;
+  -webkit-transform: translate3d(-50%, -50%, 0);
+  transform: translate3d(-50%, -50%, 0);
+}
+
+.van-toast--unclickable {
+  overflow: hidden;
+}
+
+.van-toast--unclickable * {
+  pointer-events: none;
+}
+
+.van-toast--html,
+.van-toast--text {
+  width: -webkit-fit-content;
+  width: fit-content;
+  min-width: 12.8vw;
+  min-height: 0;
+  padding: 1.067vw 1.6vw;
+}
+
+.van-toast--html .van-toast__text,
+.van-toast--text .van-toast__text {
+  margin-top: 0;
+}
+
+.van-toast--top {
+  top: 20%;
+}
+
+.van-toast--bottom {
+  top: auto;
+  bottom: 20%;
+}
+
+.van-toast__icon {
+  font-size: 4.8vw;
+}
+
+.van-toast__loading {
+  padding: 0.533vw;
+  color: #fff;
+}
+
+.van-toast__text {
+  margin-top: 1.067vw;
+}
+
+.van-calendar {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+  flex-direction: column;
+  height: 100%;
+  background-color: #fff;
+}
+
+.van-calendar__popup.van-popup--bottom,
+.van-calendar__popup.van-popup--top {
+  height: 80%;
+}
+
+.van-calendar__popup.van-popup--left,
+.van-calendar__popup.van-popup--right {
+  height: 100%;
+}
+
+.van-calendar__popup .van-popup__close-icon {
+  top: 1.467vw;
+}
+
+.van-calendar__header {
+  -webkit-flex-shrink: 0;
+  flex-shrink: 0;
+  box-shadow: 0 0.267vw 1.333vw rgba(125, 126, 128, 0.16);
+}
+
+.van-calendar__header-subtitle,
+.van-calendar__header-title,
+.van-calendar__month-title {
+  height: 5.867vw;
+  font-weight: 500;
+  line-height: 5.867vw;
+  text-align: center;
+}
+
+.van-calendar__header-title {
+  font-size: 2.133vw;
+}
+
+.van-calendar__header-subtitle,
+.van-calendar__month-title {
+  font-size: 1.867vw;
+}
+
+.van-calendar__weekdays {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+}
+
+.van-calendar__weekday {
+  -webkit-box-flex: 1;
+  -webkit-flex: 1;
+  flex: 1;
+  font-size: 1.6vw;
+  line-height: 4vw;
+  text-align: center;
+}
+
+.van-calendar__body {
+  -webkit-box-flex: 1;
+  -webkit-flex: 1;
+  flex: 1;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+.van-calendar__days {
+  position: relative;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-flex-wrap: wrap;
+  flex-wrap: wrap;
+  -webkit-user-select: none;
+  user-select: none;
+}
+
+.van-calendar__month-mark {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  z-index: 0;
+  color: rgba(242, 243, 245, 0.8);
+  font-size: 21.333vw;
+  -webkit-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+  pointer-events: none;
+}
+
+.van-calendar__day,
+.van-calendar__selected-day {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  text-align: center;
+}
+
+.van-calendar__day {
+  position: relative;
+  width: 14.285%;
+  height: 8.533vw;
+  font-size: 2.133vw;
+  cursor: pointer;
+}
+
+.van-calendar__day--end,
+.van-calendar__day--multiple-middle,
+.van-calendar__day--multiple-selected,
+.van-calendar__day--start,
+.van-calendar__day--start-end {
+  color: #fff;
+  background-color: #ee0a24;
+}
+
+.van-calendar__day--start {
+  border-radius: 0.533vw 0 0 0.533vw;
+}
+
+.van-calendar__day--end {
+  border-radius: 0 0.533vw 0.533vw 0;
+}
+
+.van-calendar__day--multiple-selected,
+.van-calendar__day--start-end {
+  border-radius: 0.533vw;
+}
+
+.van-calendar__day--middle {
+  color: #ee0a24;
+}
+
+.van-calendar__day--middle:after {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background-color: currentColor;
+  opacity: 0.1;
+  content: "";
+}
+
+.van-calendar__day--disabled {
+  color: #c8c9cc;
+  cursor: default;
+}
+
+.van-calendar__bottom-info,
+.van-calendar__top-info {
+  position: absolute;
+  right: 0;
+  left: 0;
+  font-size: 1.333vw;
+  line-height: 1.867vw;
+}
+
+@media (max-width: 350px) {
+  .van-calendar__bottom-info,
+  .van-calendar__top-info {
+    font-size: 9px;
+  }
+}
+
+.van-calendar__top-info {
+  top: 0.8vw;
+}
+
+.van-calendar__bottom-info {
+  bottom: 0.8vw;
+}
+
+.van-calendar__selected-day {
+  width: 7.2vw;
+  height: 7.2vw;
+  color: #fff;
+  background-color: #ee0a24;
+  border-radius: 0.533vw;
+}
+
+.van-calendar__footer {
+  -webkit-flex-shrink: 0;
+  flex-shrink: 0;
+  padding: 0 2.133vw;
+  padding-bottom: constant(safe-area-inset-bottom);
+  padding-bottom: env(safe-area-inset-bottom);
+}
+
+.van-calendar__footer--unfit {
+  padding-bottom: 0;
+}
+
+.van-calendar__confirm {
+  height: 4.8vw;
+  margin: 0.933vw 0;
+}
+
+.van-picker {
+  position: relative;
+  background-color: #fff;
+  -webkit-user-select: none;
+  user-select: none;
+}
+
+.van-picker__toolbar {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+  justify-content: space-between;
+  height: 5.867vw;
+}
+
+.van-picker__cancel,
+.van-picker__confirm {
+  height: 100%;
+  padding: 0 2.133vw;
+  font-size: 1.867vw;
+  background-color: transparent;
+  border: none;
+  cursor: pointer;
+}
+
+.van-picker__cancel:active,
+.van-picker__confirm:active {
+  opacity: 0.7;
+}
+
+.van-picker__confirm {
+  color: #576b95;
+}
+
+.van-picker__cancel {
+  color: #969799;
+}
+
+.van-picker__title {
+  max-width: 50%;
+  font-weight: 500;
+  font-size: 2.133vw;
+  line-height: 2.667vw;
+  text-align: center;
+}
+
+.van-picker__columns {
+  position: relative;
+  cursor: grab;
+}
+
+.van-picker__columns,
+.van-picker__loading {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+}
+
+.van-picker__loading {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 3;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  color: #1989fa;
+  background-color: hsla(0, 0%, 100%, 0.9);
+}
+
+.van-picker__frame {
+  top: 50%;
+  right: 2.133vw;
+  left: 2.133vw;
+  z-index: 2;
+  -webkit-transform: translateY(-50%);
+  transform: translateY(-50%);
+}
+
+.van-picker__frame,
+.van-picker__mask {
+  position: absolute;
+  pointer-events: none;
+}
+
+.van-picker__mask {
+  top: 0;
+  left: 0;
+  z-index: 1;
+  width: 100%;
+  height: 100%;
+  background-image: -webkit-linear-gradient(
+      top,
+      hsla(0, 0%, 100%, 0.9),
+      hsla(0, 0%, 100%, 0.4)
+    ),
+    -webkit-linear-gradient(bottom, hsla(0, 0%, 100%, 0.9), hsla(0, 0%, 100%, 0.4));
+  background-image: linear-gradient(
+      180deg,
+      hsla(0, 0%, 100%, 0.9),
+      hsla(0, 0%, 100%, 0.4)
+    ),
+    linear-gradient(0deg, hsla(0, 0%, 100%, 0.9), hsla(0, 0%, 100%, 0.4));
+  background-repeat: no-repeat;
+  background-position: top, bottom;
+  -webkit-transform: translateZ(0);
+  transform: translateZ(0);
+}
+
+.van-picker-column {
+  -webkit-box-flex: 1;
+  -webkit-flex: 1;
+  flex: 1;
+  overflow: hidden;
+  font-size: 2.133vw;
+}
+
+.van-picker-column__wrapper {
+  -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.68, 1);
+  transition-timing-function: cubic-bezier(0.23, 1, 0.68, 1);
+}
+
+.van-picker-column__item {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  padding: 0 0.533vw;
+  color: #000;
+}
+
+.van-picker-column__item--disabled {
+  cursor: not-allowed;
+  opacity: 0.3;
+}
+
+.van-action-sheet {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+  flex-direction: column;
+  max-height: 80%;
+  overflow: hidden;
+  color: #323233;
+}
+
+.van-action-sheet__content {
+  -webkit-box-flex: 1;
+  -webkit-flex: 1 auto;
+  flex: 1 auto;
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+.van-action-sheet__cancel,
+.van-action-sheet__item {
+  display: block;
+  width: 100%;
+  padding: 1.867vw 2.133vw;
+  font-size: 2.133vw;
+  background-color: #fff;
+  border: none;
+  cursor: pointer;
+}
+
+.van-action-sheet__cancel:active,
+.van-action-sheet__item:active {
+  background-color: #f2f3f5;
+}
+
+.van-action-sheet__item {
+  line-height: 2.933vw;
+}
+
+.van-action-sheet__item--disabled,
+.van-action-sheet__item--loading {
+  color: #c8c9cc;
+}
+
+.van-action-sheet__item--disabled:active,
+.van-action-sheet__item--loading:active {
+  background-color: #fff;
+}
+
+.van-action-sheet__item--disabled {
+  cursor: not-allowed;
+}
+
+.van-action-sheet__item--loading {
+  cursor: default;
+}
+
+.van-action-sheet__cancel {
+  -webkit-flex-shrink: 0;
+  flex-shrink: 0;
+  box-sizing: border-box;
+  color: #646566;
+}
+
+.van-action-sheet__subname {
+  margin-top: 1.067vw;
+  color: #969799;
+  font-size: 1.6vw;
+  line-height: 2.4vw;
+}
+
+.van-action-sheet__gap {
+  display: block;
+  height: 1.067vw;
+  background-color: #f7f8fa;
+}
+
+.van-action-sheet__header {
+  -webkit-flex-shrink: 0;
+  flex-shrink: 0;
+  font-weight: 500;
+  font-size: 2.133vw;
+  line-height: 6.4vw;
+  text-align: center;
+}
+
+.van-action-sheet__description {
+  position: relative;
+  -webkit-flex-shrink: 0;
+  flex-shrink: 0;
+  padding: 2.667vw 2.133vw;
+  color: #969799;
+  font-size: 1.867vw;
+  line-height: 2.667vw;
+  text-align: center;
+}
+
+.van-action-sheet__description:after {
+  position: absolute;
+  box-sizing: border-box;
+  content: " ";
+  pointer-events: none;
+  right: 2.133vw;
+  bottom: 0;
+  left: 2.133vw;
+  border-bottom: 1px solid #ebedf0;
+  -webkit-transform: scaleY(0.5);
+  transform: scaleY(0.5);
+}
+
+.van-action-sheet__loading-icon .van-loading__spinner {
+  width: 2.933vw;
+  height: 2.933vw;
+}
+
+.van-action-sheet__close {
+  position: absolute;
+  top: 0;
+  right: 0;
+  padding: 0 2.133vw;
+  color: #c8c9cc;
+  font-size: 2.933vw;
+  line-height: inherit;
+}
+
+.van-action-sheet__close:active {
+  color: #969799;
+}
+
+.van-goods-action {
+  position: fixed;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  box-sizing: content-box;
+  height: 6.667vw;
+  padding-bottom: constant(safe-area-inset-bottom);
+  padding-bottom: env(safe-area-inset-bottom);
+  background-color: #fff;
+}
+
+.van-goods-action--unfit {
+  padding-bottom: 0;
+}
+
+.van-dialog {
+  position: fixed;
+  top: 45%;
+  left: 50%;
+  width: 42.667vw;
+  overflow: hidden;
+  font-size: 2.133vw;
+  background-color: #fff;
+  border-radius: 2.133vw;
+  -webkit-transform: translate3d(-50%, -50%, 0);
+  transform: translate3d(-50%, -50%, 0);
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
+  -webkit-transition-property: opacity, -webkit-transform;
+  transition-property: opacity, -webkit-transform;
+  transition-property: transform, opacity;
+  transition-property: transform, opacity, -webkit-transform;
+}
+
+@media (max-width: 321px) {
+  .van-dialog {
+    width: 90%;
+  }
+}
+
+.van-dialog__header {
+  padding-top: 3.467vw;
+  font-weight: 500;
+  line-height: 3.2vw;
+  text-align: center;
+}
+
+.van-dialog__header--isolated {
+  padding: 3.2vw 0;
+}
+
+.van-dialog__content--isolated {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  min-height: 13.867vw;
+}
+
+.van-dialog__message {
+  -webkit-box-flex: 1;
+  -webkit-flex: 1;
+  flex: 1;
+  max-height: 60vh;
+  padding: 3.467vw 3.2vw;
+  overflow-y: auto;
+  font-size: 1.867vw;
+  line-height: 2.667vw;
+  white-space: pre-wrap;
+  text-align: center;
+  word-wrap: break-word;
+  -webkit-overflow-scrolling: touch;
+}
+
+.van-dialog__message--has-title {
+  padding-top: 1.067vw;
+  color: #646566;
+}
+
+.van-dialog__message--left {
+  text-align: left;
+}
+
+.van-dialog__message--right {
+  text-align: right;
+}
+
+.van-dialog__footer {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  overflow: hidden;
+  -webkit-user-select: none;
+  user-select: none;
+}
+
+.van-dialog__cancel,
+.van-dialog__confirm {
+  -webkit-box-flex: 1;
+  -webkit-flex: 1;
+  flex: 1;
+  height: 6.4vw;
+  margin: 0;
+  border: 0;
+}
+
+.van-dialog__confirm,
+.van-dialog__confirm:active {
+  color: #ee0a24;
+}
+
+.van-dialog--round-button .van-dialog__footer {
+  position: relative;
+  height: auto;
+  padding: 1.067vw 3.2vw 2.133vw;
+}
+
+.van-dialog--round-button .van-dialog__message {
+  padding-bottom: 2.133vw;
+  color: #323233;
+}
+
+.van-dialog--round-button .van-dialog__cancel,
+.van-dialog--round-button .van-dialog__confirm {
+  height: 4.8vw;
+}
+
+.van-dialog--round-button .van-dialog__confirm {
+  color: #fff;
+}
+
+.van-dialog-bounce-enter {
+  -webkit-transform: translate3d(-50%, -50%, 0) scale(0.7);
+  transform: translate3d(-50%, -50%, 0) scale(0.7);
+  opacity: 0;
+}
+
+.van-dialog-bounce-leave-active {
+  -webkit-transform: translate3d(-50%, -50%, 0) scale(0.9);
+  transform: translate3d(-50%, -50%, 0) scale(0.9);
+  opacity: 0;
+}
+
+.van-contact-edit {
+  padding: 2.133vw;
+}
+
+.van-contact-edit__fields {
+  overflow: hidden;
+  border-radius: 0.533vw;
+}
+
+.van-contact-edit__fields .van-field__label {
+  width: 4.1em;
+}
+
+.van-contact-edit__switch-cell {
+  margin-top: 1.333vw;
+  padding-top: 1.2vw;
+  padding-bottom: 1.2vw;
+  border-radius: 0.533vw;
+}
+
+.van-contact-edit__buttons {
+  padding: 4.267vw 0;
+}
+
+.van-contact-edit .van-button {
+  margin-bottom: 1.6vw;
+  font-size: 2.133vw;
+}
+
+.van-address-edit {
+  padding: 1.6vw;
+}
+
+.van-address-edit__fields {
+  overflow: hidden;
+  border-radius: 1.067vw;
+}
+
+.van-address-edit__fields .van-field__label {
+  width: 4.1em;
+}
+
+.van-address-edit__default {
+  margin-top: 1.6vw;
+  overflow: hidden;
+  border-radius: 1.067vw;
+}
+
+.van-address-edit__buttons {
+  padding: 4.267vw 0.533vw;
+}
+
+.van-address-edit__buttons .van-button {
+  margin-bottom: 1.6vw;
+}
+
+.van-address-edit-detail {
+  padding: 0;
+}
+
+.van-address-edit-detail__search-item {
+  background-color: #f2f3f5;
+}
+
+.van-address-edit-detail__keyword {
+  color: #ee0a24;
+}
+
+.van-address-edit-detail__finish {
+  color: #1989fa;
+  font-size: 1.6vw;
+}
+
+.van-radio-group--horizontal {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-flex-wrap: wrap;
+  flex-wrap: wrap;
+}
+
+.van-contact-list {
+  box-sizing: border-box;
+  height: 100%;
+  padding-bottom: 10.667vw;
+}
+
+.van-contact-list__item {
+  padding: 2.133vw;
+}
+
+.van-contact-list__item-value {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  padding-right: 4.267vw;
+  padding-left: 1.067vw;
+}
+
+.van-contact-list__item-tag {
+  -webkit-box-flex: 0;
+  -webkit-flex: none;
+  flex: none;
+  margin-left: 1.067vw;
+  padding-top: 0;
+  padding-bottom: 0;
+  line-height: 1.4em;
+}
+
+.van-contact-list__group {
+  box-sizing: border-box;
+  height: 100%;
+  overflow-y: scroll;
+  -webkit-overflow-scrolling: touch;
+}
+
+.van-contact-list__edit {
+  font-size: 2.133vw;
+}
+
+.van-contact-list__bottom {
+  position: fixed;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 999;
+  padding: 0 2.133vw;
+  padding-bottom: constant(safe-area-inset-bottom);
+  padding-bottom: env(safe-area-inset-bottom);
+  background-color: #fff;
+}
+
+.van-contact-list__add {
+  height: 5.333vw;
+  margin: 0.667vw 0;
+}
+
+.van-address-list {
+  box-sizing: border-box;
+  height: 100%;
+  padding: 1.6vw 1.6vw 10.667vw;
+}
+
+.van-address-list__bottom {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  z-index: 999;
+  box-sizing: border-box;
+  width: 100%;
+  padding: 0 2.133vw;
+  padding-bottom: constant(safe-area-inset-bottom);
+  padding-bottom: env(safe-area-inset-bottom);
+  background-color: #fff;
+}
+
+.van-address-list__add {
+  height: 5.333vw;
+  margin: 0.667vw 0;
+}
+
+.van-address-list__disabled-text {
+  padding: 2.667vw 0 2.133vw;
+  color: #969799;
+  font-size: 1.867vw;
+  line-height: 2.667vw;
+}
+
+.van-address-item {
+  padding: 1.6vw;
+  background-color: #fff;
+  border-radius: 1.067vw;
+}
+
+.van-address-item:not(:last-child) {
+  margin-bottom: 1.6vw;
+}
+
+.van-address-item__value {
+  padding-right: 5.867vw;
+}
+
+.van-address-item__name {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  margin-bottom: 1.067vw;
+  font-size: 2.133vw;
+  line-height: 2.933vw;
+}
+
+.van-address-item__tag {
+  -webkit-box-flex: 0;
+  -webkit-flex: none;
+  flex: none;
+  margin-left: 1.067vw;
+  padding-top: 0;
+  padding-bottom: 0;
+  line-height: 1.4em;
+}
+
+.van-address-item__address {
+  color: #323233;
+  font-size: 1.733vw;
+  line-height: 2.4vw;
+}
+
+.van-address-item--disabled .van-address-item__address,
+.van-address-item--disabled .van-address-item__name {
+  color: #c8c9cc;
+}
+
+.van-address-item__edit {
+  position: absolute;
+  top: 50%;
+  right: 2.133vw;
+  color: #969799;
+  font-size: 2.667vw;
+  -webkit-transform: translateY(-50%);
+  transform: translateY(-50%);
+}
+
+.van-address-item .van-cell {
+  padding: 0;
+}
+
+.van-address-item .van-radio__label {
+  margin-left: 1.6vw;
+}
+
+.van-address-item .van-radio__icon--checked .van-icon {
+  background-color: #ee0a24;
+  border-color: #ee0a24;
+}
+
+.van-badge {
+  display: inline-block;
+  box-sizing: border-box;
+  min-width: 2.133vw;
+  padding: 0 0.4vw;
+  color: #fff;
+  font-weight: 500;
+  font-size: 1.6vw;
+  font-family: -apple-system-font, Helvetica Neue, Arial, sans-serif;
+  line-height: 1.2;
+  text-align: center;
+  background-color: #ee0a24;
+  border: 1px solid #fff;
+  border-radius: 133.2vw;
+}
+
+.van-badge--fixed {
+  position: absolute;
+  top: 0;
+  right: 0;
+  -webkit-transform: translate(50%, -50%);
+  transform: translate(50%, -50%);
+  -webkit-transform-origin: 100%;
+  transform-origin: 100%;
+}
+
+.van-badge--dot {
+  width: 1.067vw;
+  min-width: 0;
+  height: 1.067vw;
+  background-color: #ee0a24;
+  border-radius: 100%;
+}
+
+.van-badge__wrapper {
+  position: relative;
+  display: inline-block;
+}
+
+.van-tab__pane,
+.van-tab__pane-wrapper {
+  -webkit-flex-shrink: 0;
+  flex-shrink: 0;
+  box-sizing: border-box;
+  width: 100%;
+}
+
+.van-tab__pane-wrapper--inactive {
+  height: 0;
+  overflow: visible;
+}
+
+.van-sticky--fixed {
+  position: fixed;
+  top: 0;
+  right: 0;
+  left: 0;
+  z-index: 99;
+}
+
+.van-tab {
+  position: relative;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-flex: 1;
+  -webkit-flex: 1;
+  flex: 1;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  box-sizing: border-box;
+  padding: 0 0.533vw;
+  color: #646566;
+  font-size: 1.867vw;
+  line-height: 2.667vw;
+  cursor: pointer;
+}
+
+.van-tab--active {
+  color: #323233;
+  font-weight: 500;
+}
+
+.van-tab--disabled {
+  color: #c8c9cc;
+  cursor: not-allowed;
+}
+
+.van-tab__text--ellipsis {
+  display: -webkit-box;
+  overflow: hidden;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+}
+
+.van-tab__text-wrapper,
+.van-tabs {
+  position: relative;
+}
+
+.van-tabs__wrap {
+  overflow: hidden;
+}
+
+.van-tabs__wrap--page-top {
+  position: fixed;
+}
+
+.van-tabs__wrap--content-bottom {
+  top: auto;
+  bottom: 0;
+}
+
+.van-tabs__wrap--scrollable .van-tab {
+  -webkit-box-flex: 1;
+  -webkit-flex: 1 0 auto;
+  flex: 1 0 auto;
+  padding: 0 1.6vw;
+}
+
+.van-tabs__wrap--scrollable .van-tabs__nav {
+  overflow-x: auto;
+  overflow-y: hidden;
+  -webkit-overflow-scrolling: touch;
+}
+
+.van-tabs__wrap--scrollable .van-tabs__nav::-webkit-scrollbar {
+  display: none;
+}
+
+.van-tabs__nav {
+  position: relative;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  background-color: #fff;
+  -webkit-user-select: none;
+  user-select: none;
+}
+
+.van-tabs__nav--line {
+  box-sizing: content-box;
+  height: 100%;
+  padding-bottom: 2vw;
+}
+
+.van-tabs__nav--line.van-tabs__nav--complete {
+  padding-right: 1.067vw;
+  padding-left: 1.067vw;
+}
+
+.van-tabs__nav--card {
+  box-sizing: border-box;
+  height: 4vw;
+  margin: 0 2.133vw;
+  border: 1px solid #ee0a24;
+  border-radius: 0.267vw;
+}
+
+.van-tabs__nav--card .van-tab {
+  color: #ee0a24;
+  border-right: 1px solid #ee0a24;
+}
+
+.van-tabs__nav--card .van-tab:last-child {
+  border-right: none;
+}
+
+.van-tabs__nav--card .van-tab.van-tab--active {
+  color: #fff;
+  background-color: #ee0a24;
+}
+
+.van-tabs__nav--card .van-tab--disabled {
+  color: #c8c9cc;
+}
+
+.van-tabs__line {
+  position: absolute;
+  bottom: 2vw;
+  left: 0;
+  z-index: 1;
+  width: 5.333vw;
+  height: 0.4vw;
+  background-color: #ee0a24;
+  border-radius: 0.4vw;
+}
+
+.van-tabs__track {
+  position: relative;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  width: 100%;
+  height: 100%;
+  will-change: left;
+}
+
+.van-tabs__content--animated {
+  overflow: hidden;
+}
+
+.van-tabs--line .van-tabs__wrap {
+  height: 5.867vw;
+}
+
+.van-tabs--card > .van-tabs__wrap {
+  height: 4vw;
+}
+
+.van-coupon-list {
+  position: relative;
+  height: 100%;
+  background-color: #f7f8fa;
+}
+
+.van-coupon-list__field {
+  padding: 0.667vw 0 0.667vw 2.133vw;
+}
+
+.van-coupon-list__field .van-field__body {
+  height: 4.533vw;
+  padding-left: 1.6vw;
+  line-height: 4.533vw;
+  background: #f7f8fa;
+  border-radius: 2.267vw;
+}
+
+.van-coupon-list__field .van-field__body::-webkit-input-placeholder {
+  color: #c8c9cc;
+}
+
+.van-coupon-list__field .van-field__body::placeholder {
+  color: #c8c9cc;
+}
+
+.van-coupon-list__field .van-field__clear {
+  margin-right: 0;
+}
+
+.van-coupon-list__exchange-bar {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  background-color: #fff;
+}
+
+.van-coupon-list__exchange {
+  -webkit-box-flex: 0;
+  -webkit-flex: none;
+  flex: none;
+  height: 4.267vw;
+  font-size: 2.133vw;
+  line-height: 4vw;
+  border: 0;
+}
+
+.van-coupon-list .van-tabs__wrap {
+  box-shadow: 0 0.8vw 1.6vw -1.6vw #969799;
+}
+
+.van-coupon-list__list {
+  box-sizing: border-box;
+  padding: 2.133vw 0 3.2vw;
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+.van-coupon-list__list--with-bottom {
+  padding-bottom: 8.8vw;
+}
+
+.van-coupon-list__bottom {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  z-index: 999;
+  box-sizing: border-box;
+  width: 100%;
+  padding: 0.667vw 2.133vw;
+  font-weight: 500;
+  background-color: #fff;
+}
+
+.van-coupon-list__close {
+  height: 5.333vw;
+}
+
+.van-coupon-list__empty {
+  padding-top: 8vw;
+  text-align: center;
+}
+
+.van-coupon-list__empty p {
+  margin: 2.133vw 0;
+  color: #969799;
+  font-size: 1.867vw;
+  line-height: 2.667vw;
+}
+
+.van-coupon-list__empty img {
+  width: 26.667vw;
+  height: 26.667vw;
+}
+
+.van-cascader__header {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+  justify-content: space-between;
+  height: 6.4vw;
+  padding: 0 2.133vw;
+}
+
+.van-cascader__title {
+  font-weight: 500;
+  font-size: 2.133vw;
+  line-height: 2.667vw;
+}
+
+.van-cascader__close-icon {
+  color: #c8c9cc;
+  font-size: 2.933vw;
+}
+
+.van-cascader__close-icon:active {
+  color: #969799;
+}
+
+.van-cascader__tabs .van-tab {
+  -webkit-box-flex: 0;
+  -webkit-flex: none;
+  flex: none;
+  padding: 0 1.333vw;
+}
+
+.van-cascader__tabs.van-tabs--line .van-tabs__wrap {
+  height: 6.4vw;
+}
+
+.van-cascader__tabs .van-tabs__nav--complete {
+  padding-right: 0.8vw;
+  padding-left: 0.8vw;
+}
+
+.van-cascader__tab {
+  color: #323233;
+  font-weight: 500;
+}
+
+.van-cascader__tab--unselected {
+  color: #969799;
+  font-weight: 400;
+}
+
+.van-cascader__option {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+  justify-content: space-between;
+  padding: 1.333vw 2.133vw;
+  font-size: 1.867vw;
+  line-height: 2.667vw;
+}
+
+.van-cascader__option:active {
+  background-color: #f2f3f5;
+}
+
+.van-cascader__option--selected {
+  color: #ee0a24;
+  font-weight: 500;
+}
+
+.van-cascader__selected-icon {
+  font-size: 2.4vw;
+}
+
+.van-cascader__options {
+  box-sizing: border-box;
+  height: 51.2vw;
+  padding-top: 0.8vw;
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+.van-cell-group {
+  background-color: #fff;
+}
+
+.van-cell-group--inset {
+  margin: 0 2.133vw;
+  overflow: hidden;
+  border-radius: 1.067vw;
+}
+
+.van-cell-group__title {
+  padding: 2.133vw 2.133vw 1.067vw;
+  color: #969799;
+  font-size: 1.867vw;
+  line-height: 2.133vw;
+}
+
+.van-cell-group__title--inset {
+  padding: 2.133vw 2.133vw 1.067vw 4.267vw;
+}
+
+.van-panel {
+  background: #fff;
+}
+
+.van-panel__header-value {
+  color: #ee0a24;
+}
+
+.van-panel__footer {
+  padding: 1.067vw 2.133vw;
+}
+
+.van-checkbox-group--horizontal {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-flex-wrap: wrap;
+  flex-wrap: wrap;
+}
+
+.van-circle {
+  position: relative;
+  display: inline-block;
+  width: 13.333vw;
+  height: 13.333vw;
+  text-align: center;
+}
+
+.van-circle svg {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.van-circle__layer {
+  stroke: #fff;
+}
+
+.van-circle__hover {
+  fill: none;
+  stroke: #1989fa;
+  stroke-linecap: round;
+}
+
+.van-circle__text {
+  position: absolute;
+  top: 50%;
+  left: 0;
+  box-sizing: border-box;
+  width: 100%;
+  padding: 0 0.533vw;
+  color: #323233;
+  font-weight: 500;
+  font-size: 1.867vw;
+  line-height: 2.667vw;
+  -webkit-transform: translateY(-50%);
+  transform: translateY(-50%);
+}
+
+.van-col {
+  float: left;
+  box-sizing: border-box;
+  min-height: 1px;
+}
+
+.van-col--1 {
+  width: 4.16666667%;
+}
+
+.van-col--offset-1 {
+  margin-left: 4.16666667%;
+}
+
+.van-col--2 {
+  width: 8.33333333%;
+}
+
+.van-col--offset-2 {
+  margin-left: 8.33333333%;
+}
+
+.van-col--3 {
+  width: 12.5%;
+}
+
+.van-col--offset-3 {
+  margin-left: 12.5%;
+}
+
+.van-col--4 {
+  width: 16.66666667%;
+}
+
+.van-col--offset-4 {
+  margin-left: 16.66666667%;
+}
+
+.van-col--5 {
+  width: 20.83333333%;
+}
+
+.van-col--offset-5 {
+  margin-left: 20.83333333%;
+}
+
+.van-col--6 {
+  width: 25%;
+}
+
+.van-col--offset-6 {
+  margin-left: 25%;
+}
+
+.van-col--7 {
+  width: 29.16666667%;
+}
+
+.van-col--offset-7 {
+  margin-left: 29.16666667%;
+}
+
+.van-col--8 {
+  width: 33.33333333%;
+}
+
+.van-col--offset-8 {
+  margin-left: 33.33333333%;
+}
+
+.van-col--9 {
+  width: 37.5%;
+}
+
+.van-col--offset-9 {
+  margin-left: 37.5%;
+}
+
+.van-col--10 {
+  width: 41.66666667%;
+}
+
+.van-col--offset-10 {
+  margin-left: 41.66666667%;
+}
+
+.van-col--11 {
+  width: 45.83333333%;
+}
+
+.van-col--offset-11 {
+  margin-left: 45.83333333%;
+}
+
+.van-col--12 {
+  width: 50%;
+}
+
+.van-col--offset-12 {
+  margin-left: 50%;
+}
+
+.van-col--13 {
+  width: 54.16666667%;
+}
+
+.van-col--offset-13 {
+  margin-left: 54.16666667%;
+}
+
+.van-col--14 {
+  width: 58.33333333%;
+}
+
+.van-col--offset-14 {
+  margin-left: 58.33333333%;
+}
+
+.van-col--15 {
+  width: 62.5%;
+}
+
+.van-col--offset-15 {
+  margin-left: 62.5%;
+}
+
+.van-col--16 {
+  width: 66.66666667%;
+}
+
+.van-col--offset-16 {
+  margin-left: 66.66666667%;
+}
+
+.van-col--17 {
+  width: 70.83333333%;
+}
+
+.van-col--offset-17 {
+  margin-left: 70.83333333%;
+}
+
+.van-col--18 {
+  width: 75%;
+}
+
+.van-col--offset-18 {
+  margin-left: 75%;
+}
+
+.van-col--19 {
+  width: 79.16666667%;
+}
+
+.van-col--offset-19 {
+  margin-left: 79.16666667%;
+}
+
+.van-col--20 {
+  width: 83.33333333%;
+}
+
+.van-col--offset-20 {
+  margin-left: 83.33333333%;
+}
+
+.van-col--21 {
+  width: 87.5%;
+}
+
+.van-col--offset-21 {
+  margin-left: 87.5%;
+}
+
+.van-col--22 {
+  width: 91.66666667%;
+}
+
+.van-col--offset-22 {
+  margin-left: 91.66666667%;
+}
+
+.van-col--23 {
+  width: 95.83333333%;
+}
+
+.van-col--offset-23 {
+  margin-left: 95.83333333%;
+}
+
+.van-col--24 {
+  width: 100%;
+}
+
+.van-col--offset-24 {
+  margin-left: 100%;
+}
+
+.van-count-down {
+  color: #323233;
+  font-size: 1.867vw;
+  line-height: 2.667vw;
+}
+
+.van-divider {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  margin: 2.133vw 0;
+  color: #969799;
+  font-size: 1.867vw;
+  line-height: 3.2vw;
+  border-color: #ebedf0;
+  border-style: solid;
+  border-width: 0;
+}
+
+.van-divider:after,
+.van-divider:before {
+  display: block;
+  -webkit-box-flex: 1;
+  -webkit-flex: 1;
+  flex: 1;
+  box-sizing: border-box;
+  height: 1px;
+  border-color: inherit;
+  border-style: inherit;
+  border-width: 1px 0 0;
+}
+
+.van-divider:before {
+  content: "";
+}
+
+.van-divider--hairline:after,
+.van-divider--hairline:before {
+  -webkit-transform: scaleY(0.5);
+  transform: scaleY(0.5);
+}
+
+.van-divider--dashed {
+  border-style: dashed;
+}
+
+.van-divider--content-center:before,
+.van-divider--content-left:before,
+.van-divider--content-right:before {
+  margin-right: 2.133vw;
+}
+
+.van-divider--content-center:after,
+.van-divider--content-left:after,
+.van-divider--content-right:after {
+  margin-left: 2.133vw;
+  content: "";
+}
+
+.van-divider--content-left:before,
+.van-divider--content-right:after {
+  max-width: 10%;
+}
+
+.van-dropdown-menu {
+  -webkit-user-select: none;
+  user-select: none;
+}
+
+.van-dropdown-menu__bar {
+  position: relative;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  height: 6.4vw;
+  background-color: #fff;
+  box-shadow: 0 0.267vw 1.6vw rgba(100, 101, 102, 0.12);
+}
+
+.van-dropdown-menu__bar--opened {
+  z-index: 11;
+}
+
+.van-dropdown-menu__item {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-flex: 1;
+  -webkit-flex: 1;
+  flex: 1;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  min-width: 0;
+  cursor: pointer;
+}
+
+.van-dropdown-menu__item:active {
+  opacity: 0.7;
+}
+
+.van-dropdown-menu__item--disabled:active {
+  opacity: 1;
+}
+
+.van-dropdown-menu__item--disabled .van-dropdown-menu__title {
+  color: #969799;
+}
+
+.van-dropdown-menu__title {
+  position: relative;
+  box-sizing: border-box;
+  max-width: 100%;
+  padding: 0 1.067vw;
+  color: #323233;
+  font-size: 2vw;
+  line-height: 2.933vw;
+}
+
+.van-dropdown-menu__title:after {
+  position: absolute;
+  top: 50%;
+  right: -0.533vw;
+  margin-top: -0.667vw;
+  border: 0.4vw solid;
+  border-color: transparent transparent #dcdee0 #dcdee0;
+  -webkit-transform: rotate(-45deg);
+  transform: rotate(-45deg);
+  opacity: 0.8;
+  content: "";
+}
+
+.van-dropdown-menu__title--active {
+  color: #ee0a24;
+}
+
+.van-dropdown-menu__title--active:after {
+  border-color: transparent transparent currentColor currentColor;
+}
+
+.van-dropdown-menu__title--down:after {
+  margin-top: -1px;
+  -webkit-transform: rotate(135deg);
+  transform: rotate(135deg);
+}
+
+.van-empty {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+  flex-direction: column;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  box-sizing: border-box;
+  padding: 4.267vw 0;
+}
+
+.van-empty__image {
+  width: 21.333vw;
+  height: 21.333vw;
+}
+
+.van-empty__image img {
+  width: 100%;
+  height: 100%;
+}
+
+.van-empty__description {
+  margin-top: 2.133vw;
+  padding: 0 8vw;
+  color: #969799;
+  font-size: 1.867vw;
+  line-height: 2.667vw;
+}
+
+.van-empty__bottom {
+  margin-top: 3.2vw;
+}
+
+.van-grid {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-flex-wrap: wrap;
+  flex-wrap: wrap;
+}
+
+.van-swipe {
+  position: relative;
+  overflow: hidden;
+  cursor: grab;
+  -webkit-user-select: none;
+  user-select: none;
+}
+
+.van-swipe__track {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  height: 100%;
+}
+
+.van-swipe__track--vertical {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+  flex-direction: column;
+}
+
+.van-swipe__indicators {
+  position: absolute;
+  bottom: 1.6vw;
+  left: 50%;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-transform: translateX(-50%);
+  transform: translateX(-50%);
+}
+
+.van-swipe__indicators--vertical {
+  top: 50%;
+  bottom: auto;
+  left: 1.6vw;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+  flex-direction: column;
+  -webkit-transform: translateY(-50%);
+  transform: translateY(-50%);
+}
+
+.van-swipe__indicators--vertical .van-swipe__indicator:not(:last-child) {
+  margin-bottom: 0.8vw;
+}
+
+.van-swipe__indicator {
+  width: 0.8vw;
+  height: 0.8vw;
+  background-color: #ebedf0;
+  border-radius: 100%;
+  opacity: 0.3;
+  -webkit-transition: opacity 0.2s, background-color 0.2s;
+  transition: opacity 0.2s, background-color 0.2s;
+}
+
+.van-swipe__indicator:not(:last-child) {
+  margin-right: 0.8vw;
+}
+
+.van-swipe__indicator--active {
+  background-color: #1989fa;
+  opacity: 1;
+}
+
+.van-swipe-item {
+  position: relative;
+  -webkit-flex-shrink: 0;
+  flex-shrink: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.van-image-preview {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.van-image-preview__swipe {
+  height: 100%;
+}
+
+.van-image-preview__swipe-item {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  overflow: hidden;
+}
+
+.van-image-preview__cover {
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+
+.van-image-preview__image {
+  width: 100%;
+  -webkit-transition-property: -webkit-transform;
+  transition-property: -webkit-transform;
+  transition-property: transform;
+  transition-property: transform, -webkit-transform;
+}
+
+.van-image-preview__image--vertical {
+  width: auto;
+  height: 100%;
+}
+
+.van-image-preview__image img {
+  -webkit-user-drag: none;
+}
+
+.van-image-preview__image .van-image__error {
+  top: 30%;
+  height: 40%;
+}
+
+.van-image-preview__image .van-image__error-icon {
+  font-size: 4.8vw;
+}
+
+.van-image-preview__image .van-image__loading {
+  background-color: transparent;
+}
+
+.van-image-preview__index {
+  position: absolute;
+  top: 2.133vw;
+  left: 50%;
+  color: #fff;
+  font-size: 1.867vw;
+  line-height: 2.667vw;
+  text-shadow: 0 1px 1px #323233;
+  -webkit-transform: translate(-50%);
+  transform: translate(-50%);
+}
+
+.van-image-preview__overlay {
+  background-color: rgba(0, 0, 0, 0.9);
+}
+
+.van-image-preview__close-icon {
+  position: absolute;
+  z-index: 1;
+  color: #c8c9cc;
+  font-size: 2.933vw;
+  cursor: pointer;
+}
+
+.van-image-preview__close-icon:active {
+  color: #969799;
+}
+
+.van-image-preview__close-icon--top-left {
+  top: 2.133vw;
+  left: 2.133vw;
+}
+
+.van-image-preview__close-icon--top-right {
+  top: 2.133vw;
+  right: 2.133vw;
+}
+
+.van-image-preview__close-icon--bottom-left {
+  bottom: 2.133vw;
+  left: 2.133vw;
+}
+
+.van-image-preview__close-icon--bottom-right {
+  right: 2.133vw;
+  bottom: 2.133vw;
+}
+
+.van-uploader {
+  position: relative;
+  display: inline-block;
+}
+
+.van-uploader__wrapper {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-flex-wrap: wrap;
+  flex-wrap: wrap;
+}
+
+.van-uploader__wrapper--disabled {
+  opacity: 0.5;
+}
+
+.van-uploader__input {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  cursor: pointer;
+  opacity: 0;
+}
+
+.van-uploader__input-wrapper {
+  position: relative;
+}
+
+.van-uploader__input:disabled {
+  cursor: not-allowed;
+}
+
+.van-uploader__upload {
+  position: relative;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+  flex-direction: column;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  box-sizing: border-box;
+  width: 10.667vw;
+  height: 10.667vw;
+  margin: 0 1.067vw 1.067vw 0;
+  background-color: #f7f8fa;
+}
+
+.van-uploader__upload:active {
+  background-color: #f2f3f5;
+}
+
+.van-uploader__upload--readonly:active {
+  background-color: #f7f8fa;
+}
+
+.van-uploader__upload-icon {
+  color: #dcdee0;
+  font-size: 3.2vw;
+}
+
+.van-uploader__upload-text {
+  margin-top: 1.067vw;
+  color: #969799;
+  font-size: 1.6vw;
+}
+
+.van-uploader__preview {
+  position: relative;
+  margin: 0 1.067vw 1.067vw 0;
+  cursor: pointer;
+}
+
+.van-uploader__preview-image {
+  display: block;
+  width: 10.667vw;
+  height: 10.667vw;
+  overflow: hidden;
+}
+
+.van-uploader__preview-delete {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 1.867vw;
+  height: 1.867vw;
+  background-color: rgba(0, 0, 0, 0.7);
+  border-radius: 0 0 0 1.6vw;
+}
+
+.van-uploader__preview-delete-icon {
+  position: absolute;
+  top: -0.267vw;
+  right: -0.267vw;
+  color: #fff;
+  font-size: 2.133vw;
+  -webkit-transform: scale(0.5);
+  transform: scale(0.5);
+}
+
+.van-uploader__mask,
+.van-uploader__preview-cover {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
+
+.van-uploader__mask {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+  flex-direction: column;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  color: #fff;
+  background-color: rgba(50, 50, 51, 0.88);
+}
+
+.van-uploader__mask-icon {
+  font-size: 2.933vw;
+}
+
+.van-uploader__mask-message {
+  margin-top: 0.8vw;
+  padding: 0 0.533vw;
+  font-size: 1.6vw;
+  line-height: 1.867vw;
+}
+
+.van-uploader__loading {
+  width: 2.933vw;
+  height: 2.933vw;
+  color: #fff;
+}
+
+.van-uploader__file {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+  flex-direction: column;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  width: 10.667vw;
+  height: 10.667vw;
+  background-color: #f7f8fa;
+}
+
+.van-uploader__file-icon {
+  color: #646566;
+  font-size: 2.667vw;
+}
+
+.van-uploader__file-name {
+  box-sizing: border-box;
+  width: 100%;
+  margin-top: 1.067vw;
+  padding: 0 0.533vw;
+  color: #646566;
+  font-size: 1.6vw;
+  text-align: center;
+}
+
+.van-index-anchor {
+  z-index: 1;
+  box-sizing: border-box;
+  padding: 0 2.133vw;
+  color: #323233;
+  font-weight: 500;
+  font-size: 1.867vw;
+  line-height: 4.267vw;
+  background-color: transparent;
+}
+
+.van-index-anchor--sticky {
+  position: fixed;
+  top: 0;
+  right: 0;
+  left: 0;
+  color: #ee0a24;
+  background-color: #fff;
+}
+
+.van-index-bar__sidebar {
+  position: fixed;
+  top: 50%;
+  right: 0;
+  z-index: 2;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+  flex-direction: column;
+  text-align: center;
+  -webkit-transform: translateY(-50%);
+  transform: translateY(-50%);
+  cursor: pointer;
+  -webkit-user-select: none;
+  user-select: none;
+}
+
+.van-index-bar__index {
+  padding: 0 1.067vw 0 2.133vw;
+  font-weight: 500;
+  font-size: 1.333vw;
+  line-height: 1.867vw;
+}
+
+.van-index-bar__index--active {
+  color: #ee0a24;
+}
+
+.van-pagination {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  font-size: 1.867vw;
+}
+
+.van-pagination__item,
+.van-pagination__page-desc {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+}
+
+.van-pagination__item {
+  -webkit-box-flex: 1;
+  -webkit-flex: 1;
+  flex: 1;
+  box-sizing: border-box;
+  min-width: 4.8vw;
+  height: 5.333vw;
+  color: #1989fa;
+  background-color: #fff;
+  cursor: pointer;
+  -webkit-user-select: none;
+  user-select: none;
+}
+
+.van-pagination__item:active {
+  color: #fff;
+  background-color: #1989fa;
+}
+
+.van-pagination__item:after {
+  border-width: 1px 0 1px 1px;
+}
+
+.van-pagination__item:last-child:after {
+  border-right-width: 1px;
+}
+
+.van-pagination__item--active {
+  color: #fff;
+  background-color: #1989fa;
+}
+
+.van-pagination__next,
+.van-pagination__prev {
+  padding: 0 0.533vw;
+  cursor: pointer;
+}
+
+.van-pagination__item--disabled,
+.van-pagination__item--disabled:active {
+  color: #646566;
+  background-color: #f7f8fa;
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+
+.van-pagination__page {
+  -webkit-box-flex: 0;
+  -webkit-flex-grow: 0;
+  flex-grow: 0;
+}
+
+.van-pagination__page-desc {
+  -webkit-box-flex: 1;
+  -webkit-flex: 1;
+  flex: 1;
+  height: 5.333vw;
+  color: #646566;
+}
+
+.van-pagination--simple .van-pagination__next:after,
+.van-pagination--simple .van-pagination__prev:after {
+  border-width: 1px;
+}
+
+.van-password-input {
+  position: relative;
+  margin: 0 2.133vw;
+  -webkit-user-select: none;
+  user-select: none;
+}
+
+.van-password-input__error-info,
+.van-password-input__info {
+  margin-top: 2.133vw;
+  font-size: 1.867vw;
+  text-align: center;
+}
+
+.van-password-input__info {
+  color: #969799;
+}
+
+.van-password-input__error-info {
+  color: #ee0a24;
+}
+
+.van-password-input__security {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  width: 100%;
+  height: 6.667vw;
+  cursor: pointer;
+}
+
+.van-password-input__security:after {
+  border-radius: 0.8vw;
+}
+
+.van-password-input__security li {
+  position: relative;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-flex: 1;
+  -webkit-flex: 1;
+  flex: 1;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  height: 100%;
+  font-size: 2.667vw;
+  line-height: 1.2;
+  background-color: #fff;
+}
+
+.van-password-input__security i {
+  width: 1.333vw;
+  height: 1.333vw;
+  background-color: #000;
+  border-radius: 100%;
+  visibility: hidden;
+}
+
+.van-password-input__cursor,
+.van-password-input__security i {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+}
+
+.van-password-input__cursor {
+  width: 1px;
+  height: 40%;
+  background-color: #323233;
+  -webkit-animation: van-cursor-flicker 1s infinite;
+  animation: van-cursor-flicker 1s infinite;
+}
+
+@-webkit-keyframes van-cursor-flicker {
+  0% {
+    opacity: 0;
+  }
+
+  50% {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+  }
+}
+
+@keyframes van-cursor-flicker {
+  0% {
+    opacity: 0;
+  }
+
+  50% {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+  }
+}
+
+.van-progress {
+  position: relative;
+  height: 0.533vw;
+  background: #ebedf0;
+  border-radius: 0.533vw;
+}
+
+.van-progress__portion {
+  position: absolute;
+  left: 0;
+  height: 100%;
+  background: #1989fa;
+  border-radius: inherit;
+}
+
+.van-progress__pivot {
+  position: absolute;
+  top: 50%;
+  box-sizing: border-box;
+  min-width: 3.6em;
+  padding: 0 0.667vw;
+  color: #fff;
+  font-size: 1.333vw;
+  line-height: 1.6;
+  text-align: center;
+  word-break: keep-all;
+  background-color: #1989fa;
+  border-radius: 1em;
+  -webkit-transform: translateY(-50%);
+  transform: translateY(-50%);
+}
+
+.van-row:after {
+  display: table;
+  clear: both;
+  content: "";
+}
+
+.van-row--flex {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-flex-wrap: wrap;
+  flex-wrap: wrap;
+}
+
+.van-row--flex:after {
+  display: none;
+}
+
+.van-row--justify-center {
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+}
+
+.van-row--justify-end {
+  -webkit-box-pack: end;
+  -webkit-justify-content: flex-end;
+  justify-content: flex-end;
+}
+
+.van-row--justify-space-between {
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+  justify-content: space-between;
+}
+
+.van-row--justify-space-around {
+  -webkit-justify-content: space-around;
+  justify-content: space-around;
+}
+
+.van-row--align-center {
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+}
+
+.van-row--align-bottom {
+  -webkit-box-align: end;
+  -webkit-align-items: flex-end;
+  align-items: flex-end;
+}
+
+.van-sidebar {
+  width: 10.667vw;
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+.van-tree-select {
+  position: relative;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  font-size: 1.867vw;
+  -webkit-user-select: none;
+  user-select: none;
+}
+
+.van-tree-select__nav {
+  -webkit-box-flex: 1;
+  -webkit-flex: 1;
+  flex: 1;
+  overflow-y: auto;
+  background-color: #f7f8fa;
+  -webkit-overflow-scrolling: touch;
+}
+
+.van-tree-select__nav-item {
+  padding: 1.867vw 1.6vw;
+}
+
+.van-tree-select__content {
+  -webkit-box-flex: 2;
+  -webkit-flex: 2;
+  flex: 2;
+  overflow-y: auto;
+  background-color: #fff;
+  -webkit-overflow-scrolling: touch;
+}
+
+.van-tree-select__item {
+  position: relative;
+  padding: 0 4.267vw 0 2.133vw;
+  font-weight: 500;
+  line-height: 6.4vw;
+  cursor: pointer;
+}
+
+.van-tree-select__item--active {
+  color: #ee0a24;
+}
+
+.van-tree-select__item--disabled {
+  color: #c8c9cc;
+  cursor: not-allowed;
+}
+
+.van-tree-select__selected {
+  position: absolute;
+  top: 50%;
+  right: 2.133vw;
+  margin-top: -1.067vw;
+  font-size: 2.133vw;
+}
+
+.van-skeleton {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  padding: 0 2.133vw;
+}
+
+.van-skeleton__avatar {
+  -webkit-flex-shrink: 0;
+  flex-shrink: 0;
+  width: 4.267vw;
+  height: 4.267vw;
+  margin-right: 2.133vw;
+  background-color: #f2f3f5;
+}
+
+.van-skeleton__avatar--round {
+  border-radius: 133.2vw;
+}
+
+.van-skeleton__content {
+  width: 100%;
+}
+
+.van-skeleton__avatar + .van-skeleton__content {
+  padding-top: 1.067vw;
+}
+
+.van-skeleton__row,
+.van-skeleton__title {
+  height: 2.133vw;
+  background-color: #f2f3f5;
+}
+
+.van-skeleton__title {
+  width: 40%;
+  margin: 0;
+}
+
+.van-skeleton__row:not(:first-child) {
+  margin-top: 1.6vw;
+}
+
+.van-skeleton__title + .van-skeleton__row {
+  margin-top: 2.667vw;
+}
+
+.van-skeleton--animate {
+  -webkit-animation: van-skeleton-blink 1.2s ease-in-out infinite;
+  animation: van-skeleton-blink 1.2s ease-in-out infinite;
+}
+
+.van-skeleton--round .van-skeleton__row,
+.van-skeleton--round .van-skeleton__title {
+  border-radius: 133.2vw;
+}
+
+@-webkit-keyframes van-skeleton-blink {
+  50% {
+    opacity: 0.6;
+  }
+}
+
+@keyframes van-skeleton-blink {
+  50% {
+    opacity: 0.6;
+  }
+}
+
+.van-stepper {
+  font-size: 0;
+  -webkit-user-select: none;
+  user-select: none;
+}
+
+.van-stepper__minus,
+.van-stepper__plus {
+  position: relative;
+  box-sizing: border-box;
+  width: 3.733vw;
+  height: 3.733vw;
+  margin: 0;
+  padding: 0;
+  color: #323233;
+  vertical-align: middle;
+  background-color: #f2f3f5;
+  border: 0;
+  cursor: pointer;
+}
+
+.van-stepper__minus:before,
+.van-stepper__plus:before {
+  width: 50%;
+  height: 1px;
+}
+
+.van-stepper__minus:after,
+.van-stepper__plus:after {
+  width: 1px;
+  height: 50%;
+}
+
+.van-stepper__minus:after,
+.van-stepper__minus:before,
+.van-stepper__plus:after,
+.van-stepper__plus:before {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  background-color: currentColor;
+  -webkit-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+  content: "";
+}
+
+.van-stepper__minus:active,
+.van-stepper__plus:active {
+  background-color: #e8e8e8;
+}
+
+.van-stepper__minus--disabled,
+.van-stepper__plus--disabled {
+  color: #c8c9cc;
+  background-color: #f7f8fa;
+  cursor: not-allowed;
+}
+
+.van-stepper__minus--disabled:active,
+.van-stepper__plus--disabled:active {
+  background-color: #f7f8fa;
+}
+
+.van-stepper__minus {
+  border-radius: 0.533vw 0 0 0.533vw;
+}
+
+.van-stepper__minus:after {
+  display: none;
+}
+
+.van-stepper__plus {
+  border-radius: 0 0.533vw 0.533vw 0;
+}
+
+.van-stepper__input {
+  box-sizing: border-box;
+  width: 4.267vw;
+  height: 3.733vw;
+  margin: 0 0.267vw;
+  padding: 0;
+  color: #323233;
+  font-size: 1.867vw;
+  line-height: normal;
+  text-align: center;
+  vertical-align: middle;
+  background-color: #f2f3f5;
+  border: 0;
+  border-width: 1px 0;
+  border-radius: 0;
+  -webkit-appearance: none;
+}
+
+.van-stepper__input:disabled {
+  color: #c8c9cc;
+  background-color: #f2f3f5;
+  -webkit-text-fill-color: #c8c9cc;
+  opacity: 1;
+}
+
+.van-stepper__input:read-only {
+  cursor: default;
+}
+
+.van-stepper--round .van-stepper__input {
+  background-color: transparent;
+}
+
+.van-stepper--round .van-stepper__minus,
+.van-stepper--round .van-stepper__plus {
+  border-radius: 100%;
+}
+
+.van-stepper--round .van-stepper__minus:active,
+.van-stepper--round .van-stepper__plus:active {
+  opacity: 0.7;
+}
+
+.van-stepper--round .van-stepper__minus--disabled,
+.van-stepper--round .van-stepper__minus--disabled:active,
+.van-stepper--round .van-stepper__plus--disabled,
+.van-stepper--round .van-stepper__plus--disabled:active {
+  opacity: 0.3;
+}
+
+.van-stepper--round .van-stepper__plus {
+  color: #fff;
+  background-color: #ee0a24;
+}
+
+.van-stepper--round .van-stepper__minus {
+  color: #ee0a24;
+  background-color: #fff;
+  border: 1px solid #ee0a24;
+}
+
+.van-sku-container {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+  flex-direction: column;
+  -webkit-box-align: stretch;
+  -webkit-align-items: stretch;
+  align-items: stretch;
+  min-height: 50%;
+  max-height: 80%;
+  overflow-y: visible;
+  font-size: 1.867vw;
+  background: #fff;
+}
+
+.van-sku-body {
+  -webkit-box-flex: 1;
+  -webkit-flex: 1 1 auto;
+  flex: 1 1 auto;
+  min-height: 5.867vw;
+  overflow-y: scroll;
+  -webkit-overflow-scrolling: touch;
+}
+
+.van-sku-body::-webkit-scrollbar {
+  display: none;
+}
+
+.van-sku-header {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-flex-shrink: 0;
+  flex-shrink: 0;
+  margin: 0 2.133vw;
+}
+
+.van-sku-header__img-wrap {
+  -webkit-flex-shrink: 0;
+  flex-shrink: 0;
+  width: 12.8vw;
+  height: 12.8vw;
+  margin: 1.6vw 1.6vw 1.6vw 0;
+  overflow: hidden;
+  border-radius: 0.533vw;
+}
+
+.van-sku-header__goods-info {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+  flex-direction: column;
+  -webkit-box-pack: end;
+  -webkit-justify-content: flex-end;
+  justify-content: flex-end;
+  padding: 1.6vw 2.667vw 1.6vw 0;
+}
+
+.van-sku-header-item {
+  margin-top: 1.067vw;
+  color: #969799;
+  font-size: 1.6vw;
+  line-height: 2.133vw;
+}
+
+.van-sku__price-symbol {
+  font-size: 2.133vw;
+  vertical-align: bottom;
+}
+
+.van-sku__price-num {
+  font-weight: 500;
+  font-size: 2.933vw;
+  vertical-align: bottom;
+  word-wrap: break-word;
+}
+
+.van-sku__goods-price {
+  margin-left: -0.267vw;
+  color: #ee0a24;
+}
+
+.van-sku__price-tag {
+  position: relative;
+  display: inline-block;
+  margin-left: 1.067vw;
+  padding: 0 0.667vw;
+  overflow: hidden;
+  color: #ee0a24;
+  font-size: 1.6vw;
+  line-height: 2.133vw;
+  border-radius: 1.067vw;
+}
+
+.van-sku__price-tag:before {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: currentColor;
+  opacity: 0.1;
+  content: "";
+}
+
+.van-sku-group-container {
+  padding-top: 1.6vw;
+}
+
+.van-sku-group-container--hide-soldout .van-sku-row__item--disabled {
+  display: none;
+}
+
+.van-sku-row {
+  margin: 0 2.133vw 1.6vw;
+}
+
+.van-sku-row:last-child {
+  margin-bottom: 0;
+}
+
+.van-sku-row__image-item,
+.van-sku-row__item {
+  position: relative;
+  overflow: hidden;
+  color: #323233;
+  border-radius: 0.533vw;
+  cursor: pointer;
+}
+
+.van-sku-row__image-item:before,
+.van-sku-row__item:before {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: #f7f8fa;
+  content: "";
+}
+
+.van-sku-row__image-item--active,
+.van-sku-row__item--active {
+  color: #ee0a24;
+}
+
+.van-sku-row__image-item--active:before,
+.van-sku-row__item--active:before {
+  background: currentColor;
+  opacity: 0.1;
+}
+
+.van-sku-row__item {
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: inline-flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  min-width: 5.333vw;
+  margin: 0 1.6vw 1.6vw 0;
+  font-size: 1.733vw;
+  line-height: 2.133vw;
+  vertical-align: middle;
+}
+
+.van-sku-row__item-img {
+  z-index: 1;
+  width: 3.2vw;
+  height: 3.2vw;
+  margin: 0.533vw 0 0.533vw 0.533vw;
+  object-fit: cover;
+  border-radius: 0.267vw;
+}
+
+.van-sku-row__item-name {
+  z-index: 1;
+  padding: 1.067vw;
+}
+
+.van-sku-row__item--disabled {
+  color: #c8c9cc;
+  background: #f2f3f5;
+  cursor: not-allowed;
+}
+
+.van-sku-row__item--disabled .van-sku-row__item-img {
+  opacity: 0.3;
+}
+
+.van-sku-row__image {
+  margin-right: 0;
+}
+
+.van-sku-row__image-item {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+  flex-direction: column;
+  width: 14.667vw;
+  margin: 0 0.533vw 0.533vw 0;
+  border: 1px solid transparent;
+}
+
+.van-sku-row__image-item:last-child {
+  margin-right: 0;
+}
+
+.van-sku-row__image-item-img {
+  width: 100%;
+  height: 14.667vw;
+}
+
+.van-sku-row__image-item-img-icon {
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 3;
+  width: 2.4vw;
+  height: 2.4vw;
+  color: #fff;
+  line-height: 2.4vw;
+  text-align: center;
+  background-color: rgba(0, 0, 0, 0.4);
+  border-bottom-left-radius: 0.533vw;
+}
+
+.van-sku-row__image-item-name {
+  position: relative;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  box-sizing: border-box;
+  height: 5.333vw;
+  padding: 0.533vw;
+  font-size: 1.6vw;
+  line-height: 2.133vw;
+}
+
+.van-sku-row__image-item-name span {
+  word-wrap: break-word;
+}
+
+.van-sku-row__image-item--active {
+  border-color: currentColor;
+}
+
+.van-sku-row__image-item--disabled {
+  color: #c8c9cc;
+  cursor: not-allowed;
+}
+
+.van-sku-row__image-item--disabled:before {
+  z-index: 2;
+  background: #f2f3f5;
+  opacity: 0.4;
+}
+
+.van-sku-row__title {
+  padding-bottom: 1.6vw;
+}
+
+.van-sku-row__title-multiple {
+  color: #969799;
+}
+
+.van-sku-row__scroller {
+  margin: 0 -2.133vw;
+  overflow-x: scroll;
+  overflow-y: hidden;
+  -webkit-overflow-scrolling: touch;
+}
+
+.van-sku-row__scroller::-webkit-scrollbar {
+  display: none;
+}
+
+.van-sku-row__row {
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: inline-flex;
+  margin-bottom: 0.533vw;
+  padding: 0 2.133vw;
+}
+
+.van-sku-row__indicator {
+  width: 5.333vw;
+  height: 0.533vw;
+  background: #ebedf0;
+  border-radius: 0.267vw;
+}
+
+.van-sku-row__indicator-wrapper {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  padding-bottom: 2.133vw;
+}
+
+.van-sku-row__indicator-slider {
+  width: 50%;
+  height: 100%;
+  background-color: #ee0a24;
+  border-radius: 0.267vw;
+}
+
+.van-sku-stepper-stock {
+  padding: 1.6vw 2.133vw;
+  overflow: hidden;
+  line-height: 4vw;
+}
+
+.van-sku__stepper {
+  float: right;
+  padding-left: 0.533vw;
+}
+
+.van-sku__stepper-title {
+  float: left;
+}
+
+.van-sku__stepper-quota {
+  float: right;
+  color: #ee0a24;
+  font-size: 1.6vw;
+}
+
+.van-sku__stock {
+  display: inline-block;
+  margin-right: 1.067vw;
+  color: #969799;
+  font-size: 1.6vw;
+}
+
+.van-sku__stock-num--highlight {
+  color: #ee0a24;
+}
+
+.van-sku-messages {
+  padding-bottom: 4.267vw;
+}
+
+.van-sku-messages__image-cell .van-cell__title {
+  max-width: 6.2em;
+  margin-right: 1.6vw;
+  color: #646566;
+  text-align: left;
+  word-wrap: break-word;
+}
+
+.van-sku-messages__image-cell .van-cell__value {
+  overflow: visible;
+  text-align: left;
+}
+
+.van-sku-messages__image-cell-label {
+  color: #969799;
+  font-size: 1.6vw;
+  line-height: 2.4vw;
+}
+
+.van-sku-actions {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-flex-shrink: 0;
+  flex-shrink: 0;
+  padding: 1.067vw 2.133vw;
+}
+
+.van-sku-actions .van-button {
+  height: 5.333vw;
+  font-weight: 500;
+  font-size: 1.867vw;
+  border: none;
+  border-radius: 0;
+}
+
+.van-sku-actions .van-button:first-of-type {
+  border-top-left-radius: 2.667vw;
+  border-bottom-left-radius: 2.667vw;
+}
+
+.van-sku-actions .van-button:last-of-type {
+  border-top-right-radius: 2.667vw;
+  border-bottom-right-radius: 2.667vw;
+}
+
+.van-sku-actions .van-button--warning {
+  background: -webkit-linear-gradient(left, #ffd01e, #ff8917);
+  background: linear-gradient(90deg, #ffd01e, #ff8917);
+}
+
+.van-sku-actions .van-button--danger {
+  background: -webkit-linear-gradient(left, #ff6034, #ee0a24);
+  background: linear-gradient(90deg, #ff6034, #ee0a24);
+}
+
+.van-slider {
+  position: relative;
+  width: 100%;
+  height: 0.267vw;
+  background-color: #ebedf0;
+  border-radius: 133.2vw;
+  cursor: pointer;
+}
+
+.van-slider:before {
+  position: absolute;
+  top: -1.067vw;
+  right: 0;
+  bottom: -1.067vw;
+  left: 0;
+  content: "";
+}
+
+.van-slider__bar {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  background-color: #1989fa;
+  border-radius: inherit;
+  -webkit-transition: all 0.2s;
+  transition: all 0.2s;
+}
+
+.van-slider__button {
+  width: 3.2vw;
+  height: 3.2vw;
+  background-color: #fff;
+  border-radius: 50%;
+  box-shadow: 0 1px 0.267vw rgba(0, 0, 0, 0.5);
+}
+
+.van-slider__button-wrapper,
+.van-slider__button-wrapper-right {
+  position: absolute;
+  top: 50%;
+  right: 0;
+  -webkit-transform: translate3d(50%, -50%, 0);
+  transform: translate3d(50%, -50%, 0);
+  cursor: grab;
+}
+
+.van-slider__button-wrapper-left {
+  position: absolute;
+  top: 50%;
+  left: 0;
+  -webkit-transform: translate3d(-50%, -50%, 0);
+  transform: translate3d(-50%, -50%, 0);
+  cursor: grab;
+}
+
+.van-slider--disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+
+.van-slider--disabled .van-slider__button-wrapper,
+.van-slider--disabled .van-slider__button-wrapper-left,
+.van-slider--disabled .van-slider__button-wrapper-right {
+  cursor: not-allowed;
+}
+
+.van-slider--vertical {
+  display: inline-block;
+  width: 0.267vw;
+  height: 100%;
+}
+
+.van-slider--vertical .van-slider__button-wrapper,
+.van-slider--vertical .van-slider__button-wrapper-right {
+  top: auto;
+  right: 50%;
+  bottom: 0;
+  -webkit-transform: translate3d(50%, 50%, 0);
+  transform: translate3d(50%, 50%, 0);
+}
+
+.van-slider--vertical .van-slider__button-wrapper-left {
+  top: 0;
+  right: 50%;
+  left: auto;
+  -webkit-transform: translate3d(50%, -50%, 0);
+  transform: translate3d(50%, -50%, 0);
+}
+
+.van-slider--vertical:before {
+  top: 0;
+  right: -1.067vw;
+  bottom: 0;
+  left: -1.067vw;
+}
+
+.van-steps {
+  overflow: hidden;
+  background-color: #fff;
+}
+
+.van-steps--horizontal {
+  padding: 1.333vw 1.333vw 0;
+}
+
+.van-steps--horizontal .van-steps__items {
+  position: relative;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  margin: 0 0 1.333vw;
+  padding-bottom: 2.933vw;
+}
+
+.van-steps--vertical {
+  padding: 0 0 0 4.267vw;
+}
+
+.van-swipe-cell {
+  position: relative;
+  overflow: hidden;
+  cursor: grab;
+}
+
+.van-swipe-cell__wrapper {
+  -webkit-transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1);
+  transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1);
+  -webkit-transition-property: -webkit-transform;
+  transition-property: -webkit-transform;
+  transition-property: transform;
+  transition-property: transform, -webkit-transform;
+}
+
+.van-swipe-cell__left,
+.van-swipe-cell__right {
+  position: absolute;
+  top: 0;
+  height: 100%;
+}
+
+.van-swipe-cell__left {
+  left: 0;
+  -webkit-transform: translate3d(-100%, 0, 0);
+  transform: translate3d(-100%, 0, 0);
+}
+
+.van-swipe-cell__right {
+  right: 0;
+  -webkit-transform: translate3d(100%, 0, 0);
+  transform: translate3d(100%, 0, 0);
+}
+
+.van-tabbar {
+  z-index: 1;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  box-sizing: content-box;
+  width: 100%;
+  height: 6.667vw;
+  padding-bottom: constant(safe-area-inset-bottom);
+  padding-bottom: env(safe-area-inset-bottom);
+  background-color: #fff;
+}
+
+.van-tabbar--fixed {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+}
+
+.van-tabbar--unfit {
+  padding-bottom: 0;
+}
+
+@font-face {
+  font-family: swiper-icons;
+  src: url("data:application/font-woff;charset=utf-8;base64, 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")
+    format("woff");
+  font-weight: 400;
+  font-style: normal;
+}
+
+:root {
+  --swiper-theme-color: #007aff;
+}
+
+.swiper-container {
+  margin-left: auto;
+  margin-right: auto;
+  position: relative;
+  overflow: hidden;
+  list-style: none;
+  padding: 0;
+  z-index: 1;
+}
+
+.swiper-container-vertical > .swiper-wrapper {
+  flex-direction: column;
+}
+
+.swiper-wrapper {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+  display: flex;
+  transition-property: transform;
+  box-sizing: content-box;
+}
+
+.swiper-container-android .swiper-slide,
+.swiper-wrapper {
+  transform: translateZ(0);
+}
+
+.swiper-container-multirow > .swiper-wrapper {
+  flex-wrap: wrap;
+}
+
+.swiper-container-multirow-column > .swiper-wrapper {
+  flex-wrap: wrap;
+  flex-direction: column;
+}
+
+.swiper-container-free-mode > .swiper-wrapper {
+  transition-timing-function: ease-out;
+  margin: 0 auto;
+}
+
+.swiper-container-pointer-events {
+  touch-action: pan-y;
+}
+
+.swiper-container-pointer-events.swiper-container-vertical {
+  touch-action: pan-x;
+}
+
+.swiper-slide {
+  flex-shrink: 0;
+  width: 100%;
+  height: 100%;
+  position: relative;
+  transition-property: transform;
+}
+
+.swiper-slide-invisible-blank {
+  visibility: hidden;
+}
+
+.swiper-container-autoheight,
+.swiper-container-autoheight .swiper-slide {
+  height: auto;
+}
+
+.swiper-container-autoheight .swiper-wrapper {
+  align-items: flex-start;
+  transition-property: transform, height;
+}
+
+.swiper-container-3d {
+  perspective: 160vw !important;
+}
+
+.swiper-container-3d .swiper-cube-shadow,
+.swiper-container-3d .swiper-slide,
+.swiper-container-3d .swiper-slide-shadow-bottom,
+.swiper-container-3d .swiper-slide-shadow-left,
+.swiper-container-3d .swiper-slide-shadow-right,
+.swiper-container-3d .swiper-slide-shadow-top,
+.swiper-container-3d .swiper-wrapper {
+  transform-style: preserve-3d;
+}
+
+.swiper-container-3d .swiper-slide-shadow-bottom,
+.swiper-container-3d .swiper-slide-shadow-left,
+.swiper-container-3d .swiper-slide-shadow-right,
+.swiper-container-3d .swiper-slide-shadow-top {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+  z-index: 10;
+}
+
+.swiper-container-3d .swiper-slide-shadow-left {
+  background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent);
+}
+
+.swiper-container-3d .swiper-slide-shadow-right {
+  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);
+}
+
+.swiper-container-3d .swiper-slide-shadow-top {
+  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
+}
+
+.swiper-container-3d .swiper-slide-shadow-bottom {
+  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent);
+}
+
+.swiper-container-css-mode > .swiper-wrapper {
+  overflow: auto;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+
+.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
+  display: none;
+}
+
+.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
+  scroll-snap-align: start start;
+}
+
+.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
+  -ms-scroll-snap-type: x mandatory;
+  scroll-snap-type: x mandatory;
+}
+
+.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
+  -ms-scroll-snap-type: y mandatory;
+  scroll-snap-type: y mandatory;
+}
+
+:root {
+  --swiper-navigation-size: 5.867vw;
+}
+
+.swiper-button-next,
+.swiper-button-prev {
+  position: absolute;
+  top: 50%;
+  width: calc(var(--swiper-navigation-size) / 44 * 27);
+  height: var(--swiper-navigation-size);
+  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
+  z-index: 10;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--swiper-navigation-color, var(--swiper-theme-color));
+}
+
+.swiper-button-next.swiper-button-disabled,
+.swiper-button-prev.swiper-button-disabled {
+  opacity: 0.35;
+  cursor: auto;
+  pointer-events: none;
+}
+
+.swiper-button-next:after,
+.swiper-button-prev:after {
+  font-family: swiper-icons;
+  font-size: var(--swiper-navigation-size);
+  text-transform: none !important;
+  letter-spacing: 0;
+  text-transform: none;
+  font-variant: normal;
+  line-height: 1;
+}
+
+.swiper-button-prev,
+.swiper-container-rtl .swiper-button-next {
+  left: 1.333vw;
+  right: auto;
+}
+
+.swiper-button-prev:after,
+.swiper-container-rtl .swiper-button-next:after {
+  content: "prev";
+}
+
+.swiper-button-next,
+.swiper-container-rtl .swiper-button-prev {
+  right: 1.333vw;
+  left: auto;
+}
+
+.swiper-button-next:after,
+.swiper-container-rtl .swiper-button-prev:after {
+  content: "next";
+}
+
+.swiper-button-next.swiper-button-white,
+.swiper-button-prev.swiper-button-white {
+  --swiper-navigation-color: #fff;
+}
+
+.swiper-button-next.swiper-button-black,
+.swiper-button-prev.swiper-button-black {
+  --swiper-navigation-color: #000;
+}
+
+.swiper-button-lock {
+  display: none;
+}
+
+.swiper-pagination {
+  position: absolute;
+  text-align: center;
+  transition: opacity 0.3s;
+  transform: translateZ(0);
+  z-index: 10;
+}
+
+.swiper-pagination.swiper-pagination-hidden {
+  opacity: 0;
+}
+
+.swiper-container-horizontal > .swiper-pagination-bullets,
+.swiper-pagination-custom,
+.swiper-pagination-fraction {
+  bottom: 1.333vw;
+  left: 0;
+  width: 100%;
+}
+
+.swiper-pagination-bullets-dynamic {
+  overflow: hidden;
+  font-size: 0;
+}
+
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+  transform: scale(0.33);
+  position: relative;
+}
+
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
+  transform: scale(1);
+}
+
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
+  transform: scale(0.66);
+}
+
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
+  transform: scale(0.33);
+}
+
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
+  transform: scale(0.66);
+}
+
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
+  transform: scale(0.33);
+}
+
+.swiper-pagination-bullet {
+  width: 1.067vw;
+  height: 1.067vw;
+  display: inline-block;
+  border-radius: 50%;
+  background: #000;
+  opacity: 0.2;
+}
+
+button.swiper-pagination-bullet {
+  border: none;
+  margin: 0;
+  padding: 0;
+  box-shadow: none;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+}
+
+.swiper-pagination-clickable .swiper-pagination-bullet {
+  cursor: pointer;
+}
+
+.swiper-pagination-bullet:only-child {
+  display: none !important;
+}
+
+.swiper-pagination-bullet-active {
+  opacity: 1;
+  background: var(--swiper-pagination-color, var(--swiper-theme-color));
+}
+
+.swiper-container-vertical > .swiper-pagination-bullets {
+  right: 1.333vw;
+  top: 50%;
+  transform: translate3d(0, -50%, 0);
+}
+
+.swiper-container-vertical
+  > .swiper-pagination-bullets
+  .swiper-pagination-bullet {
+  margin: 0.8vw 0;
+  display: block;
+}
+
+.swiper-container-vertical
+  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
+  top: 50%;
+  transform: translateY(-50%);
+  width: 1.067vw;
+}
+
+.swiper-container-vertical
+  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
+  .swiper-pagination-bullet {
+  display: inline-block;
+  transition: transform 0.2s, top 0.2s;
+}
+
+.swiper-container-horizontal
+  > .swiper-pagination-bullets
+  .swiper-pagination-bullet {
+  margin: 0 0.533vw;
+}
+
+.swiper-container-horizontal
+  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
+  left: 50%;
+  transform: translateX(-50%);
+  white-space: nowrap;
+}
+
+.swiper-container-horizontal
+  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
+  .swiper-pagination-bullet {
+  transition: transform 0.2s, left 0.2s;
+}
+
+.swiper-container-horizontal.swiper-container-rtl
+  > .swiper-pagination-bullets-dynamic
+  .swiper-pagination-bullet {
+  transition: transform 0.2s, right 0.2s;
+}
+
+.swiper-pagination-progressbar {
+  background: rgba(0, 0, 0, 0.25);
+  position: absolute;
+}
+
+.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
+  background: var(--swiper-pagination-color, var(--swiper-theme-color));
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  transform: scale(0);
+  transform-origin: left top;
+}
+
+.swiper-container-rtl
+  .swiper-pagination-progressbar
+  .swiper-pagination-progressbar-fill {
+  transform-origin: right top;
+}
+
+.swiper-container-horizontal > .swiper-pagination-progressbar,
+.swiper-container-vertical
+  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
+  width: 100%;
+  height: 0.533vw;
+  left: 0;
+  top: 0;
+}
+
+.swiper-container-horizontal
+  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
+.swiper-container-vertical > .swiper-pagination-progressbar {
+  width: 0.533vw;
+  height: 100%;
+  left: 0;
+  top: 0;
+}
+
+.swiper-pagination-white {
+  --swiper-pagination-color: #fff;
+}
+
+.swiper-pagination-black {
+  --swiper-pagination-color: #000;
+}
+
+.swiper-pagination-lock {
+  display: none;
+}
+
+.swiper-scrollbar {
+  border-radius: 1.333vw;
+  position: relative;
+  -ms-touch-action: none;
+  background: rgba(0, 0, 0, 0.1);
+}
+
+.swiper-container-horizontal > .swiper-scrollbar {
+  position: absolute;
+  left: 1%;
+  bottom: 0.4vw;
+  z-index: 50;
+  height: 0.667vw;
+  width: 98%;
+}
+
+.swiper-container-vertical > .swiper-scrollbar {
+  position: absolute;
+  right: 0.4vw;
+  top: 1%;
+  z-index: 50;
+  width: 0.667vw;
+  height: 98%;
+}
+
+.swiper-scrollbar-drag {
+  height: 100%;
+  width: 100%;
+  position: relative;
+  background: rgba(0, 0, 0, 0.5);
+  border-radius: 1.333vw;
+  left: 0;
+  top: 0;
+}
+
+.swiper-scrollbar-cursor-drag {
+  cursor: move;
+}
+
+.swiper-scrollbar-lock {
+  display: none;
+}
+
+.swiper-zoom-container {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+}
+
+.swiper-zoom-container > canvas,
+.swiper-zoom-container > img,
+.swiper-zoom-container > svg {
+  max-width: 100%;
+  max-height: 100%;
+  -o-object-fit: contain;
+  object-fit: contain;
+}
+
+.swiper-slide-zoomed {
+  cursor: move;
+}
+
+.swiper-lazy-preloader {
+  width: 5.6vw;
+  height: 5.6vw;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  margin-left: -2.8vw;
+  margin-top: -2.8vw;
+  z-index: 10;
+  transform-origin: 50%;
+  -webkit-animation: swiper-preloader-spin 1s linear infinite;
+  animation: swiper-preloader-spin 1s linear infinite;
+  box-sizing: border-box;
+  border: 0.533vw solid var(--swiper-preloader-color, var(--swiper-theme-color));
+  border-radius: 50%;
+  border-top-color: transparent;
+}
+
+.swiper-lazy-preloader-white {
+  --swiper-preloader-color: #fff;
+}
+
+.swiper-lazy-preloader-black {
+  --swiper-preloader-color: #000;
+}
+
+@-webkit-keyframes swiper-preloader-spin {
+  to {
+    transform: rotate(1turn);
+  }
+}
+
+@keyframes swiper-preloader-spin {
+  to {
+    transform: rotate(1turn);
+  }
+}
+
+.swiper-container .swiper-notification {
+  position: absolute;
+  left: 0;
+  top: 0;
+  pointer-events: none;
+  opacity: 0;
+  z-index: -1000;
+}
+
+.swiper-container-fade.swiper-container-free-mode .swiper-slide {
+  transition-timing-function: ease-out;
+}
+
+.swiper-container-fade .swiper-slide {
+  pointer-events: none;
+  transition-property: opacity;
+}
+
+.swiper-container-fade .swiper-slide .swiper-slide {
+  pointer-events: none;
+}
+
+.swiper-container-fade .swiper-slide-active,
+.swiper-container-fade .swiper-slide-active .swiper-slide-active {
+  pointer-events: auto;
+}
+
+.swiper-container-cube {
+  overflow: visible;
+}
+
+.swiper-container-cube .swiper-slide {
+  pointer-events: none;
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+  z-index: 1;
+  visibility: hidden;
+  transform-origin: 0 0;
+  width: 100%;
+  height: 100%;
+}
+
+.swiper-container-cube .swiper-slide .swiper-slide {
+  pointer-events: none;
+}
+
+.swiper-container-cube.swiper-container-rtl .swiper-slide {
+  transform-origin: 100% 0;
+}
+
+.swiper-container-cube .swiper-slide-active,
+.swiper-container-cube .swiper-slide-active .swiper-slide-active {
+  pointer-events: auto;
+}
+
+.swiper-container-cube .swiper-slide-active,
+.swiper-container-cube .swiper-slide-next,
+.swiper-container-cube .swiper-slide-next + .swiper-slide,
+.swiper-container-cube .swiper-slide-prev {
+  pointer-events: auto;
+  visibility: visible;
+}
+
+.swiper-container-cube .swiper-slide-shadow-bottom,
+.swiper-container-cube .swiper-slide-shadow-left,
+.swiper-container-cube .swiper-slide-shadow-right,
+.swiper-container-cube .swiper-slide-shadow-top {
+  z-index: 0;
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+}
+
+.swiper-container-cube .swiper-cube-shadow {
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  height: 100%;
+  opacity: 0.6;
+  z-index: 0;
+}
+
+.swiper-container-cube .swiper-cube-shadow:before {
+  content: "";
+  background: #000;
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  filter: blur(6.667vw);
+}
+
+.swiper-container-flip {
+  overflow: visible;
+}
+
+.swiper-container-flip .swiper-slide {
+  pointer-events: none;
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+  z-index: 1;
+}
+
+.swiper-container-flip .swiper-slide .swiper-slide {
+  pointer-events: none;
+}
+
+.swiper-container-flip .swiper-slide-active,
+.swiper-container-flip .swiper-slide-active .swiper-slide-active {
+  pointer-events: auto;
+}
+
+.swiper-container-flip .swiper-slide-shadow-bottom,
+.swiper-container-flip .swiper-slide-shadow-left,
+.swiper-container-flip .swiper-slide-shadow-right,
+.swiper-container-flip .swiper-slide-shadow-top {
+  z-index: 0;
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+}
+
+.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
+.video-js .vjs-modal-dialog,
+.vjs-button > .vjs-icon-placeholder:before,
+.vjs-modal-dialog .vjs-modal-dialog-content {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
+.vjs-button > .vjs-icon-placeholder:before {
+  text-align: center;
+}
+
+@font-face {
+  font-family: VideoJS;
+  src: url(data:application/font-woff;charset=utf-8;base64,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)
+    format("woff");
+  font-weight: 400;
+  font-style: normal;
+}
+
+.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
+.video-js .vjs-play-control .vjs-icon-placeholder,
+.vjs-icon-play {
+  font-family: VideoJS;
+  font-weight: 400;
+  font-style: normal;
+}
+
+.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
+.video-js .vjs-play-control .vjs-icon-placeholder:before,
+.vjs-icon-play:before {
+  content: "\f101";
+}
+
+.vjs-icon-play-circle {
+  font-family: VideoJS;
+  font-weight: 400;
+  font-style: normal;
+}
+
+.vjs-icon-play-circle:before {
+  content: "\f102";
+}
+
+.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,
+.vjs-icon-pause {
+  font-family: VideoJS;
+  font-weight: 400;
+  font-style: normal;
+}
+
+.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,
+.vjs-icon-pause:before {
+  content: "\f103";
+}
+
+.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,
+.vjs-icon-volume-mute {
+  font-family: VideoJS;
+  font-weight: 400;
+  font-style: normal;
+}
+
+.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,
+.vjs-icon-volume-mute:before {
+  content: "\f104";
+}
+
+.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,
+.vjs-icon-volume-low {
+  font-family: VideoJS;
+  font-weight: 400;
+  font-style: normal;
+}
+
+.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,
+.vjs-icon-volume-low:before {
+  content: "\f105";
+}
+
+.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,
+.vjs-icon-volume-mid {
+  font-family: VideoJS;
+  font-weight: 400;
+  font-style: normal;
+}
+
+.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,
+.vjs-icon-volume-mid:before {
+  content: "\f106";
+}
+
+.video-js .vjs-mute-control .vjs-icon-placeholder,
+.vjs-icon-volume-high {
+  font-family: VideoJS;
+  font-weight: 400;
+  font-style: normal;
+}
+
+.video-js .vjs-mute-control .vjs-icon-placeholder:before,
+.vjs-icon-volume-high:before {
+  content: "\f107";
+}
+
+.video-js .vjs-fullscreen-control .vjs-icon-placeholder,
+.vjs-icon-fullscreen-enter {
+  font-family: VideoJS;
+  font-weight: 400;
+  font-style: normal;
+}
+
+.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,
+.vjs-icon-fullscreen-enter:before {
+  content: "\f108";
+}
+
+.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,
+.vjs-icon-fullscreen-exit {
+  font-family: VideoJS;
+  font-weight: 400;
+  font-style: normal;
+}
+
+.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,
+.vjs-icon-fullscreen-exit:before {
+  content: "\f109";
+}
+
+.vjs-icon-square {
+  font-family: VideoJS;
+  font-weight: 400;
+  font-style: normal;
+}
+
+.vjs-icon-square:before {
+  content: "\f10a";
+}
+
+.vjs-icon-spinner {
+  font-family: VideoJS;
+  font-weight: 400;
+  font-style: normal;
+}
+
+.vjs-icon-spinner:before {
+  content: "\f10b";
+}
+
+.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
+.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
+.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
+.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,
+.video-js .vjs-subs-caps-button .vjs-icon-placeholder,
+.video-js .vjs-subtitles-button .vjs-icon-placeholder,
+.vjs-icon-subtitles {
+  font-family: VideoJS;
+  font-weight: 400;
+  font-style: normal;
+}
+
+.video-js.video-js:lang(en-AU)
+  .vjs-subs-caps-button
+  .vjs-icon-placeholder:before,
+.video-js.video-js:lang(en-GB)
+  .vjs-subs-caps-button
+  .vjs-icon-placeholder:before,
+.video-js.video-js:lang(en-IE)
+  .vjs-subs-caps-button
+  .vjs-icon-placeholder:before,
+.video-js.video-js:lang(en-NZ)
+  .vjs-subs-caps-button
+  .vjs-icon-placeholder:before,
+.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
+.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,
+.vjs-icon-subtitles:before {
+  content: "\f10c";
+}
+
+.video-js .vjs-captions-button .vjs-icon-placeholder,
+.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
+.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,
+.vjs-icon-captions {
+  font-family: VideoJS;
+  font-weight: 400;
+  font-style: normal;
+}
+
+.video-js .vjs-captions-button .vjs-icon-placeholder:before,
+.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
+.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,
+.vjs-icon-captions:before {
+  content: "\f10d";
+}
+
+.video-js .vjs-chapters-button .vjs-icon-placeholder,
+.vjs-icon-chapters {
+  font-family: VideoJS;
+  font-weight: 400;
+  font-style: normal;
+}
+
+.video-js .vjs-chapters-button .vjs-icon-placeholder:before,
+.vjs-icon-chapters:before {
+  content: "\f10e";
+}
+
+.vjs-icon-share {
+  font-family: VideoJS;
+  font-weight: 400;
+  font-style: normal;
+}
+
+.vjs-icon-share:before {
+  content: "\f10f";
+}
+
+.vjs-icon-cog {
+  font-family: VideoJS;
+  font-weight: 400;
+  font-style: normal;
+}
+
+.vjs-icon-cog:before {
+  content: "\f110";
+}
+
+.video-js .vjs-play-progress,
+.video-js .vjs-volume-level,
+.vjs-icon-circle,
+.vjs-seek-to-live-control .vjs-icon-placeholder {
+  font-family: VideoJS;
+  font-weight: 400;
+  font-style: normal;
+}
+
+.video-js .vjs-play-progress:before,
+.video-js .vjs-volume-level:before,
+.vjs-icon-circle:before,
+.vjs-seek-to-live-control .vjs-icon-placeholder:before {
+  content: "\f111";
+}
+
+.vjs-icon-circle-outline {
+  font-family: VideoJS;
+  font-weight: 400;
+  font-style: normal;
+}
+
+.vjs-icon-circle-outline:before {
+  content: "\f112";
+}
+
+.vjs-icon-circle-inner-circle {
+  font-family: VideoJS;
+  font-weight: 400;
+  font-style: normal;
+}
+
+.vjs-icon-circle-inner-circle:before {
+  content: "\f113";
+}
+
+.vjs-icon-hd {
+  font-family: VideoJS;
+  font-weight: 400;
+  font-style: normal;
+}
+
+.vjs-icon-hd:before {
+  content: "\f114";
+}
+
+.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,
+.vjs-icon-cancel {
+  font-family: VideoJS;
+  font-weight: 400;
+  font-style: normal;
+}
+
+.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,
+.vjs-icon-cancel:before {
+  content: "\f115";
+}
+
+.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,
+.vjs-icon-replay {
+  font-family: VideoJS;
+  font-weight: 400;
+  font-style: normal;
+}
+
+.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,
+.vjs-icon-replay:before {
+  content: "\f116";
+}
+
+.vjs-icon-facebook {
+  font-family: VideoJS;
+  font-weight: 400;
+  font-style: normal;
+}
+
+.vjs-icon-facebook:before {
+  content: "\f117";
+}
+
+.vjs-icon-gplus {
+  font-family: VideoJS;
+  font-weight: 400;
+  font-style: normal;
+}
+
+.vjs-icon-gplus:before {
+  content: "\f118";
+}
+
+.vjs-icon-linkedin {
+  font-family: VideoJS;
+  font-weight: 400;
+  font-style: normal;
+}
+
+.vjs-icon-linkedin:before {
+  content: "\f119";
+}
+
+.vjs-icon-twitter {
+  font-family: VideoJS;
+  font-weight: 400;
+  font-style: normal;
+}
+
+.vjs-icon-twitter:before {
+  content: "\f11a";
+}
+
+.vjs-icon-tumblr {
+  font-family: VideoJS;
+  font-weight: 400;
+  font-style: normal;
+}
+
+.vjs-icon-tumblr:before {
+  content: "\f11b";
+}
+
+.vjs-icon-pinterest {
+  font-family: VideoJS;
+  font-weight: 400;
+  font-style: normal;
+}
+
+.vjs-icon-pinterest:before {
+  content: "\f11c";
+}
+
+.video-js .vjs-descriptions-button .vjs-icon-placeholder,
+.vjs-icon-audio-description {
+  font-family: VideoJS;
+  font-weight: 400;
+  font-style: normal;
+}
+
+.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,
+.vjs-icon-audio-description:before {
+  content: "\f11d";
+}
+
+.video-js .vjs-audio-button .vjs-icon-placeholder,
+.vjs-icon-audio {
+  font-family: VideoJS;
+  font-weight: 400;
+  font-style: normal;
+}
+
+.video-js .vjs-audio-button .vjs-icon-placeholder:before,
+.vjs-icon-audio:before {
+  content: "\f11e";
+}
+
+.vjs-icon-next-item {
+  font-family: VideoJS;
+  font-weight: 400;
+  font-style: normal;
+}
+
+.vjs-icon-next-item:before {
+  content: "\f11f";
+}
+
+.vjs-icon-previous-item {
+  font-family: VideoJS;
+  font-weight: 400;
+  font-style: normal;
+}
+
+.vjs-icon-previous-item:before {
+  content: "\f120";
+}
+
+.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder,
+.vjs-icon-picture-in-picture-enter {
+  font-family: VideoJS;
+  font-weight: 400;
+  font-style: normal;
+}
+
+.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before,
+.vjs-icon-picture-in-picture-enter:before {
+  content: "\f121";
+}
+
+.video-js.vjs-picture-in-picture
+  .vjs-picture-in-picture-control
+  .vjs-icon-placeholder,
+.vjs-icon-picture-in-picture-exit {
+  font-family: VideoJS;
+  font-weight: 400;
+  font-style: normal;
+}
+
+.video-js.vjs-picture-in-picture
+  .vjs-picture-in-picture-control
+  .vjs-icon-placeholder:before,
+.vjs-icon-picture-in-picture-exit:before {
+  content: "\f122";
+}
+
+.video-js {
+  display: block;
+  vertical-align: top;
+  box-sizing: border-box;
+  color: #fff;
+  background-color: #000;
+  position: relative;
+  padding: 0;
+  font-size: 1.333vw;
+  line-height: 1;
+  font-weight: 400;
+  font-style: normal;
+  font-family: Arial, Helvetica, sans-serif;
+  word-break: normal;
+}
+
+.video-js:-moz-full-screen {
+  position: absolute;
+}
+
+.video-js:-webkit-full-screen {
+  width: 100% !important;
+  height: 100% !important;
+}
+
+.video-js[tabindex="-1"] {
+  outline: none;
+}
+
+.video-js *,
+.video-js :after,
+.video-js :before {
+  box-sizing: inherit;
+}
+
+.video-js ul {
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+  list-style-position: outside;
+  margin-left: 0;
+  margin-right: 0;
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.video-js.vjs-1-1,
+.video-js.vjs-4-3,
+.video-js.vjs-9-16,
+.video-js.vjs-16-9,
+.video-js.vjs-fluid {
+  width: 100%;
+  max-width: 100%;
+  height: 0;
+}
+
+.video-js.vjs-16-9 {
+  padding-top: 56.25%;
+}
+
+.video-js.vjs-4-3 {
+  padding-top: 75%;
+}
+
+.video-js.vjs-9-16 {
+  padding-top: 177.7777777778%;
+}
+
+.video-js.vjs-1-1 {
+  padding-top: 100%;
+}
+
+.video-js.vjs-fill,
+.video-js .vjs-tech {
+  width: 100%;
+  height: 100%;
+}
+
+.video-js .vjs-tech {
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+
+body.vjs-full-window {
+  padding: 0;
+  margin: 0;
+  height: 100%;
+}
+
+.vjs-full-window .video-js.vjs-fullscreen {
+  position: fixed;
+  overflow: hidden;
+  z-index: 1000;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+}
+
+.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
+  width: 100% !important;
+  height: 100% !important;
+  padding-top: 0 !important;
+}
+
+.video-js.vjs-fullscreen.vjs-user-inactive {
+  cursor: none;
+}
+
+.vjs-hidden {
+  display: none !important;
+}
+
+.vjs-disabled {
+  opacity: 0.5;
+  cursor: default;
+}
+
+.video-js .vjs-offscreen {
+  height: 1px;
+  left: -1333.2vw;
+  position: absolute;
+  top: 0;
+  width: 1px;
+}
+
+.vjs-lock-showing {
+  display: block !important;
+  opacity: 1 !important;
+  visibility: visible !important;
+}
+
+.vjs-no-js {
+  padding: 2.667vw;
+  color: #fff;
+  background-color: #000;
+  font-size: 2.4vw;
+  font-family: Arial, Helvetica, sans-serif;
+  text-align: center;
+  width: 40vw;
+  height: 20vw;
+  margin: 0 auto;
+}
+
+.vjs-no-js a,
+.vjs-no-js a:visited {
+  color: #66a8cc;
+}
+
+.video-js .vjs-big-play-button {
+  font-size: 3em;
+  line-height: 1.5em;
+  height: 1.63332em;
+  width: 3em;
+  display: block;
+  position: absolute;
+  top: 1.333vw;
+  left: 1.333vw;
+  padding: 0;
+  cursor: pointer;
+  opacity: 1;
+  border: 0.06666em solid #fff;
+  background-color: #2b333f;
+  background-color: rgba(43, 51, 63, 0.7);
+  border-radius: 0.3em;
+  transition: all 0.4s;
+}
+
+.vjs-big-play-centered .vjs-big-play-button {
+  top: 50%;
+  left: 50%;
+  margin-top: -0.81666em;
+  margin-left: -1.5em;
+}
+
+.video-js .vjs-big-play-button:focus,
+.video-js:hover .vjs-big-play-button {
+  border-color: #fff;
+  background-color: #73859f;
+  background-color: rgba(115, 133, 159, 0.5);
+  transition: all 0s;
+}
+
+.vjs-controls-disabled .vjs-big-play-button,
+.vjs-error .vjs-big-play-button,
+.vjs-has-started .vjs-big-play-button,
+.vjs-using-native-controls .vjs-big-play-button {
+  display: none;
+}
+
+.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause
+  .vjs-big-play-button {
+  display: block;
+}
+
+.video-js button {
+  background: none;
+  border: none;
+  color: inherit;
+  display: inline-block;
+  font-size: inherit;
+  line-height: inherit;
+  text-transform: none;
+  text-decoration: none;
+  transition: none;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+}
+
+.vjs-control .vjs-button {
+  width: 100%;
+  height: 100%;
+}
+
+.video-js .vjs-control.vjs-close-button {
+  cursor: pointer;
+  height: 3em;
+  position: absolute;
+  right: 0;
+  top: 0.5em;
+  z-index: 2;
+}
+
+.video-js .vjs-modal-dialog {
+  background: rgba(0, 0, 0, 0.8);
+  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), hsla(0, 0%, 100%, 0));
+  overflow: auto;
+}
+
+.video-js .vjs-modal-dialog > * {
+  box-sizing: border-box;
+}
+
+.vjs-modal-dialog .vjs-modal-dialog-content {
+  font-size: 1.2em;
+  line-height: 1.5;
+  padding: 2.667vw 3.2vw;
+  z-index: 1;
+}
+
+.vjs-menu-button {
+  cursor: pointer;
+}
+
+.vjs-menu-button.vjs-disabled {
+  cursor: default;
+}
+
+.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
+  display: none;
+}
+
+.vjs-menu .vjs-menu-content {
+  display: block;
+  padding: 0;
+  margin: 0;
+  font-family: Arial, Helvetica, sans-serif;
+  overflow: auto;
+}
+
+.vjs-menu .vjs-menu-content > * {
+  box-sizing: border-box;
+}
+
+.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
+  display: none;
+}
+
+.vjs-menu li {
+  list-style: none;
+  margin: 0;
+  padding: 0.2em 0;
+  line-height: 1.4em;
+  font-size: 1.2em;
+  text-align: center;
+  text-transform: lowercase;
+}
+
+.js-focus-visible .vjs-menu li.vjs-menu-item:hover,
+.vjs-menu li.vjs-menu-item:focus,
+.vjs-menu li.vjs-menu-item:hover {
+  background-color: #73859f;
+  background-color: rgba(115, 133, 159, 0.5);
+}
+
+.js-focus-visible .vjs-menu li.vjs-selected:hover,
+.vjs-menu li.vjs-selected,
+.vjs-menu li.vjs-selected:focus,
+.vjs-menu li.vjs-selected:hover {
+  background-color: #fff;
+  color: #2b333f;
+}
+
+.js-focus-visible .vjs-menu :not(.vjs-selected):focus:not(.focus-visible),
+.video-js .vjs-menu :not(.vjs-selected):focus:not(:focus-visible) {
+  background: none;
+}
+
+.vjs-menu li.vjs-menu-title {
+  text-align: center;
+  text-transform: uppercase;
+  font-size: 1em;
+  line-height: 2em;
+  padding: 0;
+  margin: 0 0 0.3em 0;
+  font-weight: 700;
+  cursor: default;
+}
+
+.vjs-menu-button-popup .vjs-menu {
+  display: none;
+  position: absolute;
+  bottom: 0;
+  width: 10em;
+  left: -3em;
+  height: 0;
+  margin-bottom: 1.5em;
+  border-top-color: rgba(43, 51, 63, 0.7);
+}
+
+.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
+  background-color: #2b333f;
+  background-color: rgba(43, 51, 63, 0.7);
+  position: absolute;
+  width: 100%;
+  bottom: 1.5em;
+  max-height: 15em;
+}
+
+.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
+.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
+  max-height: 5em;
+}
+
+.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
+  max-height: 10em;
+}
+
+.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
+  max-height: 14em;
+}
+
+.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
+.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
+.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
+  max-height: 25em;
+}
+
+.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,
+.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu {
+  display: block;
+}
+
+.video-js .vjs-menu-button-inline {
+  transition: all 0.4s;
+  overflow: hidden;
+}
+
+.video-js .vjs-menu-button-inline:before {
+  width: 2.222222222em;
+}
+
+.video-js .vjs-menu-button-inline.vjs-slider-active,
+.video-js .vjs-menu-button-inline:focus,
+.video-js .vjs-menu-button-inline:hover,
+.video-js.vjs-no-flex .vjs-menu-button-inline {
+  width: 12em;
+}
+
+.vjs-menu-button-inline .vjs-menu {
+  opacity: 0;
+  height: 100%;
+  width: auto;
+  position: absolute;
+  left: 4em;
+  top: 0;
+  padding: 0;
+  margin: 0;
+  transition: all 0.4s;
+}
+
+.vjs-menu-button-inline.vjs-slider-active .vjs-menu,
+.vjs-menu-button-inline:focus .vjs-menu,
+.vjs-menu-button-inline:hover .vjs-menu {
+  display: block;
+  opacity: 1;
+}
+
+.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
+  display: block;
+  opacity: 1;
+  position: relative;
+  width: auto;
+}
+
+.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,
+.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
+.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu {
+  width: auto;
+}
+
+.vjs-menu-button-inline .vjs-menu-content {
+  width: auto;
+  height: 100%;
+  margin: 0;
+  overflow: hidden;
+}
+
+.video-js .vjs-control-bar {
+  display: none;
+  width: 100%;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 3em;
+  background-color: #2b333f;
+  background-color: rgba(43, 51, 63, 0.7);
+}
+
+.vjs-has-started .vjs-control-bar {
+  display: flex;
+  visibility: visible;
+  opacity: 1;
+  transition: visibility 0.1s, opacity 0.1s;
+}
+
+.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
+  visibility: visible;
+  opacity: 0;
+  pointer-events: none;
+  transition: visibility 1s, opacity 1s;
+}
+
+.vjs-controls-disabled .vjs-control-bar,
+.vjs-error .vjs-control-bar,
+.vjs-using-native-controls .vjs-control-bar {
+  display: none !important;
+}
+
+.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
+  opacity: 1;
+  visibility: visible;
+}
+
+.vjs-has-started.vjs-no-flex .vjs-control-bar {
+  display: table;
+}
+
+.video-js .vjs-control {
+  position: relative;
+  text-align: center;
+  margin: 0;
+  padding: 0;
+  height: 100%;
+  width: 4em;
+  flex: none;
+}
+
+.vjs-button > .vjs-icon-placeholder:before {
+  font-size: 1.8em;
+  line-height: 1.67;
+}
+
+.vjs-button > .vjs-icon-placeholder {
+  display: block;
+}
+
+.video-js .vjs-control:focus,
+.video-js .vjs-control:focus:before,
+.video-js .vjs-control:hover:before {
+  text-shadow: 0 0 1em #fff;
+}
+
+.video-js .vjs-control-text {
+  border: 0;
+  clip: rect(0 0 0 0);
+  height: 1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
+}
+
+.vjs-no-flex .vjs-control {
+  display: table-cell;
+  vertical-align: middle;
+}
+
+.video-js .vjs-custom-control-spacer {
+  display: none;
+}
+
+.video-js .vjs-progress-control {
+  cursor: pointer;
+  flex: auto;
+  display: flex;
+  align-items: center;
+  min-width: 4em;
+  touch-action: none;
+}
+
+.video-js .vjs-progress-control.disabled {
+  cursor: default;
+}
+
+.vjs-live .vjs-progress-control {
+  display: none;
+}
+
+.vjs-liveui .vjs-progress-control {
+  display: flex;
+  align-items: center;
+}
+
+.vjs-no-flex .vjs-progress-control {
+  width: auto;
+}
+
+.video-js .vjs-progress-holder {
+  flex: auto;
+  transition: all 0.2s;
+  height: 0.3em;
+}
+
+.video-js .vjs-progress-control .vjs-progress-holder {
+  margin: 0 1.333vw;
+}
+
+.video-js .vjs-progress-control:hover .vjs-progress-holder {
+  font-size: 1.6666666667em;
+}
+
+.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
+  font-size: 1em;
+}
+
+.video-js .vjs-progress-holder .vjs-load-progress,
+.video-js .vjs-progress-holder .vjs-load-progress div,
+.video-js .vjs-progress-holder .vjs-play-progress {
+  position: absolute;
+  display: block;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  width: 0;
+}
+
+.video-js .vjs-play-progress {
+  background-color: #fff;
+}
+
+.video-js .vjs-play-progress:before {
+  font-size: 0.9em;
+  position: absolute;
+  right: -0.5em;
+  top: -0.3333333333em;
+  z-index: 1;
+}
+
+.video-js .vjs-load-progress {
+  background: rgba(115, 133, 159, 0.5);
+}
+
+.video-js .vjs-load-progress div {
+  background: rgba(115, 133, 159, 0.75);
+}
+
+.video-js .vjs-time-tooltip {
+  background-color: #fff;
+  background-color: hsla(0, 0%, 100%, 0.8);
+  border-radius: 0.3em;
+  color: #000;
+  float: right;
+  font-family: Arial, Helvetica, sans-serif;
+  font-size: 1em;
+  padding: 0.8vw 1.067vw 1.067vw 1.067vw;
+  pointer-events: none;
+  position: absolute;
+  top: -3.4em;
+  visibility: hidden;
+  z-index: 1;
+}
+
+.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
+  display: none;
+}
+
+.video-js
+  .vjs-progress-control:hover
+  .vjs-progress-holder:focus
+  .vjs-time-tooltip,
+.video-js .vjs-progress-control:hover .vjs-time-tooltip {
+  display: block;
+  font-size: 0.6em;
+  visibility: visible;
+}
+
+.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
+  font-size: 1em;
+}
+
+.video-js .vjs-progress-control .vjs-mouse-display {
+  display: none;
+  position: absolute;
+  width: 1px;
+  height: 100%;
+  background-color: #000;
+  z-index: 1;
+}
+
+.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
+  z-index: 0;
+}
+
+.video-js .vjs-progress-control:hover .vjs-mouse-display {
+  display: block;
+}
+
+.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
+  visibility: hidden;
+  opacity: 0;
+  transition: visibility 1s, opacity 1s;
+}
+
+.video-js.vjs-user-inactive.vjs-no-flex
+  .vjs-progress-control
+  .vjs-mouse-display {
+  display: none;
+}
+
+.vjs-mouse-display .vjs-time-tooltip {
+  color: #fff;
+  background-color: #000;
+  background-color: rgba(0, 0, 0, 0.8);
+}
+
+.video-js .vjs-slider {
+  position: relative;
+  cursor: pointer;
+  padding: 0;
+  margin: 0 0.45em 0 0.45em;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  background-color: #73859f;
+  background-color: rgba(115, 133, 159, 0.5);
+}
+
+.video-js .vjs-slider.disabled {
+  cursor: default;
+}
+
+.video-js .vjs-slider:focus {
+  text-shadow: 0 0 1em #fff;
+  box-shadow: 0 0 1em #fff;
+}
+
+.video-js .vjs-mute-control {
+  cursor: pointer;
+  flex: none;
+}
+
+.video-js .vjs-volume-control {
+  cursor: pointer;
+  margin-right: 1em;
+  display: flex;
+}
+
+.video-js .vjs-volume-control.vjs-volume-horizontal {
+  width: 5em;
+}
+
+.video-js .vjs-volume-panel .vjs-volume-control {
+  visibility: visible;
+  opacity: 0;
+  width: 1px;
+  height: 1px;
+  margin-left: -1px;
+}
+
+.video-js .vjs-volume-panel {
+  transition: width 1s;
+}
+
+.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control,
+.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,
+.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,
+.video-js .vjs-volume-panel .vjs-volume-control:active,
+.video-js .vjs-volume-panel:active .vjs-volume-control,
+.video-js .vjs-volume-panel:focus .vjs-volume-control {
+  visibility: visible;
+  opacity: 1;
+  position: relative;
+  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s,
+    top 0s;
+}
+
+.video-js
+  .vjs-volume-panel.vjs-hover
+  .vjs-mute-control
+  ~ .vjs-volume-control.vjs-volume-horizontal,
+.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
+.video-js
+  .vjs-volume-panel
+  .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,
+.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
+.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
+.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal {
+  width: 5em;
+  height: 3em;
+  margin-right: 0;
+}
+
+.video-js
+  .vjs-volume-panel.vjs-hover
+  .vjs-mute-control
+  ~ .vjs-volume-control.vjs-volume-vertical,
+.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,
+.video-js
+  .vjs-volume-panel
+  .vjs-volume-control.vjs-slider-active.vjs-volume-vertical,
+.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,
+.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,
+.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical {
+  left: -3.5em;
+  transition: left 0s;
+}
+
+.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
+.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
+.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active {
+  width: 10em;
+  transition: width 0.1s;
+}
+
+.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
+  width: 4em;
+}
+
+.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
+  height: 8em;
+  width: 3em;
+  left: -3000em;
+  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s,
+    top 1s 1s;
+}
+
+.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
+  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s,
+    top 1s 1s;
+}
+
+.video-js.vjs-no-flex
+  .vjs-volume-panel
+  .vjs-volume-control.vjs-volume-horizontal {
+  width: 5em;
+  height: 3em;
+  visibility: visible;
+  opacity: 1;
+  position: relative;
+  transition: none;
+}
+
+.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
+.video-js.vjs-no-flex
+  .vjs-volume-panel
+  .vjs-volume-control.vjs-volume-vertical {
+  position: absolute;
+  bottom: 3em;
+  left: 0.5em;
+}
+
+.video-js .vjs-volume-panel {
+  display: flex;
+}
+
+.video-js .vjs-volume-bar {
+  margin: 1.35em 0.45em;
+}
+
+.vjs-volume-bar.vjs-slider-horizontal {
+  width: 5em;
+  height: 0.3em;
+}
+
+.vjs-volume-bar.vjs-slider-vertical {
+  width: 0.3em;
+  height: 5em;
+  margin: 1.35em auto;
+}
+
+.video-js .vjs-volume-level {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  background-color: #fff;
+}
+
+.video-js .vjs-volume-level:before {
+  position: absolute;
+  font-size: 0.9em;
+  z-index: 1;
+}
+
+.vjs-slider-vertical .vjs-volume-level {
+  width: 0.3em;
+}
+
+.vjs-slider-vertical .vjs-volume-level:before {
+  top: -0.5em;
+  left: -0.3em;
+  z-index: 1;
+}
+
+.vjs-slider-horizontal .vjs-volume-level {
+  height: 0.3em;
+}
+
+.vjs-slider-horizontal .vjs-volume-level:before {
+  top: -0.3em;
+  right: -0.5em;
+}
+
+.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
+  width: 4em;
+}
+
+.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
+  height: 100%;
+}
+
+.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
+  width: 100%;
+}
+
+.video-js .vjs-volume-vertical {
+  width: 3em;
+  height: 8em;
+  bottom: 8em;
+  background-color: #2b333f;
+  background-color: rgba(43, 51, 63, 0.7);
+}
+
+.video-js .vjs-volume-horizontal .vjs-menu {
+  left: -2em;
+}
+
+.video-js .vjs-volume-tooltip {
+  background-color: #fff;
+  background-color: hsla(0, 0%, 100%, 0.8);
+  border-radius: 0.3em;
+  color: #000;
+  float: right;
+  font-family: Arial, Helvetica, sans-serif;
+  font-size: 1em;
+  padding: 0.8vw 1.067vw 1.067vw 1.067vw;
+  pointer-events: none;
+  position: absolute;
+  top: -3.4em;
+  visibility: hidden;
+  z-index: 1;
+}
+
+.video-js
+  .vjs-volume-control:hover
+  .vjs-progress-holder:focus
+  .vjs-volume-tooltip,
+.video-js .vjs-volume-control:hover .vjs-volume-tooltip {
+  display: block;
+  font-size: 1em;
+  visibility: visible;
+}
+
+.video-js
+  .vjs-volume-vertical:hover
+  .vjs-progress-holder:focus
+  .vjs-volume-tooltip,
+.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip {
+  left: 1em;
+  top: -1.6vw;
+}
+
+.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
+  font-size: 1em;
+}
+
+.video-js .vjs-volume-control .vjs-mouse-display {
+  display: none;
+  position: absolute;
+  width: 100%;
+  height: 1px;
+  background-color: #000;
+  z-index: 1;
+}
+
+.video-js .vjs-volume-horizontal .vjs-mouse-display {
+  width: 1px;
+  height: 100%;
+}
+
+.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
+  z-index: 0;
+}
+
+.video-js .vjs-volume-control:hover .vjs-mouse-display {
+  display: block;
+}
+
+.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
+  visibility: hidden;
+  opacity: 0;
+  transition: visibility 1s, opacity 1s;
+}
+
+.video-js.vjs-user-inactive.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
+  display: none;
+}
+
+.vjs-mouse-display .vjs-volume-tooltip {
+  color: #fff;
+  background-color: #000;
+  background-color: rgba(0, 0, 0, 0.8);
+}
+
+.vjs-poster {
+  display: inline-block;
+  vertical-align: middle;
+  background-repeat: no-repeat;
+  background-position: 50% 50%;
+  background-size: contain;
+  background-color: #000;
+  cursor: pointer;
+  margin: 0;
+  padding: 0;
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  height: 100%;
+}
+
+.vjs-has-started .vjs-poster {
+  display: none;
+}
+
+.vjs-audio.vjs-has-started .vjs-poster {
+  display: block;
+}
+
+.vjs-using-native-controls .vjs-poster {
+  display: none;
+}
+
+.video-js .vjs-live-control {
+  display: flex;
+  align-items: flex-start;
+  flex: auto;
+  font-size: 1em;
+  line-height: 3em;
+}
+
+.vjs-no-flex .vjs-live-control {
+  display: table-cell;
+  width: auto;
+  text-align: left;
+}
+
+.video-js.vjs-liveui .vjs-live-control,
+.video-js:not(.vjs-live) .vjs-live-control {
+  display: none;
+}
+
+.video-js .vjs-seek-to-live-control {
+  align-items: center;
+  cursor: pointer;
+  flex: none;
+  display: inline-flex;
+  height: 100%;
+  padding-left: 0.5em;
+  padding-right: 0.5em;
+  font-size: 1em;
+  line-height: 3em;
+  width: auto;
+  min-width: 4em;
+}
+
+.vjs-no-flex .vjs-seek-to-live-control {
+  display: table-cell;
+  width: auto;
+  text-align: left;
+}
+
+.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
+.video-js:not(.vjs-live) .vjs-seek-to-live-control {
+  display: none;
+}
+
+.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
+  cursor: auto;
+}
+
+.vjs-seek-to-live-control .vjs-icon-placeholder {
+  margin-right: 0.5em;
+  color: #888;
+}
+
+.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
+  color: red;
+}
+
+.video-js .vjs-time-control {
+  flex: none;
+  font-size: 1em;
+  line-height: 3em;
+  min-width: 2em;
+  width: auto;
+  padding-left: 1em;
+  padding-right: 1em;
+}
+
+.video-js .vjs-current-time,
+.video-js .vjs-duration,
+.vjs-live .vjs-time-control,
+.vjs-no-flex .vjs-current-time,
+.vjs-no-flex .vjs-duration {
+  display: none;
+}
+
+.vjs-time-divider {
+  display: none;
+  line-height: 3em;
+}
+
+.vjs-live .vjs-time-divider {
+  display: none;
+}
+
+.video-js .vjs-play-control {
+  cursor: pointer;
+}
+
+.video-js .vjs-play-control .vjs-icon-placeholder {
+  flex: none;
+}
+
+.vjs-text-track-display {
+  position: absolute;
+  bottom: 3em;
+  left: 0;
+  right: 0;
+  top: 0;
+  pointer-events: none;
+}
+
+.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
+  bottom: 1em;
+}
+
+.video-js .vjs-text-track {
+  font-size: 1.4em;
+  text-align: center;
+  margin-bottom: 0.1em;
+}
+
+.vjs-subtitles {
+  color: #fff;
+}
+
+.vjs-captions {
+  color: #fc6;
+}
+
+.vjs-tt-cue {
+  display: block;
+}
+
+video::-webkit-media-text-track-display {
+  transform: translateY(-3em);
+}
+
+.video-js.vjs-user-inactive.vjs-playing
+  video::-webkit-media-text-track-display {
+  transform: translateY(-1.5em);
+}
+
+.video-js .vjs-fullscreen-control,
+.video-js .vjs-picture-in-picture-control {
+  cursor: pointer;
+  flex: none;
+}
+
+.vjs-playback-rate .vjs-playback-rate-value,
+.vjs-playback-rate > .vjs-menu-button {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.vjs-playback-rate .vjs-playback-rate-value {
+  pointer-events: none;
+  font-size: 1.5em;
+  line-height: 2;
+  text-align: center;
+}
+
+.vjs-playback-rate .vjs-menu {
+  width: 4em;
+  left: 0;
+}
+
+.vjs-error .vjs-error-display .vjs-modal-dialog-content {
+  font-size: 1.4em;
+  text-align: center;
+}
+
+.vjs-error .vjs-error-display:before {
+  color: #fff;
+  content: "X";
+  font-family: Arial, Helvetica, sans-serif;
+  font-size: 4em;
+  left: 0;
+  line-height: 1;
+  margin-top: -0.5em;
+  position: absolute;
+  text-shadow: 0.05em 0.05em 0.1em #000;
+  text-align: center;
+  top: 50%;
+  vertical-align: middle;
+  width: 100%;
+}
+
+.vjs-loading-spinner {
+  display: none;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  margin: -3.333vw 0 0 -3.333vw;
+  opacity: 0.85;
+  text-align: left;
+  border: 0.8vw solid rgba(43, 51, 63, 0.7);
+  box-sizing: border-box;
+  background-clip: padding-box;
+  width: 6.667vw;
+  height: 6.667vw;
+  border-radius: 3.333vw;
+  visibility: hidden;
+}
+
+.vjs-seeking .vjs-loading-spinner,
+.vjs-waiting .vjs-loading-spinner {
+  display: block;
+  -webkit-animation: vjs-spinner-show 0s linear 0.3s forwards;
+  animation: vjs-spinner-show 0s linear 0.3s forwards;
+}
+
+.vjs-loading-spinner:after,
+.vjs-loading-spinner:before {
+  content: "";
+  position: absolute;
+  margin: -0.8vw;
+  box-sizing: inherit;
+  width: inherit;
+  height: inherit;
+  border-radius: inherit;
+  opacity: 1;
+  border: inherit;
+  border-color: transparent;
+  border-top-color: #fff;
+}
+
+.vjs-seeking .vjs-loading-spinner:after,
+.vjs-seeking .vjs-loading-spinner:before,
+.vjs-waiting .vjs-loading-spinner:after,
+.vjs-waiting .vjs-loading-spinner:before {
+  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8)
+      infinite,
+    vjs-spinner-fade 1.1s linear infinite;
+  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite,
+    vjs-spinner-fade 1.1s linear infinite;
+}
+
+.vjs-seeking .vjs-loading-spinner:before,
+.vjs-waiting .vjs-loading-spinner:before {
+  border-top-color: #fff;
+}
+
+.vjs-seeking .vjs-loading-spinner:after,
+.vjs-waiting .vjs-loading-spinner:after {
+  border-top-color: #fff;
+  -webkit-animation-delay: 0.44s;
+  animation-delay: 0.44s;
+}
+
+@keyframes vjs-spinner-show {
+  to {
+    visibility: visible;
+  }
+}
+
+@-webkit-keyframes vjs-spinner-show {
+  to {
+    visibility: visible;
+  }
+}
+
+@keyframes vjs-spinner-spin {
+  to {
+    transform: rotate(1turn);
+  }
+}
+
+@-webkit-keyframes vjs-spinner-spin {
+  to {
+    -webkit-transform: rotate(1turn);
+  }
+}
+
+@keyframes vjs-spinner-fade {
+  0% {
+    border-top-color: #73859f;
+  }
+
+  20% {
+    border-top-color: #73859f;
+  }
+
+  35% {
+    border-top-color: #fff;
+  }
+
+  60% {
+    border-top-color: #73859f;
+  }
+
+  to {
+    border-top-color: #73859f;
+  }
+}
+
+@-webkit-keyframes vjs-spinner-fade {
+  0% {
+    border-top-color: #73859f;
+  }
+
+  20% {
+    border-top-color: #73859f;
+  }
+
+  35% {
+    border-top-color: #fff;
+  }
+
+  60% {
+    border-top-color: #73859f;
+  }
+
+  to {
+    border-top-color: #73859f;
+  }
+}
+
+.vjs-chapters-button .vjs-menu ul {
+  width: 24em;
+}
+
+.video-js
+  .vjs-subs-caps-button
+  + .vjs-menu
+  .vjs-captions-menu-item
+  .vjs-menu-item-text
+  .vjs-icon-placeholder {
+  vertical-align: middle;
+  display: inline-block;
+  margin-bottom: -0.1em;
+}
+
+.video-js
+  .vjs-subs-caps-button
+  + .vjs-menu
+  .vjs-captions-menu-item
+  .vjs-menu-item-text
+  .vjs-icon-placeholder:before {
+  font-family: VideoJS;
+  content: "";
+  font-size: 1.5em;
+  line-height: inherit;
+}
+
+.video-js
+  .vjs-audio-button
+  + .vjs-menu
+  .vjs-main-desc-menu-item
+  .vjs-menu-item-text
+  .vjs-icon-placeholder {
+  vertical-align: middle;
+  display: inline-block;
+  margin-bottom: -0.1em;
+}
+
+.video-js
+  .vjs-audio-button
+  + .vjs-menu
+  .vjs-main-desc-menu-item
+  .vjs-menu-item-text
+  .vjs-icon-placeholder:before {
+  font-family: VideoJS;
+  content: " ";
+  font-size: 1.5em;
+  line-height: inherit;
+}
+
+.video-js.vjs-layout-small .vjs-audio-button,
+.video-js.vjs-layout-small .vjs-captions-button,
+.video-js.vjs-layout-small .vjs-chapters-button,
+.video-js.vjs-layout-small .vjs-current-time,
+.video-js.vjs-layout-small .vjs-descriptions-button,
+.video-js.vjs-layout-small .vjs-duration,
+.video-js.vjs-layout-small .vjs-playback-rate,
+.video-js.vjs-layout-small .vjs-remaining-time,
+.video-js.vjs-layout-small .vjs-subtitles-button,
+.video-js.vjs-layout-small .vjs-time-divider,
+.video-js.vjs-layout-small .vjs-volume-control,
+.video-js.vjs-layout-tiny .vjs-audio-button,
+.video-js.vjs-layout-tiny .vjs-captions-button,
+.video-js.vjs-layout-tiny .vjs-chapters-button,
+.video-js.vjs-layout-tiny .vjs-current-time,
+.video-js.vjs-layout-tiny .vjs-descriptions-button,
+.video-js.vjs-layout-tiny .vjs-duration,
+.video-js.vjs-layout-tiny .vjs-playback-rate,
+.video-js.vjs-layout-tiny .vjs-remaining-time,
+.video-js.vjs-layout-tiny .vjs-subtitles-button,
+.video-js.vjs-layout-tiny .vjs-time-divider,
+.video-js.vjs-layout-tiny .vjs-volume-control,
+.video-js.vjs-layout-x-small .vjs-audio-button,
+.video-js.vjs-layout-x-small .vjs-captions-button,
+.video-js.vjs-layout-x-small .vjs-chapters-button,
+.video-js.vjs-layout-x-small .vjs-current-time,
+.video-js.vjs-layout-x-small .vjs-descriptions-button,
+.video-js.vjs-layout-x-small .vjs-duration,
+.video-js.vjs-layout-x-small .vjs-playback-rate,
+.video-js.vjs-layout-x-small .vjs-remaining-time,
+.video-js.vjs-layout-x-small .vjs-subtitles-button,
+.video-js.vjs-layout-x-small .vjs-time-divider,
+.video-js.vjs-layout-x-small .vjs-volume-control {
+  display: none !important;
+}
+
+.video-js.vjs-layout-small
+  .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
+.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
+.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
+.video-js.vjs-layout-tiny
+  .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
+.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
+.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
+.video-js.vjs-layout-x-small
+  .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
+.video-js.vjs-layout-x-small
+  .vjs-volume-panel.vjs-volume-panel-horizontal:active,
+.video-js.vjs-layout-x-small
+  .vjs-volume-panel.vjs-volume-panel-horizontal:hover {
+  width: auto;
+}
+
+.video-js.vjs-layout-tiny .vjs-subs-caps-button,
+.video-js.vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button,
+.video-js.vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button {
+  display: none;
+}
+
+.video-js.vjs-layout-tiny .vjs-custom-control-spacer,
+.video-js.vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer {
+  flex: auto;
+  display: block;
+}
+
+.video-js.vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer,
+.video-js.vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer {
+  width: auto;
+}
+
+.video-js.vjs-layout-tiny .vjs-progress-control,
+.video-js.vjs-layout-x-small.vjs-liveui .vjs-progress-control {
+  display: none;
+}
+
+.vjs-modal-dialog.vjs-text-track-settings {
+  background-color: #2b333f;
+  background-color: rgba(43, 51, 63, 0.75);
+  color: #fff;
+  height: 70%;
+}
+
+.vjs-text-track-settings .vjs-modal-dialog-content {
+  display: table;
+}
+
+.vjs-text-track-settings .vjs-track-settings-colors,
+.vjs-text-track-settings .vjs-track-settings-controls,
+.vjs-text-track-settings .vjs-track-settings-font {
+  display: table-cell;
+}
+
+.vjs-text-track-settings .vjs-track-settings-controls {
+  text-align: right;
+  vertical-align: bottom;
+}
+
+@supports (display: grid) {
+  .vjs-text-track-settings .vjs-modal-dialog-content {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    grid-template-rows: 1fr;
+    padding: 20px 24px 0 24px;
+  }
+
+  .vjs-track-settings-controls .vjs-default-button {
+    margin-bottom: 20px;
+  }
+
+  .vjs-text-track-settings .vjs-track-settings-controls {
+    grid-column: 1/-1;
+  }
+
+  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
+  .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content,
+  .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content {
+    grid-template-columns: 1fr;
+  }
+}
+
+.vjs-track-setting > select {
+  margin-right: 1em;
+  margin-bottom: 0.5em;
+}
+
+.vjs-text-track-settings fieldset {
+  margin: 0.667vw;
+  padding: 0.4vw;
+  border: none;
+}
+
+.vjs-text-track-settings fieldset span {
+  display: inline-block;
+}
+
+.vjs-text-track-settings fieldset span > select {
+  max-width: 7.3em;
+}
+
+.vjs-text-track-settings legend {
+  color: #fff;
+  margin: 0 0 0.667vw 0;
+}
+
+.vjs-text-track-settings .vjs-label {
+  position: absolute;
+  clip: rect(1px 1px 1px 1px);
+  clip: rect(1px, 1px, 1px, 1px);
+  display: block;
+  margin: 0 0 0.667vw 0;
+  padding: 0;
+  border: 0;
+  height: 1px;
+  width: 1px;
+  overflow: hidden;
+}
+
+.vjs-track-settings-controls button:active,
+.vjs-track-settings-controls button:focus {
+  outline-style: solid;
+  outline-width: medium;
+  background-image: linear-gradient(0deg, #fff 88%, #73859f);
+}
+
+.vjs-track-settings-controls button:hover {
+  color: rgba(43, 51, 63, 0.75);
+}
+
+.vjs-track-settings-controls button {
+  background-color: #fff;
+  background-image: linear-gradient(-180deg, #fff 88%, #73859f);
+  color: #2b333f;
+  cursor: pointer;
+  border-radius: 0.267vw;
+}
+
+.vjs-track-settings-controls .vjs-default-button {
+  margin-right: 1em;
+}
+
+@media print {
+  .video-js > :not(.vjs-tech):not(.vjs-poster) {
+    visibility: hidden;
+  }
+}
+
+.vjs-resize-manager {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  border: none;
+  z-index: -1000;
+}
+
+.js-focus-visible .video-js :focus:not(.focus-visible),
+.video-js :focus:not(:focus-visible) {
+  outline: none;
+}
diff --git a/src/assets/css/main.css b/src/assets/css/main.css
new file mode 100644
index 0000000..cb41c71
--- /dev/null
+++ b/src/assets/css/main.css
@@ -0,0 +1,4160 @@
+.van-tabbar {
+  height: 14.667vw;
+}
+
+.van-tabbar-item__icon img {
+  height: 10vw;
+}
+
+.van-tabbar-item {
+  font-size: 3.467vw;
+}
+
+.tui {
+  width: 5rem;
+  height: 5rem !important;
+  margin-top: -7.333vw;
+  background-color: #fff;
+  border-radius: 50%;
+  border: 1.333vw solid #fff;
+  z-index: 10;
+}
+
+/* [class*="van-hairline"]:after {
+  border: none !important;
+} */
+
+.foorterTxt {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  font-size: 0.725rem;
+}
+
+body .van-toast {
+  font-size: 5.067vw;
+  padding: 4vw;
+  line-height: 6.667vw;
+  width: 70vw;
+}
+
+body .van-toast .van-toast__icon {
+  font-size: 6.667vw;
+}
+
+*,
+:after,
+:before {
+  box-sizing: border-box;
+}
+
+.iframe {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.linear-bg {
+  height: 26.667vw;
+  display: flex;
+  align-items: center;
+  background: linear-gradient(270deg, #c24491, #775fd9);
+}
+
+.home-container {
+  position: absolute !important;
+  top: 0;
+  left: 0;
+  right: 0;
+  background-color: #fff;
+}
+
+.linear-gradient {
+  width: 100%;
+  height: 0.267vw;
+  background: linear-gradient(
+    90deg,
+    rgba(126, 86, 120, 0),
+    #e6c3a1,
+    rgba(126, 86, 120, 0)
+  );
+}
+
+.van-notice-bar__right-icon,
+.van-notice-bar__left-icon {
+  min-width: 5.333vw;
+}
+
+.notice-swipe {
+  width: calc(100% - 6.667vw);
+  height: 11.333vw;
+  font-size: 4vw;
+}
+
+.van-icon-bullhorn-o:before {
+  transform: scale(2.5);
+}
+
+.banner {
+  width: 100%;
+  margin-top: -23%;
+}
+
+.banner_swiper {
+  height: 100%;
+  width: 100%;
+}
+
+.banner_swiper .swiper-slide {
+  border-radius: 1.333vw;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 82.667vw;
+  height: 40vw;
+  text-align: center;
+  font-weight: 700;
+  font-size: 2.667vw;
+  background-color: #fff;
+  background-position: 50%;
+  background-size: cover;
+  color: #fff;
+}
+
+.swiper-container-3d .swiper-slide-shadow-left {
+  background-image: linear-gradient(270deg, transparent, transparent);
+}
+
+.swiper-container-3d .swiper-slide-shadow-right {
+  background-image: linear-gradient(90deg, transparent, transparent);
+}
+
+.banner_img {
+  border-radius: 1.333vw;
+  width: 100%;
+  height: 100%;
+}
+
+.hot-game {
+  width: 100%;
+  height: 100%;
+}
+
+.hot-title-div {
+  width: calc(100% - 6.667vw);
+  margin: 0 auto;
+  height: 13.333vw;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.hot-title-div > div:first-child {
+  width: 57.333vw;
+}
+
+.hot-title-div div {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+}
+
+.hot-title-div > div:nth-child(2) span {
+  font-size: 2.667vw;
+  color: #979799;
+}
+
+.hot-title-div > div:first-child span {
+  font-size: 1.333vw;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  font-size: 4vw;
+  font-weight: 700;
+  color: #c24491;
+}
+
+.hot-title-div > div:nth-child(2) span {
+  font-size: 3.333vw;
+  color: #c24491;
+}
+
+.hot-title-div > div:first-child span:before {
+  content: "";
+  display: block;
+  width: 0.667vw;
+  height: 4vw;
+  background-color: #775fd9;
+  border-radius: 1px;
+  margin-right: 0.667vw;
+}
+
+.hot-game .hot-items-div {
+  margin-top: -0.4vw;
+}
+
+.hot-game .hot-items-div span {
+  margin-top: 1.333vw;
+  font-size: 3.2vw;
+  color: #c24491;
+}
+
+.hot-recommend {
+  width: 100%;
+  flex: 1;
+  background-color: #f2f2f5;
+}
+
+.movie_swiper .swiper-slide {
+  width: 80%;
+  height: 44vw;
+}
+
+.movie_list_0 {
+  width: calc(100% - 6.667vw);
+  margin: 0 auto;
+}
+
+.movie_cover {
+  border-radius: 1.333vw;
+  width: 73.333vw;
+  height: 44vw;
+}
+
+.movie_list_0 .movie-list-item-bottom {
+  position: relative;
+  width: 73.333vw;
+  bottom: 5.733vw;
+}
+
+.movie_list_0 .movie-list-item-bottom .movie-time-div {
+  background-color: rgba(0, 0, 0, 0.4);
+}
+
+.movie_list_0 .movie-list-item-bottom > div {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.movie_list_0 .movie-list-item-bottom .movie-time-div .van-count-down {
+  font-size: 3.733vw;
+  color: #fff;
+}
+
+.movie_list_0 .movie-time-div {
+  color: #fff;
+  border-radius: 0 0 1.333vw 1.333vw;
+}
+
+.movie_list_0 .movie_swiper .hot {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 10.667vw;
+}
+
+.movie_list_0 span {
+  font-size: 4vw;
+}
+
+.movie_list_1 {
+  display: flex;
+  width: calc(100% - 6.667vw);
+  margin: 0 auto;
+  align-items: flex-start;
+  justify-content: flex-start;
+  flex-wrap: wrap;
+}
+
+.movie_list_1 .movie-list-item .cover_img {
+  border-radius: 1.333vw;
+  width: 100%;
+  height: 100%;
+}
+
+.home-scroll {
+  padding-bottom: 14.667vw;
+}
+
+.movie_list_1 .movie-list-item {
+  margin-bottom: 1.333vw;
+  width: 44.667vw;
+  height: 38.667vw;
+}
+
+.movie_list_1 .movie-list-item-bottom {
+  position: relative;
+  width: 44.667vw;
+  bottom: 5.6vw;
+}
+
+.movie_list_1 .movie-list-item:nth-child(odd) {
+  margin-right: 1.333vw;
+}
+
+.movie_list_1 .movie-list-item-bottom .movie-time-div {
+  background-color: rgba(0, 0, 0, 0.4);
+}
+
+.movie_list_1 .movie-list-item-bottom > div {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.movie_list_1 .movie-list-item-bottom .movie-time-div .van-count-down {
+  color: #fff;
+}
+
+.movie_list_1 .movie-time-div {
+  color: #fff;
+  border-radius: 0 0 1.333vw 1.333vw;
+  height: 4.667vw;
+}
+
+.movie_list_1 .movie_swiper .hot {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 0.667vw;
+}
+
+.movie_list_1 .movie-list-item .movie-time-div span:first-child {
+  overflow: hidden;
+  white-space: nowrap;
+  width: 24vw;
+  padding-left: 1.067vw;
+  font-size: 3.333vw;
+}
+
+.movie_list_1 .movie-list-item .movie-time-div span:last-child {
+  overflow: hidden;
+  white-space: nowrap;
+  width: 0;
+  padding-right: 14.667vw;
+  font-size: 2.933vw;
+}
+
+.movie_list_0 .movie-time-div span:first-child {
+  overflow: hidden;
+  white-space: nowrap;
+  width: 46.667vw;
+  padding-left: 1.333vw;
+  font-size: 3.333vw;
+}
+
+.hot-recommend-more {
+  width: 100%;
+  padding-bottom: 2.667vw;
+  text-align: center;
+  color: #c24491;
+  font-size: 4vw;
+}
+
+.hot-items-div {
+  padding: 1.6vw 0;
+}
+
+.hot-items-div .game_item_img {
+  width: 13.333vw;
+  height: 13.333vw;
+  margin-bottom: 2.133vw;
+}
+
+.hot-items-div .game_item_img .van-image__img {
+  border-radius: 2.667vw;
+}
+
+.van-pull-refresh__track .van-pull-refresh__head * {
+  color: #000;
+  font-size: 4.667vw;
+}
+
+.mask {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: #fff;
+  z-index: 999;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.luckDraw {
+  position: fixed;
+  bottom: 21.333vw;
+  right: 5.333vw;
+  width: 16vw;
+  height: 16vw;
+  border-radius: 50%;
+  z-index: 999;
+}
+
+.kefu {
+  position: fixed;
+  bottom: 40vw;
+  right: 8vw;
+  width: 10.667vw;
+  height: 10.667vw;
+  z-index: 999;
+}
+
+.van-popup__close-icon {
+  font-size: 6.667vw;
+}
+
+.pop_content-content {
+  font-size: 4vw;
+  color: #1c1e23;
+  padding: 4vw;
+  margin-top: 5.333vw;
+}
+
+.bd-info .info-model .model-item {
+  display: flex;
+  position: relative;
+  background-color: #8f65fe;
+  border-radius: 0.5rem;
+  margin: 0.625rem;
+  padding: 0.625rem;
+}
+
+.bd-info .info-model .model-item .item-pic {
+  position: relative;
+  width: 7.5rem;
+  overflow: hidden;
+  border-radius: 1.333vw;
+  margin-right: 0.625rem;
+}
+
+.bd-info .info-model .model-item .item-info {
+  flex: 1;
+  font-size: 0.75rem;
+}
+
+.bd-info .info-model .model-item .item-pic img {
+  width: 7.5rem;
+  height: 11.25rem;
+  border: 0;
+  vertical-align: middle;
+}
+
+.bd-info .info-model .model-item .item-info .name {
+  margin-bottom: 0.625rem;
+  margin-top: 0.3125rem;
+}
+
+.bd-info .info-model .model-item .item-info .tag {
+  margin-bottom: 0.3125rem;
+}
+
+.bd-info .info-model .model-item .item-info .tag span {
+  font-size: 0.75rem;
+  color: #fff;
+  display: inline-block;
+  margin-right: 0.3125rem;
+  margin-bottom: 0.3125rem;
+  background-color: #ea92cf;
+  padding: 0.1875rem 0.3125rem;
+  border-radius: 0.3125rem;
+}
+
+.bd-info .info-model .model-item .item-info .info {
+  margin-bottom: 0.3125rem;
+}
+
+.bd-info .info-model .model-item .item-info .remark {
+  line-height: 1.6;
+  margin-bottom: 0.75rem;
+  display: -webkit-box;
+  overflow: hidden;
+  white-space: normal !important;
+  text-overflow: ellipsis;
+  word-wrap: break-word;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+}
+
+.bd-info .info-model .model-item .item-info .call .van-button {
+  width: 100%;
+  height: 2.125rem;
+  border-radius: 6.1875rem !important;
+}
+
+.bd-info .info-model .model-item .item-info .remark span {
+  color: #ddd2fb;
+  font-size: 0.875rem;
+}
+
+.bd-info .info-model .model-item .item-info .name span {
+  display: inline-block;
+  color: #fff;
+  font-size: 0.875rem;
+}
+
+.bd-info .info-model .model-item .item-info .info span {
+  color: #ddd2fb;
+  font-size: 0.875rem;
+}
+
+.van-button--info,
+.van-button--primary {
+  border: none !important;
+  background: linear-gradient(90deg, #a082f0, #ea92cf) !important;
+  border-radius: 0.667vw !important;
+}
+
+.movie-list-n-item {
+  width: calc(50% - 1.467vw);
+  background-color: #fff;
+  border: 1px solid #fff;
+  color: #000;
+  margin: 2.667vw 0.667vw;
+  border-radius: 2.667vw;
+  padding: 1.333vw;
+}
+
+.movie-n-time-div {
+  margin-top: 2.667vw;
+}
+
+.movie-list-n-title {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  margin-bottom: 2.667vw;
+  font-weight: 700;
+}
+
+.movie-list-n-img {
+  width: 44vw;
+  height: 44vw;
+  position: relative;
+}
+
+.movie-list-n-lab {
+  display: inline;
+  position: absolute;
+  top: 2vw;
+  left: 2vw;
+  padding: 0.2em 0.6em 0.3em;
+  font-size: 75%;
+  font-weight: 700;
+  line-height: 1;
+  color: #fff;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: baseline;
+  border-radius: 0.25em;
+  background-color: #f905e5;
+  width: 42vw;
+  overflow: hidden;
+}
+
+.movie-list-ico-loves {
+  display: inline-block;
+  width: 5.333vw;
+}
+
+.movie-list-notice {
+  display: flex;
+  align-items: center;
+  margin-top: 1.333vw;
+}
+
+.movie-list-ico-notice {
+  width: 4vw;
+  display: inline-block;
+  margin-right: 1.333vw;
+}
+
+.movie-list-addr {
+  display: flex;
+  align-items: center;
+  margin-top: 1.333vw;
+}
+
+.movie-list-ico-addr {
+  width: 4vw;
+  display: inline-block;
+  margin-right: 1.333vw;
+}
+
+.movie-list-money {
+  display: flex;
+  align-items: center;
+  margin-top: 1.333vw;
+}
+
+.movie-list-ico-money {
+  width: 4vw;
+  display: inline-block;
+  margin-right: 1.333vw;
+}
+
+.page {
+  position: absolute !important;
+  top: 0;
+  left: 0;
+  right: 0;
+  background-color: #f2f2f5;
+}
+
+.mine {
+  position: relative;
+  bottom: 1.333vw;
+  background: #f2f2f5;
+}
+
+.mine .wrapper {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+  padding-bottom: 24vw;
+}
+
+.mine .header,
+.nav-bar {
+  background: linear-gradient(90deg, #775fd9, #c24491);
+}
+
+.mine .header {
+  padding-bottom: 13.333vw;
+}
+
+.van-nav-bar__content {
+  height: 13.333vw;
+}
+
+.van-hairline--bottom:after {
+  border-bottom-width: 0;
+}
+
+.mine .header .van-nav-bar .van-icon {
+  font-size: 6vw;
+}
+
+.mine .header .user-wrapper {
+  display: flex;
+  align-items: center;
+  margin: 0 5.333vw 0 5.333vw;
+}
+
+.mine .user_img {
+  height: 17.333vw;
+  width: 17.333vw;
+}
+
+.van-loading__spinner {
+  height: 6.667vw;
+  width: 6.667vw;
+}
+
+.van-image__error-icon {
+  font-size: 9.333vw;
+}
+
+.mine .header .user-wrapper .login-content {
+  flex: 1;
+  margin-left: 4vw;
+}
+
+.mine .header .user-wrapper .login-content .login-btn {
+  display: inline-block;
+  font-size: 5.333vw;
+  line-height: 0;
+  color: #fff;
+  display: flex;
+  align-items: center;
+}
+
+.mine .header .user-wrapper .login-content .login-label {
+  width: 60%;
+  font-size: 3.733vw;
+  color: hsla(0, 0%, 100%, 0.6);
+}
+
+.mine .page-bg {
+  height: 66.667vw;
+  background: linear-gradient(90deg, #775fd9, #c24491);
+  z-index: 0;
+  background-size: cover;
+}
+
+.mine .content {
+  position: relative;
+  padding: 1.333vw 4vw 4vw;
+  min-height: 66.667vw;
+  background-color: #f2f2f5;
+}
+
+.van-pull-refresh__track .van-pull-refresh__head * {
+  color: #fff;
+  font-size: 4.667vw;
+}
+
+.mine .wrapper .content .finance {
+  position: absolute;
+  display: flex;
+  align-items: center;
+  top: -7.333vw;
+  left: 4vw;
+  right: 4vw;
+  height: 16vw;
+  background-color: #fff;
+  border-radius: 2vw;
+  box-shadow: 0 0.2vw 1px 0 #e4e4e7;
+}
+
+.mine .wrapper .content .finance .line {
+  width: 0.4vw;
+  height: 5.333vw;
+  background-color: #ccc;
+}
+
+.mine .wrapper .content .finance .finance-item {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+}
+
+.mine .wrapper .content .finance .finance-item .text {
+  margin-left: 4vw;
+  font-size: 4vw;
+  color: #000;
+  font-weight: 500;
+}
+
+.mine .wrapper .content .finance .finance-item .icon {
+  font-size: 6.667vw;
+}
+
+.mine .wrapper .content .menu {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  background-color: #fff;
+  border-radius: 2vw;
+  box-shadow: 0 0.2vw 1px 0 #e4e4e7;
+}
+
+.mine .wrapper .content .menu .menu-item {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  width: 50%;
+  height: 17.333vw;
+}
+
+.mine .wrapper .content .menu .menu-item .menu-item-label {
+  font-size: 3.467vw;
+  color: #868686;
+  font-weight: 500;
+}
+
+.mine .wrapper .content .menu .menu-item .menu-item-icon {
+  margin: 3.333vw;
+  width: 8vw;
+  height: 8vw;
+  -o-object-fit: contain;
+  object-fit: contain;
+}
+
+.mine .wrapper .content .wallet {
+  margin-top: 10.667vw;
+  padding: 0 4vw;
+  background-color: #fff;
+  border-radius: 2vw;
+  box-shadow: 0 0.2vw 1px 0 #e4e4e7;
+}
+
+.mine .wrapper .content .wallet .part-1 {
+  display: flex;
+  align-items: center;
+  height: 13.333vw;
+}
+
+.mine .wrapper .content .wallet .font-primary-color {
+  color: #000;
+}
+
+.font-gray {
+  color: #868686;
+}
+
+.mine .wrapper .content .wallet .part-2 {
+  display: flex;
+  align-items: center;
+  height: 20vw;
+}
+
+.mine .wrapper .content .wallet .part-2 .balance {
+  flex: 1;
+  font-size: 8vw;
+  color: #775fd9;
+  font-weight: 700;
+}
+
+.mine .wrapper .content .wallet .van-hairline--bottom:after {
+  border-bottom-width: 0.4vw;
+}
+
+.mine .wrapper .content .wallet .part-2 .refresh-btn {
+  margin-left: 4vw;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 6.667vw;
+  height: 6.667vw;
+  font-size: 4vw;
+  border-radius: 50%;
+  color: #fff;
+  background-color: #c24491;
+}
+
+.login-vip {
+  width: 18.933vw;
+  height: 6vw;
+  margin-left: 0;
+  margin-bottom: -1.6vw;
+}
+
+/* .page {
+  position: absolute !important;
+  top: 0;
+  left: 0;
+  right: 0;
+  background-color: #f2f2f5;
+} */
+
+.nav-bar {
+  background: linear-gradient(90deg, #775fd9, #c24491);
+  height: 13.333vw;
+}
+
+.van-nav-bar {
+  line-height: 6.667vw;
+}
+
+.van-nav-bar__title {
+  max-width: 60%;
+  margin: 0 auto;
+  color: #fff;
+  font-size: 4.667vw;
+}
+
+.van-nav-bar__content {
+  height: 13.333vw;
+}
+
+.van-sidebar {
+  width: 24vw;
+}
+
+.convention-hall {
+  display: flex;
+  flex-direction: column;
+  bottom: 2.667vw;
+  background: #f2f2f5;
+}
+
+.van-tab {
+  font-size: 4vw;
+  line-height: 13.333vw;
+  font-weight: 700;
+}
+
+.van-tabs__line {
+  background-color: #775fd9;
+  width: 100px;
+}
+
+.van-tabs--line .van-tabs__wrap {
+  height: 13.333vw;
+}
+
+.van-tabs__wrap--scrollable .van-tab {
+  padding: 0 3.067vw;
+}
+
+.card {
+  background-color: #8a637d;
+  padding: 0.625rem;
+  width: 95%;
+  color: #fff;
+  font-size: 0.8125rem;
+  margin: 0.625rem auto;
+  border-radius: 0.375rem;
+}
+
+.van-row--flex {
+  height: 10.667vw;
+  line-height: 10.667vw;
+}
+
+.van-cell {
+  padding: 4vw 2.933vw;
+  font-size: 4vw;
+  line-height: 4vw;
+}
+
+.rig-box {
+  width: 95%;
+  margin: 0.625rem auto;
+}
+
+.rig-title {
+  color: #0bdab0;
+  font-size: 1.125rem;
+}
+
+.rig-content {
+  font-size: 2.667vw;
+}
+
+.address {
+  width: 94%;
+  margin: 0 auto;
+}
+
+.right {
+  margin-top: 1.333vw;
+}
+
+.van-grid-item__content--center {
+  border-radius: 2vw;
+  padding: 0;
+  height: auto;
+}
+
+/* .van-image__img {
+  border-radius: 1.333vw;
+  padding: 2vw;
+} */
+
+.rig-name {
+  width: 100%;
+  height: 8vw;
+  line-height: 8vw;
+  margin-top: 1.333vw;
+  background-color: #f7f7f7;
+  border-radius: 0 0 2vw 2vw;
+  font-size: 2vw;
+  padding-left: 1.333vw;
+}
+
+.container {
+  display: inline-block;
+}
+
+.box {
+  width: 95%;
+  margin: 0 auto;
+  text-align: center;
+  padding-bottom: 6.25rem;
+}
+
+.name {
+  font-size: 1.125rem;
+}
+
+.title {
+  font-size: 0.625rem;
+}
+
+.button {
+  width: 10rem;
+  height: 2.5rem;
+  font-size: 0.9375rem;
+  margin-top: 0.625rem;
+}
+
+/* .page {
+  position: absolute !important;
+  top: 0;
+  left: 0;
+  right: 0;
+  background-color: #f2f2f5;
+} */
+
+.nav-bar {
+  background: linear-gradient(90deg, #775fd9, #c24491);
+  height: 13.333vw;
+}
+
+.van-nav-bar {
+  line-height: 6.667vw;
+}
+
+.van-nav-bar__title {
+  max-width: 60%;
+  margin: 0 auto;
+  color: #fff;
+  font-size: 4.667vw;
+}
+
+.van-nav-bar__content {
+  height: 13.333vw;
+}
+
+.movie-hall {
+  display: flex;
+  flex-direction: column;
+  bottom: 13.333vw;
+  background: #f2f2f5;
+}
+
+/* .van-tabs__nav {
+  background: linear-gradient(90deg, #775fd9, #c24491);
+} */
+
+/* .van-tab {
+  color: #fff;
+  font-size: 4vw;
+} */
+/* 
+.van-tabs__line {
+  bottom: 2vw;
+  width: 7.333vw;
+  height: 0.933vw;
+  border-radius: 0;
+  background-color: #fff;
+} */
+
+.van-tabs--line .van-tabs__wrap {
+  height: 13.333vw;
+}
+
+.van-tabs__wrap--scrollable .van-tab {
+  padding: 0 3.067vw;
+}
+
+.van-hairline--bottom:after {
+  border-bottom-width: 0;
+}
+
+.video_swiper {
+  width: 100%;
+  flex: 1;
+}
+
+.video_swiper .swiper-slide {
+  flex-shrink: 0;
+  flex-grow: 0;
+  flex-basis: 100%;
+  justify-content: center;
+  height: 100%;
+  position: relative;
+  transition-property: transform;
+}
+
+.movie-list-tab {
+  overflow: auto;
+  height: 100%;
+}
+
+.van-pull-refresh__track .van-pull-refresh__head * {
+  color: #000;
+  font-size: 4.667vw;
+}
+
+.movie-list-tab .hot-recommend-div {
+  height: 100%;
+}
+
+.list-item,
+.movie-list-tab .hot-recommend-div {
+  margin: 1.333vw auto;
+  display: flex;
+  align-items: flex-start;
+  justify-content: flex-start;
+  flex-wrap: wrap;
+}
+
+.list-item {
+  width: calc(100% - 6.667vw);
+}
+
+.list-item .movie-list-item:nth-child(odd) {
+  margin-right: 2.667vw;
+}
+
+.movie-list-item .cover_img {
+  border-radius: 2.667vw;
+  width: 44.667vw;
+  height: 38.667vw;
+}
+
+.movie-list-item {
+  margin-bottom: -1.333vw;
+}
+
+.list-item .movie-list-item-bottom {
+  position: relative;
+  width: 44.667vw;
+  bottom: 5.6vw;
+}
+
+.list-item .movie-list-item-bottom .movie-time-div {
+  background-color: rgba(0, 0, 0, 0.4);
+}
+
+.list-item .movie-list-item-bottom > div {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.list-item .movie-list-item-bottom .movie-time-div .van-count-down {
+  color: #fff;
+}
+
+.list-item .movie-list-item .movie-time-div span:first-child {
+  overflow: hidden;
+  white-space: nowrap;
+  width: 24vw;
+  padding-left: 1.067vw;
+  font-size: 3.333vw;
+}
+
+.list-item .movie-time-div {
+  color: #fff;
+  border-radius: 0 0 2.667vw 2.667vw;
+  height: 4.667vw;
+}
+
+/* .page {
+  position: absolute !important;
+  top: 0;
+  left: 0;
+  right: 0;
+  background-color: #f2f2f5;
+} */
+
+.nav-bar {
+  background: linear-gradient(90deg, #775fd9, #c24491);
+  height: 13.333vw;
+}
+
+.van-nav-bar {
+  line-height: 6.667vw;
+}
+
+.van-nav-bar__title {
+  max-width: 60%;
+  margin: 0 auto;
+  color: #fff;
+  font-size: 4.667vw;
+}
+
+.van-nav-bar__content {
+  height: 13.333vw;
+}
+
+.van-sidebar {
+  width: 24vw;
+}
+
+.van-sidebar-item--select:before {
+  left: 1.333vw;
+  height: 44%;
+  background-color: #775fd9;
+  border-radius: 0.667vw;
+  width: 1.333vw;
+}
+
+.van-sidebar-item--select {
+  color: #775fd9;
+  font-size: 4.667vw;
+  text-align: center;
+}
+
+.van-sidebar-item__text {
+  width: 18.667vw;
+  margin-left: -3.333vw;
+}
+
+.van-sidebar-item {
+  font-size: 4vw;
+  text-align: center;
+  padding: 6.667vw;
+  color: #c24491;
+  background-color: #fff;
+}
+
+.van-sidebar-item--select,
+.van-sidebar-item--select :active {
+  background-color: #f2f2f5;
+  color: #775fd9;
+}
+
+.convention-item {
+  display: flex;
+  align-items: center;
+  height: calc(100% - 2vw);
+}
+
+.convention-hall {
+  display: flex;
+  flex-direction: column;
+  bottom: 2.667vw;
+  background: #f2f2f5;
+}
+
+.convention-item .left {
+  height: 100%;
+  background-color: #fff;
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+.convention-item .right {
+  height: 100%;
+  flex: 1;
+  background-color: #f2f2f5;
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+.convention-item .right .list-wrapper {
+  padding: 2.667vw 2.667vw;
+  min-height: 106.667vw;
+}
+
+.convention-item .right .list-wrapper .game_item_img {
+  width: 26.667vw;
+  height: 26.667vw;
+}
+
+.convention-item .right .list-wrapper span {
+  margin-top: 1.333vw;
+  font-size: 4vw;
+  color: #c24491;
+}
+
+.convention-item .right .list-wrapper span:last-child {
+  margin-top: 1.333vw;
+  font-size: 3.2vw;
+  color: #c24491;
+}
+
+.van-grid-item {
+  padding: 1.333vw;
+}
+
+.van-grid-item__content--center {
+  border-radius: 2vw;
+}
+
+/* .van-image__img {
+  border-radius: 5.333vw;
+} */
+
+.van-pull-refresh__track .van-pull-refresh__head * {
+  color: #000;
+  font-size: 4.667vw;
+}
+
+.page {
+  position: absolute !important;
+  top: 0;
+  left: 0;
+  right: 0;
+  -webkit-overflow-scrolling: touch;
+  background-color: #f2f2f5;
+}
+
+.nav-bar {
+  background: linear-gradient(90deg, #775fd9, #c24491);
+}
+
+.nav-bar,
+.van-nav-bar__content {
+  height: 13.333vw;
+}
+
+.van-nav-bar__title {
+  max-width: 60%;
+  margin: 0 auto;
+  color: #fff;
+  font-size: 4.667vw;
+}
+
+.van-nav-bar {
+  line-height: 6.667vw;
+}
+
+.van-nav-bar .van-icon {
+  font-size: 6vw;
+}
+
+.van-hairline--bottom:after {
+  border-bottom-width: 0;
+}
+
+.bg-container {
+  position: relative;
+  bottom: 0;
+  background: linear-gradient(-45deg, #fa0000, #f039b2);
+  z-index: 2;
+}
+
+.bg-container .bg-img {
+  width: 100%;
+  height: 100%;
+  -o-object-fit: cover;
+  object-fit: cover;
+}
+
+.bg-container .bg-wrapper {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: linear-gradient(hsla(0, 0%, 100%, 0), #775fd9);
+}
+
+.container {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  z-index: 2;
+}
+
+.flex-1 {
+  flex: 1;
+}
+
+.font-28 {
+  font-size: 3.733vw;
+}
+
+.nav-right {
+  font-size: 4vw;
+  color: #fff;
+}
+
+.van-empty__image {
+  width: 40vw;
+  height: 40vw;
+}
+
+.van-empty__description {
+  font-size: 4vw;
+}
+
+.login {
+  height: 100%;
+}
+
+.bg-container .bg-wrapper .login .nav-bar {
+  background: 0 0;
+}
+
+.language {
+  position: absolute;
+  top: 0.533vw;
+  right: 0;
+  height: 10.667vw;
+}
+
+.language img {
+  height: 100%;
+}
+
+.login .wrapper {
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+.logo-container {
+  margin: 0 auto;
+  width: 45%;
+}
+
+.logo-container .logo-wrapper {
+  position: relative;
+  padding-bottom: 62.5%;
+}
+
+.logo-container .logo-wrapper .logo-img {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  -o-object-fit: contain;
+  object-fit: contain;
+  opacity: 0.8;
+}
+
+.login .wrapper .title {
+  line-height: 13.333vw;
+  text-align: center;
+  font-size: 8vw;
+  font-weight: 700;
+  color: #fff;
+  letter-spacing: 0.667vw;
+}
+
+.login .wrapper .loginForm {
+  padding: 8vw;
+}
+
+.login .wrapper .loginForm .input {
+  padding: 1.333vw 2.667vw;
+  margin-top: 5.333vw;
+  border-radius: 6.667vw;
+  text-align: center;
+  line-height: 10.667vw;
+  font-size: 4vw;
+  color: #4e4e4e;
+}
+
+.van-field__right-icon .van-icon,
+.van-icon {
+  font-size: 6.667vw;
+}
+
+.login .wrapper .loginForm .reset-text {
+  margin: 4vw 2vw;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+}
+
+.login .wrapper .loginForm .reset-text span {
+  color: #fff;
+  font-size: 3.333vw;
+  font-weight: 500;
+  line-height: 2vw;
+}
+
+.login .wrapper .loginForm .register-text {
+  margin: 1.333vw 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.login .wrapper .loginForm .register-text span {
+  color: #fff;
+  font-size: 3.333vw;
+  font-weight: 500;
+  line-height: 2.667vw;
+}
+
+.login .wrapper .loginForm .login-btn {
+  margin-top: 11.333vw;
+  width: 100%;
+  height: 13.333vw;
+  border-radius: 6.667vw;
+  color: #fff;
+  background-color: #775fd9;
+  font-size: 4vw;
+  font-weight: bolder;
+  border: none;
+}
+
+.register {
+  height: 100%;
+}
+
+.bg-container .bg-wrapper .register .nav-bar {
+  background: 0 0;
+}
+
+.register .wrapper {
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+.logo-container {
+  margin: 0 auto;
+  width: 45%;
+}
+
+.logo-container .logo-wrapper {
+  position: relative;
+  padding-bottom: 62.5%;
+}
+
+.logo-container .logo-wrapper .logo-img {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  -o-object-fit: contain;
+  object-fit: contain;
+  opacity: 0.8;
+}
+
+.register .wrapper .title {
+  line-height: 13.333vw;
+  text-align: center;
+  font-size: 6vw;
+  font-weight: 700;
+  color: #fff;
+  letter-spacing: 0.667vw;
+}
+
+.register .wrapper .loginForm {
+  padding: 8vw;
+}
+
+.register .wrapper .loginForm .input {
+  padding: 1.333vw 2.667vw;
+  margin-top: 4.667vw;
+  border-radius: 6.667vw;
+  text-align: center;
+  line-height: 9.333vw;
+  font-size: 4vw;
+  color: #4e4e4e;
+}
+
+.van-field__right-icon .van-icon,
+.van-icon {
+  font-size: 6.667vw;
+}
+
+.register .wrapper .loginForm .reset-text {
+  margin: 4vw 2vw;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+}
+
+.register .wrapper .loginForm .reset-text span {
+  color: #fff;
+  font-size: 3.333vw;
+  font-weight: 500;
+  line-height: 2vw;
+}
+
+.register .wrapper .loginForm .register-text {
+  margin: 1.333vw 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.register .wrapper .loginForm .register-text span {
+  color: #fff;
+  font-size: 3.333vw;
+  font-weight: 500;
+  line-height: 2.667vw;
+}
+
+.register .wrapper .loginForm .login-btn {
+  margin-top: 4vw;
+  width: 100%;
+  height: 13.333vw;
+  border-radius: 6.667vw;
+  color: #fff;
+  background-color: #775fd9;
+  font-size: 4vw;
+  font-weight: bolder;
+  border: none;
+}
+
+.register .wrapper .loginForm .agreement {
+  margin-top: 4vw;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.register .wrapper .loginForm .agreement .agreement-text {
+  margin-left: 1.333vw;
+  font-size: 3.333vw;
+  color: #fff;
+  font-weight: 500;
+  line-height: 4vw;
+}
+
+.agreement .van-icon {
+  font-size: 4vw;
+}
+
+.agreement .van-checkbox__icon {
+  font-size: 5.067vw;
+}
+
+.agreement .van-checkbox__icon--checked .van-icon {
+  color: #fff;
+  border-color: #7e5678;
+  background-color: #7e5678;
+}
+
+.servicelistItem {
+  display: flex;
+  flex-direction: column;
+  height: 26.667vw;
+  padding: 4vw 4vw;
+  margin: 4vw 2.667vw;
+  border-radius: 2.667vw;
+  justify-content: space-between;
+  background: #fff;
+}
+
+.servicelistItem .servicelistItemTop {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  height: 13.333vw;
+}
+
+.servicelistItem .servicelistItemTop .servicelistItemImage {
+  width: 10.667vw;
+  height: 10.667vw;
+  border-radius: 50%;
+}
+
+.servicelistItem .servicelistItemTop .servicelistItemText {
+  margin-left: 6.667vw;
+  font-size: 5.733vw;
+  font-weight: 700;
+  color: #000;
+  flex: 1;
+}
+
+.servicelistItem .servicelistItemTop .servicelistItemBtn {
+  display: flex;
+  width: 20vw;
+  height: 7.333vw;
+  border-radius: 4vw;
+  align-items: center;
+  justify-content: center;
+  background: linear-gradient(270deg, #c24491, #775fd9);
+}
+
+.servicelistItem
+  .servicelistItemTop
+  .servicelistItemBtn
+  .servicelistItemBtnText {
+  color: #fff;
+  font-size: 3.333vw;
+}
+
+.servicelistItem .servicelistItemBottom {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 6.667vw;
+  background: #f2f2f5;
+  border-radius: 1.333vw;
+  color: #979799;
+}
+
+.servicelistItem .servicelistItemBottom .servicelistItemInfoText {
+  font-size: 4vw;
+}
+
+.container .items {
+  background-color: #fff;
+  font-size: 4vw;
+  color: #000;
+  padding: 0 3.333vw;
+}
+
+.container .items .item {
+  padding: 4vw 0;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  border-bottom-width: 1.333vw;
+}
+
+.container .items .van-hairline--bottom:after {
+  border-bottom-width: 0.4vw;
+}
+
+.container .sign-out {
+  margin: 66.667vw 2.667vw 0;
+  height: 13.333vw;
+  line-height: 13.333vw;
+  border-radius: 6.667vw;
+  color: #fff;
+  font-size: 5.333vw;
+  font-weight: bolder;
+  border: none;
+  background: linear-gradient(270deg, #c24491, #775fd9);
+}
+
+.container .item .desc {
+  font-size: 4vw;
+  font-weight: 700;
+  color: #979799;
+}
+
+.container .item .right {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+
+.container .main-content {
+  padding: 0 2.667vw;
+  background-color: #fff;
+}
+
+.container .main-content .item {
+  padding: 4vw 0;
+  justify-content: space-between;
+  font-size: 4vw;
+}
+
+.container .main-content .item .right,
+.container .main-content .item {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+
+.container .main-content .item .right img {
+  width: 12vw;
+}
+
+.container .main-content .van-hairline--bottom:after {
+  border-bottom-width: 0.4vw;
+}
+
+.container .main-content .item .right .desc-cell-number,
+.container .main-content .item .right .desc {
+  font-size: 4vw;
+  font-weight: 700;
+  color: #979799;
+}
+
+.avatarbox {
+  padding: 2vw;
+  color: #000;
+  height: 81%;
+  background-color: #fff;
+}
+
+.avatarbox .title {
+  padding: 1.067vw 1.333vw 2.667vw;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  font-size: 3.733vw;
+}
+
+.avatarbox .content .van-image {
+  width: 14vw;
+  height: 14vw;
+  margin: 2.5%;
+  border-radius: 50%;
+}
+
+.avatarbox .content {
+  padding-bottom: 1.333vw;
+  height: 100%;
+  overflow-y: auto;
+  padding-top: 2.667vw;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: center;
+  align-items: center;
+}
+
+.avatarbox .content .choose {
+  width: 12.667vw;
+  height: 12.667vw;
+  border: 0.8vw solid #c24491;
+}
+
+.upAvatar {
+  width: 96vw;
+  background: linear-gradient(90deg, #775fd9, #c24491);
+  height: 10.667vw;
+  line-height: 10.667vw;
+  text-align: center;
+  margin: auto;
+  color: #fff;
+  border-radius: 2.667vw;
+}
+
+.van-cell {
+  font-size: 4.667vw;
+  line-height: 10.667vw;
+}
+
+.container p {
+  padding: 0 2vw;
+  margin-top: 2vw;
+  font-size: 4vw;
+  color: #dc2037;
+}
+
+.container .items {
+  background-color: #fff;
+  font-size: 4vw;
+  color: #000;
+  padding: 0 3.333vw;
+}
+
+/* .container .items .item {
+  padding: 1.333vw 0;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  border-bottom-width: 1.333vw;
+} */
+
+.container .items .van-hairline--bottom:after {
+  border-bottom-width: 0.4vw;
+}
+
+.container .sign-out {
+  margin: 66.667vw 2.667vw 0;
+  height: 13.333vw;
+  line-height: 13.333vw;
+  border-radius: 6.667vw;
+  color: #fff;
+  font-size: 5.333vw;
+  font-weight: bolder;
+  border: none;
+  background: linear-gradient(270deg, #c24491, #775fd9);
+}
+
+.container .item .desc {
+  font-size: 4vw;
+  font-weight: 700;
+  color: #979799;
+}
+
+.container .item .right {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+
+.flex_center {
+  display: flex;
+  align-items: center;
+}
+
+.flex_center img {
+  width: 8vw;
+  height: 8vw;
+  margin-right: 2.667vw;
+}
+
+.info {
+  padding: 2.667vw;
+}
+
+.container .sex {
+  background-color: #fff;
+  padding: 0 5.333vw;
+}
+
+.container .sex .item {
+  font-size: 4.667vw;
+  line-height: 6.667vw;
+  padding: 4vw 0;
+}
+
+.van-radio__label {
+  line-height: 6.667vw;
+  margin-left: 4vw;
+}
+
+.van-radio__icon {
+  font-size: 4vw;
+}
+
+.van-radio__icon--checked .van-icon {
+  color: #fff;
+  border-color: #7e5678;
+  background-color: #7e5678;
+}
+
+.container .van-hairline--bottom:after {
+  border-bottom-width: 0.4vw;
+}
+
+.container .header {
+  background: linear-gradient(270deg, #c24491, #775fd9);
+}
+
+.recharge {
+  padding: 1.333vw 4vw;
+}
+
+.van-cell {
+  line-height: 8.667vw !important;
+}
+
+.van-button {
+  height: 11.6vw !important;
+}
+
+.van-button__text {
+  color: #fff !important;
+}
+
+.van-radio__icon {
+  font-size: 4vw !important;
+}
+
+.van-radio__label {
+  margin-left: 3.333vw !important;
+  font-size: 4.667vw !important;
+}
+
+.van-radio {
+  height: 8.667vw !important;
+}
+
+.form-item {
+  margin-top: 5.333vw;
+}
+
+.form-item-title {
+  font-size: 4.8vw;
+  font-weight: 700;
+  color: #999;
+  margin-bottom: 2.667vw;
+}
+
+.recharge span {
+  font-size: 4vw;
+  color: #868686;
+  font-weight: 500;
+}
+
+.container .header .info {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  padding-bottom: 2.667vw;
+  padding-top: 1.333vw;
+  margin: auto;
+}
+
+.container .header .info .title {
+  font-size: 3.333vw;
+  color: #e5e5e5;
+}
+
+.container .header .info .value {
+  margin: 1.333vw auto;
+  color: #fff;
+  font-size: 6.667vw;
+  border-bottom: 1px solid #fff;
+}
+
+.container .header .info .tip {
+  font-size: 4vw;
+  color: #e5e5e5;
+}
+
+.container .content {
+  flex: 1;
+  background: #f2f2f5;
+}
+
+.subBtn {
+  background: #775fd9;
+}
+
+.container .wrapper {
+  height: 100%;
+  background-color: #fff;
+}
+
+.container .wrapper .item .title {
+  margin: 5.333vw 0;
+  line-height: 2.667vw;
+  font-size: 4vw;
+  font-weight: 500;
+  color: #000;
+  text-align: center;
+}
+
+.van-password-input {
+  width: 80%;
+  height: 20vw;
+  margin: 0 auto;
+}
+
+.van-password-input__security li {
+  font-size: 4vw;
+  line-height: 30;
+  background-color: #ebedf0;
+}
+
+.van-password-input__security {
+  height: 11.2vw;
+}
+
+.van-password-input .van-password-input__security .van-password-input__item {
+  height: 100%;
+  border: 0;
+  text-align: center;
+  border-radius: 4vw;
+}
+
+.van-password-input__security i {
+  width: 3.333vw;
+  height: 3.333vw;
+}
+
+.van-key {
+  height: 13.333vw;
+  font-size: 7.333vw;
+  line-height: 2.667vw;
+  border-radius: 2.667vw;
+}
+
+.van-number-keyboard {
+  z-index: 100;
+  width: 100%;
+  padding-bottom: 4vw;
+  background-color: #f2f3f5;
+}
+
+.van-key__collapse-icon,
+.van-key__delete-icon {
+  width: 6.667vw;
+  height: 6.667vw;
+}
+
+.container .wrapper .sub-btn {
+  margin: 14.667vw 0 0 10%;
+  height: 13.333vw;
+  width: 80%;
+  font-size: 4.667vw;
+  border-radius: 6.667vw;
+  color: #fff;
+  background: linear-gradient(270deg, #c24491, #775fd9);
+}
+
+.container .wrapper {
+  height: 100%;
+  background-color: #fff;
+}
+
+.container .wrapper .item .title {
+  margin: 5.333vw 0;
+  line-height: 2.667vw;
+  font-size: 4vw;
+  font-weight: 500;
+  color: #000;
+  text-align: center;
+}
+
+.van-password-input {
+  width: 80%;
+  height: 20vw;
+  margin: 0 auto;
+}
+
+.van-password-input__security li {
+  font-size: 4vw;
+  line-height: 30;
+  background-color: #ebedf0;
+}
+
+.van-password-input__security {
+  height: 11.2vw;
+}
+
+.van-password-input .van-password-input__security .van-password-input__item {
+  height: 100%;
+  border: 0;
+  text-align: center;
+  border-radius: 4vw;
+}
+
+.van-password-input__security i {
+  width: 3.333vw;
+  height: 3.333vw;
+}
+
+.van-key {
+  height: 13.333vw;
+  font-size: 7.333vw;
+  line-height: 2.667vw;
+  border-radius: 2.667vw;
+}
+
+.van-number-keyboard {
+  z-index: 100;
+  width: 100%;
+  padding-bottom: 4vw;
+  background-color: #f2f3f5;
+}
+
+.van-key__collapse-icon,
+.van-key__delete-icon {
+  width: 6.667vw;
+  height: 6.667vw;
+}
+
+.container .wrapper .sub-btn {
+  margin: 14.667vw 0 0 10%;
+  height: 13.333vw;
+  width: 80%;
+  font-size: 4.667vw;
+  border-radius: 6.667vw;
+  color: #fff;
+  background: linear-gradient(270deg, #c24491, #775fd9);
+}
+
+.van-cell {
+  font-size: 4.667vw;
+  line-height: 10.667vw;
+  display: block;
+}
+
+.van-field__label {
+  width: 100%;
+}
+
+.van-cell {
+  font-size: 4.667vw;
+  line-height: 10.667vw;
+}
+
+.sub-btn {
+  margin: 14.667vw 0 0 10%;
+  height: 13.333vw;
+  width: 80%;
+  font-size: 4.667vw;
+  border-radius: 6.667vw;
+  color: #fff;
+  background: linear-gradient(270deg, #c24491, #775fd9);
+}
+
+.nav-bar .right {
+  padding-left: 1.067vw;
+  padding-right: 1.067vw;
+  color: #fff;
+  font-size: 3.733vw;
+  border-radius: 1.333vw;
+  border: 0.267vw solid #fff;
+  line-height: 8vw;
+}
+
+.record {
+  padding-left: 2.667vw;
+  padding-right: 2.667vw;
+  background-color: #fff;
+  box-shadow: 0 0.267vw 0.267vw 0 #cacaca;
+  z-index: 1;
+}
+
+.record .period {
+  display: flex;
+  align-items: center;
+  padding: 2.667vw 0;
+}
+
+.record .period .cover {
+  width: 8vw;
+  height: 8vw;
+  -o-object-fit: cover;
+  object-fit: cover;
+}
+
+.record .period .period-number {
+  flex: 1;
+  margin-left: 2.667vw;
+  margin-right: 1.333vw;
+  height: 6.667vw;
+  line-height: 6.667vw;
+  font-size: 4.667vw;
+  font-weight: 700;
+  color: #000;
+}
+
+.van-count-down {
+  color: #ff253f;
+  font-size: 6vw;
+  margin-top: 1.333vw;
+  float: right;
+}
+
+.record .recent {
+  display: flex;
+  align-items: center;
+  height: 14.667vw;
+}
+
+.kuaisan-ball .left {
+  justify-content: flex-start;
+}
+
+.kuaisan-ball {
+  flex: 1;
+}
+
+.kuaisan-ball .res-img {
+  width: 9.333vw;
+  height: 9.333vw;
+  margin-right: 4vw;
+}
+
+.kuaisan-ball .res-des {
+  font-weight: 700;
+  text-align: center;
+  color: #000;
+}
+
+.kuaisan-ball .res-des.middle {
+  /* width: 15%; */
+  font-size: 2.667vw;
+  margin-right: 0.667vw;
+}
+
+.van-icon {
+  font-size: 5.333vw;
+}
+
+.down {
+  transition: all 0.5s;
+}
+
+.up {
+  transform: rotate(180deg);
+  transition: all 0.5s;
+}
+
+.wrapper {
+  position: relative;
+  flex: 1;
+  overflow: hidden;
+}
+
+.options-bar {
+  display: flex;
+  align-items: center;
+  height: calc(100% - 10.667vw);
+}
+
+.options-bar .game {
+  flex: 1;
+  height: 100%;
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+.options-bar .game .tips {
+  display: flex;
+  align-items: center;
+  height: 13.333vw;
+  padding: 0 2.667vw;
+}
+
+.options-bar .game .tips .odds {
+  flex: 1;
+  font-size: 4.667vw;
+  font-weight: 500;
+  color: #ff253f;
+}
+
+.options-bar .game .tips .play-tip {
+  display: flex;
+  align-items: center;
+  height: 100%;
+}
+
+.van-icon-more-o {
+  color: #ff253f;
+  font-size: 6.667vw;
+}
+
+.options-bar .game .tips .play-tip .span-text {
+  margin-left: 1.333vw;
+  font-size: 4.667vw;
+  font-weight: bolder;
+  color: #ff253f;
+}
+
+/* .linear-gradient {
+  width: 100%;
+  height: 0.267vw;
+} */
+
+.sumValueTwoSides {
+  display: flex;
+  padding: 4vw 0;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-start;
+  flex-wrap: wrap;
+}
+
+.rectangle {
+  overflow: hidden;
+}
+
+.rectangle.large {
+  margin: 0 0 4vw 4%;
+  width: 20%;
+  border-radius: 1.333vw;
+}
+
+.rectangle .wrapper {
+  position: relative;
+  padding: 0 1.333vw;
+  background: #fff;
+}
+
+.rectangle .wrapper .content {
+  position: absolute;
+  display: flex;
+  top: 0;
+  left: 0;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+}
+
+.rectangle.large .wrapper {
+  padding-bottom: 100%;
+}
+
+.rectangle .wrapper .content .name-text.large {
+  font-size: 2.667vw;
+}
+
+.rectangle .wrapper .content .name-text {
+  color: #7d7c7c;
+  font-weight: bolder;
+}
+
+.rectangle .wrapper .content .odd-text.large {
+  font-size: 3.333vw;
+  margin-top: -4vw;
+}
+
+.rectangle .wrapper .content .odd-text {
+  text-align: center;
+  color: #ff253f;
+}
+
+.bottom-bar {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  height: 13.333vw;
+  z-index: 2;
+}
+
+.bottom-bar .bar {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 13.333vw;
+  background-color: #fff;
+  box-shadow: 0 0 2.667vw 0 #cacaca;
+  z-index: 2;
+}
+
+.bottom-bar .bar .left,
+.bottom-bar .bar {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+
+.bottom-bar .bar .left .item {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: 13.333vw;
+  font-size: 2.667vw;
+}
+
+.bottom-bar .bar .left .item .text {
+  font-size: 2.933vw;
+  color: #7d7c7c;
+}
+
+.jixuanico {
+  font-size: 6vw;
+}
+
+.bottom-bar .bar .left .line {
+  width: 0.267vw;
+  height: 6.667vw;
+  background: #dadada;
+}
+
+.bottom-bar .bar .mid {
+  margin-left: 1.333vw;
+  flex: 1;
+}
+
+.bottom-bar .bar .mid .text {
+  font-size: 4vw;
+  font-weight: 500;
+  color: #000;
+}
+
+.bottom-bar .bar .mid .text.num {
+  margin: 0 0.667vw;
+  color: #ff253f;
+}
+
+.bottom-bar .bar .right {
+  padding: 0 4vw;
+  margin: 0 4vw;
+  color: #fff;
+  background: linear-gradient(270deg, #c24491, #775fd9);
+  font-size: 4.667vw;
+  font-weight: 500;
+  height: 9.333vw;
+  line-height: 9.333vw;
+  border-radius: 6.667vw;
+}
+
+.van-pull-refresh__track .van-pull-refresh__head * {
+  color: #000;
+  font-size: 4.667vw;
+}
+
+.van-popup {
+  position: absolute;
+}
+
+.van-overlay {
+  position: absolute;
+  background-color: rgba(70, 67, 67, 0.7);
+}
+
+.van-popup--top {
+  top: -1px;
+}
+
+/* .wrapper .item {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding: 1.333vw 0;
+} */
+
+.wrapper .item .left {
+  width: 40%;
+  font-size: 4vw;
+  text-align: center;
+  font-weight: 500;
+  color: #000;
+}
+
+.font-weight {
+  font-weight: 700 !important;
+}
+
+.wrapper .item .right {
+  flex: 1;
+  display: flex;
+  font-size: 4vw;
+  justify-content: center;
+  overflow: hidden;
+  color: #000;
+}
+
+.wrapper .item .kuaisan-ball .left {
+  justify-content: flex-start;
+}
+
+.wrapper .item .kuaisan-ball {
+  margin-left: 2.667vw;
+  flex: 1;
+  display: flex;
+  align-items: center;
+}
+
+.wrapper .item .kuaisan-ball .res-img {
+  width: 6.667vw;
+  height: 6.667vw;
+  margin-right: 2.667vw;
+}
+
+.wrapper .item .kuaisan-ball .res-des {
+  font-weight: 700;
+  text-align: center;
+  color: #000;
+}
+
+.wrapper .item .kuaisan-ball .res-des.middle {
+  width: 15%;
+  font-size: 4.667vw;
+}
+
+.play-type-tip {
+  position: unset;
+  margin: auto;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  width: 86.667vw;
+  height: 93.333vw;
+  max-height: 50%;
+  z-index: 10;
+  border-radius: 4vw;
+  overflow: hidden;
+  background-color: #fff;
+  color: #000;
+}
+
+.play-type-tip .title {
+  line-height: 12vw;
+  background: linear-gradient(90deg, #775fd9, #c24491);
+  text-align: center;
+  color: #fff;
+  font-size: 4.667vw;
+  font-weight: 500;
+}
+
+.mask {
+  background-color: transparent;
+  -webkit-animation-duration: 0.35s;
+  animation-duration: 0.35s;
+}
+
+.play-type-tip .wrapper {
+  height: calc(100% - 1.333vw);
+  background-color: transparent;
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+.play-type-tip .wrapper .item {
+  padding: 5.333vw 6.667vw;
+  display: flex;
+  align-items: flex-start;
+}
+
+.play-type-tip .wrapper .item .van-icon {
+  color: #c24491;
+  font-size: 8vw;
+}
+
+.play-type-tip .wrapper .item .content .content-title {
+  margin-top: 2.933vw;
+  font-size: 4.667vw;
+  font-weight: 500;
+  color: #000;
+  line-height: 0;
+}
+
+.play-type-tip .wrapper .item .content .content-detail {
+  margin-top: 0.667vw;
+  font-size: 2.933vw;
+  color: #000;
+  line-height: 4vw;
+}
+
+.play-type-tip .wrapper .item .content {
+  flex: 1;
+  margin-left: 4vw;
+}
+
+.rectangle.active .wrapper {
+  background-color: #ff253f !important;
+}
+
+.rectangle.active .wrapper .name-text,
+.rectangle.active .wrapper .odd-text {
+  color: #fff !important;
+}
+
+.bottom-bar .wrapper {
+  position: absolute;
+  top: 1.333vw;
+  left: 0;
+  right: 0;
+  padding: 2.667vw 2.667vw 1.333vw 2.667vw;
+  height: 30.667vw;
+  background-color: #fff;
+  z-index: 1;
+  box-shadow: 0 0 1.333vw 0 #cacaca;
+  transition: transform 0.3s cubic-bezier(0.21, 1.02, 0.55, 1.01);
+}
+
+.bottom-bar .wrapper.active {
+  transform: translateY(-100%);
+}
+
+.bottom-bar .wrapper .item {
+  position: relative;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  height: 8.667vw;
+}
+
+.bottom-bar .wrapper .item .label {
+  font-size: 4vw;
+  line-height: 4vw;
+  color: #000;
+}
+
+.bottom-bar .wrapper .item .bet-number {
+  flex: 1;
+  margin: 0 2.133vw;
+  overflow: auto;
+  white-space: nowrap;
+  -webkit-overflow-scrolling: touch;
+  color: #ff253f;
+  font-size: 4vw;
+  font-weight: 500;
+  height: 5.333vw;
+  line-height: 5.333vw;
+}
+
+.bottom-bar .wrapper .item .amount-wrapper {
+  flex: 1;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+
+.van-cell {
+  font-size: 4vw;
+  line-height: 6.667vw;
+}
+
+.bottom-bar .wrapper .item .part {
+  margin-right: 2.667vw;
+}
+
+.bottom-bar .wrapper .item .part span {
+  font-size: 4vw;
+  vertical-align: center;
+  color: #000;
+}
+
+.bottom-bar .wrapper .item .part .number {
+  margin: 0 0.667vw;
+  color: #ff253f;
+  font-weight: 500;
+}
+
+.van-field__control {
+  color: #ff253f;
+}
+
+.confirm-order-modal {
+  position: unset;
+  display: flex;
+  flex-direction: column;
+  margin: auto;
+  padding: 0 2.667vw 4vw;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  width: 81.333vw;
+  height: 90.667vw;
+  max-height: 50%;
+  z-index: 10;
+  background-color: #fff;
+  border-radius: 4vw;
+}
+
+.confirm-order-modal .head {
+  position: relative;
+  height: 10.667vw;
+}
+
+.confirm-order-modal .head .text {
+  padding: 0 2.667vw;
+  height: 4vw;
+  line-height: 1.333vw;
+  text-align: center;
+  font-size: 4.667vw;
+  font-weight: 500;
+  color: #775fd9;
+}
+
+.confirm-order-modal .van-hairline--bottom:after {
+  border-bottom-width: 0.267vw;
+}
+
+.van-popup--center {
+  border-radius: 4vw;
+}
+
+.confirm-order-modal .list {
+  flex: 1;
+  padding: 0 1.333vw;
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+.confirm-order-modal .list .lise-item {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding: 1.333vw 0;
+}
+
+.confirm-order-modal .list .lise-item .main {
+  flex: 1;
+  overflow: hidden;
+}
+
+.confirm-order-modal .list .lise-item .main .bet-name {
+  color: #ff253f;
+  font-size: 4.667vw;
+  font-weight: 500;
+  line-height: 0;
+  word-wrap: break-word;
+  word-break: break-all;
+}
+
+.confirm-order-modal .list .lise-item .main .detail-text {
+  line-height: 0;
+  font-size: 3.333vw;
+  color: #979799;
+}
+
+.confirm-order-modal .list .lise-item {
+  color: #ff253f;
+}
+
+.confirm-order-modal .sub-bar {
+  display: flex;
+  align-items: center;
+  margin-top: 4vw;
+  justify-content: space-around;
+}
+
+.confirm-order-modal .sub-bar .item {
+  min-width: 40%;
+  height: 10.667vw;
+  text-align: center;
+  box-sizing: border-box;
+  border-radius: 6.667vw;
+  font-size: 4.667vw;
+  font-weight: 500;
+}
+
+.confirm-order-modal .sub-bar .item.cancel-btn {
+  border: 0.267vw solid #979799;
+  color: #979799;
+  background-color: #fff;
+}
+
+.confirm-order-modal .sub-bar .item.sub-btn {
+  background: linear-gradient(270deg, #c24491, #775fd9);
+  color: #fff;
+  border: 0;
+}
+
+.next-number span {
+  font-size: 4.667vw;
+  font-weight: 700;
+  color: #000;
+  float: right;
+}
+
+.van-loading__text,
+.van-pull-refresh__track .van-pull-refresh__head * {
+  color: #000;
+  font-size: 4.667vw;
+}
+
+.container .content {
+  height: calc(100% - 2.667vw);
+  overflow: auto;
+}
+
+.container .content .listItem {
+  margin-bottom: 2.667vw;
+  padding: 2.667vw 2.667vw 0;
+  position: relative;
+  color: #000;
+  background-color: #fff;
+}
+
+.container .content .listItem .listTitle {
+  font-size: 5.067vw;
+}
+
+.container .content .listItem .listContent {
+  border-bottom: 0.267vw solid #f2f2f5;
+  padding: 0.667vw 0;
+  font-size: 3.333vw;
+}
+
+.container .content .listItem .listTime {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-end;
+  height: 9.333vw;
+}
+
+.container .content .listItem .listTime .listTimeText {
+  color: #656566;
+  font-size: 4vw;
+}
+
+.video-js {
+  width: 100%;
+  font-size: 3.2vw;
+}
+
+.movie-content {
+  flex: 1;
+  overflow-y: auto;
+}
+
+.movie-content .movie-descript {
+  width: 100%;
+  height: 18.667vw;
+  background-color: #fff;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: space-between;
+  padding: 2vw;
+}
+
+.movie-content .movie-descript p {
+  font-size: 4vw;
+  font-weight: 700;
+  color: #c24491;
+}
+
+.movie-content .movie-descript span {
+  color: #979799;
+}
+
+.movie-content .movie-body {
+  width: calc(100% - 2.667vw);
+  margin: 0 auto;
+}
+
+.movie-video .video-js .vjs-big-play-button {
+  top: 50%;
+  left: 50%;
+  margin-top: -6.667vw;
+  margin-left: -13.333vw;
+}
+
+.movie-content .movie-body .movie-title {
+  height: 9.333vw;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.movie-content .movie-body .movie-title > div:first-child {
+  width: 54.667vw;
+}
+
+.movie-content .movie-body .movie-title > div:first-child span {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  font-size: 4vw;
+  font-weight: 700;
+  color: #c24491;
+}
+
+.movie-content .movie-body .movie-title > div:first-child span:before {
+  content: "";
+  display: block;
+  width: 1.067vw;
+  height: 4vw;
+  background-color: #775fd9;
+  border-radius: 3.333vw;
+  margin-right: 1.333vw;
+}
+
+.movie-play-item {
+  width: 100%;
+  height: 26.667vw;
+  border-radius: 1.333vw;
+  position: relative;
+  display: flex;
+  background-color: #fff;
+  margin-bottom: 2.667vw;
+}
+
+.movie-play-item > div {
+  height: 100%;
+}
+
+.movie-play-item > div:first-child {
+  width: 26.667vw;
+  position: relative;
+}
+
+.movie-play-item > div:first-child > img {
+  width: 100%;
+  height: 100%;
+  border-radius: 1.333vw 0 0 1.333vw;
+}
+
+.movie-play-item > div:first-child > div {
+  position: absolute;
+  width: 100%;
+  height: 4vw;
+  bottom: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 1.333vw;
+  background-color: rgba(0, 0, 0, 0.4);
+  border-radius: 0 0 0 1.333vw;
+}
+
+.movie-play-item > div:first-child > div .van-count-down {
+  color: #fff;
+  font-size: 3.333vw;
+}
+
+.movie-play-item > div:nth-child(2) p {
+  width: 66.667vw;
+  height: 8vw;
+  font-size: 4vw;
+  line-height: 4.267vw;
+  word-break: break-all;
+  overflow: hidden;
+  color: #000;
+}
+
+.movie-play-item > div:nth-child(2) span {
+  color: #000;
+}
+
+.movie-play-item > div:nth-child(2) {
+  padding: 2.667vw;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: space-between;
+}
+
+abbr,
+address,
+article,
+aside,
+audio,
+b,
+blockquote,
+body,
+canvas,
+caption,
+cite,
+code,
+dd,
+del,
+details,
+dfn,
+div,
+dl,
+dt,
+em,
+fieldset,
+figcaption,
+figure,
+footer,
+form,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+header,
+hgroup,
+html,
+i,
+iframe,
+img,
+ins,
+kbd,
+label,
+legend,
+li,
+mark,
+menu,
+nav,
+object,
+ol,
+p,
+pre,
+q,
+samp,
+section,
+small,
+span,
+strong,
+sub,
+summary,
+sup,
+table,
+tbody,
+td,
+tfoot,
+th,
+thead,
+time,
+tr,
+ul,
+var,
+video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  outline: 0;
+  font-size: 100%;
+  vertical-align: baseline;
+  box-sizing: border-box;
+}
+
+.vjs-big-play-button .vjs-icon-placeholder {
+  font-size: 1.63em !important;
+}
+
+video ::-webkit-media-controls-fullscreen-button {
+  display: none;
+}
+
+.noVip .vjs-fullscreen-control {
+  display: none;
+}
+
+.errorMoney {
+  width: 80%;
+}
+
+.errorMoney .header {
+  text-align: center;
+  color: #fff;
+  padding: 4vw;
+  background: linear-gradient(90deg, #775fd9, #c24491);
+  position: relative;
+}
+
+.errorMoney .header .close {
+  position: absolute;
+  top: 50%;
+  right: 4vw;
+  transform: translateY(-50%);
+}
+
+.errorMoney .content {
+  color: #775fd9;
+  padding: 4vw;
+}
+
+.van-cell {
+  font-size: 4.667vw;
+  line-height: 10.667vw;
+}
+
+.container p {
+  padding: 0 2vw;
+  margin-top: 2vw;
+  font-size: 4vw;
+  color: #dc2037;
+}
+
+.manage-card .wrapper {
+  height: calc(100% - 1.333vw);
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+.wrapper .add-card {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #000;
+  background-color: #fff;
+  height: 33.333vw;
+}
+
+.wrapper .add-card span {
+  margin-left: 1.333vw;
+  font-size: 4vw;
+}
+
+.wrapper .tips {
+  margin: 2vw 2vw;
+  font-size: 3.333vw;
+  color: #979799;
+}
+
+.wrapper .bank .info {
+  margin-left: 2.667vw;
+  flex: 1;
+  color: #000;
+}
+
+.wrapper .bank .info .row-content {
+  margin: 4vw 0;
+  line-height: 2.667vw;
+  font-size: 4vw;
+}
+
+.van-cell {
+  font-size: 4.267vw;
+  line-height: 10.667vw;
+}
+
+/* .van-hairline--bottom:after {
+  border-bottom-width: 0.4vw;
+} */
+
+.bankbox {
+  padding: 2vw;
+  color: #000;
+  background-color: #fff;
+}
+
+.bankbox .title {
+  padding: 1.067vw 1.333vw 2.667vw;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  font-size: 3.733vw;
+}
+
+.main-box {
+  background: #fff;
+}
+
+.main-box .label {
+  padding: 2.667vw;
+  font-size: 4.667vw;
+  color: #797878;
+}
+
+.van-picker__toolbar {
+  height: 10.667vw;
+}
+
+.van-picker__confirm,
+.van-picker__cancel {
+  padding: 0 2.667vw;
+  font-size: 2.667vw;
+}
+
+.van-picker-column {
+  font-size: 5.333vw;
+}
+
+.main-box p {
+  padding: 0 2.667vw;
+  font-size: 4vw;
+  color: #ee0a24;
+}
+
+.bindCard {
+  margin: 2.667vw 4vw 0;
+  height: 10.667vw;
+  line-height: 1.22667rem;
+  border-radius: 6.667vw;
+  color: #fff;
+  font-size: 4vw;
+  font-weight: bolder;
+  border: none;
+  background: linear-gradient(90deg, #c24491, #775fd9);
+}
+
+.van-picker__cancel,
+.van-picker__confirm {
+  font-size: 4.8vw;
+}
+
+.van-cell {
+  font-size: 4.667vw;
+  line-height: 10.667vw;
+}
+
+.container p {
+  padding: 0 2vw;
+  margin-top: 2vw;
+  font-size: 4vw;
+  color: #dc2037;
+}
+
+.container .main {
+  display: flex;
+  flex-direction: column;
+  background-color: #f2f2f5;
+  height: calc(100% - 6.667vw);
+  position: relative;
+}
+
+.container .main .withdrawMoney {
+  display: flex;
+  flex-direction: column;
+  color: #000;
+  padding: 0 2.667vw;
+  white-space: nowrap;
+  font-size: 4.667vw;
+  background-color: #fff;
+}
+
+.container .main .withdrawMoney .money {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  border-bottom: 1px solid #f2f2f5;
+}
+
+.container .main .withdrawMoney .money .moneyNumber {
+  font-size: 6.667vw;
+  display: flex;
+  flex-direction: row;
+}
+
+.container .main .withdrawMoney .money .all {
+  color: #d10404;
+}
+
+.container .main .withdrawMoney .money .moneyNumber .van-cell {
+  font-size: 6.667vw;
+  padding: 0 !important;
+}
+
+.container .main .withdrawMoney .information {
+  padding-bottom: 4vw;
+}
+
+.container .main .withdrawMoney .information .description {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  padding: 1.333vw 0;
+}
+
+.container .main .withdrawMoney span {
+  padding: 1.333vw 0;
+}
+
+.container .main .withdrawMoney .information .balance .number {
+  color: #d10404;
+}
+
+.withdraw_btn {
+  margin: 2.667vw 4vw 0;
+  height: 10.667vw;
+  line-height: 1.22667rem;
+  border-radius: 6.667vw;
+  color: #fff;
+  font-size: 4vw;
+  font-weight: bolder;
+  border: none;
+  background: linear-gradient(90deg, #c24491, #775fd9);
+}
+
+.container .header {
+  background: linear-gradient(270deg, #c24491, #775fd9);
+}
+
+.container .header .info {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  padding-bottom: 2.667vw;
+  padding-top: 1.333vw;
+  margin: auto;
+}
+
+.container .header .info .title {
+  font-size: 3.333vw;
+  color: #e5e5e5;
+}
+
+.container .header .info .value {
+  margin: 1.333vw auto;
+  color: #fff;
+  font-size: 6.667vw;
+  border-bottom: 1px solid #fff;
+}
+
+.container .header .info .tip {
+  font-size: 4vw;
+  color: #e5e5e5;
+}
+
+.container .content {
+  flex: 1;
+  background: #f2f2f5;
+}
+
+.container .content .datalist {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: flex-start;
+}
+
+.container .content .datalist .datalistitem {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 26.667vw;
+  width: 50%;
+}
+
+.container .content .datalist .datalistitem .datalistitemValue {
+  color: #ff253f;
+  font-size: 4.667vw;
+  margin-bottom: 1.333vw;
+  margin-top: 1.333vw;
+}
+
+.container .content .datalist .datalistitem .datalistitemKey {
+  color: #979799;
+  font-size: 3.333vw;
+  margin-bottom: 1.333vw;
+  margin-top: 1.333vw;
+}
+
+.van-loading__text,
+.van-pull-refresh__track .van-pull-refresh__head * {
+  color: #000;
+  font-size: 4.667vw;
+}
+
+.container .main {
+  position: relative;
+  overflow: auto;
+  background-color: #f2f2f5;
+  height: 100%;
+  padding: 0 1.333vw;
+}
+
+.item_list {
+  padding: 2vw 2vw;
+  margin: 4vw 1.333vw;
+  background: #fff;
+  border-radius: 1.333vw;
+  line-height: 8vw;
+}
+
+.item_list .topInfo span {
+  flex: 1;
+  font-size: 4.667vw;
+  font-weight: 700;
+  color: #ff253f;
+}
+
+.item_list .time span {
+  flex: 1;
+  font-size: 3.333vw;
+  font-weight: 500;
+  color: #000;
+}
+
+.item_list .topInfoSp span {
+  font-weight: 700;
+  color: #ff253f !important;
+}
+
+.item_list .topInfo span:last-child {
+  float: right;
+}
+
+.item_list .desc span {
+  font-size: 3.333vw;
+  font-weight: 700;
+  color: #9b9b9b;
+}
+
+.item_list .cover {
+  width: 8vw;
+  height: 8vw;
+  -o-object-fit: cover;
+  object-fit: cover;
+}
+
+.item_list .period-number {
+  margin-left: 6.667vw;
+  margin-right: 1.333vw;
+  height: 6.667vw;
+  line-height: 8vw;
+  font-size: 4.667vw;
+  font-weight: 700;
+  color: #000;
+}
+
+.item_list .lottery_info {
+  display: flex;
+}
+
+.recent {
+  display: flex;
+  align-items: center;
+  height: 13.333vw;
+}
+
+.kuaisan-ball .left {
+  justify-content: flex-start;
+}
+
+.kuaisan-ball {
+  flex: 1;
+  display: flex;
+  align-items: center;
+}
+
+.kuaisan-ball .res-img {
+  width: 9.333vw;
+  height: 9.333vw;
+  margin-right: 4vw;
+}
+
+.kuaisan-ball .res-des {
+  font-weight: 700;
+  text-align: center;
+  color: #000;
+}
+
+/* .kuaisan-ball .res-des.middle {
+  margin-right: 2vw;
+  font-size: 4.667vw;
+} */
+
+.van-loading__text,
+.van-pull-refresh__track .van-pull-refresh__head * {
+  color: #000;
+  font-size: 4.667vw;
+}
+
+.container .main {
+  position: relative;
+  overflow: auto;
+  background-color: #f2f2f5;
+  height: 100%;
+  padding: 0 1.333vw;
+}
+
+.item_list {
+  padding: 2vw 2vw;
+  margin: 4vw 1.333vw;
+  background: #fff;
+  border-radius: 1.333vw;
+  line-height: 8vw;
+}
+
+.item_list .topInfo span {
+  flex: 1;
+  font-size: 4.667vw;
+  font-weight: 700;
+  color: #ff253f;
+}
+
+.item_list .time span {
+  flex: 1;
+  font-size: 3.333vw;
+  font-weight: 500;
+  color: #000;
+}
+
+.item_list .topInfo span:last-child {
+  float: right;
+}
+
+.item_list .desc span {
+  font-size: 3.333vw;
+  font-weight: 700;
+  color: #9b9b9b;
+}
+
+.van-loading__text,
+.van-pull-refresh__track .van-pull-refresh__head * {
+  color: #000;
+  font-size: 4.667vw;
+}
+
+.container .main {
+  position: relative;
+  overflow: auto;
+  background-color: #f2f2f5;
+  height: 100%;
+  padding: 0 1.333vw;
+}
+
+.item_list {
+  padding: 2vw 2vw;
+  margin: 4vw 1.333vw;
+  background: #fff;
+  border-radius: 1.333vw;
+  line-height: 8vw;
+}
+
+.item_list .topInfo span {
+  flex: 1;
+  font-size: 4.667vw;
+  font-weight: 700;
+  color: #ff253f;
+}
+
+.item_list .time span {
+  flex: 1;
+  font-size: 3.333vw;
+  font-weight: 500;
+  color: #000;
+}
+
+.item_list .topInfo span:last-child {
+  float: right;
+}
+
+.item_list .desc span {
+  font-size: 3.333vw;
+  font-weight: 700;
+  color: #9b9b9b;
+}
+
+.van-loading__text,
+.van-pull-refresh__track .van-pull-refresh__head * {
+  color: #000;
+  font-size: 4.667vw;
+}
+
+.container .content {
+  height: calc(100% - 2.667vw);
+  overflow: auto;
+}
+
+/* .container .content .listItem {
+  margin-bottom: 2.667vw;
+  padding: 2.667vw;
+  position: relative;
+  color: #000;
+  background-color: #fff;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+} */
+
+.container .content .listItem .listTitle {
+  font-size: 5.067vw;
+  margin-bottom: 2.667vw;
+}
+
+.container .content .listItem .listContent {
+  border-bottom: 0.267vw solid #f2f2f5;
+  padding: 0.667vw 0;
+  font-size: 3.333vw;
+}
+
+.container .content .listItem .listMoney {
+  color: #dc2037;
+}
+
+.container .content .listItem .listTime .listTimeText {
+  color: #656566;
+  font-size: 4vw;
+}
+
+.changePssword-cell-name {
+  font-size: 30px;
+  font-weight: 700;
+  margin-bottom: 20px;
+  text-align: center;
+}
+
+.changePssword-cell {
+  margin: 80px 0;
+}
+
+.payBtn {
+  text-align: center;
+  width: 85%;
+  margin: 0 4vw;
+  margin: 8vw auto;
+  padding: 2.667vw;
+  color: #fff !important;
+  background: linear-gradient(90deg, #775fd9, #c24491);
+}
+
+.inp-bg {
+  text-align: center !important;
+}
+
+.frame {
+  width: 100vw;
+  height: 90vh;
+}
+
+/* .linear-bg {
+  height: 26.667vw;
+  background: linear-gradient(270deg, #e6c3a1, #f905e5);
+} */
+
+/* .home-container {
+  position: absolute !important;
+  top: 0;
+  left: 0;
+  right: 0;
+  background-color: #f2f2f5;
+} */
+
+.movie_list_n {
+  display: flex;
+  flex-wrap: wrap;
+  margin: 1.333vw;
+  padding-bottom: 16vw;
+}
+
+.movie-n-time-div {
+  margin-top: 2.667vw;
+}
+
+.movie-list-n-title {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  margin-bottom: 2.667vw;
+  font-weight: 700;
+}
+
+/* .movie-list-n-img {
+  width: 44vw;
+  height: 44vw;
+  position: relative;
+} */
+
+.movie-list-n-lab {
+  display: inline;
+  position: absolute;
+  top: 2vw;
+  left: 2vw;
+  padding: 0.2em 0.6em 0.3em;
+  font-size: 75%;
+  font-weight: 700;
+  line-height: 1;
+  color: #fff;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: baseline;
+  border-radius: 0.25em;
+  background-color: #f905e5;
+  width: 42vw;
+  overflow: hidden;
+}
+
+.movie-list-ico-loves {
+  display: inline-block;
+  width: 5.333vw;
+}
+
+.movie-list-notice {
+  display: flex;
+  align-items: center;
+  margin-top: 1.333vw;
+}
+
+.movie-list-ico-notice {
+  width: 4vw;
+  display: inline-block;
+  margin-right: 1.333vw;
+}
+
+.movie-list-addr {
+  display: flex;
+  align-items: center;
+  margin-top: 1.333vw;
+}
+
+.movie-list-ico-addr {
+  width: 4vw;
+  display: inline-block;
+  margin-right: 1.333vw;
+}
+
+.movie-list-money {
+  display: flex;
+  align-items: center;
+  margin-top: 1.333vw;
+}
+
+.movie-list-ico-money {
+  width: 4vw;
+  display: inline-block;
+  margin-right: 1.333vw;
+}
+
+.nHome-detail {
+  background: #f2f2f5;
+  height: 100vh;
+  overflow: auto;
+  color: #000;
+}
+
+.movie-list-n-lab {
+  display: inline;
+  position: absolute;
+  top: 2vw;
+  left: 2vw;
+  padding: 0.2em 0.6em 0.3em;
+  font-size: 75%;
+  font-weight: 700;
+  line-height: 1;
+  color: #fff;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: baseline;
+  border-radius: 0.25em;
+  background-color: #f905e5;
+  width: 42vw;
+  overflow: hidden;
+}
+
+.movie-list-ico-loves {
+  display: inline-block;
+  width: 5.333vw;
+}
+
+.movie-list-notice {
+  display: flex;
+  align-items: center;
+  margin-top: 1.333vw;
+}
+
+.movie-list-ico-notice {
+  width: 4vw;
+  display: inline-block;
+  margin-right: 1.333vw;
+}
+
+.movie-list-addr {
+  display: flex;
+  align-items: center;
+  margin-top: 1.333vw;
+}
+
+.movie-list-ico-addr {
+  width: 4vw;
+  display: inline-block;
+  margin-right: 1.333vw;
+}
+
+.movie-list-money {
+  display: flex;
+  align-items: center;
+  margin-top: 1.333vw;
+}
+
+.movie-list-ico-money {
+  width: 4vw;
+  display: inline-block;
+  margin-right: 1.333vw;
+}
+
+.detail-title {
+  font-size: 5.333vw;
+  margin: 2.667vw 0;
+}
+
+.detail-tabs {
+  color: #e74c3c;
+  font-size: 4vw;
+  flex: 1;
+  padding: 5.333vw 2.667vw;
+  align-items: center;
+  display: flex;
+  justify-content: center;
+}
+
+.detail-tabs.active {
+  color: #f905e5;
+}
+
+.detail-tabs-ico {
+  width: 4vw;
+  margin-right: 1.333vw;
+}
+
+.movie-list-n-item-bottom {
+  padding: 4vw;
+}
+
+.tabs1 {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.tabs1-img {
+  width: 50%;
+  padding: 1.333vw;
+}
+
+.table .table-list {
+  padding: 2.667vw 4vw;
+  display: flex;
+  background: #eee;
+}
+
+.table .table-list .name {
+  width: 30%;
+  display: flex;
+  align-items: center;
+}
+
+.table .table-list .content {
+  width: 70%;
+}
+
+.table .table-list:nth-child(2n) {
+  background: #999;
+}
+
+.table-title {
+  padding: 4vw;
+  font-size: 4.8vw;
+  background: #ccc;
+  border-bottom: 1px solid #eee;
+}
+
+.comment {
+  padding: 4vw;
+}
+
+.commentList-content {
+  display: flex;
+  margin-bottom: 4vw;
+  font-size: 3.733vw;
+}
+
+.commentList-content-r {
+  margin-left: 2.667vw;
+  display: flex;
+}
+
+.commentList-content-avatar {
+  width: 8vw;
+  height: 8vw;
+  margin-right: 2.667vw;
+}
+
+.commentList-content-name {
+  margin-bottom: 1.333vw;
+  color: #f905e5;
+  font-weight: 700;
+}
+
+.commentList-content-bottom {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-top: 1.333vw;
+}
+
+.commentList-content-left {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: #f905e5;
+}
+
+.commentList-content-hf {
+  margin-right: 1.333vw;
+  width: 4.533vw;
+}
+
+.reply {
+  display: flex;
+  align-items: center;
+  margin-left: 2.667vw;
+  margin-top: 1.333vw;
+}
+
+.reply .inp {
+  background: #999;
+  margin-right: 1.333vw;
+  border-radius: 4vw;
+  padding: 1.333vw 2.667vw;
+  width: 100%;
+  border: none;
+}
+
+.reply .btn {
+  display: inline-block;
+  padding: 1.333vw 2vw;
+  margin-bottom: 0;
+  font-size: 2.933vw;
+  font-weight: 400;
+  line-height: 1.42857143;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  background-image: none;
+  border: 1px solid transparent;
+  border-top-color: transparent;
+  border-right-color: transparent;
+  border-bottom-color: transparent;
+  border-left-color: transparent;
+  border-radius: 0.533vw;
+  color: #d6d6be;
+  background-color: #7c1022;
+  border-color: #7c1022;
+}
+
+.__big-wheel {
+  position: relative;
+  display: inline-block;
+}
+
+.__big-wheel .wrap {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+}
+
+.__big-wheel .wrap .prize-wrap {
+  position: absolute;
+  left: 25%;
+  top: 0;
+  width: 50%;
+  height: 50%;
+}
+
+.__big-wheel .wrap .prize-wrap .item {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  transform-origin: center bottom;
+}
+
+/* .content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+} */
+
+.bg {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: -1;
+  overflow: hidden;
+}
+
+/* .record {
+  position: absolute;
+  top: 40px;
+  right: 40px;
+  color: #fff;
+} */
+
+.luckdrawconfig {
+  position: absolute;
+  top: 30%;
+  left: 50%;
+  width: auto;
+  transform: translate(-50%);
+  color: #fff;
+}
+
+.luckDraw {
+  background: linear-gradient(90deg, #775fd9, #c24491);
+  position: relative;
+  overflow: hidden;
+  width: 100vw;
+  min-height: 100vh;
+  background-repeat: no-repeat;
+  background-position: top;
+  background-size: 100%;
+}
+
+.luckDraw .big-wheel-box {
+  position: relative;
+  text-align: center;
+  font-size: 0;
+  background-image: url(../img/disk_bg.db061343.png);
+  background-repeat: no-repeat;
+  background-position: 50%;
+  background-size: 100%;
+  margin-top: 13.333vw;
+  padding: 10.667vw;
+}
+
+.luckDraw .big-wheel-box .prize-name {
+  position: absolute;
+  left: 2.667vw;
+  right: 2.667vw;
+  top: 1.333vw;
+  font-size: 2.667vw;
+  text-align: center;
+  color: #7d2a00;
+}
+
+.luckDraw .big-wheel-box .prize-img {
+  position: absolute;
+  top: 5.333vw;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 10.667vw;
+  height: 10.667vw;
+  border-radius: 50%;
+}
+
+.luckDraw .big-wheel-box .btn-go {
+  position: absolute;
+  top: calc(50% - 14.667vw);
+  left: 50%;
+  transform: translateX(-50%);
+  width: 26.667vw;
+}
+
+.nav-bar .right {
+  padding-left: 1.067vw;
+  padding-right: 1.067vw;
+  color: #fff;
+  font-size: 3.733vw;
+  border-radius: 1.333vw;
+  border: 0.267vw solid #fff;
+  line-height: 8vw;
+}
+
+.popupShow {
+  border-radius: 1.333vw;
+  padding: 2.667vw;
+  margin-top: -10.667vw;
+}
+
+.popupShow .img {
+  width: 53.333vw;
+}
+
+.popupShow .title {
+  margin: 1.333vw 0;
+  text-align: center;
+}
+
+.popupShow .btn {
+  background: linear-gradient(90deg, #775fd9, #c24491);
+  width: 100%;
+  height: 10.667vw;
+  color: #fff;
+  border-radius: 2.667vw;
+  text-align: center;
+  font-size: 3.467vw;
+  line-height: 10.667vw;
+}
+
+.msgmemo {
+  margin: 0 0 8vw;
+  font-size: 3.467vw;
+  white-space: pre-wrap;
+  color: #775fd9;
+}
+
+.bullet {
+  width: calc(100% - 8vw);
+  text-align: center;
+  margin: 4vw;
+  border-radius: 2.667vw;
+}
+
+.bullet .noticeList-title {
+  padding: 2.667vw;
+  border-bottom: 1px solid #333;
+}
+
+.bullet .bullet_inner {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+
+.bullet .bullet_inner .bullet_wrap {
+  padding-top: 8px;
+  -webkit-animation: roll 8s linear infinite;
+  animation: roll 8s linear infinite;
+  height: 80vw;
+}
+
+.bullet .bullet_inner .bullet_wrap .img {
+  border-radius: 50%;
+}
+
+.bullet .bullet_inner .bullet_wrap .list {
+  padding: 1.333vw;
+  color: #fff;
+  align-items: center;
+}
+
+@-webkit-keyframes roll {
+  0% {
+    transform: translateY(0);
+  }
+
+  to {
+    transform: translateY(-100%);
+  }
+}
+
+@keyframes roll {
+  0% {
+    transform: translateY(0);
+  }
+
+  to {
+    transform: translateY(-100%);
+  }
+}
+
+.flex-box-x {
+  display: flex;
+}
+
+.flex-box-x .col-xs-x {
+  flex: 1;
+}
diff --git a/src/assets/images/common/beauty3.png b/src/assets/images/common/beauty3.png
new file mode 100644
index 0000000..c7a0023
Binary files /dev/null and b/src/assets/images/common/beauty3.png differ
diff --git a/src/assets/images/common/bgGirl.png b/src/assets/images/common/bgGirl.png
new file mode 100644
index 0000000..51a24eb
Binary files /dev/null and b/src/assets/images/common/bgGirl.png differ
diff --git a/src/assets/images/common/bgMine.png b/src/assets/images/common/bgMine.png
new file mode 100644
index 0000000..77d193c
Binary files /dev/null and b/src/assets/images/common/bgMine.png differ
diff --git a/src/assets/images/common/empty-image-default.png b/src/assets/images/common/empty-image-default.png
new file mode 100644
index 0000000..39886b6
Binary files /dev/null and b/src/assets/images/common/empty-image-default.png differ
diff --git a/src/assets/images/common/indexed.png b/src/assets/images/common/indexed.png
new file mode 100644
index 0000000..22ab6e7
Binary files /dev/null and b/src/assets/images/common/indexed.png differ
diff --git a/src/assets/images/common/logo.png b/src/assets/images/common/logo.png
new file mode 100644
index 0000000..d1b115f
Binary files /dev/null and b/src/assets/images/common/logo.png differ
diff --git a/src/assets/images/common/my.png b/src/assets/images/common/my.png
new file mode 100644
index 0000000..afed502
Binary files /dev/null and b/src/assets/images/common/my.png differ
diff --git a/src/assets/images/common/subscribe2.png b/src/assets/images/common/subscribe2.png
new file mode 100644
index 0000000..4b1e860
Binary files /dev/null and b/src/assets/images/common/subscribe2.png differ
diff --git a/src/assets/images/common/video.png b/src/assets/images/common/video.png
new file mode 100644
index 0000000..6c12340
Binary files /dev/null and b/src/assets/images/common/video.png differ
diff --git a/src/assets/images/common/vip1.png b/src/assets/images/common/vip1.png
new file mode 100644
index 0000000..e716e6b
Binary files /dev/null and b/src/assets/images/common/vip1.png differ
diff --git a/src/assets/images/common/vn.png b/src/assets/images/common/vn.png
new file mode 100644
index 0000000..dd4ffa3
Binary files /dev/null and b/src/assets/images/common/vn.png differ
diff --git a/src/assets/images/icon/baobiao.svg b/src/assets/images/icon/baobiao.svg
new file mode 100644
index 0000000..b1eee85
--- /dev/null
+++ b/src/assets/images/icon/baobiao.svg
@@ -0,0 +1,21 @@
+<svg
+  width="30px"
+  height="30px"
+  viewBox="0 0 30 30"
+  version="1.1"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink"
+>
+    <g  stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g >
+            <g  transform="translate(1.000000, 1.000000)">
+                <circle  stroke="#BCBABA" stroke-width="0.6" cx="14" cy="14" r="14"/>
+                <g  transform="translate(5.000000, 4.000000)" fill-rule="nonzero">
+                    <rect fill="#535353" opacity="0" x="0" y="0" width="18" height="18"/>
+                    <path d="M15.5076977,3.54483027 L13.4309952,3.54483027 C13.4187982,2.78776671 12.7436268,2.17349329 11.9088371,2.15914937 C11.8272011,1.45256537 11.1658208,0.9 10.3646133,0.9 L8.46612013,0.9 C7.66494845,0.9 7.00355018,1.45256537 6.92191421,2.15914937 C6.0871962,2.17355819 5.41193522,2.78781539 5.39975609,3.54483027 L3.32307155,3.54483027 C2.48190577,3.54483027 1.8,4.16260855 1.8,4.92468599 L1.8,16.1355289 C1.8,16.8976063 2.48190577,17.5153846 3.32307155,17.5153846 L15.5076977,17.5153846 C16.3488455,17.5153846 17.0307692,16.8976063 17.0307692,16.1355289 L17.0307692,4.92468599 C17.0307692,4.16260855 16.3488455,3.54483027 15.5076977,3.54483027 Z M6.47379395,4.51838315 L6.47379395,3.56556729 C6.47379395,3.55860628 6.47400888,3.55171016 6.47436709,3.54483027 C6.4863492,3.31560343 6.69593766,3.13244263 6.95187844,3.13244263 L7.450757,3.13244263 C7.74747995,3.13244263 7.98805355,2.91450918 7.98805355,2.64565808 L7.98805355,2.30669377 C7.98805355,2.06786104 8.20253157,1.8735691 8.46612013,1.8735691 L10.3646133,1.8735691 C10.6282377,1.8735691 10.8426978,2.06787727 10.8426978,2.30669377 L10.8426978,2.6456743 C10.8426978,2.91450918 11.0832714,3.13245885 11.3800122,3.13245885 L11.8788908,3.13245885 C12.1348316,3.13245885 12.3443842,3.31561965 12.3563842,3.5448465 C12.3567424,3.55172639 12.3569574,3.5586225 12.3569574,3.56558352 L12.3569574,4.68564232 C12.3569574,4.92445882 12.1424973,5.11875076 11.8788908,5.11875076 L6.95187844,5.11875076 C6.68825406,5.11875076 6.47379395,4.92445882 6.47379395,4.68564232 L6.47379395,4.51838315 Z M15.9561403,16.1355289 C15.9561403,16.3595472 15.7549877,16.5418155 15.5076977,16.5418155 L3.32307155,16.5418155 C3.07578153,16.5418155 2.874611,16.3595472 2.874611,16.1355289 L2.874611,4.92468599 C2.874611,4.70065151 3.07578153,4.51838315 3.32307155,4.51838315 L5.39918296,4.51838315 L5.39918296,4.68562609 C5.39918296,5.4612686 6.09572159,6.09228741 6.95187844,6.09228741 L11.8788908,6.09228741 C12.7350655,6.09228741 13.4315684,5.4612686 13.4315684,4.68562609 L13.4315684,4.51838315 L15.5076977,4.51838315 C15.7549877,4.51838315 15.9561403,4.70065151 15.9561403,4.92468599 L15.9561403,16.1355289 L15.9561403,16.1355289 Z M13.3263443,8.43925422 L10.3817536,11.1704887 L9.1030885,9.61686717 L9.10144074,9.61485513 L9.09662282,9.60901372 C9.09510042,9.60716394 9.09345266,9.60541151 9.09189445,9.60357796 C9.08689742,9.59765541 9.08186458,9.59174909 9.07661681,9.58595636 C9.07290934,9.58185114 9.06911232,9.57789196 9.06531529,9.5738841 C9.06160782,9.56998982 9.05793618,9.56607932 9.05412124,9.56223372 C9.04847944,9.55655457 9.04271227,9.55107013 9.03690927,9.54563437 C9.03520777,9.54402798 9.03361374,9.54238914 9.03189433,9.54079898 L9.03006747,9.53920881 C9.02301206,9.532789 9.01580439,9.52650801 9.00844951,9.52037025 C9.00701668,9.51916952 9.00563757,9.51793633 9.00420473,9.51675182 C8.99654228,9.51043957 8.9887254,9.50428292 8.98075991,9.49828646 C8.97941662,9.49726421 8.97810916,9.49622574 8.97676587,9.49521972 C8.96917521,9.48958814 8.96145407,9.48410248 8.95360762,9.4787664 C8.95174493,9.47748453 8.94988224,9.47613776 8.94800164,9.47487212 C8.94099971,9.47022433 8.93390601,9.46569109 8.92672399,9.46127461 C8.92385831,9.45948973 8.92102845,9.45763995 8.91814486,9.45590375 C8.91216276,9.45231777 8.9060732,9.44891028 8.90000155,9.44548656 C8.89581049,9.44311754 8.89165526,9.44069985 8.88741048,9.43841196 C8.88273584,9.43591313 8.87798956,9.43356034 8.8732612,9.43117509 C8.86751193,9.42823816 8.86176267,9.42526878 8.85594176,9.4224941 C8.85277161,9.42098507 8.84954772,9.41958962 8.84635965,9.41812927 C8.8389268,9.41470555 8.83147604,9.41131429 8.82395364,9.40815019 C8.82230588,9.40746869 8.8206402,9.40685209 8.81899244,9.4061706 C8.8099169,9.40240856 8.80075673,9.39881641 8.79151776,9.39539643 L8.79085507,9.39516926 C8.73789653,9.37578848 8.68256431,9.36222943 8.62604282,9.35478237 C8.62450252,9.35457143 8.62296221,9.35444162 8.62142191,9.35424691 C8.61181079,9.35301447 8.60217295,9.35195955 8.5925144,9.35108281 C8.58878902,9.35074206 8.58504572,9.3505798 8.58132034,9.35028773 C8.57385167,9.34973604 8.56636509,9.3491519 8.55887851,9.34879492 C8.55284268,9.34850285 8.54678894,9.34845417 8.5407531,9.34830814 C8.53554115,9.34817833 8.5303292,9.34796739 8.52509934,9.34795116 C8.51711127,9.34791871 8.50910528,9.34814588 8.5010993,9.34834059 C8.49780377,9.34842172 8.49452615,9.3484055 8.49123062,9.3485353 C8.48188135,9.34889228 8.47254999,9.3495251 8.46320072,9.35022282 C8.46121265,9.35036886 8.4592425,9.35044999 8.45725444,9.35059603 C8.4472783,9.35140733 8.43732007,9.35247826 8.42737975,9.35366277 C8.42598274,9.35384126 8.42460363,9.35395484 8.42322452,9.3541171 C8.41342749,9.35533406 8.40366628,9.35682687 8.39392297,9.35843326 C8.39231103,9.3587091 8.39068118,9.35890382 8.38906923,9.35917966 C8.37998862,9.36073737 8.37096174,9.36253847 8.36193485,9.36440448 C8.35960649,9.36487504 8.35726022,9.36529692 8.35493185,9.36579993 C8.34699751,9.36750368 8.3391169,9.36948327 8.33121838,9.37146286 C8.32776165,9.37232284 8.32428702,9.3731017 8.32084821,9.37401036 C8.31432879,9.37573033 8.30786311,9.37767747 8.30137951,9.37959216 C8.29654368,9.38100383 8.29170785,9.38233438 8.28688993,9.38385964 C8.281875,9.38543357 8.2769138,9.387186 8.27193468,9.38888974 C8.26568392,9.39099914 8.25943317,9.39305986 8.25323614,9.39533153 C8.24965404,9.39664584 8.24612568,9.39808997 8.24256149,9.39946919 C8.23502118,9.40235745 8.22749878,9.40527816 8.22003011,9.40842603 C8.21768383,9.40943205 8.21535547,9.4105192 8.2130092,9.41152523 C8.20444799,9.41524101 8.19594051,9.41905416 8.18750467,9.42307825 L8.18297332,9.42534991 C8.17383897,9.42979587 8.16477627,9.43442033 8.15582103,9.43923949 C8.15467476,9.43985609 8.1535464,9.44052136 8.15240013,9.44115418 C8.14324787,9.44615183 8.13420308,9.45132798 8.12524784,9.45673128 C8.12379709,9.4576075 8.12238216,9.45851616 8.12094932,9.4594086 C8.11256722,9.46455229 8.10425675,9.46985824 8.09607166,9.47534268 L8.09404778,9.47664077 C8.09211344,9.47795509 8.09028658,9.47936677 8.08835224,9.48069731 C8.08168954,9.48530554 8.07504476,9.48994622 8.06852534,9.49479784 C8.06404772,9.49810797 8.05973129,9.50151546 8.05539696,9.50490673 C8.05106262,9.50829799 8.04669246,9.51164058 8.04241186,9.51514543 C8.03610737,9.52027289 8.0300178,9.52556262 8.02396406,9.53085234 C8.02224466,9.53236138 8.02047152,9.53377305 8.01875211,9.53528208 L8.0134327,9.54003635 L8.01092523,9.54229178 L4.48838123,12.6955847 C4.20693592,12.9475282 4.20421352,13.3584879 4.48230957,13.6134495 C4.62245909,13.7419606 4.80715198,13.8063135 4.99195233,13.8063135 C5.17385119,13.8063135 5.3558575,13.743924 5.49546971,13.6189501 L8.44014993,10.9829631 L9.7330897,12.5539467 C9.74175837,12.5645099 9.75082107,12.5749109 9.76031363,12.5851009 C9.76269572,12.5876646 9.76518528,12.5900823 9.76760319,12.5926136 C9.77356739,12.5988282 9.77958531,12.6050104 9.78587189,12.6110627 C9.7906719,12.6157034 9.79556146,12.6201818 9.80046893,12.6246602 C9.80299431,12.6269643 9.80535849,12.6293496 9.8079376,12.6316213 C9.80951372,12.6330167 9.81116149,12.6342823 9.81275552,12.6356616 C9.82193675,12.6436585 9.8313613,12.651423 9.84101826,12.6589461 C9.84710782,12.6637166 9.8532153,12.6684384 9.85943024,12.6729817 C9.86324517,12.6757564 9.86713174,12.6784012 9.8709825,12.6810948 C9.87717952,12.6854434 9.88332282,12.6898082 9.88964522,12.6939297 C9.89566314,12.6978726 9.90180643,12.7015722 9.90793182,12.7053042 C9.91511392,12.7097015 9.92234976,12.7139852 9.92967514,12.7181229 C9.93730777,12.7224848 9.94503466,12.7267098 9.95285131,12.7307955 C9.95652296,12.732694 9.96026625,12.7344951 9.96399163,12.7363286 C9.97196179,12.740304 9.97998569,12.7441496 9.98808123,12.747833 C10.0002504,12.7533312 10.0125898,12.7585149 10.0250843,12.7633776 C10.0278425,12.7644485 10.0306186,12.7655519 10.0333947,12.7665904 C10.0440336,12.7705982 10.054744,12.7743627 10.065562,12.7778838 L10.0691799,12.7791007 C10.0944158,12.7871814 10.1200277,12.7939477 10.1459263,12.7993997 C10.1472696,12.7996917 10.1486129,12.7999027 10.1499741,12.8001947 C10.1641704,12.8030999 10.1784641,12.8056 10.1928339,12.8076912 C10.2020936,12.8090704 10.2113533,12.810255 10.2206488,12.8113097 C10.2246608,12.8117478 10.2286369,12.8122021 10.2326489,12.8125915 C10.2413713,12.8134191 10.2501116,12.8140681 10.2588698,12.8146198 C10.2630788,12.8148956 10.2672877,12.8152202 10.2715146,12.8154311 C10.2814907,12.8158854 10.2914669,12.8161126 10.3014609,12.81621 C10.3040221,12.8162262 10.3065654,12.8164047 10.3091266,12.8164047 C10.3203923,12.8164047 10.331658,12.8160801 10.3429058,12.8155934 L10.3446073,12.8155122 C10.3553177,12.8150254 10.3659924,12.8143115 10.3766849,12.8133866 L10.379873,12.8130945 C10.3908393,12.8121143 10.4017794,12.8109079 10.412685,12.8094761 L10.4130611,12.8094274 C10.4361275,12.8063721 10.4590147,12.8022945 10.4816404,12.7972091 L10.4816583,12.7971929 C10.4941222,12.7943794 10.5064971,12.791252 10.5187688,12.7878142 C10.5272942,12.7854452 10.5357838,12.7829139 10.5442375,12.7802528 C10.5467629,12.7794577 10.5492704,12.7786789 10.5517778,12.7778676 C10.5600993,12.7751421 10.5683635,12.772275 10.5765659,12.7692677 C10.5787868,12.7684564 10.5810256,12.76771 10.5832286,12.7668987 C10.5927919,12.7632915 10.6022687,12.7594991 10.6116526,12.7555241 C10.61656,12.7534472 10.6213959,12.751208 10.6262496,12.7490337 C10.630781,12.7470054 10.6353123,12.7449934 10.6397899,12.7428677 C10.6455034,12.740158 10.651181,12.7373346 10.6568228,12.7344788 C10.6664314,12.7296738 10.6759032,12.7246474 10.6852288,12.7194047 C10.6878796,12.7179119 10.6905303,12.7163542 10.6931811,12.714829 C10.722822,12.6977004 10.7510243,12.6786097 10.7775574,12.6577129 C10.7933186,12.645381 10.8084529,12.6325948 10.8227276,12.6192894 L14.3514507,9.34627987 C14.6279169,9.08985799 14.6225796,8.6789307 14.3395223,8.42846383 C14.0563934,8.17801317 13.6028284,8.18283234 13.3263443,8.43925422 L13.3263443,8.43925422 Z" id="形状" fill="#686868"/>
+                </g>
+            </g>
+            <g />
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/assets/images/icon/gonggao.svg b/src/assets/images/icon/gonggao.svg
new file mode 100644
index 0000000..a374f63
--- /dev/null
+++ b/src/assets/images/icon/gonggao.svg
@@ -0,0 +1,15 @@
+<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
+    <title>通知公告</title>
+    <desc>Created with Sketch.</desc>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="个人模块" transform="translate(0.000000, -104.000000)">
+            <circle id="椭圆形备份-2" stroke="#BCBABA" stroke-width="0.6" cx="15" cy="119" r="14"/>
+            <g id="公告" transform="translate(5.000000, 107.000000)" fill-rule="nonzero">
+                <rect id="矩形" fill="#19547B" opacity="0" x="0" y="0" width="20" height="20"/>
+                <path d="M9.95410156,2 C11.1453711,2 12.1110742,2.96539063 12.1110742,4.15625 C12.1110742,4.20736328 12.1093164,4.25804688 12.1058008,4.30828125 C12.1194727,4.31683594 12.1329883,4.32605469 12.1462109,4.3359375 L16.3557812,7.48046875 L17.099082,7.48048828 C17.9677148,7.48048828 18.671875,8.18441406 18.671875,9.05275391 L18.671875,18.3965039 C18.671875,19.2648438 17.9677148,19.9687695 17.099082,19.9687695 L2.76419922,19.9687695 C1.89556641,19.9687695 1.19140625,19.2648242 1.19140625,18.3964844 L1.19140625,9.05273438 C1.19140625,8.18439453 1.89556641,7.48046875 2.76419922,7.48046875 L3.82203125,7.48044922 L7.82308594,4.49171875 C7.80760127,4.39249846 7.79902595,4.29232257 7.79742187,4.19191406 L7.79712891,4.15625 C7.79712891,2.96539063 8.76285156,2 9.95410156,2 Z M17.099082,8.6484375 L2.76419922,8.6484375 C2.54482422,8.6484375 2.36625,8.82304688 2.35994141,9.04082031 L2.35976562,9.05273438 L2.35976562,18.3964844 C2.35976562,18.6157813 2.53443359,18.7942969 2.75226562,18.8006055 L2.76419922,18.8007813 L17.099082,18.8007813 C17.318457,18.8007813 17.4970312,18.6261719 17.5033398,18.4083984 L17.5035156,18.3964844 L17.5035156,9.05273438 C17.5035156,8.8334375 17.3288477,8.65492188 17.1110156,8.64861328 L17.099082,8.6484375 Z M15.0016211,14.7802734 C15.3242578,14.7802734 15.5858008,15.0417383 15.5858008,15.3642578 C15.5858008,15.682168 15.3316797,15.9407617 15.0154102,15.9480859 L15.0016211,15.9482422 L4.83130859,15.9482422 C4.50865234,15.9482422 4.24712891,15.6867773 4.24712891,15.3642578 C4.24712891,15.0463477 4.50123047,14.7877539 4.8175,14.7804297 L4.83128906,14.7802734 L15.0016211,14.7802734 Z M10.234668,11.4560547 C10.5573242,11.4560547 10.8188477,11.7175195 10.8188477,12.0400391 C10.8188477,12.3579492 10.5647461,12.616543 10.248457,12.6238672 L10.234668,12.6240234 L4.83128906,12.6240234 C4.50867187,12.6240234 4.24710937,12.3625586 4.24710937,12.0400391 C4.24710937,11.7221289 4.50125,11.4635352 4.8175,11.4562109 L4.83128906,11.4560547 L10.234668,11.4560547 Z M11.6819727,5.44716797 C11.2885742,5.9725 10.6610742,6.3125 9.95410156,6.3125 C9.30521484,6.3125 8.72324219,6.02605469 8.3278125,5.57275391 L5.77390625,7.48044922 L14.4039258,7.48044922 L11.6819727,5.44716797 Z M9.95410156,3.16796875 C9.40810547,3.16796875 8.96548828,3.61042969 8.96548828,4.15625 C8.96548828,4.70207031 9.40810547,5.14453125 9.95410156,5.14453125 C10.5000977,5.14453125 10.9427148,4.70207031 10.9427148,4.15625 C10.9427148,3.61042969 10.5000977,3.16796875 9.95410156,3.16796875 L9.95410156,3.16796875 Z" id="形状" fill="#686868"/>
+            </g>
+            <g id="编组-3"/>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/assets/images/icon/ico-addr.png b/src/assets/images/icon/ico-addr.png
new file mode 100644
index 0000000..1523d81
Binary files /dev/null and b/src/assets/images/icon/ico-addr.png differ
diff --git a/src/assets/images/icon/ico-img-active.png b/src/assets/images/icon/ico-img-active.png
new file mode 100644
index 0000000..3167f5e
Binary files /dev/null and b/src/assets/images/icon/ico-img-active.png differ
diff --git a/src/assets/images/icon/ico-img.png b/src/assets/images/icon/ico-img.png
new file mode 100644
index 0000000..1d7524b
Binary files /dev/null and b/src/assets/images/icon/ico-img.png differ
diff --git a/src/assets/images/icon/ico-info-active.png b/src/assets/images/icon/ico-info-active.png
new file mode 100644
index 0000000..297e8c9
Binary files /dev/null and b/src/assets/images/icon/ico-info-active.png differ
diff --git a/src/assets/images/icon/ico-infoPp.png b/src/assets/images/icon/ico-infoPp.png
new file mode 100644
index 0000000..a92f3c1
Binary files /dev/null and b/src/assets/images/icon/ico-infoPp.png differ
diff --git a/src/assets/images/icon/ico-love.png b/src/assets/images/icon/ico-love.png
new file mode 100644
index 0000000..7361349
Binary files /dev/null and b/src/assets/images/icon/ico-love.png differ
diff --git a/src/assets/images/icon/ico-notice-active.png b/src/assets/images/icon/ico-notice-active.png
new file mode 100644
index 0000000..a94edfa
Binary files /dev/null and b/src/assets/images/icon/ico-notice-active.png differ
diff --git a/src/assets/images/icon/ico-notice.png b/src/assets/images/icon/ico-notice.png
new file mode 100644
index 0000000..61f2fe4
Binary files /dev/null and b/src/assets/images/icon/ico-notice.png differ
diff --git a/src/assets/images/icon/ico-time.png b/src/assets/images/icon/ico-time.png
new file mode 100644
index 0000000..3da0c76
Binary files /dev/null and b/src/assets/images/icon/ico-time.png differ
diff --git a/src/assets/images/icon/kefu_1.svg b/src/assets/images/icon/kefu_1.svg
new file mode 100644
index 0000000..ebf0dac
--- /dev/null
+++ b/src/assets/images/icon/kefu_1.svg
@@ -0,0 +1,10 @@
+<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>官方客服</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <circle id="椭圆形备份-7" stroke="#BCBABA" stroke-width="0.6" cx="15" cy="15" r="14"/>
+        <g id="客服" transform="translate(6.000000, 6.000000)" fill-rule="nonzero">
+            <rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="18" height="18"/>
+            <path d="M9.01933594,1.59609375 C9.96503906,1.59609375 10.884375,1.76660156 11.7509766,2.10410156 C12.5894531,2.43105469 13.3435547,2.90039063 13.9904297,3.49628906 C14.6408203,4.09570312 15.1523437,4.7953125 15.5109375,5.57578125 C15.8835937,6.38613281 16.0716797,7.24921875 16.0716797,8.13691406 C16.0716797,9.51328125 15.6164062,10.8298828 14.7550781,11.9443359 C13.9166016,13.0253906 12.7634766,13.8357422 11.4205078,14.2875 C11.2482422,14.3455078 10.9248047,14.7146484 10.6875,14.9835938 C10.1917969,15.5513672 9.67851562,16.1367188 9.00175781,16.1367188 C8.31621094,16.1367188 7.8046875,15.5478516 7.3125,14.9783203 C7.07871094,14.7076172 6.75703125,14.3367187 6.58125,14.2769531 C5.2453125,13.8216797 4.10097656,13.0095703 3.27304687,11.9302734 C2.41875,10.8175781 1.96699219,9.50625 1.96699219,8.13691406 C1.96699219,7.24921875 2.15507812,6.38613281 2.52773437,5.57578125 C2.88632812,4.7953125 3.39609375,4.09570313 4.04824219,3.49628906 C4.69511719,2.89863281 5.44921875,2.43105469 6.28769531,2.10410156 C7.15253906,1.76660156 8.071875,1.59609375 9.01933594,1.59609375 Z M9.01757812,2.64902344 C5.71113281,2.64902344 3.02167969,5.10996094 3.02167969,8.13691406 C3.02167969,10.4167969 4.58964844,12.4822266 6.92226562,13.2802734 C7.36875,13.4332031 7.72910156,13.8480469 8.11054687,14.2892578 C8.30390625,14.5125 8.50429687,14.7445312 8.68886719,14.9027344 C8.88574219,15.0714844 8.97890625,15.0837891 9.00175781,15.0837891 C9.01757812,15.0837891 9.10898437,15.075 9.31289062,14.9027344 C9.49921875,14.7445312 9.69960937,14.5142578 9.89472656,14.2910156 C10.2779297,13.8533203 10.6417969,13.4384766 11.0847656,13.2890625 C13.4349609,12.4980469 15.0134766,10.4273438 15.0134766,8.13515625 C15.0134766,5.10996094 12.3240234,2.64902344 9.01757812,2.64902344 Z M11.9355469,7.59902344 C12.2273437,7.59902344 12.4628906,7.83457031 12.4628906,8.12636719 C12.4628906,10.0423828 10.9037109,11.6015625 8.98769531,11.6015625 C7.07167969,11.6015625 5.5125,10.0423828 5.5125,8.12636719 C5.5125,7.83457031 5.74804687,7.59902344 6.03984375,7.59902344 C6.33164062,7.59902344 6.5671875,7.83457031 6.5671875,8.12636719 C6.5671875,9.46054688 7.65351562,10.546875 8.98769531,10.546875 C10.321875,10.546875 11.4082031,9.46054688 11.4082031,8.12636719 C11.4082031,7.83457031 11.64375,7.59902344 11.9355469,7.59902344 Z" id="形状结合" fill="#686868"/>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/assets/images/icon/mingxi.svg b/src/assets/images/icon/mingxi.svg
new file mode 100644
index 0000000..d39bdf3
--- /dev/null
+++ b/src/assets/images/icon/mingxi.svg
@@ -0,0 +1,15 @@
+<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
+    <title>账户明细</title>
+    <desc>Created with Sketch.</desc>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="个人模块" transform="translate(-177.000000, 0.000000)">
+            <circle id="椭圆形备份-4" stroke="#BCBABA" stroke-width="0.6" cx="192" cy="15" r="14"/>
+            <g id="账户信息" transform="translate(183.000000, 6.000000)" fill-rule="nonzero">
+                <rect id="矩形" fill="#595959" opacity="0" x="0" y="0" width="18" height="18"/>
+                <path d="M16.0888857,2.28997339 L1.90735481,2.28997339 C1.02269661,2.28997339 0.302968582,3.00970143 0.302968582,3.89435962 L0.302968582,13.72277 C0.302968582,14.6074462 1.02269661,15.3271562 1.90735481,15.3271562 L16.0888857,15.3271562 C16.9735619,15.3271562 17.693272,14.6074282 17.693272,13.72277 L17.693272,3.89435962 C17.693272,3.00968344 16.9735439,2.28997339 16.0888857,2.28997339 Z M1.90735481,3.45918067 L16.0888857,3.45918067 C16.328861,3.45918067 16.5240647,3.65440231 16.5240647,3.89435963 L16.5240647,5.29944098 L1.47217586,5.29944098 L1.47217586,3.89435963 C1.47217586,3.65440231 1.6673975,3.45918067 1.90735481,3.45918067 Z M16.0888857,14.1579489 L1.90735481,14.1579489 C1.6673975,14.1579489 1.47217586,13.9627093 1.47217586,13.72277 L1.47217586,6.29771015 L16.5240647,6.29771015 L16.5240647,13.72277 C16.5240647,13.9627273 16.328861,14.1579489 16.0888857,14.1579489 Z M14.967544,8.6449927 L11.7672438,8.6449927 C11.4453521,8.6449927 11.1819926,8.38163326 11.1819926,8.05974151 L11.1819926,8.05974151 C11.1819926,7.73784976 11.4453521,7.4744903 11.7672438,7.4744903 L14.967544,7.4744903 C15.2894358,7.4744903 15.5527952,7.73784974 15.5527952,8.05974149 L15.5527952,8.05974149 C15.5527952,8.38163326 15.2894358,8.6449927 14.967544,8.6449927 Z" id="形状" fill="#686868"/>
+            </g>
+            <g id="编组-3"/>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/assets/images/icon/user.svg b/src/assets/images/icon/user.svg
new file mode 100644
index 0000000..71856ff
--- /dev/null
+++ b/src/assets/images/icon/user.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30" height="30" viewBox="0 0 30 30">
+  <defs>
+    <clipPath id="clip-iPhone_X_XS_11_Pro_6">
+      <rect width="30" height="30"/>
+    </clipPath>
+  </defs>
+  <g id="iPhone_X_XS_11_Pro_6" data-name="iPhone X、XS、11 Pro – 6" clip-path="url(#clip-iPhone_X_XS_11_Pro_6)">
+    <g id="组_35" data-name="组 35" transform="translate(-5 -5)">
+      <path id="路径_32" data-name="路径 32" d="M121.921,104.862a5.671,5.671,0,1,0-5.117,0,8.093,8.093,0,0,0-5.52,7.663.687.687,0,0,0,1.373,0,6.706,6.706,0,1,1,13.412,0,.687.687,0,0,0,1.373,0,8.093,8.093,0,0,0-5.521-7.663ZM115.064,99.8a4.3,4.3,0,1,1,4.3,4.3A4.3,4.3,0,0,1,115.064,99.8Z" transform="translate(-99.376 -84.774)" fill="#595959"/>
+      <path id="路径_33" data-name="路径 33" d="M90.838,69.673a14.966,14.966,0,1,0,4.383,10.582,14.868,14.868,0,0,0-4.383-10.582ZM80.256,93.849A13.593,13.593,0,1,1,93.849,80.256,13.608,13.608,0,0,1,80.256,93.849Z" transform="translate(-60.222 -60.222)" fill="#bcbaba" opacity="0.3"/>
+    </g>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/src/assets/images/icon/wallet.png b/src/assets/images/icon/wallet.png
new file mode 100644
index 0000000..56c0954
Binary files /dev/null and b/src/assets/images/icon/wallet.png differ
diff --git a/src/assets/images/icon/youxi.svg b/src/assets/images/icon/youxi.svg
new file mode 100644
index 0000000..d3cfc4c
--- /dev/null
+++ b/src/assets/images/icon/youxi.svg
@@ -0,0 +1,15 @@
+<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
+    <title>游戏记录</title>
+    <desc>Created with Sketch.</desc>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="个人模块" transform="translate(0.000000, -51.000000)">
+            <circle id="椭圆形备份" stroke="#BCBABA" stroke-width="0.6" cx="15" cy="66" r="14"/>
+            <g id="游戏" transform="translate(5.000000, 56.000000)" fill-rule="nonzero">
+                <rect id="矩形" fill="#595959" opacity="0" x="0" y="0" width="20" height="20"/>
+                <path d="M14.1666667,2.91666666 C16.9279167,2.91666666 19.1666667,5.15541666 19.1666667,7.91666666 L19.1666667,13.75 C19.1666667,14.9409461 18.531448,16.0414646 17.5000737,16.636964 C16.4686993,17.2324633 15.1979674,17.2324633 14.166593,16.636964 C13.1352186,16.0414646 12.4999088,14.9409461 12.5,13.75 L12.5,12.9166667 L7.49958334,12.9166667 L7.5,13.75 C7.50009116,14.9409461 6.86478136,16.0414646 5.833407,16.636964 C4.80203264,17.2324633 3.5313007,17.2324633 2.49992634,16.636964 C1.46855198,16.0414646 0.83333334,14.9409461 0.83333334,13.75 L0.83333334,7.91666666 C0.83333334,5.15541666 3.07208334,2.91666666 5.83333334,2.91666666 L14.1666667,2.91666666 Z M13.75,4.16666666 L6.25,4.16666666 C3.9875,4.16666666 2.14666666,5.96958332 2.085,8.21666666 L2.08333334,8.33333334 L2.08333334,13.75 C2.08479558,14.8819245 2.98978586,15.805582 4.12144465,15.8301512 C5.25310344,15.8547205 6.19732886,14.9712111 6.24791666,13.8404167 L6.25,13.75 L6.25,12.0833333 C6.24999999,11.9728265 6.29389868,11.8668457 6.37203883,11.7887055 C6.45017899,11.7105653 6.55615979,11.6666667 6.66666666,11.6666667 L13.3333333,11.6666667 C13.4438402,11.6666667 13.549821,11.7105653 13.6279612,11.7887055 C13.7061013,11.8668457 13.75,11.9728265 13.75,12.0833333 L13.75,13.75 C13.751462,14.8819247 14.6564524,15.8055824 15.7881113,15.8301517 C16.9197703,15.8547209 17.8639958,14.9712113 17.9145833,13.8404167 L17.9166667,13.75 L17.9166667,8.33333334 C17.9166667,6.03208334 16.05125,4.16666666 13.75,4.16666666 Z M13.9583333,9.16666666 C14.3035113,9.16666666 14.5833333,9.44648869 14.5833333,9.79166666 C14.5833333,10.1368446 14.3035113,10.4166667 13.9583333,10.4166667 C13.6131554,10.4166667 13.3333333,10.1368446 13.3333333,9.79166666 C13.3333333,9.44648869 13.6131554,9.16666666 13.9583333,9.16666666 Z M6.04166666,6.66666666 C6.38684463,6.66666666 6.66666666,6.94648869 6.66666666,7.29166666 L6.66666666,7.91666666 L7.29166666,7.91666666 C7.63684463,7.91666666 7.91666666,8.19648869 7.91666666,8.54166666 C7.91666666,8.88684463 7.63684463,9.16666666 7.29166666,9.16666666 L6.66666666,9.16666666 L6.66666666,9.79166666 C6.66666666,10.1368446 6.38684463,10.4166667 6.04166666,10.4166667 C5.69648869,10.4166667 5.41666666,10.1368446 5.41666666,9.79166666 L5.41666666,9.16666666 L4.79166666,9.16666666 C4.44648869,9.16666666 4.16666666,8.88684463 4.16666666,8.54166666 C4.16666666,8.19648869 4.44648869,7.91666666 4.79166666,7.91666666 L5.41666666,7.91666666 L5.41666666,7.29166666 C5.41666666,6.94648869 5.69648869,6.66666666 6.04166666,6.66666666 L6.04166666,6.66666666 Z M15.2083333,7.91666666 C15.5535113,7.91666666 15.8333333,8.19648869 15.8333333,8.54166666 C15.8333333,8.88684463 15.5535113,9.16666666 15.2083333,9.16666666 C14.8631554,9.16666666 14.5833333,8.88684463 14.5833333,8.54166666 C14.5833333,8.19648869 14.8631554,7.91666666 15.2083333,7.91666666 Z M12.7083333,7.91666666 C13.0535113,7.91666666 13.3333333,8.19648869 13.3333333,8.54166666 C13.3333333,8.88684463 13.0535113,9.16666666 12.7083333,9.16666666 C12.3631554,9.16666666 12.0833333,8.88684463 12.0833333,8.54166666 C12.0833333,8.19648869 12.3631554,7.91666666 12.7083333,7.91666666 Z M13.9583333,6.66666666 C14.3035113,6.66666666 14.5833333,6.94648869 14.5833333,7.29166666 C14.5833333,7.63684463 14.3035113,7.91666666 13.9583333,7.91666666 C13.6131554,7.91666666 13.3333333,7.63684463 13.3333333,7.29166666 C13.3333333,6.94648869 13.6131554,6.66666666 13.9583333,6.66666666 Z" id="形状" fill="#686868"/>
+            </g>
+            <g id="编组-3"/>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/axios/index.js b/src/axios/index.js
new file mode 100644
index 0000000..12ce4f2
--- /dev/null
+++ b/src/axios/index.js
@@ -0,0 +1,37 @@
+import router from "@/router";
+import axios from "axios";
+
+const axiosIns = axios.create({
+  baseURL: `${import.meta.env.VITE_APP_BASE_URL}/api`,
+  // timeout: 1000,
+  // headers: {'X-Custom-Header': 'foobar'}
+});
+
+axiosIns.interceptors.request.use((config) => {
+  const token = localStorage.getItem("accessToken");
+  if (token) {
+    config.headers = config.headers || {};
+    config.headers.Authorization = token ? `Bearer ${token}` : "";
+  }
+  return config;
+});
+
+axiosIns.interceptors.response.use(
+  (response) => {
+    return response.data;
+  },
+  (error) => {
+    console.log(error)
+    if (error.response.status === 401) {
+      localStorage.removeItem("accessToken");
+
+      // If 401
+      router.push("/login");
+      return Promise.reject(error.response.data);
+    } else {
+      return Promise.reject(error.response.data);
+    }
+  }
+);
+
+export default axiosIns;
diff --git a/src/components/auth/Login.vue b/src/components/auth/Login.vue
new file mode 100644
index 0000000..02b649d
--- /dev/null
+++ b/src/components/auth/Login.vue
@@ -0,0 +1,120 @@
+<script setup>
+import { ref, reactive } from "vue";
+
+import axios from "@/axios";
+import API from "@/api";
+import { handleRequest } from "@/helpers/request";
+import { showFailToast } from "vant";
+
+import { useRouter } from "vue-router";
+import { useUserStore } from "@/store/user";
+ 
+const router = useRouter();
+const userStore = useUserStore();
+
+const loginData = reactive({
+  username: "",
+  password: "",
+});
+
+const showPassword = ref(false);
+
+function submitLogin() {
+  handleRequest(axios.post(API.LOGIN, loginData)).then((res) => {
+    if(res.success) {
+      userStore.login(res.data)
+      router.push("/mine")
+    } else {
+      showFailToast(res.message ?? "Lỗi đăng nhập")
+    }
+  });
+}
+</script>
+
+
+<template>
+  <div class="bg-container page">
+    <img src="@/assets/images/common/bgGirl.png" class="bg-img" />
+    <div class="bg-wrapper">
+      <div class="login">
+        <div class="nav-bar van-nav-bar van-hairline--bottom">
+          <div class="van-nav-bar__content">
+            <div @click="$router.go(-1)" class="van-nav-bar__left">
+              <i
+                class="van-icon van-icon-arrow-left"
+                style="color: rgb(255, 255, 255)"
+              ></i>
+            </div>
+            <div class="van-nav-bar__title van-ellipsis"></div>
+            <div class="van-nav-bar__right">
+              <div class="language">
+                <img src="@/assets/images/common/vn.png" />
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="wrapper">
+          <div class="logo-container">
+            <div class="logo-wrapper">
+              <img src="@/assets/images/common/logo.png" class="logo-img" />
+            </div>
+          </div>
+          <div class="title">Đăng Nhập</div>
+          <div class="loginForm">
+            <div class="input van-cell van-field">
+              <div
+                class="van-cell__value van-cell__value--alone van-field__value"
+              >
+                <div class="van-field__body">
+                  <input
+                    v-model="loginData.username"
+                    type="text"
+                    placeholder="Vui lòng nhập tên đăng nhập"
+                    class="van-field__control van-field__control--center"
+                  />
+                </div>
+              </div>
+            </div>
+            <div class="input van-cell van-field">
+              <div
+                class="van-cell__value van-cell__value--alone van-field__value"
+              >
+                <div class="van-field__body">
+                  <input
+                    v-model="loginData.password"
+                    :type="!showPassword ? 'password': 'text'"
+                    placeholder="Vui lòng nhập mật khẩu đăng nhập"
+                    class="van-field__control van-field__control--center"
+                  />
+                  <div class="van-field__right-icon">
+                    <van-icon name="closed-eye" v-if="!showPassword" @click="showPassword = !showPassword"/>
+                    <van-icon name="eye-o" v-else @click="showPassword = !showPassword"/>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="reset-text">
+              <span>Quên mật khẩu?</span>
+            </div>
+            <router-link to="/register" class="register-text">
+              <span> Không có tài khoản？Đăng ký ngay</span>
+            </router-link>
+            <button
+              class="login-btn van-button van-button--normal"
+              @click="submitLogin"
+            >
+              <div class="van-button__content">
+                <span class="van-button__text">Đăng nhập</span>
+              </div>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<style scoped>
+.van-field__control {
+  color: #323233;
+}
+</style>
diff --git a/src/components/auth/Register.vue b/src/components/auth/Register.vue
new file mode 100644
index 0000000..17ac53d
--- /dev/null
+++ b/src/components/auth/Register.vue
@@ -0,0 +1,138 @@
+<script setup>
+import { ref, reactive } from "vue";
+
+import axios from "@/axios";
+import API from "@/api";
+import { handleRequest } from "@/helpers/request";
+import { showFailToast } from "vant";
+
+import { useRouter } from "vue-router";
+import { useUserStore } from "@/store/user";
+
+const router = useRouter();
+const userStore = useUserStore();
+
+const formData = reactive({
+  username: "",
+  password: "",
+  code: ""
+});
+
+const showPassword = ref(false);
+
+function submitForm() {
+  handleRequest(axios.post(API.REGISTER, formData)).then((res) => {
+    if (res.success) {
+      userStore.login(res.data);
+      showFailToast("Đăng ký tài khoản thành công.")
+      router.push("/mine");
+    } else {
+      showFailToast(res.message ?? "Lỗi đăng nhập");
+    }
+  });
+}
+</script>
+
+
+<template>
+  <div class="bg-container page">
+    <img src="@/assets/images/common/bgGirl.png" class="bg-img" />
+    <div class="bg-wrapper">
+      <div class="register">
+        <div class="nav-bar van-nav-bar van-hairline--bottom">
+          <div class="van-nav-bar__content">
+            <div @click="$router.go(-1)" class="van-nav-bar__left">
+              <i
+                class="van-icon van-icon-arrow-left"
+                style="color: rgb(255, 255, 255)"
+              ></i>
+            </div>
+            <div class="van-nav-bar__title van-ellipsis"></div>
+          </div>
+        </div>
+        <div class="wrapper">
+          <div class="logo-container">
+            <div class="logo-wrapper">
+              <img src="@/assets/images/common/logo.png" class="logo-img" />
+            </div>
+          </div>
+          <div class="title">Đăng ký</div>
+          <div class="loginForm">
+            <div class="input van-cell van-field">
+              <div
+                class="van-cell__value van-cell__value--alone van-field__value"
+              >
+                <div class="van-field__body">
+                  <input
+                    v-model="formData.username"
+                    type="text"
+                    placeholder="Vui lòng nhập tên đăng nhập"
+                    class="van-field__control van-field__control--center"
+                  />
+                </div>
+              </div>
+            </div>
+            <div class="input van-cell van-field">
+              <div
+                class="van-cell__value van-cell__value--alone van-field__value"
+              >
+                <div class="van-field__body">
+                  <input
+                    v-model="formData.password"
+                    type="password"
+                    placeholder="Vui lòng nhập mật khẩu đăng nhập"
+                    class="van-field__control van-field__control--center"
+                  />
+                  <div class="van-field__right-icon">
+                    <i class="van-icon van-icon-closed-eye"></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="input van-cell van-field">
+              <div
+                class="van-cell__value van-cell__value--alone van-field__value"
+              >
+                <div class="van-field__body">
+                  <input
+                    v-model="formData.code"
+                    type="text"
+                    placeholder="Nhập mã giới thiệu"
+                    class="van-field__control van-field__control--center"
+                  />
+                </div>
+              </div>
+            </div>
+            <div class="agreement">
+              <div
+                role="checkbox"
+                tabindex="0"
+                aria-checked="true"
+                class="van-checkbox"
+              >
+                <div
+                  class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked"
+                >
+                  <i class="van-icon van-icon-success"></i>
+                </div>
+              </div>
+              <span class="agreement-text"
+                >Tôi đã biết và đồng ý Thỏa thuận mở tài khoản Hiệp ước</span
+              >
+            </div>
+            <button class="login-btn van-button van-button--normal" @click="submitForm">
+              <div class="van-button__content">
+                <span class="van-button__text">Đăng ký</span>
+              </div>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<style scoped>
+.van-field__control {
+  color: #323233;
+}
+</style>
diff --git a/src/components/auth/SetLoginPassword.vue b/src/components/auth/SetLoginPassword.vue
new file mode 100644
index 0000000..be30bc9
--- /dev/null
+++ b/src/components/auth/SetLoginPassword.vue
@@ -0,0 +1,112 @@
+<script setup>
+import { ref, reactive, watch } from "vue";
+
+import axios from "@/axios";
+import API from "@/api";
+import { handleRequest } from "@/helpers/request";
+import { showFailToast } from "vant";
+
+import { useRouter } from "vue-router";
+import { useUserStore } from "@/store/user";
+import { storeToRefs } from "pinia";
+
+const router = useRouter();
+const userStore = useUserStore();
+const { userInfo } = storeToRefs(userStore);
+
+const formData = reactive({
+  password: "",
+  newPassword: "",
+  confirmPassword: "",
+});
+
+function submit() {
+  const { password, newPassword ,confirmPassword } = formData
+  if(newPassword !== confirmPassword) {
+    return showFailToast("Mật khẩu mới không khớp");
+  }
+  handleRequest(axios.post(API.CHANGE_PASSWORD, { password, newPassword})).then((res) => {
+    if (res.success) {
+      router.go(-1);
+    } else {
+      showFailToast(res.message ?? "Lỗi");
+    }
+  });
+}
+</script>
+
+<template>
+  <div class="container page">
+    <div class="nav-bar van-nav-bar van-hairline--bottom">
+      <div class="van-nav-bar__content">
+        <div @click="$router.go(-1)" class="van-nav-bar__left">
+          <i
+            class="van-icon van-icon-arrow-left"
+            style="color: rgb(255, 255, 255)"
+          ></i>
+        </div>
+        <div class="van-nav-bar__title van-ellipsis">
+          Thay đổi mật khẩu đăng nhập
+        </div>
+      </div>
+    </div>
+    <div class="van-cell-group van-hairline--top-bottom">
+      <div class="van-cell van-field">
+        <div class="van-cell__title van-field__label">
+          <span>Mật khẩu cũ</span>
+        </div>
+        <div class="van-cell__value van-field__value">
+          <div class="van-field__body">
+            <input
+              v-model="formData.password"
+              type="text"
+              placeholder="Vui lòng nhập mật khẩu cũ của bạn"
+              class="van-field__control"
+              style="color: #323233"
+            />
+          </div>
+        </div>
+      </div>
+      <div class="van-cell van-field">
+        <div class="van-cell__title van-field__label">
+          <span>Mật khẩu mới</span>
+        </div>
+        <div class="van-cell__value van-field__value">
+          <div class="van-field__body">
+            <input
+              v-model="formData.newPassword"
+              type="text"
+              placeholder="Vui lòng nhập mật khẩu mới của bạn"
+              class="van-field__control"
+              style="color: #323233"
+            />
+          </div>
+        </div>
+      </div>
+      <div class="van-cell van-field">
+        <div class="van-cell__title van-field__label">
+          <span>Mật khẩu mới</span>
+        </div>
+        <div class="van-cell__value van-field__value">
+          <div class="van-field__body">
+            <input
+              v-model="formData.confirmPassword"
+              type="text"
+              placeholder="Vui lòng nhập lại mật khẩu mới của bạn"
+              class="van-field__control"
+              style="color: #323233"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+    <button
+      class="sub-btn van-button van-button--default van-button--normal"
+      @click="submit"
+    >
+      <div class="van-button__content">
+        <span class="van-button__text">Hoàn Thành</span>
+      </div>
+    </button>
+  </div>
+</template>
diff --git a/src/components/deposit/Channel.vue b/src/components/deposit/Channel.vue
new file mode 100644
index 0000000..d1a8471
--- /dev/null
+++ b/src/components/deposit/Channel.vue
@@ -0,0 +1,183 @@
+<script setup>
+import { reactive, ref } from "vue";
+import { showFailToast } from "vant";
+import { useUserStore } from "@/store/user";
+import { storeToRefs } from "pinia";
+import { formatNumber } from "@/helpers/format";
+import { useRouter, useRoute } from "vue-router";
+
+import axios from "@/axios";
+import API from "@/api";
+import { handleRequest } from "@/helpers/request";
+
+const router = useRouter();
+const route = useRoute();
+const userStore = useUserStore();
+const { userInfo } = storeToRefs(userStore);
+
+const type = ref("");
+
+const amount = Number(route.query.money);
+
+const bankInfo = reactive({
+  bankName: "bank",
+  accountNumber: "123456",
+  holder: "NGUYEN VAN A"
+})
+
+if (isNaN(amount) || amount <= 0) {
+  router.push("/Recharge");
+}
+
+const submit = () => {
+
+  handleRequest(axios.post(API.TRANSACTION_DEPOSIT, { amount, note: "ok" })).then(res => {
+    if(res.success) {
+      type.value = 'bank';
+    } else {
+      showFailToast(res.message ?? "Lỗi nạp tiền")
+    }
+  })
+  // if (amount.value > 0) {
+  //   router.push({ name: "Channel", query: { money: amount.value } });
+  // } else {
+  //   showFailToast("Số tiền sai");
+  // }
+};
+
+const copy = (filed) => {
+  navigator.clipboard.writeText(bankInfo[filed]);
+  showFailToast("Thành công");
+};
+
+</script>
+
+<template>
+  <div class="container page">
+    <div class="header">
+      <div class="nav-bar van-nav-bar">
+        <div class="van-nav-bar__content">
+          <div @click="type === '' ? $router.go(-1): $router.push('/mine')" class="van-nav-bar__left">
+            <i
+              class="van-icon van-icon-arrow-left"
+              style="color: rgb(255, 255, 255)"
+            ></i>
+          </div>
+          <div class="van-nav-bar__title van-ellipsis">NẠP ĐIỂM</div>
+        </div>
+      </div>
+      <div class="content recharge">
+        <div v-if="!type">
+          <div style="width: 100%"><div class="payBtn" @click="submit">Bank</div></div>
+        </div>
+
+        <div class="bank" style="display: block" v-else-if="type =='bank'">
+          <div class="text-container" style="margin-top: 0.25rem">
+            <span class="bank-title input-text">Tên ngân hàng:</span>
+            <div class="bank-content">
+              <span class="text" id="seno">{{ bankInfo.bankName }}</span>
+              <span class="btn" @click="copy('bankName')">Nhấn để sao chép</span>
+            </div>
+          </div>
+
+          <div class="text-container bank-username bank-info-main">
+            <span class="bank-title bank-info-username">số thẻ ngân hàng:</span>
+            <div class="bank-content">
+              <span class="text" id="copy1">{{ bankInfo.accountNumber }}</span>
+              <span class="btn" @click="copy('accountNumber')">Nhấn để sao chép</span>
+            </div>
+          </div>
+          <div class="text-container bank-account bank-info-main">
+            <span class="bank-title bank-info-account">Họ Tên:</span>
+            <div class="bank-content">
+              <span class="text" id="copy2">{{ bankInfo.holder }}</span>
+              <span class="btn" @click="copy('holder')">Nhấn để sao chép</span>
+            </div>
+          </div>
+
+          <!-- <div
+            class="text-container bank-name bank-info-main"
+            style="display: none"
+          >
+            <span class="bank-title bank-info-name">số seri:</span>
+            <div class="bank-content">
+              <span class="text" id="copy3">6014</span>
+              <span class="btn" onclick="copy1('copy3')">Nhấn để sao chép</span>
+            </div>
+          </div> -->
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.btn {
+  width: 118px;
+  // height: 34px;
+  padding: 15px 0;
+  margin-right: 10px;
+  background: #4964f3;
+  border: 1px solid rgba(255, 255, 255, 1);
+  box-shadow: 0px 4px 8px 0px rgba(0, 34, 215, 0.5);
+  border-radius: 12px;
+  /*line-height: 34px;*/
+  text-align: center;
+  font-family: DINAlternate-Bold;
+  font-size: 12px;
+  color: #ffffff;
+  letter-spacing: 0;
+  font-weight: 700;
+}
+
+.bank {
+  background: #ffffff;
+  padding: 10px 2px;
+  border-radius: 12px;
+}
+
+.bank > p {
+  font-family: DINAlternate-Bold;
+  font-size: 14px;
+  color: #acacb5;
+  text-align: center;
+}
+
+.bank .text-container {
+  text-align: left;
+  padding: 10px 0;
+}
+
+.bank .text-container .bank-title {
+  font-family: DINAlternate-Bold;
+  font-size: 14px;
+  color: #acacb5;
+  letter-spacing: 0;
+  font-weight: 700;
+  padding-left: 10px;
+}
+
+.bank .text-container .bank-content {
+  width: 100%;
+  padding: 5px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  border-radius: 10px;
+  color: #000000;
+}
+
+.bank-content .text {
+  width: 50%;
+  height: 34px;
+  line-height: 34px;
+  background: #f3f4fd;
+  border-radius: 12px;
+  padding: 0 10px;
+  font-family: DINAlternate-Bold;
+  font-size: 16px;
+  color: #1b1c21;
+  letter-spacing: 1.2px;
+  font-weight: 700;
+}
+</style>
diff --git a/src/components/deposit/Recharge.vue b/src/components/deposit/Recharge.vue
new file mode 100644
index 0000000..d8b3399
--- /dev/null
+++ b/src/components/deposit/Recharge.vue
@@ -0,0 +1,88 @@
+<script setup>
+import { ref } from "vue";
+import { showFailToast } from "vant";
+import { useUserStore } from "@/store/user";
+import { storeToRefs } from "pinia";
+import { formatNumber } from "@/helpers/format";
+import { useRouter } from "vue-router";
+
+const router = useRouter();
+const userStore = useUserStore();
+const { userInfo } = storeToRefs(userStore);
+
+const amount = ref("");
+
+const submit = () => {
+  if (amount.value > 0) {
+    router.push({ name: "Channel", query: { money: amount.value } });
+  } else {
+    showFailToast("Số tiền sai");
+  }
+};
+</script>
+
+<template>
+  <div class="container page">
+    <div class="header">
+      <div class="nav-bar van-nav-bar">
+        <div class="van-nav-bar__content">
+          <div @click="$router.go(-1)" class="van-nav-bar__left">
+            <i
+              class="van-icon van-icon-arrow-left"
+              style="color: rgb(255, 255, 255)"
+            ></i>
+          </div>
+          <div class="van-nav-bar__title van-ellipsis">NẠP ĐIỂM</div>
+          <router-link to="/RechargeRecord" class="van-nav-bar__right">
+            <span class="nav-right">Lịch sử quy đổi điểm</span>
+          </router-link>
+        </div>
+      </div>
+      <div class="info">
+        <p class="title">Số dư hiện tại(Đ)</p>
+        <p class="value">{{ formatNumber(userInfo?.money) }}Đ</p>
+      </div>
+      <div class="content recharge">
+        <form class="van-form" @click.prevent="submit">
+          <div class="form-item">
+            <div class="form-item-title">Vui lòng nhập số tiền nạp</div>
+            <div>
+              <div
+                class="van-cell van-field"
+                style="font-size: 15px; padding: 1.333vw 2.133vw"
+              >
+                <div
+                  class="van-cell__value van-cell__value--alone van-field__value"
+                >
+                  <div class="van-field__body">
+                    <input
+                      v-model.number="amount"
+                      type="text"
+                      name="money"
+                      placeholder="Vui lòng nhập số tiền nạp"
+                      class="van-field__control"
+                      style="color: #323233"
+                    />
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="form-item">
+            <div style="margin: 16px">
+              <button
+                type="submit"
+                class="subBtn van-button van-button--normal van-button--block van-button--round"
+                style="border: none"
+              >
+                <div class="van-button__content">
+                  <span class="van-button__text">Kế tiếp</span>
+                </div>
+              </button>
+            </div>
+          </div>
+        </form>
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/src/components/deposit/RechargeRecord.vue b/src/components/deposit/RechargeRecord.vue
new file mode 100644
index 0000000..196d6e2
--- /dev/null
+++ b/src/components/deposit/RechargeRecord.vue
@@ -0,0 +1,37 @@
+<template>
+  <div class="container page">
+    <div class="header">
+      <div class="nav-bar van-nav-bar van-hairline--bottom">
+        <div class="van-nav-bar__content">
+          <div @click="$router.go(-1)" class="van-nav-bar__left">
+            <i
+              class="van-icon van-icon-arrow-left"
+              style="color: rgb(255, 255, 255)"
+            ></i>
+          </div>
+          <div class="van-nav-bar__title van-ellipsis">
+            Lịch sử quy đổi điểm
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="main">
+      <div class="van-pull-refresh">
+        <div class="van-pull-refresh__track" style="transition-duration: 0ms">
+          <div class="van-pull-refresh__head"></div>
+          <div class="van-empty">
+            <div class="van-empty__image">
+              <img src="@/assets/images/common/empty-image-default.png" />
+            </div>
+            <p class="van-empty__description">Dữ liệu trống</p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<style scoped>
+.van-empty__description {
+  color: #969799;
+}
+</style>
diff --git a/src/components/home/Choose.vue b/src/components/home/Choose.vue
new file mode 100644
index 0000000..4302142
--- /dev/null
+++ b/src/components/home/Choose.vue
@@ -0,0 +1,62 @@
+<script setup>
+import { ref } from "vue";
+
+const activeTab = ref(0);
+</script>
+<template>
+  <div class="convention-hall page">
+    <div class="nav-bar van-nav-bar van-hairline--bottom">
+      <div class="van-nav-bar__content">
+        <div class="van-nav-bar__title van-ellipsis">CHỌN TỈNH</div>
+      </div>
+    </div>
+
+    <div class="convention-itemm">
+      <van-tabs v-model:active="activeTab" sticky swipeable>
+        <van-tab title="Thành phố">
+          <div class="card">
+            Dịch vụ cung cấp gái đẹp miễn phí trên toàn quốc , Có thể sắp xếp
+            bất cứ nơi nào tại Việt Nam và bất cứ lúc nào , Bạn chỉ cần liên hệ
+            lễ tân sẽ lập tức sắp xếp.
+          </div>
+          <div class="address">
+            <van-cell-group>
+              <van-cell title="AN GIANG" to="/list" />
+              <van-cell title="BÌNH ĐỊNH" />
+            </van-cell-group>
+          </div>
+        </van-tab>
+        <van-tab title="Giới Thiệu Nền Tảng">
+          <div class="card">
+            Dịch vụ cung cấp gái đẹp miễn phí trên toàn quốc , Có thể sắp xếp
+            bất cứ nơi nào tại Việt Nam và bất cứ lúc nào , Bạn chỉ cần liên hệ
+            lễ tân sẽ lập tức sắp xếp.
+          </div>
+          <div class="rig-box">
+            <p class="rig-title" style="margin: 18px 0">
+              Có những mẫu em gái nào?
+            </p>
+            <p class="rig-content" style="margin: 9.6px 0">
+              Người nổi tiếng trên mạng, người mẫu, tiếp viên hàng không, người
+              mẫu trẻ, sinh viên đại học, chỉ có điều bạn không nghĩ ra được và
+              bạn không thể làm được nếu không có nền tảng này
+            </p>
+            <p class="rig-title" style="margin: 18px 0">Khu vực phục vụ?</p>
+            <p class="rig-content" style="margin: 9.6px 0">
+              Các cuộc hẹn miễn phí trong cùng một thành phố, trên không ở bất
+              kỳ đâu trong cả nước, các thành phố cấp một và cấp hai tại địa
+              phương ở Việt Nam và các thành phố cấp ba cũng có thể được sắp xếp
+              bằng cách liên hệ với nhân viên tiếp tân。
+            </p>
+            <p class="rig-content" style="margin: 9.6px 0">
+              Dịch vụ cung cấp gái đẹp miễn phí trên toàn quốc , Có thể sắp xếp
+              bất cứ nơi nào tại Việt Nam và bất cứ lúc nào , Bạn chỉ cần liên
+              hệ lễ tân sẽ lập tức sắp xếp.
+            </p>
+          </div>
+        </van-tab>
+      </van-tabs>
+    </div>
+  </div>
+</template>
+<style scoped></style>
diff --git a/src/components/home/DetailGirl.vue b/src/components/home/DetailGirl.vue
new file mode 100644
index 0000000..a2b9d9c
--- /dev/null
+++ b/src/components/home/DetailGirl.vue
@@ -0,0 +1,219 @@
+<script setup>
+import { ref } from "vue";
+
+import IconNoiti from "@/assets/images/icon/ico-notice.png";
+import IcNoitiActive from "@/assets/images/icon/ico-notice-active.png";
+import IconImage from "@/assets/images/icon/ico-img.png";
+import IcImageActive from "@/assets/images/icon/ico-img-active.png";
+import IconInfo from "@/assets/images/icon/ico-infoPp.png";
+import IcInfoActive from "@/assets/images/icon/ico-notice-active.png";
+
+const isActivetab = ref("info");
+function onActivetab(index) {
+  isActivetab.value = index;
+}
+</script>
+<template>
+  <div class="nHome-detail">
+    <div class="nav-bar van-nav-bar van-hairline--bottom">
+      <div class="van-nav-bar__content">
+        <div @click="$router.go(-1)" class="van-nav-bar__left">
+          <i
+            class="van-icon van-icon-arrow-left"
+            style="color: rgb(255, 255, 255)"
+          ></i>
+        </div>
+        <div class="van-nav-bar__title van-ellipsis">NẠP ĐIỂM</div>
+      </div>
+    </div>
+    <div class="detail-title">
+      [RE-UP] NGỌC EM GÁI DỄ THƯƠNG NỤ CƯỜI TỎA NẮNG MỚI VÀO NGHỀ
+    </div>
+    <div style="display: flex">
+      <div
+        @click="onActivetab('info')"
+        class="detail-tabs"
+        :class="isActivetab === 'info' ? 'active' : ''"
+      >
+        <img
+          :src="isActivetab === 'info' ? IconInfo : IcInfoActive"
+          alt=""
+          class="detail-tabs-ico"
+        />
+        info
+      </div>
+      <div
+        @click="onActivetab('image')"
+        class="detail-tabs"
+        :class="isActivetab === 'image' ? 'active' : ''"
+      >
+        <img
+          :src="isActivetab === 'image' ? IconImage : IcImageActive"
+          alt=""
+          class="detail-tabs-ico"
+        />
+        images (6)
+      </div>
+      <div
+        @click="onActivetab('reprot')"
+        class="detail-tabs"
+        :class="isActivetab === 'reprot' ? 'active' : ''"
+      >
+        <img
+          :src="isActivetab === 'reprot' ? IconNoiti : IcNoitiActive"
+          alt=""
+          class="detail-tabs-ico"
+        />
+        reprot (20)
+      </div>
+    </div>
+    <div class="detail-content" v-if="isActivetab === 'info'">
+      <div class="movie-list-n-img">
+        <div
+          class="movie-list-n-img van-image"
+          src="@/assets/images/common/bgGirl.png"
+          lazy="loaded"
+        >
+          <img
+            src="@/assets/images/common/bgGirl.png"
+            alt=""
+            class="van-image__img"
+            style="object-fit: cover"
+          />
+        </div>
+        <div class="movie-list-n-lab">
+          Phan Đình Phùng, Phú Nhuận,Hồ Chí Minh, Vietnam
+        </div>
+      </div>
+      <div class="movie-list-n-item-bottom">
+        <div class="movie-n-time-div">
+          <img
+            src="@/assets/images/icon/ico-love.png"
+            alt=""
+            class="movie-list-ico-loves"
+          /><img
+            src="@/assets/images/icon/ico-love.png"
+            alt=""
+            class="movie-list-ico-loves"
+          /><img
+            src="@/assets/images/icon/ico-love.png"
+            alt=""
+            class="movie-list-ico-loves"
+          /><img
+            src="@/assets/images/icon/ico-love.png"
+            alt=""
+            class="movie-list-ico-loves"
+          /><img
+            src="@/assets/images/icon/ico-love.png"
+            alt=""
+            class="movie-list-ico-loves"
+          /><img
+            src="@/assets/images/icon/ico-love.png"
+            alt=""
+            class="movie-list-ico-loves"
+          />
+          <div class="movie-list-money">
+            <img
+              src="@/assets/images/icon/wallet.png"
+              alt=""
+              class="movie-list-ico-money"
+              style="width: 20px"
+            />350
+          </div>
+          <div class="movie-list-addr">
+            <img
+              src="@/assets/images/icon/ico-addr.png"
+              alt=""
+              class="movie-list-ico-addr"
+            />
+            Phú Nhuận
+          </div>
+          <div class="movie-list-notice">
+            <img
+              src="@/assets/images/icon/ico-time.png"
+              alt=""
+              class="movie-list-ico-notice"
+            />
+            1993-01-01
+          </div>
+        </div>
+      </div>
+      <div class="table-title">Thông số</div>
+      <div class="table">
+        <div class="table-list">
+          <div class="name">Pass</div>
+          <div class="content"></div>
+        </div>
+        <div class="table-list">
+          <div class="name">Năm sinh</div>
+          <div class="content">1993</div>
+        </div>
+        <div class="table-list">
+          <div class="name">Cao (cm)</div>
+          <div class="content">156</div>
+        </div>
+        <div class="table-list">
+          <div class="name">Nặng (kg)</div>
+          <div class="content">48</div>
+        </div>
+        <div class="table-list">
+          <div class="name">Vòng 1 (cm)</div>
+          <div class="content">88</div>
+        </div>
+        <div class="table-list">
+          <div class="name">Vòng 2 (cm)</div>
+          <div class="content">65</div>
+        </div>
+        <div class="table-list">
+          <div class="name">Vòng 3 (cm)</div>
+          <div class="content">90</div>
+        </div>
+        <div class="table-list">
+          <div class="name">Từ chối</div>
+          <div class="content">Say xỉn, đập đá, bạo dâm</div>
+        </div>
+      </div>
+    </div>
+    <div class="detail-content" v-if="isActivetab === 'image'">
+      <div class="tabs1">
+        <div
+          class="tabs1-img van-image"
+          src="@/assets/images/common/bgGirl.png"
+          lazy="loaded"
+        >
+          <img
+            src="@/assets/images/common/bgGirl.png"
+            alt=""
+            class="van-image__img"
+            style="object-fit: cover"
+          />
+        </div>
+      </div>
+    </div>
+    <div class="detail-content" v-if="isActivetab === 'reprot'">
+      <div class="table-title">Bình luận</div>
+      <div class="comment">
+        <div class="commentList">
+          <div class="commentList-content">
+            <!-- <img alt="" class="commentList-content-avatar" lazy="error" /> -->
+            <div style="width: 100%">
+              <div>
+                <div class="commentList-content-name">Đăng Khôi</div>
+                <div class="commentList-content-txt">
+                  E thân thiện ,nói chuyện dễ thương làm tinh phê
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<style scoped>
+.movie-list-n-img {
+  width: 100vw;
+  height: 100vw;
+  position: relative;
+}
+</style>
diff --git a/src/components/home/HomePage.vue b/src/components/home/HomePage.vue
new file mode 100644
index 0000000..414f5f7
--- /dev/null
+++ b/src/components/home/HomePage.vue
@@ -0,0 +1,228 @@
+<script setup>
+import { ref } from "vue";
+
+import { Swiper, SwiperSlide } from "swiper/vue";
+import { EffectCoverflow } from "swiper/modules";
+
+import "swiper/css";
+import "swiper/css/effect-coverflow";
+</script>
+<template>
+  <div class="home-container">
+    <div class="header linear-bg" style="height: auto">
+      <div style="flex: 1 1 0%"></div>
+    </div>
+
+    <div class="linear-bg"></div>
+    <div class="home-scroll">
+      <div class="banner">
+        <swiper
+          :grabCursor="true"
+          :centeredSlides="true"
+          :slidesPerView="'auto'"
+          :modules="[EffectCoverflow]"
+          effect="coverflow"
+          class="banner_swiper swiper-container-3d"
+        >
+          <swiper-slide>
+            <div class="banner_img van-image van-image--round">
+              <img
+                class="van-image__img"
+                src="https://api.canalis.vip/lottery/banner/20231213/8ac60765e5cffad8f4cdf99880f31e0e.png"
+              />
+            </div>
+          </swiper-slide>
+          <swiper-slide>
+            <div class="banner_img van-image van-image--round">
+              <img
+                class="van-image__img"
+                src="https://api.canalis.vip/lottery/banner/20231211/e2006090630c657813d904b6b8dc270b.jpg"
+              />
+            </div> </swiper-slide
+          ><swiper-slide>
+            <div class="banner_img van-image van-image--round">
+              <img
+                class="van-image__img"
+                src="https://api.canalis.vip/lottery/banner/20231213/6131810d990e4d590d5643820ca885b1.png"
+              />
+            </div>
+          </swiper-slide>
+        </swiper>
+      </div>
+      <div class="notice-bar">
+        <van-notice-bar
+          color="rgb(119, 95, 217)"
+          background="rgb(255, 255, 255)"
+          text="Chúng tôi là CANALIS CLUB - Một quán Bar lớn . Phục vụ tận nơi tại
+                63 tỉnh thành trên toàn quốc . Chúng tôi có những người mẫu cao
+                cấp, tiếp viên hàng không, du học sinh.... Sẵn sàng phục vụ quý
+                khách hàng !"
+          left-icon="bullhorn-o"
+          class="notice-swipe"
+        />
+        <div class="linear-gradient"></div>
+      </div>
+
+      <div class="hot-game">
+        <router-link to="/Game" class="hot-title-div">
+          <div>
+            <span>TOP 10 BÉ HOT NHẤT</span>
+          </div>
+          <div>
+            <span>Xem thêm</span
+            ><i
+              class="van-icon van-icon-arrow"
+              style="color: rgb(194, 68, 145)"
+            ></i>
+          </div>
+        </router-link>
+        <div class="hot-items-div">
+          <div class="van-grid">
+            <router-link
+              to="/Lottery"
+              class="van-grid-item"
+              style="flex-basis: 25%"
+            >
+              <div
+                class="van-grid-item__content van-grid-item__content--center"
+              >
+                <div class="game_item_img van-image">
+                  <img
+                    class="van-image__img"
+                    src="@/assets/images/common/bgGirl.png"
+                  />
+                </div>
+                <span>BỎ PHIẾU 1</span>
+              </div>
+            </router-link>
+            <div class="van-grid-item" style="flex-basis: 25%">
+              <div
+                class="van-grid-item__content van-grid-item__content--center"
+              >
+                <div class="game_item_img van-image">
+                  <img
+                    class="van-image__img"
+                    src="@/assets/images/common/bgGirl.png"
+                  />
+                </div>
+                <span>BỎ PHIẾU 2</span>
+              </div>
+            </div>
+            <div class="van-grid-item" style="flex-basis: 25%">
+              <div
+                class="van-grid-item__content van-grid-item__content--center"
+              >
+                <div class="game_item_img van-image">
+                  <img
+                    class="van-image__img"
+                    src="@/assets/images/common/bgGirl.png"
+                  />
+                </div>
+                <span>BỎ PHIẾU 3</span>
+              </div>
+            </div>
+            <div class="van-grid-item" style="flex-basis: 25%">
+              <div
+                class="van-grid-item__content van-grid-item__content--center"
+              >
+                <div class="game_item_img van-image">
+                  <img
+                    class="van-image__img"
+                    src="@/assets/images/common/bgGirl.png"
+                  />
+                </div>
+                <span>ĐẶC BIỆT</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="van-pull-refresh">
+        <div class="van-pull-refresh__track" style="transition-duration: 300ms">
+          <div class="van-pull-refresh__head"></div>
+          <div class="hot-title-div" style="margin-bottom: -20px">
+            <div>
+              <span>Phổ biến nhất</span>
+            </div>
+          </div>
+          <div role="feed" class="van-list">
+            <div class="movie_list_n">
+              <router-link to="/HomeDetail" class="movie-list-n-item">
+                <div class="movie-list-n-title">
+                  Linh Anh ❤️ Siêu Dâm Ngoan - Nhiệt Tình Chiều Chuộng Hết Mình
+                </div>
+                <div class="movie-list-n-img">
+                  <div class="movie-list-n-img van-image" lazy="loading">
+                    <img
+                      src="@/assets/images/common/bgGirl.png"
+                      alt=""
+                      class="van-image__img"
+                      style="object-fit: cover"
+                    />
+                  </div>
+                  <div class="movie-list-n-lab">
+                    Chu Văn An, Bình Thạnh,Hồ Chí Minh, Vietnam
+                  </div>
+                </div>
+                <div class="movie-list-n-item-bottomm">
+                  <div class="movie-n-time-div">
+                    <img
+                      src="@/assets/images/icon/ico-love.png"
+                      alt=""
+                      class="movie-list-ico-loves"
+                    /><img
+                      src="@/assets/images/icon/ico-love.png"
+                      alt=""
+                      class="movie-list-ico-loves"
+                    /><img
+                      src="@/assets/images/icon/ico-love.png"
+                      alt=""
+                      class="movie-list-ico-loves"
+                    /><img
+                      src="@/assets/images/icon/ico-love.png"
+                      alt=""
+                      class="movie-list-ico-loves"
+                    /><img
+                      src="@/assets/images/icon/ico-love.png"
+                      alt=""
+                      class="movie-list-ico-loves"
+                    /><img
+                      src="@/assets/images/icon/ico-love.png"
+                      alt=""
+                      class="movie-list-ico-loves"
+                    />
+                    <div class="movie-list-notice">
+                      <img
+                        src="@/assets/images/icon/ico-notice.png"
+                        alt=""
+                        class="movie-list-ico-notice"
+                      />
+                      55
+                    </div>
+                    <div class="movie-list-addr">
+                      <img
+                        src="@/assets/images/icon/ico-addr.png"
+                        alt=""
+                        class="movie-list-ico-addr"
+                      />
+                      Bình Thạnh
+                    </div>
+                    <div class="movie-list-money">
+                      <img
+                        src="@/assets/images/icon/wallet.png"
+                        alt=""
+                        class="movie-list-ico-money"
+                      />300
+                    </div>
+                  </div>
+                </div>
+              </router-link>
+            </div>
+            <div class="van-list__placeholder"></div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<style scoped></style>
diff --git a/src/components/home/Language.vue b/src/components/home/Language.vue
new file mode 100644
index 0000000..ee57e64
--- /dev/null
+++ b/src/components/home/Language.vue
@@ -0,0 +1,26 @@
+<template>
+  <div class="container page">
+    <div class="nav-bar van-nav-bar van-hairline--bottom">
+      <div class="van-nav-bar__content">
+        <div @click="$router.go(-1)" class="van-nav-bar__left">
+          <i
+            class="van-icon van-icon-arrow-left"
+            style="color: rgb(255, 255, 255)"
+          ></i>
+        </div>
+        <div class="van-nav-bar__title van-ellipsis">Ngôn ngữ</div>
+      </div>
+    </div>
+    <router-link to="/" class="items">
+      <div class="item van-hairline--bottom">
+        <div class="flex_center">
+          <div>
+            <img src="@/assets/images/common/vn.png" />
+          </div>
+          <div class="info">Việt Nam</div>
+        </div>
+        <div>✓</div>
+      </div>
+    </router-link>
+  </div>
+</template>
diff --git a/src/components/home/List.vue b/src/components/home/List.vue
new file mode 100644
index 0000000..1c072ce
--- /dev/null
+++ b/src/components/home/List.vue
@@ -0,0 +1,32 @@
+<template>
+  <div class="container page">
+    <div class="nav-bar van-nav-bar van-hairline--bottom">
+      <div class="van-nav-bar__content">
+        <div @click="$router.go(-1)" class="van-nav-bar__left">
+          <i
+            class="van-icon van-icon-arrow-left"
+            style="color: rgb(255, 255, 255)"
+          ></i>
+        </div>
+        <div class="van-nav-bar__title van-ellipsis">AN GIANG</div>
+      </div>
+    </div>
+    <div class="right">
+      <van-grid :column-num="2" style="padding-left: 10px">
+        <van-grid-item
+          to="/ProfileOnList"
+          style="flex-basis: 50%; padding-right: 10px"
+        >
+          <van-image src="src/assets/images/common/bgGirl.png" />
+          <span class="rig-name">A01</span>
+        </van-grid-item>
+      </van-grid>
+    </div>
+  </div>
+</template>
+<style>
+.van-image__img {
+  border-radius: 1.333vw;
+  padding: 2vw;
+}
+</style>
diff --git a/src/components/home/ProfileOnList.vue b/src/components/home/ProfileOnList.vue
new file mode 100644
index 0000000..6569a48
--- /dev/null
+++ b/src/components/home/ProfileOnList.vue
@@ -0,0 +1,42 @@
+<template>
+  <div class="page">
+    <div class="nav-bar van-nav-bar van-hairline--bottom">
+      <div class="van-nav-bar__content">
+        <div @click="$router.go(-1)" class="van-nav-bar__left">
+          <i
+            class="van-icon van-icon-arrow-left"
+            style="color: rgb(255, 255, 255)"
+          ></i>
+        </div>
+        <div class="van-nav-bar__title van-ellipsis">CHỌN TỈNH</div>
+      </div>
+    </div>
+    <div class="box">
+      <p class="name">A01</p>
+      <p class="title"></p>
+      <van-image
+        width="98%"
+        height="100%"
+        fit="contain"
+        src="src/assets/images/common/bgGirl.png"
+      />
+
+      <button
+        class="button van-button van-button--default van-button--normal van-button--round"
+        style="
+          color: white;
+          background: linear-gradient(
+            to right,
+            rgb(127, 87, 120),
+            rgb(229, 194, 160)
+          );
+          border: 0px;
+        "
+      >
+        <div class="van-button__content">
+          <span class="van-button__text">Liên lạc với tô</span>
+        </div>
+      </button>
+    </div>
+  </div>
+</template>
diff --git a/src/components/home/Settings.vue b/src/components/home/Settings.vue
new file mode 100644
index 0000000..23639c0
--- /dev/null
+++ b/src/components/home/Settings.vue
@@ -0,0 +1,57 @@
+<script setup>
+import { useUserStore } from "@/store/user";
+import { storeToRefs } from "pinia";
+
+const userStore = useUserStore();
+const { userInfo } = storeToRefs(userStore);
+
+</script>
+
+<template>
+  <div class="container page">
+    <div class="nav-bar van-nav-bar van-hairline--bottom">
+      <div class="van-nav-bar__content">
+        <div @click="$router.go(-1)" class="van-nav-bar__left">
+          <i
+            class="van-icon van-icon-arrow-left"
+            style="color: rgb(255, 255, 255)"
+          ></i>
+        </div>
+        <div class="van-nav-bar__title van-ellipsis">Cài đặt</div>
+      </div>
+    </div>
+    <div class="items">
+      <router-link to="/Infomation" class="item van-hairline--bottom">
+        <div class="left">Thông tin cơ bản</div>
+        <i class="van-icon van-icon-arrow"></i>
+      </router-link>
+      <router-link to="/SetLoginPassword" class="item van-hairline--bottom">
+        <div class="left">Mật khẩu đăng nhập</div>
+        <i class="van-icon van-icon-arrow"></i>
+      </router-link>
+      <router-link to="/EditPayPassword" class="item van-hairline--bottom">
+        <div class="left">Mật khẩu rút tiền</div>
+        <div class="right">
+          <span class="desc">{{ userInfo.isSetPayPass ? "Đã được chuẩn bị": "Không được thiết lập"}}</span
+          ><i class="van-icon van-icon-arrow"></i>
+        </div>
+      </router-link>
+      <router-link to="/Language" class="item van-hairline--bottom">
+        <div class="left">Ngôn ngữ</div>
+        <div class="right">
+          <i class="van-icon van-icon-arrow"></i>
+        </div>
+      </router-link>
+    </div>
+    <button class="sign-out van-button van-button--normal" @click="userStore.logout">
+      <div class="van-button__content">
+        <span class="van-button__text">Đăng xuất</span>
+      </div>
+    </button>
+  </div>
+</template>
+<style scoped>
+a {
+  color: black;
+}
+</style>
diff --git a/src/components/layout/Footer.vue b/src/components/layout/Footer.vue
new file mode 100644
index 0000000..4b478b9
--- /dev/null
+++ b/src/components/layout/Footer.vue
@@ -0,0 +1,49 @@
+<template>
+  <div class="van-hairline--top-bottom van-tabbar van-tabbar--fixed">
+    <router-link to="/" class="van-tabbar-item">
+      <div class="van-tabbar-item__icon">
+        <img src="@/assets/images/common/indexed.png" alt="Trang chủ" />
+      </div>
+      <div class="van-tabbar-item__text">
+        <span class="foorterTxt foorterTxtF">Trang chủ</span>
+      </div>
+    </router-link>
+    <router-link to="/Game" class="van-tabbar-item">
+      <div class="van-tabbar-item__icon">
+        <img src="@/assets/images/common/subscribe2.png" alt="XẾP HẠNG" />
+      </div>
+      <div class="van-tabbar-item__text">
+        <span class="foorterTxt foorterTxtF">XẾP HẠNG</span>
+      </div>
+    </router-link>
+    <router-link to="/Choose" class="van-tabbar-item">
+      <div class="van-tabbar-item__icon">
+        <img src="@/assets/images/common/beauty3.png" class="tui" />
+      </div>
+      <div class="van-tabbar-item__text"><span></span></div>
+    </router-link>
+    <router-link to="/Video" class="van-tabbar-item">
+      <div class="van-tabbar-item__icon">
+        <img src="@/assets/images/common/video.png" alt="VIDEO" />
+      </div>
+      <div class="van-tabbar-item__text">
+        <span class="foorterTxt foorterTxtF">VIDEO</span>
+      </div>
+    </router-link>
+    <router-link to="/mine" class="van-tabbar-item">
+      <div class="van-tabbar-item__icon">
+        <img src="@/assets/images/common/my.png" alt="Của tôi" />
+      </div>
+      <div class="van-tabbar-item__text">
+        <span class="foorterTxt foorterTxtF">Của tôi</span>
+      </div>
+    </router-link>
+  </div>
+</template>
+<style scoped>
+a:active,
+a.router-link-exact-active {
+  color: rgb(126, 86, 120);
+  transition: all 100ms ease-in;
+}
+</style>
diff --git a/src/components/layout/MainLayout.vue b/src/components/layout/MainLayout.vue
new file mode 100644
index 0000000..bc54903
--- /dev/null
+++ b/src/components/layout/MainLayout.vue
@@ -0,0 +1,7 @@
+<script setup>
+import Footer from "@/components/layout/Footer.vue";
+</script>
+<template>
+  <router-view></router-view>
+  <Footer />
+</template>
diff --git a/src/components/lottery/Game.vue b/src/components/lottery/Game.vue
new file mode 100644
index 0000000..83ae54d
--- /dev/null
+++ b/src/components/lottery/Game.vue
@@ -0,0 +1,125 @@
+<script setup>
+const games = [
+  {
+    id: 1,
+    name: "BỎ PHIẾU 1",
+  },
+  {
+    id: 2,
+    name: "BỎ PHIẾU 2",
+  },
+  {
+    id: 3,
+    name: "BỎ PHIẾU 3",
+  },
+  {
+    id: 4,
+    name: "ĐẶC BIỆT",
+  },
+];
+</script>
+
+<template>
+  <div class="convention-hall page">
+    <div class="nav-bar van-nav-bar van-hairline--bottom">
+      <div class="van-nav-bar__content">
+        <div class="van-nav-bar__title van-ellipsis">XẾP HẠNG</div>
+      </div>
+    </div>
+    <div class="convention-item">
+      <div class="left">
+        <div class="van-sidebar">
+          <a class="van-sidebar-item van-sidebar-item--select"
+            ><div class="van-sidebar-item__text">Tất cả</div></a
+          >
+        </div>
+      </div>
+      <div class="right">
+        <div class="list-wrapper van-pull-refresh">
+          <div class="van-pull-refresh__track" style="transition-duration: 0ms">
+            <div class="van-pull-refresh__head"></div>
+            <div class="van-grid van-hairline--top">
+              <router-link
+                v-for="(g, idx) in games"
+                :key="idx"
+                :to="{ name: 'Lottery', query: { id: g.id } }"
+                class="van-grid-item"
+                style="flex-basis: 50%"
+              >
+                <div
+                  class="van-grid-item__content van-grid-item__content--center van-hairline"
+                >
+                  <div class="game_item_img van-image">
+                    <img
+                      class="van-image__img"
+                      src="@/assets/images/common/bgGirl.png"
+                    />
+                  </div>
+                  <span>{{ g.name }}</span
+                  ><span></span>
+                </div>
+              </router-link>
+              <!-- <div class="van-grid-item" style="flex-basis: 50%">
+                <div
+                  class="van-grid-item__content van-grid-item__content--center van-hairline"
+                >
+                  <div class="game_item_img van-image">
+                    <img
+                      class="van-image__img"
+                      src="@/assets/images/common/bgGirl.png"
+                    />
+                  </div>
+                  <span>BỎ PHIẾU 2</span><span></span>
+                </div>
+              </div>
+              <div class="van-grid-item" style="flex-basis: 50%">
+                <div
+                  class="van-grid-item__content van-grid-item__content--center van-hairline"
+                >
+                  <div class="game_item_img van-image">
+                    <img
+                      class="van-image__img"
+                      src="@/assets/images/common/bgGirl.png"
+                    />
+                  </div>
+                  <span>BỎ PHIẾU 3</span><span></span>
+                </div>
+              </div>
+              <div class="van-grid-item" style="flex-basis: 50%">
+                <div
+                  class="van-grid-item__content van-grid-item__content--center van-hairline"
+                >
+                  <div class="game_item_img van-image">
+                    <img
+                      class="van-image__img"
+                      src="@/assets/images/common/bgGirl.png"
+                    />
+                  </div>
+                  <span>ĐẶC BIỆT</span><span></span>
+                </div>
+              </div> -->
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<style scoped>
+.van-image__img {
+  border-radius: 5.333vw;
+}
+.van-grid-item__content {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+  flex-direction: column;
+  box-sizing: border-box;
+  height: 100%;
+  padding: 2.133vw 1.067vw;
+  background-color: #fff;
+}
+</style>
diff --git a/src/components/lottery/LotteryGame.vue b/src/components/lottery/LotteryGame.vue
new file mode 100644
index 0000000..f88ef15
--- /dev/null
+++ b/src/components/lottery/LotteryGame.vue
@@ -0,0 +1,326 @@
+<script setup>
+import { ref, reactive, computed, watch } from "vue";
+import socket from "@/socket";
+import { useRoute } from "vue-router";
+import CountDown from "@/helpers/CountDown";
+import { formatNumber } from "@/helpers/format";
+
+import { showFailToast } from "vant";
+
+import axios from "@/axios";
+import API from "@/api";
+import { handleRequest } from "@/helpers/request";
+
+const route = useRoute();
+
+const id = route.query.id;
+
+const amount = ref("");
+const isShowOrder = ref(false);
+const showResult = ref(false);
+const showPopupRs = () => {
+  showResult.value = !showResult.value;
+};
+
+const countDown = reactive({
+  hh: 0,
+  mm: 0,
+  ss: 0,
+  t: 0,
+});
+
+const gameInfo = reactive({
+  name: "",
+  session: "",
+  end: 0,
+});
+
+const choices = ref([
+  { id: "1", name: "IDOL 1", active: false },
+  { id: "2", name: "IDOL 2", active: false },
+  { id: "3", name: "IDOL 3", active: false },
+  { id: "4", name: "IDOL 4", active: false },
+]);
+
+const hhmmss = computed(() => {
+  return `${String(countDown.hh).padStart(2, "0")}:${String(
+    countDown.mm
+  ).padStart(2, "0")}:${String(countDown.ss).padStart(2, "0")}`;
+});
+
+const countDownTime = new CountDown(0, (hh, mm, ss, t) => {
+  Object.assign(countDown, { hh, mm, ss, t });
+});
+
+const io = socket();
+
+io.emit("join", id);
+
+io.on("game-info", (data) => {
+  const { name, session, end } = data;
+  Object.assign(gameInfo, { name, session, end });
+  countDownTime.restart(end);
+});
+
+const toggleChoice = (idx) => {
+  choices.value[idx].active = !choices.value[idx].active;
+  if(!choices.value[idx].active) {
+    choices.value[idx].amount = 0;
+  }
+};
+
+
+const submit = () => {
+  const cs = choices.value.filter(e => e.active)
+  if(cs.length === 0) return;
+  const data = {
+    id,
+    choices: cs.map(e => {
+      return {
+        id: e.id,
+        amount: Number(amount.value)
+      }
+    })
+  }
+  handleRequest(axios.post(API.ORDER, data)).then(res => {
+    if(res.success) {
+      showFailToast("Bình chọn thành công.")
+      amount.value = 0;
+      choices.value.forEach((e) => e.active = 0); 
+    } else {
+      showFailToast(res.message ?? "Lỗi bình chọn")
+    }
+  })
+}
+const countChoices = computed(() => {
+  return choices.value.filter((e) => e.active).length;
+});
+
+const totalAmount = computed(() => {
+  return choices.value.reduce((prev, curr) => {
+    return prev + (curr.active ? amount.value : 0)
+  }, 0);
+});
+
+const choicesText = computed(() => {
+  const cs = choices.value.filter((e) => e.active);
+  if(cs.length) {
+    return cs.map(e => e.name).join(",")
+  }
+  return "Không được chọn"
+});
+
+watch(amount, (value) => {
+  choices.value.forEach(c => {
+    c.amount = value;
+  });
+});
+
+</script>
+<template>
+  <div class="container page">
+    <div class="nav-bar van-nav-bar van-hairline--bottom">
+      <div class="van-nav-bar__content">
+        <div @click="$router.go(-1)" class="van-nav-bar__left">
+          <i
+            class="van-icon van-icon-arrow-left"
+            style="color: rgb(255, 255, 255)"
+          >
+          </i>
+        </div>
+        <div class="van-nav-bar__title van-ellipsis">{{ gameInfo.name }}</div>
+      </div>
+    </div>
+    <div class="record">
+      <div class="period">
+        <div class="cover van-image">
+          <img class="van-image__img" src="@/assets/images/common/bgGirl.png" />
+        </div>
+        <span class="period-number">{{ gameInfo.session }}</span>
+        <div class="next-number">
+          <div class="van-count-down">{{ hhmmss }}</div>
+        </div>
+      </div>
+      <div
+        class="linear-gradient"
+        style="
+          background: linear-gradient(
+            to right,
+            rgba(126, 86, 120, 0),
+            rgb(230, 195, 161),
+            rgba(126, 86, 120, 0)
+          );
+        "
+      ></div>
+      <div class="recent" @click="showPopupRs">
+        <div class="kuaisan-ball left">
+          <span class="res-des middle">IDOL 2</span
+          ><span class="res-des middle">IDOL 4</span>
+        </div>
+        <i
+          class="van-icon van-icon-arrow-down down"
+          :class="showResult ? 'up' : ''"
+        ></i>
+      </div>
+    </div>
+    <div class="history_popup"></div>
+
+    <div class="wrapper">
+      <div class="options-bar">
+        <div class="game">
+          <div
+            class="linear-gradient"
+            style="
+              background: linear-gradient(
+                to right,
+                rgba(126, 86, 120, 0),
+                rgb(230, 195, 161),
+                rgba(126, 86, 120, 0)
+              );
+            "
+          ></div>
+          <div class="sumValueTwoSides">
+            <div
+              class="rectangle large"
+              :class="{ active: c.active }"
+              v-for="(c, idx) in choices"
+              :key="idx"
+              @click="toggleChoice(idx)"
+            >
+              <div class="wrapper">
+                <div class="content">
+                  <p class="name-text large">{{ c.name }}</p>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="bottom-bar">
+        <div class="bar">
+          <div class="left" @click="isShowOrder = !isShowOrder">
+            <div class="item">
+              <i class="jixuanico van-icon van-icon-cart-o"> </i
+              ><span class="text">Bình chọn</span>
+            </div>
+            <div class="line"></div>
+          </div>
+          <div class="mid">
+            <div>
+              <span class="text">Số dư khả dụng</span>
+            </div>
+            <div>
+              <span class="text num">0</span><span class="text">Đ</span>
+            </div>
+          </div>
+          <div class="right" @click="submit">Xác nhận</div>
+        </div>
+        <div class="wrapper" :class="isShowOrder === true ? 'active' : ''">
+          <div class="item">
+            <span class="label">Hiện tại số đã chọn：</span>
+            <div class="bet-number">{{ choicesText }}</div>
+            <i
+              class="van-icon van-icon-arrow-down down"
+              :class="isShowOrder ? '' : 'up'"
+              @click="isShowOrder = !isShowOrder"
+            >
+            </i>
+          </div>
+          <div class="item">
+            <span class="label">Điểm xếp hạng</span>
+            <div class="amount-wrapper">
+              <div class="van-cell van-field">
+                <div
+                  class="van-cell__value van-cell__value--alone van-field__value"
+                >
+                  <div class="van-field__body">
+                    <input
+                      v-model.number="amount"
+                      type="number"
+                      inputmode="numeric"
+                      placeholder="Vui lòng nhập số tiền"
+                      class="van-field__control"
+                    />
+                  </div>
+                </div>
+              </div>
+              <span class="label">Đ</span>
+            </div>
+          </div>
+          <div class="item">
+            <div class="part">
+              <span> Tổng cộng</span
+              ><span class="number">{{ countChoices }}</span
+              ><span>Đặt</span>
+            </div>
+            <div class="part">
+              <span> Tổng cộng</span
+              ><span class="number">{{ totalAmount }} </span><span>Đ</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <van-popup
+        v-model:show="showResult"
+        position="top"
+        :style="{ height: '70%' }"
+      >
+        <div class="van-pull-refresh">
+          <div class="van-pull-refresh__track" style="transition-duration: 0ms">
+            <div class="van-pull-refresh__head"></div>
+            <div class="wrapper">
+              <div class="item">
+                <div class="left font-weight">Mã xếp hạng</div>
+                <div class="right font-weight">Kết quả xếp hạng</div>
+              </div>
+              <div class="item">
+                <div class="left font-weight">202406103303</div>
+                <div class="right font-weight">
+                  <div
+                    class="kuaisan-ball left"
+                    style="
+                      justify-content: center;
+                      width: 100%;
+                      margin-left: 40%;
+                    "
+                  >
+                    <span class="res-des middle">IDOL 2</span
+                    ><span class="res-des middle">IDOL 4</span>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </van-popup>
+    </div>
+  </div>
+</template>
+<style scoped>
+.van-cell {
+  font-size: 4vw !important;
+  line-height: 6.667vw !important;
+}
+.van-cell {
+  position: relative;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  box-sizing: border-box;
+  width: 100%;
+  padding: 1.333vw 2.133vw;
+  overflow: hidden;
+  color: #323233;
+  font-size: 1.867vw;
+  line-height: 3.2vw;
+  background-color: #fff;
+}
+.wrapper .item .kuaisan-ball .res-des.middle {
+  width: auto;
+}
+
+.rectangle.active .content {
+  background: transparent;
+}
+</style>
diff --git a/src/components/mine/GameRecord.vue b/src/components/mine/GameRecord.vue
new file mode 100644
index 0000000..fdd47aa
--- /dev/null
+++ b/src/components/mine/GameRecord.vue
@@ -0,0 +1,37 @@
+<template>
+  <div class="container page">
+    <div class="header">
+      <div class="nav-bar van-nav-bar van-hairline--bottom">
+        <div class="van-nav-bar__content">
+          <div @click="$router.go(-1)" class="van-nav-bar__left">
+            <i
+              class="van-icon van-icon-arrow-left"
+              style="color: rgb(255, 255, 255)"
+            ></i>
+          </div>
+          <div class="van-nav-bar__title van-ellipsis">
+            Lịch sử bỏ phiếu bầu
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="main">
+      <div class="van-pull-refresh">
+        <div class="van-pull-refresh__track" style="transition-duration: 0ms">
+          <div class="van-pull-refresh__head"></div>
+          <div class="van-empty">
+            <div class="van-empty__image">
+              <img src="@/assets/images/common/empty-image-default.png" />
+            </div>
+            <p class="van-empty__description">Dữ liệu trống</p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<style scoped>
+.van-empty__description {
+  color: #969799;
+}
+</style>
diff --git a/src/components/mine/Mine.vue b/src/components/mine/Mine.vue
new file mode 100644
index 0000000..b12f277
--- /dev/null
+++ b/src/components/mine/Mine.vue
@@ -0,0 +1,170 @@
+<script setup>
+import { showFailToast } from "vant";
+import { useUserStore } from "@/store/user";
+import { storeToRefs } from "pinia";
+import { formatNumber } from "@/helpers/format"
+// const router = useRouter();
+const userStore = useUserStore();
+const { userInfo } = storeToRefs(userStore);
+
+</script>
+<template>
+  <div class="mine page">
+    <div
+      class="bg-container page-bg"
+      style="background-image: url('src/assets/images/common/bgMine.png')"
+    >
+      <div class="bg-wrapper"></div>
+    </div>
+    <div class="wrapper">
+      <div class="header" style="background: none">
+        <div
+          class="nav-bar van-nav-bar van-hairline--bottom"
+          style="background: none"
+        >
+          <div class="van-nav-bar__content">
+            <div class="van-nav-bar__title van-ellipsis"></div>
+            <router-link to="/Setting" class="van-nav-bar__right">
+              <i
+                class="van-icon van-icon-setting-o"
+                style="color: rgb(255, 255, 255)"
+              ></i>
+            </router-link>
+          </div>
+        </div>
+        <div class="user-wrapper">
+          <div class="user_img van-image van-image--round">
+            <img
+              class="van-image__img"
+              src="@/assets/images/common/bgGirl.png"
+            />
+          </div>
+          <div class="login-content">
+            <p class="login-btn" style="margin: 19.1833px 0">
+              {{ userInfo?.username }}
+              <img
+                src="@/assets/images/common/vip1.png"
+                alt=""
+                class="login-vip"
+              />
+            </p>
+            <div class="login-label" style="margin: 13.4333px 0">
+              <div class="van-progress" style="height: 8px">
+                <span
+                  class="van-progress__portion"
+                  style="
+                    background: linear-gradient(
+                      270deg,
+                      rgb(194, 68, 145),
+                      rgb(119, 95, 217)
+                    );
+                    width: 14.7px;
+                  "
+                ></span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="content">
+        <div class="finance">
+          <router-link to="/Recharge" class="finance-item">
+            <i class="icon van-icon van-icon-peer-pay"></i
+            ><span class="text">NẠP ĐIỂM</span>
+          </router-link>
+          <div class="line"></div>
+          <router-link to="/Setbank" class="finance-item">
+            <i class="icon van-icon van-icon-idcard"></i
+            ><span class="text">RÚT ĐIỂM</span>
+          </router-link>
+        </div>
+        <div class="wallet">
+          <router-link to="Moneylog" class="part-1 van-hairline--bottom">
+            <p class="flex-1 font-28 font-primary-color">Ví của tôi</p>
+            <span class="font-28 font-gray">Chi tiết</span
+            ><i class="font-gray van-icon van-icon-arrow" style=""></i>
+          </router-link>
+          <div class="part-2">
+            <p class="balance van-ellipsis" style="font-size: 24px">{{ formatNumber(userInfo?.money ?? 0) }} Đ</p>
+            <span class="font-28 font-gray" style="font-size: 14px"
+              >(100 Đ=100,000 VND)</span
+            >
+            <div class="refresh-btn">
+              <i class="van-icon van-icon-replay"></i>
+            </div>
+          </div>
+          <div class="part-2">
+            <p class="balance van-ellipsis" style="font-size: 24px">100/100</p>
+            <span class="font-28 font-gray" style="font-size: 14px">
+              Điểm tín nhiệm</span
+            >
+            <div class="refresh-btn">
+              <i class="van-icon van-icon-replay"></i>
+            </div>
+          </div>
+        </div>
+        <div class="menu" style="margin-top: 15px">
+          <router-link to="/Personalreport" class="menu-item">
+            <div class="menu-item-icon van-image">
+              <img
+                src="@/assets/images/icon/baobiao.svg"
+                class="van-image__img"
+              />
+            </div>
+            <span class="menu-item-label"> Thông tin tài khoản</span>
+          </router-link>
+          <router-link to="Infomation" class="menu-item">
+            <div class="menu-item-icon van-image">
+              <img src="@/assets/images/icon/user.svg" class="van-image__img" />
+            </div>
+            <span class="menu-item-label">Thông tin cá nhân</span>
+          </router-link>
+          <router-link to="/RechargeRecord" class="menu-item">
+            <div class="menu-item-icon van-image">
+              <img
+                src="@/assets/images/icon/mingxi.svg"
+                class="van-image__img"
+              />
+            </div>
+            <span class="menu-item-label">Lịch sử quy đổi điểm</span>
+          </router-link>
+          <router-link to="/GameRecord" class="menu-item">
+            <div class="menu-item-icon van-image">
+              <img
+                src="@/assets/images/icon/youxi.svg"
+                class="van-image__img"
+              />
+            </div>
+            <span class="menu-item-label">Lịch sử bỏ phiếu bầu</span>
+          </router-link>
+          <router-link to="/Notice" class="menu-item">
+            <div class="menu-item-icon van-image">
+              <img
+                src="@/assets/images/icon/gonggao.svg"
+                class="van-image__img"
+              />
+            </div>
+            <span class="menu-item-label">Thông báo</span>
+          </router-link>
+          <div
+            class="menu-item"
+            @click="showFailToast('Tính năng bị vô hiệu hóa')"
+          >
+            <div class="menu-item-icon van-image">
+              <img
+                src="@/assets/images/icon/kefu_1.svg"
+                class="van-image__img"
+              />
+            </div>
+            <span class="menu-item-label">Phim của tôi</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<style scoped>
+a {
+  color: black;
+}
+</style>
diff --git a/src/components/mine/Noitice.vue b/src/components/mine/Noitice.vue
new file mode 100644
index 0000000..30696e3
--- /dev/null
+++ b/src/components/mine/Noitice.vue
@@ -0,0 +1,45 @@
+<template>
+  <div class="container page">
+    <div class="header">
+      <div class="nav-bar van-nav-bar">
+        <div class="van-nav-bar__content">
+          <div @click="$router.go(-1)" class="van-nav-bar__left">
+            <i
+              class="van-icon van-icon-arrow-left"
+              style="color: rgb(255, 255, 255)"
+            ></i>
+          </div>
+          <div class="van-nav-bar__title van-ellipsis">Thông báo hệ thống</div>
+        </div>
+      </div>
+    </div>
+    <div class="content">
+      <div class="van-pull-refresh">
+        <div class="van-pull-refresh__track" style="transition-duration: 0ms">
+          <div class="van-pull-refresh__head"></div>
+          <div class="listItem">
+            <div class="listTitle">Hoạt động trên không</div>
+            <div class="listContent html">
+              <p>
+                Chúng tôi là CANALIS CLUB - Một quán Bar lớn . Phục vụ tận nơi
+                tại 63 tỉnh thành trên toàn quốc . Chúng tôi có những người mẫu
+                cao cấp, tiếp viên hàng không, du học sinh.... Sẵn sàng phục vụ
+                quý khách hàng !<br />
+              </p>
+            </div>
+            <div class="listTime">
+              <div class="listTimeText">2023-07-05 23:06:33</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<style scoped>
+.container p {
+  color: #000;
+  padding-left: 0;
+  padding-right: 0;
+}
+</style>
diff --git a/src/components/mine/Personalreport.vue b/src/components/mine/Personalreport.vue
new file mode 100644
index 0000000..f9f17c4
--- /dev/null
+++ b/src/components/mine/Personalreport.vue
@@ -0,0 +1,59 @@
+<script setup>
+import { useUserStore } from "@/store/user";
+import { storeToRefs } from "pinia";
+import { formatNumber } from "@/helpers/format"
+
+const userStore = useUserStore();
+
+const { userInfo } = storeToRefs(userStore);
+
+</script>
+
+<template>
+  <div class="container page">
+    <div class="header">
+      <div class="nav-bar van-nav-bar">
+        <div class="van-nav-bar__content">
+          <div @click="$router.go(-1)" class="van-nav-bar__left">
+            <i
+              class="van-icon van-icon-arrow-left"
+              style="color: rgb(255, 255, 255)"
+            ></i>
+          </div>
+          <div class="van-nav-bar__title van-ellipsis">Thông tin tài khoản</div>
+        </div>
+      </div>
+      <div class="info">
+        <p class="title">Số lượng nhiệm vụ(Đ)</p>
+        <p class="value">{{ formatNumber(userInfo.money) }}Đ</p>
+        <p class="tip">
+          Công thức tính lợi nhuận: số tiền thắng - số tiền nhiệm vụ
+        </p>
+      </div>
+      <div class="content">
+        <div class="datalist">
+          <div class="datalistitem">
+            <div class="datalistitemValue">{{ formatNumber(userInfo?.money ?? 0) }}Đ</div>
+            <div class="datalistitemKey">Số lượng nhiệm vụ</div>
+            <div class="datalistitemRightLine"></div>
+          </div>
+          <div class="datalistitem">
+            <div class="datalistitemValue">{{ formatNumber(userInfo?.moneyDeposit ?? 0) }}Đ</div>
+            <div class="datalistitemKey">Số tiền nạp</div>
+            <div class="datalistitemRightLine"></div>
+          </div>
+          <div class="datalistitem">
+            <div class="datalistitemValue">{{ formatNumber(userInfo?.moneyWithdraw ?? 0) }}Đ</div>
+            <div class="datalistitemKey">Số điểm rút</div>
+            <div class="datalistitemRightLine"></div>
+          </div>
+          <div class="datalistitem">
+            <div class="datalistitemValue">{{ formatNumber(userInfo?.moneyWin ?? 0) }}Đ</div>
+            <div class="datalistitemKey">Số tiền chiến thắng</div>
+            <div class="datalistitemRightLine"></div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/src/components/mine/RechargeRecord.vue b/src/components/mine/RechargeRecord.vue
new file mode 100644
index 0000000..196d6e2
--- /dev/null
+++ b/src/components/mine/RechargeRecord.vue
@@ -0,0 +1,37 @@
+<template>
+  <div class="container page">
+    <div class="header">
+      <div class="nav-bar van-nav-bar van-hairline--bottom">
+        <div class="van-nav-bar__content">
+          <div @click="$router.go(-1)" class="van-nav-bar__left">
+            <i
+              class="van-icon van-icon-arrow-left"
+              style="color: rgb(255, 255, 255)"
+            ></i>
+          </div>
+          <div class="van-nav-bar__title van-ellipsis">
+            Lịch sử quy đổi điểm
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="main">
+      <div class="van-pull-refresh">
+        <div class="van-pull-refresh__track" style="transition-duration: 0ms">
+          <div class="van-pull-refresh__head"></div>
+          <div class="van-empty">
+            <div class="van-empty__image">
+              <img src="@/assets/images/common/empty-image-default.png" />
+            </div>
+            <p class="van-empty__description">Dữ liệu trống</p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<style scoped>
+.van-empty__description {
+  color: #969799;
+}
+</style>
diff --git a/src/components/setting/Info.vue b/src/components/setting/Info.vue
new file mode 100644
index 0000000..add7f66
--- /dev/null
+++ b/src/components/setting/Info.vue
@@ -0,0 +1,64 @@
+<script setup>
+import { useUserStore } from "@/store/user";
+import { storeToRefs } from "pinia";
+import { formatNumber } from "@/helpers/format"
+
+const userStore = useUserStore();
+
+const { userInfo } = storeToRefs(userStore);
+
+</script>
+
+<template>
+  <div class="container page">
+    <div class="nav-bar van-nav-bar van-hairline--bottom">
+      <div class="van-nav-bar__content">
+        <div @click="$router.go(-1)" class="van-nav-bar__left">
+          <i
+            class="van-icon van-icon-arrow-left"
+            style="color: rgb(255, 255, 255)"
+          ></i>
+        </div>
+        <div class="van-nav-bar__title van-ellipsis">Thông tin cơ bản</div>
+      </div>
+    </div>
+    <div class="main-content">
+      <div class="item van-hairline--bottom">
+        <div class="left">Hình đại diện</div>
+        <div class="right">
+          <img
+            src="@/assets/images/common/bgGirl.png"
+            style="border-radius: 50%; width: 43px; height: 43px"
+          /><i class="van-icon van-icon-arrow"></i>
+        </div>
+      </div>
+
+      <router-link to="/Setname" class="item van-hairline--bottom">
+        <div class="left">Tên thật</div>
+        <div class="right">
+          <span class="desc">{{ userInfo?.fullname ?? "Không được thiết lập" }}</span
+          ><i class="van-icon van-icon-arrow"></i>
+        </div>
+      </router-link>
+      <router-link to="/Setsex" class="item van-hairline--bottom">
+        <div class="left">Giới tính</div>
+        <div class="right">
+          <span class="desc">Không xác định</span
+          ><i class="van-icon van-icon-arrow"></i>
+        </div>
+      </router-link>
+      <router-link to="/Setbank" class="item van-hairline--bottom">
+        <div class="left">Liên kết thông tin thẻ ngân hàng</div>
+        <div class="right">
+          <span class="desc">Không có</span
+          ><i class="van-icon van-icon-arrow"></i>
+        </div>
+      </router-link>
+    </div>
+  </div>
+</template>
+<style scoped>
+a {
+  color: black;
+}
+</style>
diff --git a/src/components/setting/Moneylog.vue b/src/components/setting/Moneylog.vue
new file mode 100644
index 0000000..472ab8e
--- /dev/null
+++ b/src/components/setting/Moneylog.vue
@@ -0,0 +1,24 @@
+<template>
+  <div class="container page">
+    <div class="header">
+      <div class="nav-bar van-nav-bar van-hairline--bottom">
+        <div class="van-nav-bar__content">
+          <div @click="$router.go(-1)" class="van-nav-bar__left">
+            <i
+              class="van-icon van-icon-arrow-left"
+              style="color: rgb(255, 255, 255)"
+            ></i>
+          </div>
+          <div class="van-nav-bar__title van-ellipsis">Số dư biến động</div>
+        </div>
+      </div>
+    </div>
+    <div class="content">
+      <div class="van-pull-refresh">
+        <div class="van-pull-refresh__track" style="transition-duration: 0ms">
+          <div class="van-pull-refresh__head"></div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/src/components/setting/SetBank.vue b/src/components/setting/SetBank.vue
new file mode 100644
index 0000000..a7e5e75
--- /dev/null
+++ b/src/components/setting/SetBank.vue
@@ -0,0 +1,25 @@
+<template>
+  <div class="container page">
+    <div class="nav-bar van-nav-bar van-hairline--bottom">
+      <div class="van-nav-bar__content">
+        <div @click="$router.go(-1)" class="van-nav-bar__left">
+          <i
+            class="van-icon van-icon-arrow-left"
+            style="color: rgb(255, 255, 255)"
+          ></i>
+        </div>
+        <div class="van-nav-bar__title van-ellipsis">Tài khoản ngân hàng</div>
+      </div>
+    </div>
+    <div class="wrapper" style="background-color: #f2f2f5">
+      <router-link to="/SetPayPassword" class="add-card">
+        <i class="van-icon van-icon-plus"></i
+        ><span>Thêm tài khoản ngân hàng</span>
+      </router-link>
+      <div class="tips">
+        Nhắc nhở: Vui lòng liên kết với ngân hàng. Nếu cần sửa đổi, vui lòng
+        liên hệ bộ phận chăm sóc khách hàng trực tuyến
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/src/components/setting/SetName.vue b/src/components/setting/SetName.vue
new file mode 100644
index 0000000..01082d6
--- /dev/null
+++ b/src/components/setting/SetName.vue
@@ -0,0 +1,72 @@
+<script setup>
+import { ref, reactive, watch } from "vue";
+
+import axios from "@/axios";
+import API from "@/api";
+import { handleRequest } from "@/helpers/request";
+import { showFailToast } from "vant";
+
+import { useRouter } from "vue-router";
+import { useUserStore } from "@/store/user";
+import { storeToRefs } from "pinia";
+
+const router = useRouter();
+const userStore = useUserStore();
+const { userInfo } = storeToRefs(userStore);
+
+const formData = reactive({
+  fullname: userInfo.value?.fullname,
+});
+
+const showPassword = ref(false);
+
+function submit() {
+  handleRequest(axios.post(API.USER_SET_FULLNAME, formData)).then((res) => {
+    if (res.success) {
+      router.go(-1);
+    } else {
+      showFailToast(res.message ?? "Lỗi");
+    }
+  });
+}
+
+</script>
+
+<template>
+  <div class="container page">
+    <div class="nav-bar van-nav-bar van-hairline--bottom">
+      <div class="van-nav-bar__content">
+        <div @click="$router.go(-1)" class="van-nav-bar__left">
+          <i
+            class="van-icon van-icon-arrow-left"
+            style="color: rgb(255, 255, 255)"
+          ></i>
+        </div>
+        <div class="van-nav-bar__title van-ellipsis">Sửa tên thật </div>
+        <div class="van-nav-bar__right" @click="submit">
+          <span class="nav-right">Xác nhận</span>
+        </div>
+      </div>
+    </div>
+    <div class="van-cell-group van-hairline--top-bottom">
+      <div class="van-cell van-field">
+        <div class="van-cell__title van-field__label"><span>Tên</span></div>
+        <div class="van-cell__value van-field__value">
+          <div class="van-field__body">
+            <input
+              v-model="formData.fullname"
+              type="text"
+              placeholder="Vui lòng nhập tên thật của bạn"
+              class="van-field__control"
+              style="color: #323233"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+    <p>
+      Để đảm bảo an toàn cho tài khoản của bạn, tên thật cần phải nhất quán với
+      tên trên thẻ ngân hàng bị ràng buộc
+    </p>
+  </div>
+</template>
diff --git a/src/components/setting/Setsex.vue b/src/components/setting/Setsex.vue
new file mode 100644
index 0000000..8e28858
--- /dev/null
+++ b/src/components/setting/Setsex.vue
@@ -0,0 +1,25 @@
+<script setup>
+import { ref } from "vue";
+const checked = ref("1");
+</script>
+<template>
+  <div class="container page">
+    <div class="nav-bar van-nav-bar van-hairline--bottom">
+      <div class="van-nav-bar__content">
+        <div @click="$router.go(-1)" class="van-nav-bar__left">
+          <i
+            class="van-icon van-icon-arrow-left"
+            style="color: rgb(255, 255, 255)"
+          ></i>
+        </div>
+        <div class="van-nav-bar__title van-ellipsis">Sửa đổi giới tính</div>
+      </div>
+    </div>
+    <div class="sex">
+      <van-radio-group v-model="checked">
+        <van-radio name="1">Nam giới</van-radio>
+        <van-radio name="2">Nữ giới</van-radio>
+      </van-radio-group>
+    </div>
+  </div>
+</template>
diff --git a/src/components/video/PlayVideo.vue b/src/components/video/PlayVideo.vue
new file mode 100644
index 0000000..dd155aa
--- /dev/null
+++ b/src/components/video/PlayVideo.vue
@@ -0,0 +1,77 @@
+<script setup>
+import { ref } from "vue";
+
+const show = ref(true);
+const showPopup = () => {
+  show.value = true;
+};
+
+</script>
+
+<template>
+  <div class="container page">
+    <div class="nav-bar van-nav-bar van-hairline--bottom">
+      <div class="van-nav-bar__content">
+        <div @click="$router.go(-1)" class="van-nav-bar__left">
+          <i
+            class="van-icon van-icon-arrow-left"
+            style="color: rgb(255, 255, 255)"
+          ></i>
+        </div>
+        <div class="van-nav-bar__title van-ellipsis">
+          Gieo màu xanh xuống biển!
+        </div>
+      </div>
+    </div>
+    <div class="movie-video">
+      <div
+        class="video-js noVip vjs-paused my-video-dimensions vjs-controls-enabled vjs-workinghover vjs-v7 vjs-user-inactive"
+        id="my-video"
+      >
+        <!-- <video
+          id="my-video_html5_api"
+          class="vjs-tech"
+          src="blob:https://canalis.vip/d222f00d-594f-48eb-84ee-fe3ae706b29c"
+        ></video> -->
+      </div>
+    </div>
+    <div class="movie-content">
+      <div class="movie-descript">
+        <p>Gieo màu xanh xuống biển!</p>
+        <span>242Lượt xem</span>
+      </div>
+      <div class="movie-body">
+        <div class="movie-title">
+          <div><span>Xem thêm</span></div>
+        </div>
+        <div class="movie-list">
+          <div class="movie-play-item">
+            <div>
+              <img src="@/assets/images/common/bgGirl.png" />
+              <div>
+                <div class="van-count-down">00:07:18</div>
+              </div>
+            </div>
+            <div>
+              <p>Gieo màu xanh xuống biển!</p>
+              <span>242Lượt xem</span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <van-cell title="Xem video" is-link @click="showPopup" />
+  <van-popup class="errorMoney van-popup van-popup--center" v-model:show="show"
+    ><div class="header">
+      Xem video
+      <i class="close van-icon van-icon-cross"></i>
+    </div>
+    <div class="content">
+      Những người chưa hoàn thành bình chọn chỉ cung cấp bản dùng thử 15 giây,
+      hãy liên hệ với chuyên viên hướng dẫn bình chọn để trở thành thành viên
+      của trang này, thưởng thức tất cả các video trên trang này và mở khóa dịch
+      vụ tận nhà của những người đẹp nóng bỏng trong cùng một thành phố!
+    </div>
+  </van-popup>
+</template>
diff --git a/src/components/video/Video.vue b/src/components/video/Video.vue
new file mode 100644
index 0000000..aff8406
--- /dev/null
+++ b/src/components/video/Video.vue
@@ -0,0 +1,37 @@
+<script setup>
+import { ref } from "vue";
+
+const activeTab = ref(0);
+</script>
+<template>
+  <div class="movie-hall page">
+    <div class="nav-bar van-nav-bar van-hairline--bottom">
+      <div class="van-nav-bar__content">
+        <div class="van-nav-bar__title van-ellipsis">VIDEO</div>
+      </div>
+    </div>
+    <van-tabs v-model:active="activeTab" sticky swipeable>
+      <van-tab title="Việt Nam">
+        <div class="hot-recommend-div">
+          <div class="van-list">
+            <div class="list-item">
+              <a href="/PlayVideo" class="movie-list-item">
+                <div class="cover_img van-image van-image--round">
+                  <img
+                    src="@/assets/images/common/bgGirl.png"
+                    class="van-image__img"
+                  />
+                </div>
+                <div class="movie-list-item-bottom">
+                  <div class="movie-time-div">
+                    <span>Gieo màu xanh xuống biển! </span><span>Chơi:242</span>
+                  </div>
+                </div>
+              </a>
+            </div>
+          </div>
+        </div>
+      </van-tab>
+    </van-tabs>
+  </div>
+</template>
diff --git a/src/components/withdraw/BinCard.vue b/src/components/withdraw/BinCard.vue
new file mode 100644
index 0000000..614ee00
--- /dev/null
+++ b/src/components/withdraw/BinCard.vue
@@ -0,0 +1,71 @@
+<template>
+  <div class="container page">
+    <div class="nav-bar van-nav-bar van-hairline--bottom">
+      <div class="van-nav-bar__content">
+        <div @click="$router.go(-1)" class="van-nav-bar__left">
+          <i
+            class="van-icon van-icon-arrow-left"
+            style="color: rgb(255, 255, 255)"
+          ></i>
+        </div>
+        <div class="van-nav-bar__title van-ellipsis">MẬT KHẨU RÚT TIỀN</div>
+      </div>
+    </div>
+    <div class="wrapper">
+      <div
+        class="van-cell-group van-cell-group--inset van-hairline--top-bottom"
+      >
+        <div class="van-cell van-field van-field--label-top">
+          <div class="van-cell__title van-field__label van-field__label--top">
+            <span>Mật khẩu rút tiền hiện tại</span>
+          </div>
+          <div class="van-cell__value van-field__value">
+            <div class="van-field__body">
+              <input
+                type="text"
+                placeholder="Tạo Mật Khẩu Rút Tiền"
+                class="van-field__control"
+                style="color: #323233"
+              />
+            </div>
+          </div>
+        </div>
+        <div class="van-cell van-field">
+          <div class="van-cell__title van-field__label">
+            <span>Mật khẩu rút tiền mới</span>
+          </div>
+          <div class="van-cell__value van-field__value">
+            <div class="van-field__body">
+              <input
+                type="text"
+                placeholder="Vui lòng nhập lại mật khẩu rút tiền mới"
+                class="van-field__control"
+                style="color: #323233"
+              />
+            </div>
+          </div>
+        </div>
+        <div class="van-cell van-field">
+          <div class="van-cell__title van-field__label">
+            <span>Nhập lại mật rút tiền mới</span>
+          </div>
+          <div class="van-cell__value van-field__value">
+            <div class="van-field__body">
+              <input
+                type="text"
+                placeholder="Nhập Lại Mật Khẩu Rút Tiền Đã Tạo"
+                class="van-field__control"
+                style="color: #323233"
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+      <button class="sub-btn van-button van-button--default van-button--normal">
+        <div class="van-button__content">
+          <span class="van-button__text">Xác nhận</span>
+        </div>
+      </button>
+    </div>
+  </div>
+</template>
diff --git a/src/components/withdraw/EditPayPassword.vue b/src/components/withdraw/EditPayPassword.vue
new file mode 100644
index 0000000..cc50fbb
--- /dev/null
+++ b/src/components/withdraw/EditPayPassword.vue
@@ -0,0 +1,111 @@
+<script setup>
+import { ref, reactive, watch } from "vue";
+
+import axios from "@/axios";
+import API from "@/api";
+import { handleRequest } from "@/helpers/request";
+import { showFailToast } from "vant";
+
+import { useRouter } from "vue-router";
+import { useUserStore } from "@/store/user";
+import { storeToRefs } from "pinia";
+
+const router = useRouter();
+const userStore = useUserStore();
+const { userInfo } = storeToRefs(userStore);
+
+const formData = reactive({
+  password: "",
+  newPassword: "",
+  confirmPassword: "",
+});
+
+function submit() {
+  const { password, newPassword ,confirmPassword } = formData
+  if(newPassword !== confirmPassword) {
+    return showFailToast("Mật khẩu mới không khớp");
+  }
+  handleRequest(axios.post(API.CHANGE_PASSWORD_WITHDRAW, { password, newPassword})).then((res) => {
+    if (res.success) {
+      router.go(-1);
+    } else {
+      showFailToast(res.message ?? "Lỗi");
+    }
+  });
+}
+</script>
+
+<template>
+  <div class="container page">
+    <div class="nav-bar van-nav-bar van-hairline--bottom">
+      <div class="van-nav-bar__content">
+        <div @click="$router.go(-1)" class="van-nav-bar__left">
+          <i
+            class="van-icon van-icon-arrow-left"
+            style="color: rgb(255, 255, 255)"
+          ></i>
+        </div>
+        <div class="van-nav-bar__title van-ellipsis">MẬT KHẨU RÚT TIỀN</div>
+      </div>
+    </div>
+    <div class="wrapper">
+      <div
+        class="van-cell-group van-cell-group--inset van-hairline--top-bottom"
+      >
+        <div class="van-cell van-field van-field--label-top">
+          <div class="van-cell__title van-field__label van-field__label--top">
+            <span>Mật khẩu rút tiền hiện tại</span>
+          </div>
+          <div class="van-cell__value van-field__value">
+            <div class="van-field__body">
+              <input
+                v-model="formData.password" 
+                type="text"
+                placeholder="Tạo Mật Khẩu Rút Tiền"
+                class="van-field__control"
+                style="color: #323233"
+              />
+            </div>
+          </div>
+        </div>
+        <div class="van-cell van-field">
+          <div class="van-cell__title van-field__label">
+            <span>Mật khẩu rút tiền mới</span>
+          </div>
+          <div class="van-cell__value van-field__value">
+            <div class="van-field__body">
+              <input
+                v-model="formData.newPassword" 
+                type="text"
+                placeholder="Vui lòng nhập lại mật khẩu rút tiền mới"
+                class="van-field__control"
+                style="color: #323233"
+              />
+            </div>
+          </div>
+        </div>
+        <div class="van-cell van-field">
+          <div class="van-cell__title van-field__label">
+            <span>Nhập lại mật rút tiền mới</span>
+          </div>
+          <div class="van-cell__value van-field__value">
+            <div class="van-field__body">
+              <input
+                v-model="formData.confirmPassword"
+                type="text"
+                placeholder="Nhập Lại Mật Khẩu Rút Tiền Đã Tạo"
+                class="van-field__control"
+                style="color: #323233"
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+      <button class="sub-btn van-button van-button--default van-button--normal" @click="submit">
+        <div class="van-button__content">
+          <span class="van-button__text">Xác nhận</span>
+        </div>
+      </button>
+    </div>
+  </div>
+</template>
diff --git a/src/components/withdraw/SetPayPassword.vue b/src/components/withdraw/SetPayPassword.vue
new file mode 100644
index 0000000..013cdf8
--- /dev/null
+++ b/src/components/withdraw/SetPayPassword.vue
@@ -0,0 +1,115 @@
+<script setup>
+import { ref, reactive } from "vue";
+import { PasswordInput, NumberKeyboard } from "vant";
+import { showFailToast } from "vant";
+
+import axios from "@/axios";
+import API from "@/api";
+import { handleRequest } from "@/helpers/request";
+
+const formData = reactive({
+  password: "",
+  confirmPassword: "",
+});
+
+const maxLength = 6;
+
+const focusPassword = ref(true);
+const focusConfirmPassword = ref(false);
+
+const showKeyboard = ref(true);
+
+const onFocusPassword = () => {
+  focusPassword.value = true;
+  focusConfirmPassword.value = false;
+  showKeyboard.value = true;
+};
+
+const onFocusConfirmPassword = () => {
+  focusPassword.value = false;
+  focusConfirmPassword.value = true;
+  showKeyboard.value = true;
+};
+
+const onKeyBoardInput = (value) => {
+  if (focusPassword.value && formData.password.length < 6) {
+    formData.password += String(value);
+  } else if (focusConfirmPassword.value && formData.confirmPassword.length < 6) {
+    formData.confirmPassword += String(value);
+  }
+};
+const onKeyBoardDelete = () => {
+  if (focusPassword.value) {
+    formData.password = formData.password.slice(0, -1);
+  } else if (focusConfirmPassword.value) {
+    formData.confirmPassword = formData.confirmPassword.slice(0, -1);
+  }
+};
+
+const submit = () => {
+  if(formData.password.length < maxLength || formData.confirmPassword.length < maxLength) {
+    showFailToast("Vui lòng nhập đẩy đủ thông tin")
+  }
+  if(formData.password !== formData.confirmPassword) {
+    showFailToast("Mật khẩu không khớp")
+  }
+
+  const { password } = formData;
+  
+  handleRequest(axios.post(API.PASSWORD_WITHDRAW, { password })).then((res) => {
+    if(res.success) {
+      userStore.login(res.data)
+      router.push("/mine")
+    } else {
+      showFailToast(res.message ?? "Lỗi đăng nhập")
+    }
+  });
+};
+
+</script>
+<template>
+  <div class="container page">
+    <div class="nav-bar van-nav-bar van-hairline--bottom">
+      <div class="van-nav-bar__content">
+        <div @click="$router.go(-1)" class="van-nav-bar__left">
+          <i
+            class="van-icon van-icon-arrow-left"
+            style="color: rgb(255, 255, 255)"
+          ></i>
+        </div>
+        <div class="van-nav-bar__title van-ellipsis">MẬT KHẨU RÚT TIỀN</div>
+      </div>
+    </div>
+    <div class="wrapper">
+      <div class="item">
+        <p class="title">Tạo Mật Khẩu Rút Tiền</p>
+        <van-password-input
+          :value="formData.password"
+          :gutter="10"
+          :focused="focusPassword"
+          @focus="onFocusPassword"
+        />
+      </div>
+      <div class="item">
+        <p class="title">Vui lòng nhập lại mật khẩu rút tiền mới</p>
+        <van-password-input
+          :value="formData.confirmPassword"
+          :gutter="10"
+          :focused="focusConfirmPassword"
+          @focus="onFocusConfirmPassword"
+        />
+      </div>
+      <van-number-keyboard
+        :show="showKeyboard"
+        @blur="showKeyboard = false"
+        @input="onKeyBoardInput"
+        @delete="onKeyBoardDelete"
+      />
+      <button class="sub-btn van-button van-button--default van-button--normal" @click="submit">
+        <div class="van-button__content">
+          <span class="van-button__text">Xác nhận</span>
+        </div>
+      </button>
+    </div>
+  </div>
+</template>
diff --git a/src/helpers/CountDown.js b/src/helpers/CountDown.js
new file mode 100644
index 0000000..10f4e29
--- /dev/null
+++ b/src/helpers/CountDown.js
@@ -0,0 +1,41 @@
+class CountDown {
+    endTime = 0;
+    interval
+    callback
+    constructor(endTime, callback, start = false) {
+        this.endTime = endTime
+        this.callback = callback;
+        if(start) {
+            this.start();
+        }
+    }
+
+    start() {
+        this.interval = setInterval(() => {
+            const t = ((this.endTime - Date.now()) / 1000) >> 0;
+            if (t >= 0) {
+                const hh = (t / 3600) >> 0;
+                const mm = ((t - hh * 3600) / 60) >> 0
+                const ss = t % 60
+                if(this.callback) {
+                    this.callback(hh, mm, ss, t)
+                }
+            } else {
+                this.stop();
+            }
+        }, 500);
+    }
+
+    restart(endTime) {
+        this.stop();
+        this.endTime = endTime;
+        this.start();
+    }
+
+    stop(){
+        clearInterval(this.interval)
+    }
+}
+
+
+export default CountDown
\ No newline at end of file
diff --git a/src/helpers/format.js b/src/helpers/format.js
new file mode 100644
index 0000000..11b361a
--- /dev/null
+++ b/src/helpers/format.js
@@ -0,0 +1,33 @@
+import moment from "moment"
+
+export function formatNumber(value, minFraction = 0, maxFraction = 3 ){
+    try {
+        var formatter = new Intl.NumberFormat('en-US', {
+            minimumFractionDigits: minFraction,
+            maximumFractionDigits: maxFraction
+        });
+        return formatter.format(value);
+    } catch (error) {
+        console.log(error)
+        return value
+    }
+}
+
+export function formatDateTime(time, format="YYYY-MM-DD HH:mm:ss") {
+    return moment(time).utcOffset("Asean/Ho_Chi_Minh").format(format)
+}
+
+export function formatTransactionStatus(value) {
+    switch (value) {
+        case 0:
+            return 'Chờ xử lý'
+        case 1:
+            return 'Thành công'
+        case 2:
+            return 'Thất bại'
+        case "all":
+            return 'Tất cả'
+        default:
+            return 'N/A'
+    }
+}
\ No newline at end of file
diff --git a/src/helpers/redirect.js b/src/helpers/redirect.js
new file mode 100644
index 0000000..2a94e87
--- /dev/null
+++ b/src/helpers/redirect.js
@@ -0,0 +1,4 @@
+
+export function gotoChat() {
+    window.open(import.meta.env.VITE_APP_CHAT_URL + `?token=${localStorage.getItem('accessToken')}`, "_self");
+}
\ No newline at end of file
diff --git a/src/helpers/request.js b/src/helpers/request.js
new file mode 100644
index 0000000..8329429
--- /dev/null
+++ b/src/helpers/request.js
@@ -0,0 +1,16 @@
+async function handleRequest(request, throwError = false) {
+    if (!throwError) {
+        try {
+            return await request
+        } catch (error) {
+            console.log(error)
+            return error
+        }
+    }
+    return request
+}
+
+
+export {
+    handleRequest
+}
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
new file mode 100644
index 0000000..f87ba35
--- /dev/null
+++ b/src/main.js
@@ -0,0 +1,17 @@
+import { createApp } from "vue";
+import App from "./App.vue";
+import router from "./router";
+import Vant, { Icon } from "vant";
+
+import { createPinia } from 'pinia'
+
+import "vant/lib/index.css";
+import "@/assets/css/chunkVendor.css";
+import "@/assets/css/main.css";
+
+const app = createApp(App);
+app.use(router);
+app.use(createPinia())
+app.use(Vant);
+app.use(Icon);
+app.mount("#app");
diff --git a/src/router/index.js b/src/router/index.js
new file mode 100644
index 0000000..9e31fe9
--- /dev/null
+++ b/src/router/index.js
@@ -0,0 +1,210 @@
+import { createRouter, createWebHistory } from "vue-router";
+import MainLayout from "@/components/layout/MainLayout.vue";
+import { useUserStore } from "@/store/user";
+
+const routes = [
+  {
+    path: "/",
+    component: MainLayout,
+    children: [
+      {
+        path: "/",
+        name: "index",
+        component: () => import("@/components/home/HomePage.vue"),
+      },
+      {
+        path: "/Game",
+        name: "Game",
+        component: () => import("@/components/lottery/Game.vue"),
+      },
+      {
+        path: "/Choose",
+        name: "Choose",
+        component: () => import("@/components/home/Choose.vue"),
+      },
+      {
+        path: "/Video",
+        name: "Video",
+        component: () => import("@/components/video/Video.vue"),
+      },
+      {
+        path: "/mine",
+        name: "Mine",
+        component: () => import("@/components/mine/Mine.vue"),
+      },
+    ],
+  },
+  {
+    path: "/register",
+    name: "Register",
+    meta: { redirectIfLoggedIn: true },
+    component: () => import("@/components/auth/Register.vue"),
+  },
+  {
+    path: "/login",
+    name: "Login",
+    meta: { redirectIfLoggedIn: true },
+    component: () => import("@/components/auth/Login.vue"),
+  },
+  {
+    path: "/HomeDetail",
+    name: "DetailGirl",
+    component: () => import("@/components/home/DetailGirl.vue"),
+  },
+  {
+    path: "/Lottery",
+    name: "Lottery",
+    component: () => import("@/components/lottery/LotteryGame.vue"),
+  },
+  {
+    path: "/list",
+    name: "List",
+    component: () => import("@/components/home/List.vue"),
+  },
+  {
+    path: "/ProfileOnList",
+    name: "ProfileOnList",
+    component: () => import("@/components/home/ProfileOnList.vue"),
+  },
+  {
+    path: "/PlayVideo",
+    name: "PlayVideo",
+    component: () => import("@/components/video/PlayVideo.vue"),
+  },
+  {
+    path: "/Setting",
+    name: "Setting",
+    meta: { auth: true },
+    component: () => import("@/components/home/Settings.vue"),
+  },
+  {
+    path: "/Infomation",
+    name: "Infomation",
+    meta: { auth: true },
+    component: () => import("@/components/setting/Info.vue"),
+  },
+  {
+    path: "/Language",
+    name: "Language",
+    component: () => import("@/components/home/Language.vue"),
+  },
+  {
+    path: "/EditPayPassword",
+    name: "EditPayPassword",
+    meta: { auth: true },
+    component: () => import("@/components/withdraw/EditPayPassword.vue"),
+  },
+  {
+    path: "/SetLoginPassword",
+    name: "SetLoginPassword",
+    meta: { auth: true },
+    component: () => import("@/components/auth/SetLoginPassword.vue"),
+  },
+  {
+    path: "/Setname",
+    name: "Setname",
+    meta: { auth: true },
+    component: () => import("@/components/setting/SetName.vue"),
+  },
+  {
+    path: "/Setsex",
+    name: "Setsex",
+    meta: { auth: true },
+    component: () => import("@/components/setting/Setsex.vue"),
+  },
+  {
+    path: "/Setbank",
+    name: "Setbank",
+    meta: { auth: true },
+    component: () => import("@/components/setting/SetBank.vue"),
+  },
+  {
+    path: "/Personalreport",
+    name: "Personalreport",
+    meta: { auth: true },
+    component: () => import("@/components/mine/Personalreport.vue"),
+  },
+  {
+    path: "/RechargeRecord",
+    name: "RechargeRecord",
+    meta: { auth: true },
+    component: () => import("@/components/mine/RechargeRecord.vue"),
+  },
+  {
+    path: "/GameRecord",
+    name: "GameRecord",
+    meta: { auth: true },
+    component: () => import("@/components/mine/GameRecord.vue"),
+  },
+  {
+    path: "/Notice",
+    name: "Notice",
+    meta: { auth: true },
+    component: () => import("@/components/mine/Noitice.vue"),
+  },
+  {
+    path: "/Moneylog",
+    name: "Moneylog",
+    meta: { auth: true },
+    component: () => import("@/components/setting/Moneylog.vue"),
+  },
+  {
+    path: "/Recharge",
+    name: "Recharge",
+    meta: { auth: true },
+    component: () => import("@/components/deposit/Recharge.vue"),
+  },
+  {
+    path: "/Channel",
+    name: "Channel",
+    meta: { auth: true },
+    component: () => import("@/components/deposit/Channel.vue"),
+  },
+  {
+    path: "/RechargeRecord",
+    name: "RechargeRecord",
+    meta: { auth: true },
+    component: () => import("@/components/deposit/RechargeRecord.vue"),
+  },
+  {
+    path: "/SetPayPassword",
+    name: "SetPayPassword",
+    meta: { auth: true },
+    component: () => import("@/components/withdraw/SetPayPassword.vue"),
+  },
+
+  {
+    path: "/:pathMatch(.*)*",
+    redirect: { name: "home" },
+  },
+];
+
+const router = createRouter({
+  history: createWebHistory(),
+  routes: routes,
+});
+
+router.beforeEach(async (to, _, next) => {
+  const isLoggedIn = localStorage.getItem("accessToken");
+
+  if (to.meta.auth && !isLoggedIn) {
+    return next({ name: "Login" });
+  }
+
+  if (to.meta.redirectIfLoggedIn && isLoggedIn) {
+    return next({ name: "index" });
+  }
+
+  if (isLoggedIn) {
+    const userStore = useUserStore();
+    try {
+      userStore.getUserInfo();
+    } catch (error) {
+      return next();
+    }
+  }
+  return next();
+});
+
+
+export default router;
diff --git a/src/socket/index.js b/src/socket/index.js
new file mode 100644
index 0000000..4c5869a
--- /dev/null
+++ b/src/socket/index.js
@@ -0,0 +1,9 @@
+import { io } from "socket.io-client"
+
+export default () => {
+    return io(import.meta.env.VITE_APP_BASE_URL, {
+        auth: {
+            token: localStorage.getItem("accessToken")
+        },
+    });
+}
\ No newline at end of file
diff --git a/src/store/user.js b/src/store/user.js
new file mode 100644
index 0000000..d35a7eb
--- /dev/null
+++ b/src/store/user.js
@@ -0,0 +1,50 @@
+import API from "@/api";
+import axios from "@/axios";
+import { defineStore } from "pinia";
+import router from "@/router";
+
+const defaultState = () => {
+  return {
+    userInfo: null,
+    isLogin: localStorage.hasOwnProperty("accessToken")
+  }
+}
+
+export const useUserStore = defineStore("user", {
+  state: () => defaultState(),
+
+  getters: {},
+
+  actions: {
+    async getUserInfo() {
+      try {
+        const res = await axios.get(API.USER_INFO)
+        if (res.success) {
+          this.userInfo = res.data;
+          return res.data
+        }
+      } catch (error) {
+        console.log(error);
+      }
+    },
+
+    updateUserInfo(payload) {
+      Object.assign(this.userInfo, payload)
+    },
+
+    login(accessToken) {
+      localStorage.setItem("accessToken", accessToken);
+      this.isLogin = true;
+    },
+
+    logout() {
+      localStorage.removeItem("accessToken");
+      this.$reset();
+      router.push("/")
+    },
+
+    $reset() {
+      Object.assign(this, defaultState());
+    },
+  },
+});
diff --git a/vite.config.js b/vite.config.js
new file mode 100644
index 0000000..2930bc8
--- /dev/null
+++ b/vite.config.js
@@ -0,0 +1,13 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import path from "path";
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [vue()],
+  resolve: {
+    alias: {
+      "@": path.resolve(__dirname, "./src")
+    }
+  }
+})