代码提交

.gitignore

@@ -0,0 +1,25 @@
+# Nuxt dev/build outputs
+.output
+.data
+.nuxt
+.nitro
+.cache
+dist
+
+# Node dependencies
+node_modules
+
+# Logs
+logs
+*.log
+
+# Misc
+.DS_Store
+.fleet
+.idea
+
+# Local env files
+.history
+.env
+.env.*
+!.env.example

README.md

@@ -0,0 +1,76 @@
+# Nuxt 3 Minimal Starter
+
+Look at the [Nuxt 3 documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
+
+## Setup
+
+Make sure to install the dependencies:
+
+```bash
+# npm
+npm install
+
+# pnpm
+pnpm install
+
+# yarn
+yarn install
+
+# bun
+bun install
+```
+
+## Development Server
+
+Start the development server on `http://localhost:3000`:
+
+```bash
+# npm
+npm run dev
+
+# pnpm
+pnpm run dev
+
+# yarn
+yarn dev
+
+# bun
+bun run dev
+```
+
+## Production
+
+Build the application for production:
+
+ 打包时路径不能有中文
+```bash
+# npm
+npm run build
+
+# pnpm
+pnpm run build
+
+# yarn
+yarn build
+
+# bun
+bun run build
+```
+
+Locally preview production build:
+
+```bash
+# npm
+npm run preview
+
+# pnpm
+pnpm run preview
+
+# yarn
+yarn preview
+
+# bun
+bun run preview
+```
+
+Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.

app.config.ts

@@ -0,0 +1,3 @@
+export default defineAppConfig({
+    title: 'Hello Nuxt'
+})

app.vue

@@ -0,0 +1,250 @@
+<template>
+  <div id="layout-wrapper" class="layout-wrapper" :class="inverse">
+    <Header></Header>
+    <div class="main-container">
+      <!-- <NuxtPage /> -->
+      <router-view></router-view>
+      <template v-if="language == ''">
+        <div class="layout-link">
+          <div class="email">
+            <n-popover trigger="hover" placement="left-start">
+              <template #trigger>
+                <div class="email-icon link-icon">
+                  <n-icon :component="IosCall" :size="30" color="#fff" />
+                </div>
+              </template>
+              <div class="email-cnt link-content">
+                <div class="email-title link-title">
+                  {{ t('common.link.phone') }}
+                </div>
+                <div class="link-way">
+                  <a href="tel:86-027-85566566">86-027-85307885</a>
+                </div>
+              </div>
+            </n-popover>
+          </div>
+          <div class="telphone">
+            <n-popover trigger="hover" placement="left-start">
+              <template #trigger>
+                <div class="email-icon link-icon">
+                  <n-icon :component="IosPhonePortrait" :size="30" color="#fff" />
+                </div>
+              </template>
+              <div class="link-content">
+                <div class="link-title">{{ t('common.link.telphone') }}</div>
+                <div class="link-way">
+                  <a href="tel:17320528525">{{ t('common.link.servicer01') }} 17320528525</a>
+                  <a href="tel:17320528335">{{ t('common.link.servicer02') }} 17320528335</a>
+                </div>
+              </div>
+            </n-popover>
+          </div>
+          <div class="wx">
+            <n-popover trigger="hover" placement="left-start">
+              <template #trigger>
+                <div class="email-icon link-icon">
+                  <n-icon :component="IosChatbubbles" :size="30" color="#fff" />
+                </div>
+              </template>
+              <div class="link-content">
+                <div class="link-title">{{ t('common.wx.service') }}</div>
+                <div class="link-way">
+                  <img src="@/assets/images/wx-02.jpg" />
+                </div>
+              </div>
+            </n-popover>
+          </div>
+
+        </div>
+      </template>
+    </div>
+    <Footer v-if="showFooter"></Footer>
+
+    <n-back-top :right="5" :bottom="150" color="#fff" icon-color="#fff" :theme-overrides="{ iconColor: '#fff' }" style="width: 45px; height: 45px; background-color: #18a058; color: #fff; border-radius: 100%" />
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { ref, onMounted, watch, onUnmounted } from "vue";
+import {
+  IosMail,
+  IosPhonePortrait,
+  IosChatbubbles,
+  IosCall,
+} from "@vicons/ionicons4";
+import { useRoute } from "vue-router";
+import { useI18n } from "#imports";
+import { useUserStore } from "@/store/user";
+const { t } = useI18n();
+const route = useRoute();
+const inverse = ref<string>("");
+const code = ref<string>("none"); // 二维码
+const closeStatus = ref<string>("");
+const scrollTop = ref<number>(0); // 滚动距离
+const color = ref<string>("#fff"); // 导航栏字体颜色
+const showFooter = ref<boolean>(true);
+const userStore = useUserStore();
+const language = ref("");
+const nuxtApp = useNuxtApp();
+onMounted(async () => {
+  language.value = userStore.getLang;
+  renderNavbar(route.path);
+  window.addEventListener("scroll", onScroll);
+  try {
+    const script = document.createElement("script");
+    script.src = "/wow.js";
+    script.onload = () => {
+      if (window.WOW) {
+        new window.WOW().init();
+        window.__WOW_INITIALIZED__ = true; // 设置标志防止重复初始化
+      }
+    };
+    document.head.appendChild(script);
+  } catch (error) {
+    console.log(error);
+  }
+});
+
+onUnmounted(() => {
+  window.removeEventListener("scroll", onScroll);
+});
+
+watch(() => route.name, renderNavbar);
+
+// 导航栏切换
+function renderNavbar(routePath: any | null | undefined) {
+  if (
+    (routePath === "/" || "/market" === route.path) &&
+    scrollTop.value === 0
+  ) {
+    inverse.value = "inverse";
+    code.value = "none";
+    color.value = "#fff";
+  } else {
+    inverse.value = "";
+    code.value = "block";
+    color.value = "#000";
+  }
+  showFooter.value = ["mineUpdatePwd", "payBack"].includes(routePath)
+    ? false
+    : true;
+  ["reports", "newsCategories", "bulletinThinkTank"].includes(routePath)
+    ? userStore.setSearchType(routePath)
+    : userStore.setSearchType("");
+}
+
+// 滚动条事件
+function onScroll() {
+  scrollTop.value = document.documentElement.scrollTop;
+  if (
+    scrollTop.value === 0 &&
+    (route.name === "index___zh" ||
+      route.name === "index___en" ||
+      "/market" === route.path)
+  ) {
+    inverse.value = "inverse";
+    code.value = "none";
+    color.value = "#fff";
+  } else {
+    inverse.value = "";
+    if (closeStatus.value != "click") {
+      code.value = "block";
+    }
+    color.value = "#000";
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.main-container {
+  margin-top: 140px;
+  min-height: calc(100vh - 140px);
+  //background-color: #edf0f5;
+  .limit-width {
+    width: 1220px;
+    margin: 0 auto;
+  }
+}
+.inverse :deep(.app-header) {
+  background-color: transparent !important;
+}
+.main-container {
+  margin-top: 0;
+}
+
+.layout-link {
+  position: fixed;
+  bottom: 200px;
+  right: 5px;
+  z-index: 3;
+  display: v-bind("code");
+  > div {
+    padding-bottom: 5px;
+    cursor: pointer;
+  }
+  .link-icon {
+    width: 45px;
+    height: 45px;
+    border-radius: 5px;
+    background-color: #18a058;
+    .n-icon {
+      line-height: 55px;
+      width: 100%;
+      text-align: center;
+    }
+  }
+}
+
+.link-content {
+  padding: 8px;
+  text-align: center;
+  border: 1px solid #18a058;
+  font-size: 16px;
+  .link-title {
+    border-bottom: 1px solid #18a058;
+    padding-bottom: 4px;
+    color: #18a058;
+  }
+  .link-way {
+    font-weight: 600;
+    padding-top: 4px;
+    > img {
+      width: 150px;
+      height: 150px;
+    }
+    > a {
+      display: block;
+    }
+  }
+}
+.v-binder-follower-content {
+  top: 23px;
+}
+</style>
+<style lang="scss">
+#nav-item .txt,
+.home-tel,
+.lang-select,
+.lang .n-icon,
+.userInfo {
+  color: v-bind("color");
+}
+.home-tel {
+  .n-icon {
+    border: 1px solid v-bind("color");
+  }
+}
+
+#nav-item {
+  &.router-link-active {
+    &::after {
+      background-color: v-bind("color");
+    }
+  }
+  &:hover {
+    &::after {
+      background-color: v-bind("color");
+    }
+  }
+}
+</style>

app/router.options.ts

@@ -0,0 +1,89 @@
+import { RouterConfig } from '@nuxt/schema'
+
+export default <RouterConfig>{
+  routes: (_routes) => {
+    return [
+      {
+        name: 'reports',
+        path: '/:lang?/report-industries/:category?/:keyword?', // 自定义路由地址
+        component: () => import('~/pages/report-industries/index.vue'), // 指向你的首页组件
+        meta: { title: '研究报告', titleEn: 'Research Report', activeIndex: 1 }
+      },
+      {
+        name: 'reportDetail',
+        path: '/:lang?/reports/:webTitle?',
+        component: () => import('~/pages/report-industries/detail.vue'),
+        meta: { title: '研究报告详情', titleEn: 'Research Report Detail', activeIndex: 1 }
+      },
+      {
+        name: 'bulletinThinkTank',
+        path: '/bulletin/bulletin-think-tank/:marketType?/:keyword?',
+        component: () => import('~/pages/bulletin/index.vue'),
+        meta: { title: '行研简报', activeIndex: 3 }
+      },
+      {
+        name: 'bulletinDetail',
+        path: '/bulletin/bulletin-detail/:webTitle?',
+        component: () => import('~/pages/bulletin/detail.vue'),
+        meta: { title: '行研简报详情', activeIndex: 3 }
+      },
+
+      {
+        name: 'newsCategories',
+        path: '/:lang?/news-categories/:marketType?/:keyword?',
+        component: () => import('~/pages/news-categories/index.vue'),
+        meta: { title: '行业资讯', titleEn: 'Industry News', activeIndex: 4 }
+      },
+      {
+        name: 'newsDetail',
+        path: '/:lang?/news/:webTitle?',
+        component: () => import('~/pages/news-categories/detail.vue'),
+        meta: { title: '行业资讯详情', titleEn: 'Industry News Detail', activeIndex: 4 }
+      },
+
+      {
+        name: 'about',
+        path: '/:lang?/about',
+        component: () => import('~/pages/about/index.vue'),
+        meta: { title: '公司简介', titleEn: 'Company Profile', activeIndex: 5 }
+      },
+      {
+        name: 'link',
+        path: '/:lang?/link',
+        component: () => import('~/pages/about/link.vue'),
+        meta: { title: '研究方法', titleEn: 'Research Method', activeIndex: 5 }
+      },
+      {
+        name: 'order',
+        path: '/:lang?/order',
+        component: () => import('~/pages/about/order.vue'),
+        meta: { title: '关于订购', titleEn: 'Order Process', activeIndex: 5 }
+      },
+      {
+        name: 'term',
+        path: '/:lang?/term',
+        component: () => import('~/pages/about/term.vue'),
+        meta: { title: '相关条款', titleEn: 'Terms and Conditions', activeIndex: 5 }
+      },
+      {
+        name: 'qualify',
+        path: '/:lang?/qualify',
+        component: () => import('~/pages/about/qualify.vue'),
+        meta: { title: '企业资质', titleEn: 'Enterprise Qualifications', activeIndex: 5 }
+      },
+      {
+        name: 'contactUsIndex',
+        path: '/:lang?/contactUs',
+        component: () => import('~/pages/contact/index.vue'),
+        meta: { title: '企业资质', titleEn: 'Enterprise Qualifications', activeIndex: 5 }
+      },
+      {
+        name: 'mine',
+        path: '/:lang?/mine/mineCenter',
+        component: () => import('~/pages/mine/index.vue'),
+        meta: { title: '个人中心' }
+      },
+      ..._routes, // 保留默认的路由配置
+    ]
+  }
+}

assets/bqfl/iconfont.css

@@ -0,0 +1,209 @@
+@font-face {
+  font-family: "bqfl-iconfont";
+  /* Project id 4790853 */
+  src: url('iconfont.woff2?t=1736326505362') format('woff2'),
+    url('iconfont.woff?t=1736326505362') format('woff'),
+    url('iconfont.ttf?t=1736326505362') format('truetype');
+}
+
+.bqfl-iconfont {
+  font-family: "bqfl-iconfont" !important;
+  font-size: 20px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  color: #18a058;
+}
+
+.cursor {
+  color: #00B1FF;
+  cursor: pointer;
+}
+
+.color80 {
+  color: #808080;
+}
+
+.color99 {
+  color: #999999;
+}
+
+.color00C800 {
+  color: #00C800;
+}
+
+.color1296DB {
+  color: #1296DB;
+}
+
+.color18A058 {
+  color: #18A058;
+}
+
+.f30 {
+  font-size: 30px
+}
+
+.f16 {
+  font-size: 16px
+}
+
+.mr5 {
+  margin-right: 5px;
+}
+
+.ml5 {
+  margin-left: 5px;
+}
+
+.mr10 {
+  margin-right: 10px;
+}
+
+.icon-shouqi:before {
+  content: "\e601";
+}
+
+.icon-IPO:before {
+  content: "\e665";
+}
+
+.icon-tags:before {
+  content: "\e806";
+}
+
+.icon-yincangmima:before {
+  content: "\e612";
+}
+
+.icon-a-yincangyulanmimayincang_24:before {
+  content: "\e694";
+}
+
+.icon-xiugai:before {
+  content: "\e610";
+}
+
+.icon-anonymous-iconfont:before {
+  content: "\e6ba";
+}
+
+.icon-item-04:before {
+  content: "\e600";
+}
+
+.icon-cheliangguanli:before {
+  content: "\e854";
+}
+
+.icon-jixieshebei:before {
+  content: "\e71c";
+}
+
+.icon-bandaotichanye_fenliqijian:before {
+  content: "\e632";
+}
+
+.icon-hangkonghangtian:before {
+  content: "\e93c";
+}
+
+.icon-ruanjian:before {
+  content: "\e75b";
+}
+
+.icon-nongye:before {
+  content: "\e63b";
+}
+
+.icon-yiyao:before {
+  content: "\e70b";
+}
+
+.icon-zhaopinqushi-xiaofeipinhangye:before {
+  content: "\e66c";
+}
+
+.icon-yiliao-shebei:before {
+  content: "\e6d9";
+}
+
+.icon-globeo24:before {
+  content: "\e73d";
+}
+
+.icon-arrowRight-copy-copy-copy:before {
+  content: "\e67c";
+}
+
+.icon-zhifubao:before {
+  content: "\e636";
+}
+
+.icon-yonghuming:before {
+  content: "\e643";
+}
+
+.icon-shichangtiaochabiao:before {
+  content: "\e6de";
+}
+
+.icon-shangshiqiye:before {
+  content: "\e64c";
+}
+
+.icon-iconyanjiubaogao01:before {
+  content: "\e640";
+}
+
+.icon-weixinzhifu:before {
+  content: "\e650";
+}
+
+.icon-icon:before {
+  content: "\e65f";
+}
+
+.icon-dkw_guanbi-:before {
+  content: "\e602";
+}
+
+.icon-shouye:before {
+  content: "\e65b";
+}
+
+.icon-quanjuyifasong-icon:before {
+  content: "\e619";
+}
+
+.icon-zhinengjianbao:before {
+  content: "\e604";
+}
+
+.icon-yanjiubaogao:before {
+  content: "\e61c";
+}
+
+.icon-yanzhengma:before {
+  content: "\e6bf";
+}
+
+.icon-mima:before {
+  content: "\e617";
+}
+
+.icon-sousuo:before {
+  content: "\e6d3";
+}
+
+.icon-shangyeqihuashu:before {
+  content: "\e61a";
+}
+
+.icon-dingzhifuwu:before {
+  content: "\e622";
+}
+
+.icon-hangyefenlei:before {
+  content: "\e710";
+}

assets/css/common.scss

@@ -0,0 +1,222 @@
+@import "~/assets/css/tool.scss";
+// @import "~/assets/css/font/iconfont.css";
+@import "~/assets/styles/index.scss";
+@import "~/assets/font/iconfont.css";
+@import "~/assets/bqfl/iconfont.css";
+@import "~/assets/styles/mobile.scss";
+@import "~/assets/styles/variables.scss";
+
+// .mywow {
+//   //    display: none;
+//   transform: translateX(-10000000px);
+// }
+
+* {
+  // padding: 0;
+  // margin: 0;
+  box-sizing: border-box;
+}
+
+a {
+  text-decoration: none;
+  /* 去除默认的下划线 */
+  color: inherit;
+  /* 去除默认的颜色和点击后变化的颜色 */
+}
+
+@include responseTo("pc") {
+
+  html,
+  body {
+    // min-width: 1500px;
+    color: var(--color-01);
+    font-weight: var(--weight-400);
+    font-family: var(--family-01);
+    margin: 0;
+  }
+
+  .container {
+    // padding-top: 170px;
+  }
+
+  .center1200 {
+    width: 1200px !important;
+    margin: 0 auto !important;
+  }
+
+  .center1440 {
+    width: 1440px !important;
+    margin: 0 auto !important;
+  }
+
+  .center1670 {
+    width: 1670px !important;
+    margin: 0 auto !important;
+  }
+}
+
+img {
+  line-height: 1;
+}
+
+.one-row {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.bg {
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-size: cover;
+}
+
+.center-btn {
+  width: auto;
+  min-width: var(--size-178);
+  min-height: var(--size-50);
+  background: linear-gradient(-45deg, #2cbac0 0%, #006efe 100%), #006efe;
+  border-radius: 4px;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  font-size: var(--size-18);
+  font-family: var(--family-01);
+  font-weight: var(--weight-400);
+  color: #ffffff;
+}
+
+.btn-01 {
+  width: 1px;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  flex-wrap: nowrap;
+  min-width: var(--size-178);
+  min-height: var(--size-50);
+  padding: 0 var(--size-20);
+  background: #ffffff;
+  border: 1px solid var(--color-04);
+  border-radius: var(--size-4);
+  font-size: var(--size-18);
+  font-family: var(--family-01);
+  font-weight: var(--weight-400);
+  color: var(--color-04);
+}
+
+.load {
+  position: fixed;
+  top: 45%;
+  left: 50%;
+
+  // .n-spin-description {
+  //   color: #b10000;
+  // }
+
+  // .n-base-loading__icon {
+  //   color: #b10000 !important;
+  // }
+}
+
+.n-dropdown-menu.en .n-dropdown-option .n-dropdown-option-body .n-dropdown-option-body__label {
+  font-size: 0.85em;
+}
+
+/** 个人中心共用样式 */
+.personal-center {
+  padding: var(--size-220) var(--size-220) var(--size-40) var(--size-220);
+  background-color: #f5f5f5;
+
+  .center-component {
+    width: 100%;
+    min-height: var(--size-220);
+    // background-color: #ffffff;
+    border-radius: var(--size-16);
+    overflow: hidden;
+    display: flex;
+    background-color: #ffffff;
+
+    .center-component-right {
+      flex: 1;
+
+      .component-right-head {
+        width: 100%;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        border-bottom: var(--size-3) solid #f5f5f5;
+        padding: var(--size-40) var(--size-30) var(--size-14) var(--size-54);
+
+        .head-title {
+          flex: 1;
+          color: #1a1a1a;
+          margin: 0;
+          font-size: var(--size-24);
+          font-weight: 700;
+        }
+      }
+
+      .component-right-body {
+        padding: var(--size-40) var(--size-30) var(--size-14) var(--size-54);
+      }
+    }
+  }
+}
+
+// 表格样式
+.table-style {
+  box-sizing: border-box;
+
+  .th-sort {
+    display: flex;
+    justify-content: center;
+
+    .iconfont {
+      color: #ff6a00;
+      margin-right: var(--size-4);
+    }
+
+    span {
+      min-width: var(--size-70);
+    }
+  }
+
+  th {
+    background-color: #fff7f1;
+    font-weight: 700;
+    font-size: var(--size-16);
+    box-sizing: border-box;
+  }
+
+  td,
+  th {
+    text-align: center;
+    word-wrap: break-word;
+    /* 或者使用 overflow-wrap: break-word; */
+    white-space: normal;
+    /* 默认值，允许文本换行 */
+  }
+
+  tr:nth-of-type(even) td {
+    background-color: #f7f7f7 !important;
+  }
+
+  .highlight {
+    display: block;
+    color: #0090ff;
+    cursor: pointer;
+  }
+
+  .highlight.ver {
+    color: #06a71b;
+    margin-top: var(--size-10);
+  }
+}
+
+// 表格分页样式
+.table-pagination {
+  display: flex;
+  justify-content: center;
+  margin-top: var(--size-50);
+  padding-bottom: var(--size-20);
+}

assets/css/root.scss

@@ -0,0 +1,681 @@
+@import "~/assets/css/tool.scss";
+
+:root {
+    --nav-height: 80px;
+
+    --header-z-index: 9;
+
+    --shadow-01: 0 0 var(--size-15) var(--size-6) rgba(89, 187, 228, 0.25);
+    --shadow-02: 0 0 var(--size-15) var(--size-6) rgba(89, 187, 228, 0.25);
+
+    --color-01: #1a1a1a;
+    --color-02: #666666;
+    --color-03: #808080;
+    --color-04: #006efe;
+    --color-05: rgba(0, 110, 254, 0.5);
+    --color-06: #e6e6e6;
+    --color-07: #11b5e8;
+    --color-08: #ebf2fc;
+    --color-09: #ff7777;
+    --color-10: #cedaf4;
+
+    --family-01: Microsoft YaHei;
+    --family-02: FZYaoTi, FZYaoTi-Regular;
+    // --family-02:Microsoft YaHei;
+
+    --weight-300: 300;
+    --weight-400: 400;
+    --weight-500: 500;
+    --weight-600: 600;
+    --weight-700: 700;
+    --weight-800: 800;
+    --weight-900: 400;
+
+    @include responseTo("phone") {
+        --size--133: -17.7333vw;
+        --size--100: -13.3333vw;
+        --size--75: -10vw;
+        --size--50: -6.6667vw;
+        --size--48: -6.4vw;
+        --size--32: -4.2667vw;
+        --size--25: -3.3333vw;
+        --size--17: -2.2667vw;
+        --size--10: -1.3333vw;
+        --size--7: -0.6667vw;
+        --size--6: -0.8vw;
+        --size--5: -0.6667vw;
+        --size--4: -0.5333vw;
+        --size--2: -0.2667vw;
+        --size-1: 0.1333vw;
+        --size-2: 0.2667vw;
+        --size-3: 0.4vw;
+        --size-4: 0.5333vw;
+        --size-5: 0.6667vw;
+        --size-6: 0.8vw;
+        --size-7: 0.9333vw;
+        --size-8: 1.0667vw;
+        --size-9: 1.2vw;
+        --size-10: 1.3333vw;
+        --size-11: 1.4667vw;
+        --size-12: 1.6vw;
+        --size-13: 1.7333vw;
+        --size-14: 1.8667vw;
+        --size-15: 2vw;
+        --size-16: 2.1333vw;
+        --size-17: 2.2667vw;
+        --size-18: 2.4vw;
+        --size-19: 2.5333vw;
+        --size-20: 2.6667vw;
+        --size-21: 2.8vw;
+        --size-22: 2.9333vw;
+        --size-23: 3.0667vw;
+        --size-24: 3.2vw;
+        --size-25: 3.3333vw;
+        --size-26: 3.4667vw;
+        --size-27: 3.6vw;
+        --size-28: 3.7333vw;
+        --size-29: 3.8667vw;
+        --size-30: 4vw;
+        --size-31: 4.1333vw;
+        --size-32: 4.2667vw;
+        --size-33: 4.4vw;
+        --size-34: 4.533vw;
+        --size-35: 4.6667vw;
+        --size-36: 4.8vw;
+        --size-37: 4.9333vw;
+        --size-38: 5.0667vw;
+        --size-39: 5.2vw;
+        --size-40: 5.3333vw;
+        --size-41: 5.46vw;
+        --size-42: 5.6vw;
+        --size-43: 5.7333vw;
+        --size-44: 5.8667vw;
+        --size-45: 6vw;
+        --size-46: 6.1333vw;
+        --size-47: 6.2667;
+        --size-48: 6.4vw;
+        --size-49: 6.5333vw;
+        --size-50: 6.6667vw;
+        --size-51: 6.8vw;
+        --size-52: 6.93vw;
+        --size-53: 7.0667vw;
+        --size-54: 7.6vw;
+        --size-55: 7.33vw;
+        --size-56: 7.4667vw;
+        --size-57: 7.6vw;
+        --size-58: 7.7333vw;
+        --size-59: 7, 8667vw;
+        --size-60: 8vw;
+        --size-61: 8.1333vw;
+        --size-62: 8.2667vw;
+        --size-63: 8.4vw;
+        --size-64: 8.5333vw;
+        --size-65: 8.6667vw;
+        --size-66: 8.8vw;
+        --size-67: 8.9333vw;
+        --size-68: 9.0667vw;
+        --size-69: 9.2vw;
+        --size-70: 9.3333vw;
+        --size-73: 9.733vw;
+        --size-74: 9.867vw;
+        --size-75: 10vw;
+        --size-76: 10.13vw;
+        --size-80: 10.6667vw;
+        --size-81: 10.8vw;
+        --size-82: 10.9333vw;
+        --size-83: 11.0667vw;
+        --size-84: 11.2vw;
+        --size-85: 11.3333vw;
+        --size-86: 11.4667vw;
+        --size-87: 11.6vw;
+        --size-88: 11.7333vw;
+        --size-89: 11.8667vw;
+        --size-90: 13vw;
+        --size-91: 12.1333vw;
+        --size-92: 12.2667vw;
+        --size-93: 12.4vw;
+        --size-94: 13.5333vw;
+        --size-95: 12.6667vw;
+        --size-96: 12.8vw;
+        --size-97: 12.9333vw;
+        --size-98: 13.0667vw;
+        --size-99: 13.2vw;
+        --size-100: 13.3333vw;
+        --size-104: 13.8667vw;
+        --size-105: 14vw;
+        --size-106: 14.1333vw;
+        --size-107: 14.267vw;
+        --size-112: 14.9333vw;
+        --size-115: 15.333vw;
+        --size-116: 15.4667vw;
+        --size-117: 15.6vw;
+        --size-119: 15.867vw;
+        --size-120: 16vw;
+        --size-122: 16.2667vw;
+        --size-124: 16.533vw;
+        --size-128: 17.0667vw;
+        --size-130: 17.33vw;
+        --size-132: 17.6vw;
+        --size-133: 17.7333vw;
+        --size-134: 17.8667vw;
+        --size-135: 18vw;
+        --size-141: 18.8vw;
+        --size-142: 18.933vw;
+        --size-148: 19.7333vw;
+        --size-150: 20vw;
+        --size-153: 20.4vw;
+        --size-154: 20.533vw;
+        --size-155: 20.6667vw;
+        --size-160: 21.333vw;
+        --size-161: 21.467vw;
+        --size-165: 22vw;
+        --size-166: 22.133vw;
+        --size-170: 22.667vw;
+        --size-172: 22.933vw;
+        --size-173: 23.067vw;
+        --size-174: 23.2vw;
+        --size-176: 23.47vw;
+        --size-178: 23.733vw;
+        --size-179: 23.866vw;
+        --size-180: 24vw;
+        --size-181: 24.133vw;
+        --size-185: 24.6667vw;
+        --size-186: 24.8vw;
+        --size-187: 24.933vw;
+        --size-188: 25.067vw;
+        --size-190: 25.33vw;
+        --size-192: 25.6vw;
+        --size-194: 25.867vw;
+        --size-199: 26.533vw;
+        --size-200: 26.666vw;
+        --size-204: 27.2vw;
+        --size-205: 27.33vw;
+        --size-208: 26.6667vw;
+        --size-208: 27.733vw;
+        --size-210: 28vw;
+        --size-216: 28.8vw;
+        --size-218: 29.067vw;
+        --size-220: 29.333vw;
+        --size-221: 29.4667vw;
+        --size-225: 30vw;
+        --size-226: 30.133vw;
+        --size-227: 30.267vw;
+        --size-228: 30.4vw;
+        --size-230: 30.667vw;
+        --size-232: 30.933vw;
+        --size-234: 31.2vw;
+        --size-238: 31.733vw;
+        --size-240: 32vw;
+        --size-245: 32.667vw;
+        --size-248: 33.067vw;
+        --size-255: 34vw;
+        --size-256: 34.133vw;
+        --size-257: 34.267vw;
+        --size-259: 34.533vw;
+        --size-260: 34.667vw;
+        --size-262: 34.933vw;
+        --size-264: 35.2vw;
+        --size-265: 35.33vw;
+        --size-266: 35.466vw;
+        --size-277: 36.933vw;
+        --size-278: 37.0667vw;
+        --size-279: 37.2vw;
+        --size-280: 37.333vw;
+        --size-283: 37.73vw;
+        --size-287: 38.266vw;
+        --size-288: 38.4vw;
+        --size-293: 39.0667vw;
+        --size-294: 39.2vw;
+        --size-297: 39.6vw;
+        --size-300: 40vw;
+        --size-304: 40.53vw;
+        --size-313: 41.733vw;
+        --size-315: 42vw;
+        --size-317: 42.2667vw;
+        --size-327: 43.6vw;
+        --size-329: 43.867vw;
+        --size-330: 44vw;
+        --size-336: 44.8vw;
+        --size-337: 44.933vw;
+        --size-340: 45.333vw;
+        --size-352: 46.933vw;
+        --size-356: 47.4667vw;
+        --size-360: 48vw;
+        --size-367: 48.93vw;
+        --size-373: 49.73vw;
+        --size-378: 50.4vw;
+        --size-388: 51.733vw;
+        --size-390: 52vw;
+        --size-396: 52.8vw;
+        --size-402: 53.6vw;
+        --size-406: 54.133vw;
+        --size-416: 55.466vw;
+        --size-322: 42.93vw;
+        --size-429: 57.2vw;
+        --size-430: 57.33vw;
+        --size-432: 57.6vw;
+        --size-442: 58.933vw;
+        --size-450: 60vw;
+        --size-453: 60.4vw;
+        --size-460: 61.33vw;
+        --size-462: 61.6vw;
+        --size-466: 62.133vw;
+        --size-468: 62.4vw;
+        --size-471: 62.8vw;
+        --size-479: 63.867vw;
+        --size-485: 64.667vw;
+        --size-487: 64.933vw;
+        --size-490: 65.33vw;
+        --size-494: 65.867vw;
+        --size-497: 66.267vw;
+        --size-500: 66.6667vw;
+        --size-513: 68.4vw;
+        --size-526: 70.133vw;
+        --size-531: 70.8vw;
+        --size-539: 71.867vw;
+        --size-542: 72.267vw;
+        --size-544: 72.53px;
+        --size-547: 72.933vw;
+        --size-560: 74.667vw;
+        --size-565: 75.333vw;
+        --size-568: 75.7333vw;
+        --size-579: 77.2vw;
+        --size-590: 78.667vw;
+        --size-591: 78.8vw;
+        --size-600: 80vw;
+        --size-605: 80.667vw;
+        --size-627: 83.6vw;
+        --size-630: 84vw;
+        --size-634: 84.533vw;
+        --size-636: 84.8vw;
+        --size-640: 85.333vw;
+        --size-647: 86.267vw;
+        --size-648: 86.4vw;
+        --size-650: 86.667vw;
+        --size-660: 88vw;
+        --size-670: 89.33vw;
+        --size-688: 91.733vw;
+        --size-690: 92vw;
+        --size-692: 92.266vw;
+        --size-693: 92.4vw;
+        --size-710: 94.667vw;
+        --size-715: 95.33vw;
+        --size-718: 95.733vw;
+        --size-720: 96vw;
+        --size-721: 85.33vw;
+        --size-726: 96.8vw;
+        --size-735: 98vw;
+        --size-740: 98.667vw;
+        --size-750: 100vw;
+        --size-757: 100.933vw;
+        --size-770: 102.66vw;
+        --size-774: 103.2vw;
+        --size-775: 103.33vw;
+        --size-780: 104vw;
+        --size-788: 105.067vw;
+        --size-791: 105.466vw;
+        --size-795: 106vw;
+        --size-800: 106.67vw;
+        --size-810: 108vw;
+        --size-822: 109.6vw;
+        --size-836: 111.467vw;
+        --size-845: 112.667vw;
+        --size-900: 120vw;
+        --size-972: 129.6vw;
+        --size-973: 129.733vw;
+        --size-992: 132.266vw;
+        --size-1000: 133.33vw;
+        --size-1022: 136.267vw;
+        --size-1044: 141.08vw;
+        --size-1065: 142vw;
+        --size-1116: 148.8vw;
+        --size-1158: 154.4vw;
+        --size-1189: 158.53vw;
+        --size-1330: 177.333vw;
+        --size-1366: 182.133vw;
+        --size-1400: 186.667vw;
+        --size-1438: 191.73vw;
+        --size-1440: 192vw;
+        --size-1494: 199.2vw;
+        --size-1540: 212.8vw;
+        --size-1552: 206.933vw;
+        --size-1596: 212.8vw;
+        --size-1620: 216vw;
+        --size-1860: 248vw;
+    }
+
+    @include responseTo("pc") {
+        --size--133: -133px;
+        --size--110: -110px;
+        --size--100: -100px;
+        --size--75: -75px;
+        --size--50: -50px;
+        --size--48: -48px;
+        --size--32: -32px;
+        --size--25: -25px;
+        --size--17: -17px;
+        --size--10: -10px;
+        --size--7: -7px;
+        --size--6: -6px;
+        --size--5: -5px;
+        --size--4: -4px;
+        --size--2: -2px;
+        --size-1: 1px;
+        --size-2: 2px;
+        --size-3: 3px;
+        --size-4: 4px;
+        --size-5: 5px;
+        --size-6: 6px;
+        --size-7: 7px;
+        --size-8: 8px;
+        --size-9: 9px;
+        --size-10: 10px;
+        --size-11: 11px;
+        --size-12: 12px;
+        --size-13: 13px;
+        --size-14: 14px;
+        --size-15: 15px;
+        --size-16: 16px;
+        --size-17: 17px;
+        --size-18: 18px;
+        --size-19: 19px;
+        --size-20: 20px;
+        --size-21: 21px;
+        --size-22: 22px;
+        --size-23: 23px;
+        --size-24: 24px;
+        --size-25: 25px;
+        --size-26: 26px;
+        --size-27: 27px;
+        --size-28: 28px;
+        --size-29: 29px;
+        --size-30: 30px;
+        --size-31: 31px;
+        --size-32: 32px;
+        --size-33: 33px;
+        --size-34: 34px;
+        --size-35: 35px;
+        --size-36: 36px;
+        --size-37: 37px;
+        --size-38: 38px;
+        --size-39: 39px;
+        --size-40: 40px;
+        --size-41: 41px;
+        --size-42: 42px;
+        --size-43: 43px;
+        --size-44: 44px;
+        --size-45: 45px;
+        --size-46: 46px;
+        --size-47: 47px;
+        --size-48: 48px;
+        --size-49: 49px;
+        --size-50: 50px;
+        --size-51: 51px;
+        --size-52: 52px;
+        --size-53: 53px;
+        --size-54: 54px;
+        --size-55: 55px;
+        --size-56: 56px;
+        --size-57: 57px;
+        --size-58: 58px;
+        --size-59: 59px;
+        --size-60: 60px;
+        --size-61: 61px;
+        --size-62: 62px;
+        --size-63: 63px;
+        --size-64: 64px;
+        --size-65: 65px;
+        --size-66: 66px;
+        --size-67: 67px;
+        --size-68: 68px;
+        --size-69: 69px;
+        --size-70: 70px;
+        --size-71: 71px;
+        --size-72: 72px;
+        --size-73: 73px;
+        --size-74: 74px;
+        --size-75: 75px;
+        --size-76: 76px;
+        --size-77: 77px;
+        --size-78: 78px;
+        --size-79: 79px;
+        --size-80: 80px;
+        --size-81: 81px;
+        --size-82: 82px;
+        --size-83: 83px;
+        --size-84: 84px;
+        --size-85: 85px;
+        --size-86: 86px;
+        --size-87: 87px;
+        --size-88: 88px;
+        --size-89: 89px;
+        --size-90: 90px;
+        --size-91: 91px;
+        --size-92: 92px;
+        --size-93: 93px;
+        --size-94: 94px;
+        --size-95: 95px;
+        --size-96: 96px;
+        --size-97: 97px;
+        --size-98: 98px;
+        --size-99: 99px;
+        --size-100: 100px;
+        --size-104: 104px;
+        --size-105: 105px;
+        --size-106: 106px;
+        --size-107: 107px;
+        --size-112: 112px;
+        --size-115: 115px;
+        --size-117: 117px;
+        --size-119: 119px;
+        --size-120: 120px;
+        --size-122: 122px;
+        --size-124: 124px;
+        --size-127: 127px;
+        --size-128: 128px;
+        --size-130: 130px;
+        --size-132: 132px;
+        --size-133: 133px;
+        --size-134: 134px;
+        --size-135: 135px;
+        --size-141: 141px;
+        --size-142: 142px;
+        --size-143: 143px;
+        --size-144: 144px;
+        --size-146: 146px;
+        --size-150: 150px;
+        --size-153: 153px;
+        --size-154: 154px;
+        --size-155: 155px;
+        --size-158: 158px;
+        --size-160: 160px;
+        --size-161: 161px;
+        --size-165: 165px;
+        --size-166: 166px;
+        --size-170: 170px;
+        --size-172: 172px;
+        --size-173: 173px;
+        --size-174: 174px;
+        --size-176: 176px;
+        --size-178: 178px;
+        --size-179: 179px;
+        --size-180: 180px;
+        --size-181: 181px;
+        --size-186: 186px;
+        --size-187: 187px;
+        --size-188: 188px;
+        --size-190: 190px;
+        --size-192: 192px;
+        --size-194: 194px;
+        --size-199: 199px;
+        --size-200: 200px;
+        --size-204: 204px;
+        --size-205: 205px;
+        --size-208: 208px;
+        --size-210: 210px;
+        --size-214: 214px;
+        --size-216: 216px;
+        --size-218: 218px;
+        --size-220: 220px;
+        --size-221: 221px;
+        --size-226: 226px;
+        --size-227: 227px;
+        --size-228: 228px;
+        --size-230: 230px;
+        --size-232: 232px;
+        --size-234: 234px;
+        --size-238: 238px;
+        --size-240: 240px;
+        --size-245: 245px;
+        --size-248: 248px;
+        --size-255: 255px;
+        --size-256: 256px;
+        --size-257: 257px;
+        --size-259: 259px;
+        --size-260: 260px;
+        --size-262: 262px;
+        --size-264: 264px;
+        --size-265: 265px;
+        --size-266: 266px;
+        --size-270: 270px;
+        --size-277: 277px;
+        --size-278: 278px;
+        --size-279: 279px;
+        --size-280: 280px;
+        --size-283: 283px;
+        --size-287: 287px;
+        --size-288: 288px;
+        --size-293: 293px;
+        --size-294: 294px;
+        --size-297: 297px;
+        --size-300: 300px;
+        --size-304: 304px;
+        --size-306: 306px;
+        --size-313: 313px;
+        --size-315: 315px;
+        --size-317: 317px;
+        --size-322: 322px;
+        --size-323: 323px;
+        --size-327: 327px;
+        --size-329: 329px;
+        --size-330: 330px;
+        --size-336: 336px;
+        --size-337: 337px;
+        --size-340: 340px;
+        --size-352: 352px;
+        --size-356: 356px;
+        --size-360: 360px;
+        --size-367: 367px;
+        --size-373: 373px;
+        --size-378: 378px;
+        --size-384: 384px;
+        --size-385: 385px;
+        --size-388: 388px;
+        --size-390: 390px;
+        --size-396: 393px;
+        --size-396: 396px;
+        --size-402: 402px;
+        --size-406: 406px;
+        --size-416: 416px;
+        --size-423: 423px;
+        --size-424: 424px;
+        --size-429: 429px;
+        --size-430: 430px;
+        --size-432: 432px;
+        --size-420: 440px;
+        --size-442: 442px;
+        --size-450: 450px;
+        --size-453: 453px;
+        --size-460: 460px;
+        --size-462: 462px;
+        --size-466: 466px;
+        --size-468: 468px;
+        --size-471: 471px;
+        --size-474: 474px;
+        --size-479: 479px;
+        --size-485: 485px;
+        --size-487: 487px;
+        --size-494: 494px;
+        --size-497: 497px;
+        --size-500: 500px;
+        --size-513: 513px;
+        --size-526: 526px;
+        --size-531: 531px;
+        --size-539: 539px;
+        --size-542: 542px;
+        --size-544: 544px;
+        --size-547: 547px;
+        --size-550: 550px;
+        --size-560: 560px;
+        --size-565: 565px;
+        --size-579: 579px;
+        --size-590: 590px;
+        --size-591: 591px;
+        --size-600: 600px;
+        --size-605: 605px;
+        --size-627: 627px;
+        --size-630: 630px;
+        --size-634: 634px;
+        --size-636: 636px;
+        --size-640: 640px;
+        --size-647: 647px;
+        --size-648: 648px;
+        --size-650: 650px;
+        --size-660: 660px;
+        --size-670: 670px;
+        --size-673: 673px;
+        --size-688: 688px;
+        --size-690: 690px;
+        --size-692: 692px;
+        --size-693: 693px;
+        --size-710: 710px;
+        --size-715: 715px;
+        --size-718: 718px;
+        --size-720: 720px;
+        --size-721: 721px;
+        --size-726: 726px;
+        --size-735: 735px;
+        --size-740: 740px;
+        --size-750: 750px;
+        --size-757: 757px;
+        --size-770: 770px;
+        --size-774: 774px;
+        --size-775: 775px;
+        --size-780: 780px;
+        --size-788: 788px;
+        --size-791: 791px;
+        --size-795: 795px;
+        --size-800: 800px;
+        --size-810: 810px;
+        --size-812: 812px;
+        --size-820: 820px;
+        --size-822: 822px;
+        --size-836: 836px;
+        --size-845: 845px;
+        --size-862: 862px;
+        --size-900: 900px;
+        --size-972: 972px;
+        --size-973: 973px;
+        --size-992: 992px;
+        --size-1000: 1000px;
+        --size-1022: 1022px;
+        --size-1044: 1044px;
+        --size-1065: 1065px;
+        --size-1116: 1116px;
+        --size-1158: 1158px;
+        --size-1189: 1189px;
+        --size-1330: 1330px;
+        --size-1366: 1366px;
+        --size-1400: 1400px;
+        --size-1440: 1440px;
+        --size-1438: 1438px;
+        --size-1438: 1440px;
+        --size-1480: 1480px;
+        --size-1494: 1494px;
+        --size-1540: 1540px;
+        --size-1552: 1552px;
+        --size-1596: 1596px;
+        --size-1620: 1620px;
+        --size-1860: 1860px;
+    }
+}

assets/css/tool.scss

@@ -0,0 +1,22 @@
+$breakpoints: (
+    // "phone": (0px,
+    //     1400px),
+    // "pc": 1400px,
+
+);
+
+@mixin responseTo($breakname) {
+    $bp: map-get($breakpoints, $breakname);
+
+    @if type-of($bp)=="list" {
+        @media (min-width: nth($bp, 1)) and (max-width: nth($bp, 2)) {
+            @content;
+        }
+    }
+
+    @else {
+        @media (min-width: $bp) {
+            @content;
+        }
+    }
+}

assets/font/iconfont.css

@@ -0,0 +1,146 @@
+@font-face {
+  font-family: "iconfont"; /* Project id 3952127 */
+  src: url('iconfont.woff2?t=1691745933487') format('woff2'),
+       url('iconfont.woff?t=1691745933487') format('woff'),
+       url('iconfont.ttf?t=1691745933487') format('truetype');
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 20px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  color: #18a058;
+}
+
+.f30{font-size: 30px;}
+.f50{font-size: 50px;}
+.f70{font-size: 70px;}
+.f100{font-size: 100px;}
+
+
+.icon-chaxun:before {
+  content: "\e610";
+}
+
+.icon-gongsi:before {
+  content: "\e769";
+}
+
+.icon-a-dingdanguanli2x:before {
+  content: "\e6f0";
+}
+
+.icon-iconset0435:before {
+  content: "\e73a";
+}
+
+.icon-ruanjiankaifabao:before {
+  content: "\ec2e";
+}
+
+.icon-shipinleimu:before {
+  content: "\e6f2";
+}
+
+.icon-baozhuang:before {
+  content: "\e633";
+}
+
+.icon-a-ziyuan609:before {
+  content: "\e793";
+}
+
+.icon-shichangdongtai:before {
+  content: "\e6ee";
+}
+
+.icon-zhengcejiedu:before {
+  content: "\e607";
+}
+
+.icon-ziyuan:before {
+  content: "\e617";
+}
+
+.icon-chanyefenxi:before {
+  content: "\e747";
+}
+
+.icon-other:before {
+  content: "\e62d";
+}
+
+.icon-shichang:before {
+  content: "\e60d";
+}
+
+.icon-channel:before {
+  content: "\e61e";
+}
+
+.icon-shejiyukaifa-:before {
+  content: "\eaed";
+}
+
+.icon-tuandui:before {
+  content: "\e604";
+}
+
+.icon-chanyelian:before {
+  content: "\e605";
+}
+
+.icon-zhihang:before {
+  content: "\e816";
+}
+
+.icon-fenxi:before {
+  content: "\e618";
+}
+
+.icon-qudaofenxi:before {
+  content: "\e606";
+}
+
+.icon-yaopin:before {
+  content: "\e649";
+}
+
+.icon-dianzixue-:before {
+  content: "\e69c";
+}
+
+.icon-fengshan:before {
+  content: "\e612";
+}
+
+.icon-qiche:before {
+  content: "\ec6d";
+}
+
+.icon-gl-network:before {
+  content: "\e99b";
+}
+
+.icon-yiliaoqixie:before {
+  content: "\e7c8";
+}
+
+.icon-hangtiantubiao-:before {
+  content: "\e600";
+}
+
+.icon-shangpin:before {
+  content: "\e634";
+}
+
+.icon-jixiebi:before {
+  content: "\e67b";
+}
+
+.icon-shiyanhuaxue:before {
+  content: "\e653";
+}
+