diff --git a/package-lock.json b/package-lock.json
index e251dee..e3a2a1c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -18,6 +18,7 @@
                 "echarts": "^5.3.3",
                 "element-plus": "^2.2.9",
                 "highlight.js": "^11.6.0",
+                "moment": "^2.30.1",
                 "nprogress": "^0.2.0",
                 "pinia": "^2.0.14",
                 "vue": "^3.2.37",
@@ -5210,6 +5211,14 @@
                 "pkg-types": "^0.3.3"
             }
         },
+        "node_modules/moment": {
+            "version": "2.30.1",
+            "resolved": "https://registry.npmmirror.com/moment/-/moment-2.30.1.tgz",
+            "integrity": "sha512-uEmtNhbDOrWPFS+hdjFCBfy9f2YoyzRpwcl+DqpC6taX21FzsTLQVbMV/W7PzNSX6x/bhC1zA3c2UQ5NzH6how==",
+            "engines": {
+                "node": "*"
+            }
+        },
         "node_modules/ms": {
             "version": "2.1.3",
             "resolved": "https://registry.npmmirror.com/ms/-/ms-2.1.3.tgz",
diff --git a/package.json b/package.json
index 7ba9de6..fe78eeb 100644
--- a/package.json
+++ b/package.json
@@ -21,6 +21,7 @@
         "echarts": "^5.3.3",
         "element-plus": "^2.2.9",
         "highlight.js": "^11.6.0",
+        "moment": "^2.30.1",
         "nprogress": "^0.2.0",
         "pinia": "^2.0.14",
         "vue": "^3.2.37",
diff --git a/src/api/statistics.ts b/src/api/statistics.ts
index 91f1ab5..5810bc2 100644
--- a/src/api/statistics.ts
+++ b/src/api/statistics.ts
@@ -116,3 +116,11 @@ export function apistatismarketing_statisticscustom(params: any) {
 export function apistatismarketing_statisticscontract(params: any) {
     return request.get({ url: '/marketing.marketing_statistics/contract', params })
 }
+
+export function apistatismarketingStatistics(params: any) {
+    return request.get({ url: '/marketing.marketing_statistics/index', params })
+}
+
+export function apistatisfinancialStatistics(params: any) {
+    return request.get({ url: '/financial.financial_statistics/index', params })
+}
\ No newline at end of file
diff --git a/src/assets/iconfont/demo.css b/src/assets/iconfont/demo.css
new file mode 100644
index 0000000..a67054a
--- /dev/null
+++ b/src/assets/iconfont/demo.css
@@ -0,0 +1,539 @@
+/* Logo 字体 */
+@font-face {
+  font-family: "iconfont logo";
+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
+}
+
+.logo {
+  font-family: "iconfont logo";
+  font-size: 160px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+/* tabs */
+.nav-tabs {
+  position: relative;
+}
+
+.nav-tabs .nav-more {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  height: 42px;
+  line-height: 42px;
+  color: #666;
+}
+
+#tabs {
+  border-bottom: 1px solid #eee;
+}
+
+#tabs li {
+  cursor: pointer;
+  width: 100px;
+  height: 40px;
+  line-height: 40px;
+  text-align: center;
+  font-size: 16px;
+  border-bottom: 2px solid transparent;
+  position: relative;
+  z-index: 1;
+  margin-bottom: -1px;
+  color: #666;
+}
+
+
+#tabs .active {
+  border-bottom-color: #f00;
+  color: #222;
+}
+
+.tab-container .content {
+  display: none;
+}
+
+/* 页面布局 */
+.main {
+  padding: 30px 100px;
+  width: 960px;
+  margin: 0 auto;
+}
+
+.main .logo {
+  color: #333;
+  text-align: left;
+  margin-bottom: 30px;
+  line-height: 1;
+  height: 110px;
+  margin-top: -50px;
+  overflow: hidden;
+  *zoom: 1;
+}
+
+.main .logo a {
+  font-size: 160px;
+  color: #333;
+}
+
+.helps {
+  margin-top: 40px;
+}
+
+.helps pre {
+  padding: 20px;
+  margin: 10px 0;
+  border: solid 1px #e7e1cd;
+  background-color: #fffdef;
+  overflow: auto;
+}
+
+.icon_lists {
+  width: 100% !important;
+  overflow: hidden;
+  *zoom: 1;
+}
+
+.icon_lists li {
+  width: 100px;
+  margin-bottom: 10px;
+  margin-right: 20px;
+  text-align: center;
+  list-style: none !important;
+  cursor: default;
+}
+
+.icon_lists li .code-name {
+  line-height: 1.2;
+}
+
+.icon_lists .icon {
+  display: block;
+  height: 100px;
+  line-height: 100px;
+  font-size: 42px;
+  margin: 10px auto;
+  color: #333;
+  -webkit-transition: font-size 0.25s linear, width 0.25s linear;
+  -moz-transition: font-size 0.25s linear, width 0.25s linear;
+  transition: font-size 0.25s linear, width 0.25s linear;
+}
+
+.icon_lists .icon:hover {
+  font-size: 100px;
+}
+
+.icon_lists .svg-icon {
+  /* 通过设置 font-size 来改变图标大小 */
+  width: 1em;
+  /* 图标和文字相邻时，垂直对齐 */
+  vertical-align: -0.15em;
+  /* 通过设置 color 来改变 SVG 的颜色/fill */
+  fill: currentColor;
+  /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
+      normalize.css 中也包含这行 */
+  overflow: hidden;
+}
+
+.icon_lists li .name,
+.icon_lists li .code-name {
+  color: #666;
+}
+
+/* markdown 样式 */
+.markdown {
+  color: #666;
+  font-size: 14px;
+  line-height: 1.8;
+}
+
+.highlight {
+  line-height: 1.5;
+}
+
+.markdown img {
+  vertical-align: middle;
+  max-width: 100%;
+}
+
+.markdown h1 {
+  color: #404040;
+  font-weight: 500;
+  line-height: 40px;
+  margin-bottom: 24px;
+}
+
+.markdown h2,
+.markdown h3,
+.markdown h4,
+.markdown h5,
+.markdown h6 {
+  color: #404040;
+  margin: 1.6em 0 0.6em 0;
+  font-weight: 500;
+  clear: both;
+}
+
+.markdown h1 {
+  font-size: 28px;
+}
+
+.markdown h2 {
+  font-size: 22px;
+}
+
+.markdown h3 {
+  font-size: 16px;
+}
+
+.markdown h4 {
+  font-size: 14px;
+}
+
+.markdown h5 {
+  font-size: 12px;
+}
+
+.markdown h6 {
+  font-size: 12px;
+}
+
+.markdown hr {
+  height: 1px;
+  border: 0;
+  background: #e9e9e9;
+  margin: 16px 0;
+  clear: both;
+}
+
+.markdown p {
+  margin: 1em 0;
+}
+
+.markdown>p,
+.markdown>blockquote,
+.markdown>.highlight,
+.markdown>ol,
+.markdown>ul {
+  width: 80%;
+}
+
+.markdown ul>li {
+  list-style: circle;
+}
+
+.markdown>ul li,
+.markdown blockquote ul>li {
+  margin-left: 20px;
+  padding-left: 4px;
+}
+
+.markdown>ul li p,
+.markdown>ol li p {
+  margin: 0.6em 0;
+}
+
+.markdown ol>li {
+  list-style: decimal;
+}
+
+.markdown>ol li,
+.markdown blockquote ol>li {
+  margin-left: 20px;
+  padding-left: 4px;
+}
+
+.markdown code {
+  margin: 0 3px;
+  padding: 0 5px;
+  background: #eee;
+  border-radius: 3px;
+}
+
+.markdown strong,
+.markdown b {
+  font-weight: 600;
+}
+
+.markdown>table {
+  border-collapse: collapse;
+  border-spacing: 0px;
+  empty-cells: show;
+  border: 1px solid #e9e9e9;
+  width: 95%;
+  margin-bottom: 24px;
+}
+
+.markdown>table th {
+  white-space: nowrap;
+  color: #333;
+  font-weight: 600;
+}
+
+.markdown>table th,
+.markdown>table td {
+  border: 1px solid #e9e9e9;
+  padding: 8px 16px;
+  text-align: left;
+}
+
+.markdown>table th {
+  background: #F7F7F7;
+}
+
+.markdown blockquote {
+  font-size: 90%;
+  color: #999;
+  border-left: 4px solid #e9e9e9;
+  padding-left: 0.8em;
+  margin: 1em 0;
+}
+
+.markdown blockquote p {
+  margin: 0;
+}
+
+.markdown .anchor {
+  opacity: 0;
+  transition: opacity 0.3s ease;
+  margin-left: 8px;
+}
+
+.markdown .waiting {
+  color: #ccc;
+}
+
+.markdown h1:hover .anchor,
+.markdown h2:hover .anchor,
+.markdown h3:hover .anchor,
+.markdown h4:hover .anchor,
+.markdown h5:hover .anchor,
+.markdown h6:hover .anchor {
+  opacity: 1;
+  display: inline-block;
+}
+
+.markdown>br,
+.markdown>p>br {
+  clear: both;
+}
+
+
+.hljs {
+  display: block;
+  background: white;
+  padding: 0.5em;
+  color: #333333;
+  overflow-x: auto;
+}
+
+.hljs-comment,
+.hljs-meta {
+  color: #969896;
+}
+
+.hljs-string,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-strong,
+.hljs-emphasis,
+.hljs-quote {
+  color: #df5000;
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-type {
+  color: #a71d5d;
+}
+
+.hljs-literal,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-attribute {
+  color: #0086b3;
+}
+
+.hljs-section,
+.hljs-name {
+  color: #63a35c;
+}
+
+.hljs-tag {
+  color: #333333;
+}
+
+.hljs-title,
+.hljs-attr,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+  color: #795da3;
+}
+
+.hljs-addition {
+  color: #55a532;
+  background-color: #eaffea;
+}
+
+.hljs-deletion {
+  color: #bd2c00;
+  background-color: #ffecec;
+}
+
+.hljs-link {
+  text-decoration: underline;
+}
+
+/* 代码高亮 */
+/* PrismJS 1.15.0
+https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+  color: black;
+  background: none;
+  text-shadow: 0 1px white;
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: 1.5;
+
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
+
+  -webkit-hyphens: none;
+  -moz-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
+}
+
+pre[class*="language-"]::-moz-selection,
+pre[class*="language-"] ::-moz-selection,
+code[class*="language-"]::-moz-selection,
+code[class*="language-"] ::-moz-selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+
+pre[class*="language-"]::selection,
+pre[class*="language-"] ::selection,
+code[class*="language-"]::selection,
+code[class*="language-"] ::selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+
+@media print {
+
+  code[class*="language-"],
+  pre[class*="language-"] {
+    text-shadow: none;
+  }
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+  padding: 1em;
+  margin: .5em 0;
+  overflow: auto;
+}
+
+:not(pre)>code[class*="language-"],
+pre[class*="language-"] {
+  background: #f5f2f0;
+}
+
+/* Inline code */
+:not(pre)>code[class*="language-"] {
+  padding: .1em;
+  border-radius: .3em;
+  white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: slategray;
+}
+
+.token.punctuation {
+  color: #999;
+}
+
+.namespace {
+  opacity: .7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: #905;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: #690;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+  color: #9a6e3a;
+  background: hsla(0, 0%, 100%, .5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+  color: #07a;
+}
+
+.token.function,
+.token.class-name {
+  color: #DD4A68;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+  color: #e90;
+}
+
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+
+.token.italic {
+  font-style: italic;
+}
+
+.token.entity {
+  cursor: help;
+}
diff --git a/src/assets/iconfont/demo_index.html b/src/assets/iconfont/demo_index.html
new file mode 100644
index 0000000..26e36a5
--- /dev/null
+++ b/src/assets/iconfont/demo_index.html
@@ -0,0 +1,1752 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8"/>
+  <title>iconfont Demo</title>
+  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/>
+  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/>
+  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
+  <link rel="stylesheet" href="demo.css">
+  <link rel="stylesheet" href="iconfont.css">
+  <script src="iconfont.js"></script>
+  <!-- jQuery -->
+  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
+  <!-- 代码高亮 -->
+  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
+  <style>
+    .main .logo {
+      margin-top: 0;
+      height: auto;
+    }
+
+    .main .logo a {
+      display: flex;
+      align-items: center;
+    }
+
+    .main .logo .sub-title {
+      margin-left: 0.5em;
+      font-size: 22px;
+      color: #fff;
+      background: linear-gradient(-45deg, #3967FF, #B500FE);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+    }
+  </style>
+</head>
+<body>
+  <div class="main">
+    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
+      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
+      
+    </a></h1>
+    <div class="nav-tabs">
+      <ul id="tabs" class="dib-box">
+        <li class="dib active"><span>Unicode</span></li>
+        <li class="dib"><span>Font class</span></li>
+        <li class="dib"><span>Symbol</span></li>
+      </ul>
+      
+      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=4573174" target="_blank" class="nav-more">查看项目</a>
+      
+    </div>
+    <div class="tab-container">
+      <div class="content unicode" style="display: block;">
+          <ul class="icon_lists dib-box">
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6bc;</span>
+                <div class="name">结算</div>
+                <div class="code-name">&amp;#xe6bc;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6c0;</span>
+                <div class="name">结算报表</div>
+                <div class="code-name">&amp;#xe6c0;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6c5;</span>
+                <div class="name">结算单</div>
+                <div class="code-name">&amp;#xe6c5;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6c7;</span>
+                <div class="name">结算管理</div>
+                <div class="code-name">&amp;#xe6c7;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6c9;</span>
+                <div class="name">返利规则</div>
+                <div class="code-name">&amp;#xe6c9;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6ca;</span>
+                <div class="name">月结</div>
+                <div class="code-name">&amp;#xe6ca;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6cb;</span>
+                <div class="name">结算单管理</div>
+                <div class="code-name">&amp;#xe6cb;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6cc;</span>
+                <div class="name">月结管理</div>
+                <div class="code-name">&amp;#xe6cc;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6d0;</span>
+                <div class="name">智慧销售</div>
+                <div class="code-name">&amp;#xe6d0;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6d2;</span>
+                <div class="name">智慧销售管理</div>
+                <div class="code-name">&amp;#xe6d2;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6dc;</span>
+                <div class="name">后端商品毛利</div>
+                <div class="code-name">&amp;#xe6dc;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6e1;</span>
+                <div class="name">成本查询</div>
+                <div class="code-name">&amp;#xe6e1;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6bd;</span>
+                <div class="name">流量</div>
+                <div class="code-name">&amp;#xe6bd;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6be;</span>
+                <div class="name">供应商</div>
+                <div class="code-name">&amp;#xe6be;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6bf;</span>
+                <div class="name">分销商</div>
+                <div class="code-name">&amp;#xe6bf;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6c1;</span>
+                <div class="name">人群</div>
+                <div class="code-name">&amp;#xe6c1;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6c4;</span>
+                <div class="name">人群管理</div>
+                <div class="code-name">&amp;#xe6c4;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6dd;</span>
+                <div class="name">分销商结算</div>
+                <div class="code-name">&amp;#xe6dd;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6de;</span>
+                <div class="name">商家数据</div>
+                <div class="code-name">&amp;#xe6de;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6a6;</span>
+                <div class="name">搜索</div>
+                <div class="code-name">&amp;#xe6a6;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6a7;</span>
+                <div class="name">协同</div>
+                <div class="code-name">&amp;#xe6a7;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6a8;</span>
+                <div class="name">招商</div>
+                <div class="code-name">&amp;#xe6a8;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6a9;</span>
+                <div class="name">商品</div>
+                <div class="code-name">&amp;#xe6a9;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6aa;</span>
+                <div class="name">单据</div>
+                <div class="code-name">&amp;#xe6aa;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6ab;</span>
+                <div class="name">工具箱</div>
+                <div class="code-name">&amp;#xe6ab;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6ac;</span>
+                <div class="name">券</div>
+                <div class="code-name">&amp;#xe6ac;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6ad;</span>
+                <div class="name">平台</div>
+                <div class="code-name">&amp;#xe6ad;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6ae;</span>
+                <div class="name">经销</div>
+                <div class="code-name">&amp;#xe6ae;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6af;</span>
+                <div class="name">资源</div>
+                <div class="code-name">&amp;#xe6af;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6bb;</span>
+                <div class="name">货</div>
+                <div class="code-name">&amp;#xe6bb;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6a3;</span>
+                <div class="name">用户</div>
+                <div class="code-name">&amp;#xe6a3;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6a2;</span>
+                <div class="name">安全</div>
+                <div class="code-name">&amp;#xe6a2;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6a4;</span>
+                <div class="name">数据</div>
+                <div class="code-name">&amp;#xe6a4;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6a1;</span>
+                <div class="name">疑问</div>
+                <div class="code-name">&amp;#xe6a1;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6a5;</span>
+                <div class="name">调拨</div>
+                <div class="code-name">&amp;#xe6a5;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6b0;</span>
+                <div class="name">用户管理</div>
+                <div class="code-name">&amp;#xe6b0;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6b1;</span>
+                <div class="name">商家管理</div>
+                <div class="code-name">&amp;#xe6b1;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6b2;</span>
+                <div class="name">分销商管理</div>
+                <div class="code-name">&amp;#xe6b2;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6b3;</span>
+                <div class="name">商家</div>
+                <div class="code-name">&amp;#xe6b3;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6b4;</span>
+                <div class="name">供应商管理</div>
+                <div class="code-name">&amp;#xe6b4;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6b5;</span>
+                <div class="name">商品管理</div>
+                <div class="code-name">&amp;#xe6b5;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6b6;</span>
+                <div class="name">商品复制</div>
+                <div class="code-name">&amp;#xe6b6;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6b7;</span>
+                <div class="name">采购单</div>
+                <div class="code-name">&amp;#xe6b7;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6b8;</span>
+                <div class="name">采购价管理</div>
+                <div class="code-name">&amp;#xe6b8;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6b9;</span>
+                <div class="name">定价</div>
+                <div class="code-name">&amp;#xe6b9;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6ba;</span>
+                <div class="name">结算报表</div>
+                <div class="code-name">&amp;#xe6ba;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6c2;</span>
+                <div class="name">入库</div>
+                <div class="code-name">&amp;#xe6c2;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6c3;</span>
+                <div class="name">库存管理</div>
+                <div class="code-name">&amp;#xe6c3;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6c6;</span>
+                <div class="name">出入库管理</div>
+                <div class="code-name">&amp;#xe6c6;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6c8;</span>
+                <div class="name">退仓管理</div>
+                <div class="code-name">&amp;#xe6c8;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6d1;</span>
+                <div class="name">合同</div>
+                <div class="code-name">&amp;#xe6d1;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6d8;</span>
+                <div class="name">商品计划</div>
+                <div class="code-name">&amp;#xe6d8;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6da;</span>
+                <div class="name">销量计划</div>
+                <div class="code-name">&amp;#xe6da;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6e0;</span>
+                <div class="name">销量实时看板</div>
+                <div class="code-name">&amp;#xe6e0;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6df;</span>
+                <div class="name">结算效率分析</div>
+                <div class="code-name">&amp;#xe6df;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6e2;</span>
+                <div class="name">营销流量配置</div>
+                <div class="code-name">&amp;#xe6e2;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6e3;</span>
+                <div class="name">运营工具</div>
+                <div class="code-name">&amp;#xe6e3;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6e4;</span>
+                <div class="name">目标管理</div>
+                <div class="code-name">&amp;#xe6e4;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6e5;</span>
+                <div class="name">目标制定</div>
+                <div class="code-name">&amp;#xe6e5;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6e6;</span>
+                <div class="name">活动协同</div>
+                <div class="code-name">&amp;#xe6e6;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6e7;</span>
+                <div class="name">目标监控</div>
+                <div class="code-name">&amp;#xe6e7;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6e8;</span>
+                <div class="name">增值服务</div>
+                <div class="code-name">&amp;#xe6e8;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6e9;</span>
+                <div class="name">全链路可售</div>
+                <div class="code-name">&amp;#xe6e9;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6ea;</span>
+                <div class="name">超级服务</div>
+                <div class="code-name">&amp;#xe6ea;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6eb;</span>
+                <div class="name">上门取货</div>
+                <div class="code-name">&amp;#xe6eb;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6ec;</span>
+                <div class="name">定位</div>
+                <div class="code-name">&amp;#xe6ec;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6ed;</span>
+                <div class="name">预约</div>
+                <div class="code-name">&amp;#xe6ed;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6ee;</span>
+                <div class="name">物流</div>
+                <div class="code-name">&amp;#xe6ee;</div>
+              </li>
+          
+          </ul>
+          <div class="article markdown">
+          <h2 id="unicode-">Unicode 引用</h2>
+          <hr>
+
+          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
+          <ul>
+            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
+            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
+          </ul>
+          <blockquote>
+            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
+          </blockquote>
+          <p>Unicode 使用步骤如下：</p>
+          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
+<pre><code class="language-css"
+>@font-face {
+  font-family: 'iconfont';
+  src: url('iconfont.woff2?t=1718867101197') format('woff2'),
+       url('iconfont.woff?t=1718867101197') format('woff'),
+       url('iconfont.ttf?t=1718867101197') format('truetype');
+}
+</code></pre>
+          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
+<pre><code class="language-css"
+>.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+</code></pre>
+          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
+<pre>
+<code class="language-html"
+>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
+</code></pre>
+          <blockquote>
+            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
+          </blockquote>
+          </div>
+      </div>
+      <div class="content font-class">
+        <ul class="icon_lists dib-box">
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy48"></span>
+            <div class="name">
+              结算
+            </div>
+            <div class="code-name">.icon-RectangleCopy48
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy52"></span>
+            <div class="name">
+              结算报表
+            </div>
+            <div class="code-name">.icon-RectangleCopy52
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy55"></span>
+            <div class="name">
+              结算单
+            </div>
+            <div class="code-name">.icon-RectangleCopy55
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy56"></span>
+            <div class="name">
+              结算管理
+            </div>
+            <div class="code-name">.icon-RectangleCopy56
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy57"></span>
+            <div class="name">
+              返利规则
+            </div>
+            <div class="code-name">.icon-RectangleCopy57
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy58"></span>
+            <div class="name">
+              月结
+            </div>
+            <div class="code-name">.icon-RectangleCopy58
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy61"></span>
+            <div class="name">
+              结算单管理
+            </div>
+            <div class="code-name">.icon-RectangleCopy61
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy62"></span>
+            <div class="name">
+              月结管理
+            </div>
+            <div class="code-name">.icon-RectangleCopy62
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy63"></span>
+            <div class="name">
+              智慧销售
+            </div>
+            <div class="code-name">.icon-RectangleCopy63
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy64"></span>
+            <div class="name">
+              智慧销售管理
+            </div>
+            <div class="code-name">.icon-RectangleCopy64
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy65"></span>
+            <div class="name">
+              后端商品毛利
+            </div>
+            <div class="code-name">.icon-RectangleCopy65
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy66"></span>
+            <div class="name">
+              成本查询
+            </div>
+            <div class="code-name">.icon-RectangleCopy66
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy49"></span>
+            <div class="name">
+              流量
+            </div>
+            <div class="code-name">.icon-RectangleCopy49
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy50"></span>
+            <div class="name">
+              供应商
+            </div>
+            <div class="code-name">.icon-RectangleCopy50
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy51"></span>
+            <div class="name">
+              分销商
+            </div>
+            <div class="code-name">.icon-RectangleCopy51
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy53"></span>
+            <div class="name">
+              人群
+            </div>
+            <div class="code-name">.icon-RectangleCopy53
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy54"></span>
+            <div class="name">
+              人群管理
+            </div>
+            <div class="code-name">.icon-RectangleCopy54
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy59"></span>
+            <div class="name">
+              分销商结算
+            </div>
+            <div class="code-name">.icon-RectangleCopy59
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy60"></span>
+            <div class="name">
+              商家数据
+            </div>
+            <div class="code-name">.icon-RectangleCopy60
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy37"></span>
+            <div class="name">
+              搜索
+            </div>
+            <div class="code-name">.icon-RectangleCopy37
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy38"></span>
+            <div class="name">
+              协同
+            </div>
+            <div class="code-name">.icon-RectangleCopy38
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy39"></span>
+            <div class="name">
+              招商
+            </div>
+            <div class="code-name">.icon-RectangleCopy39
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy40"></span>
+            <div class="name">
+              商品
+            </div>
+            <div class="code-name">.icon-RectangleCopy40
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy41"></span>
+            <div class="name">
+              单据
+            </div>
+            <div class="code-name">.icon-RectangleCopy41
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy42"></span>
+            <div class="name">
+              工具箱
+            </div>
+            <div class="code-name">.icon-RectangleCopy42
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy43"></span>
+            <div class="name">
+              券
+            </div>
+            <div class="code-name">.icon-RectangleCopy43
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy44"></span>
+            <div class="name">
+              平台
+            </div>
+            <div class="code-name">.icon-RectangleCopy44
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy45"></span>
+            <div class="name">
+              经销
+            </div>
+            <div class="code-name">.icon-RectangleCopy45
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy46"></span>
+            <div class="name">
+              资源
+            </div>
+            <div class="code-name">.icon-RectangleCopy46
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy47"></span>
+            <div class="name">
+              货
+            </div>
+            <div class="code-name">.icon-RectangleCopy47
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy"></span>
+            <div class="name">
+              用户
+            </div>
+            <div class="code-name">.icon-RectangleCopy
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy1"></span>
+            <div class="name">
+              安全
+            </div>
+            <div class="code-name">.icon-RectangleCopy1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy2"></span>
+            <div class="name">
+              数据
+            </div>
+            <div class="code-name">.icon-RectangleCopy2
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy3"></span>
+            <div class="name">
+              疑问
+            </div>
+            <div class="code-name">.icon-RectangleCopy3
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy4"></span>
+            <div class="name">
+              调拨
+            </div>
+            <div class="code-name">.icon-RectangleCopy4
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy5"></span>
+            <div class="name">
+              用户管理
+            </div>
+            <div class="code-name">.icon-RectangleCopy5
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy6"></span>
+            <div class="name">
+              商家管理
+            </div>
+            <div class="code-name">.icon-RectangleCopy6
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy7"></span>
+            <div class="name">
+              分销商管理
+            </div>
+            <div class="code-name">.icon-RectangleCopy7
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy8"></span>
+            <div class="name">
+              商家
+            </div>
+            <div class="code-name">.icon-RectangleCopy8
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy9"></span>
+            <div class="name">
+              供应商管理
+            </div>
+            <div class="code-name">.icon-RectangleCopy9
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy10"></span>
+            <div class="name">
+              商品管理
+            </div>
+            <div class="code-name">.icon-RectangleCopy10
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy11"></span>
+            <div class="name">
+              商品复制
+            </div>
+            <div class="code-name">.icon-RectangleCopy11
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy12"></span>
+            <div class="name">
+              采购单
+            </div>
+            <div class="code-name">.icon-RectangleCopy12
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy13"></span>
+            <div class="name">
+              采购价管理
+            </div>
+            <div class="code-name">.icon-RectangleCopy13
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy14"></span>
+            <div class="name">
+              定价
+            </div>
+            <div class="code-name">.icon-RectangleCopy14
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy15"></span>
+            <div class="name">
+              结算报表
+            </div>
+            <div class="code-name">.icon-RectangleCopy15
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy16"></span>
+            <div class="name">
+              入库
+            </div>
+            <div class="code-name">.icon-RectangleCopy16
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy17"></span>
+            <div class="name">
+              库存管理
+            </div>
+            <div class="code-name">.icon-RectangleCopy17
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy18"></span>
+            <div class="name">
+              出入库管理
+            </div>
+            <div class="code-name">.icon-RectangleCopy18
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy19"></span>
+            <div class="name">
+              退仓管理
+            </div>
+            <div class="code-name">.icon-RectangleCopy19
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy20"></span>
+            <div class="name">
+              合同
+            </div>
+            <div class="code-name">.icon-RectangleCopy20
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy21"></span>
+            <div class="name">
+              商品计划
+            </div>
+            <div class="code-name">.icon-RectangleCopy21
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy22"></span>
+            <div class="name">
+              销量计划
+            </div>
+            <div class="code-name">.icon-RectangleCopy22
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy23"></span>
+            <div class="name">
+              销量实时看板
+            </div>
+            <div class="code-name">.icon-RectangleCopy23
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy24"></span>
+            <div class="name">
+              结算效率分析
+            </div>
+            <div class="code-name">.icon-RectangleCopy24
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy25"></span>
+            <div class="name">
+              营销流量配置
+            </div>
+            <div class="code-name">.icon-RectangleCopy25
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy26"></span>
+            <div class="name">
+              运营工具
+            </div>
+            <div class="code-name">.icon-RectangleCopy26
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy27"></span>
+            <div class="name">
+              目标管理
+            </div>
+            <div class="code-name">.icon-RectangleCopy27
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy28"></span>
+            <div class="name">
+              目标制定
+            </div>
+            <div class="code-name">.icon-RectangleCopy28
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy29"></span>
+            <div class="name">
+              活动协同
+            </div>
+            <div class="code-name">.icon-RectangleCopy29
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy30"></span>
+            <div class="name">
+              目标监控
+            </div>
+            <div class="code-name">.icon-RectangleCopy30
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy31"></span>
+            <div class="name">
+              增值服务
+            </div>
+            <div class="code-name">.icon-RectangleCopy31
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy32"></span>
+            <div class="name">
+              全链路可售
+            </div>
+            <div class="code-name">.icon-RectangleCopy32
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy33"></span>
+            <div class="name">
+              超级服务
+            </div>
+            <div class="code-name">.icon-RectangleCopy33
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy34"></span>
+            <div class="name">
+              上门取货
+            </div>
+            <div class="code-name">.icon-RectangleCopy34
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-dingwei"></span>
+            <div class="name">
+              定位
+            </div>
+            <div class="code-name">.icon-dingwei
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy35"></span>
+            <div class="name">
+              预约
+            </div>
+            <div class="code-name">.icon-RectangleCopy35
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-RectangleCopy36"></span>
+            <div class="name">
+              物流
+            </div>
+            <div class="code-name">.icon-RectangleCopy36
+            </div>
+          </li>
+          
+        </ul>
+        <div class="article markdown">
+        <h2 id="font-class-">font-class 引用</h2>
+        <hr>
+
+        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
+        <p>与 Unicode 使用方式相比，具有如下特点：</p>
+        <ul>
+          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
+          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
+        </ul>
+        <p>使用步骤如下：</p>
+        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
+<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
+</code></pre>
+        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
+<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
+</code></pre>
+        <blockquote>
+          <p>"
+            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
+        </blockquote>
+      </div>
+      </div>
+      <div class="content symbol">
+          <ul class="icon_lists dib-box">
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy48"></use>
+                </svg>
+                <div class="name">结算</div>
+                <div class="code-name">#icon-RectangleCopy48</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy52"></use>
+                </svg>
+                <div class="name">结算报表</div>
+                <div class="code-name">#icon-RectangleCopy52</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy55"></use>
+                </svg>
+                <div class="name">结算单</div>
+                <div class="code-name">#icon-RectangleCopy55</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy56"></use>
+                </svg>
+                <div class="name">结算管理</div>
+                <div class="code-name">#icon-RectangleCopy56</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy57"></use>
+                </svg>
+                <div class="name">返利规则</div>
+                <div class="code-name">#icon-RectangleCopy57</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy58"></use>
+                </svg>
+                <div class="name">月结</div>
+                <div class="code-name">#icon-RectangleCopy58</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy61"></use>
+                </svg>
+                <div class="name">结算单管理</div>
+                <div class="code-name">#icon-RectangleCopy61</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy62"></use>
+                </svg>
+                <div class="name">月结管理</div>
+                <div class="code-name">#icon-RectangleCopy62</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy63"></use>
+                </svg>
+                <div class="name">智慧销售</div>
+                <div class="code-name">#icon-RectangleCopy63</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy64"></use>
+                </svg>
+                <div class="name">智慧销售管理</div>
+                <div class="code-name">#icon-RectangleCopy64</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy65"></use>
+                </svg>
+                <div class="name">后端商品毛利</div>
+                <div class="code-name">#icon-RectangleCopy65</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy66"></use>
+                </svg>
+                <div class="name">成本查询</div>
+                <div class="code-name">#icon-RectangleCopy66</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy49"></use>
+                </svg>
+                <div class="name">流量</div>
+                <div class="code-name">#icon-RectangleCopy49</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy50"></use>
+                </svg>
+                <div class="name">供应商</div>
+                <div class="code-name">#icon-RectangleCopy50</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy51"></use>
+                </svg>
+                <div class="name">分销商</div>
+                <div class="code-name">#icon-RectangleCopy51</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy53"></use>
+                </svg>
+                <div class="name">人群</div>
+                <div class="code-name">#icon-RectangleCopy53</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy54"></use>
+                </svg>
+                <div class="name">人群管理</div>
+                <div class="code-name">#icon-RectangleCopy54</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy59"></use>
+                </svg>
+                <div class="name">分销商结算</div>
+                <div class="code-name">#icon-RectangleCopy59</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy60"></use>
+                </svg>
+                <div class="name">商家数据</div>
+                <div class="code-name">#icon-RectangleCopy60</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy37"></use>
+                </svg>
+                <div class="name">搜索</div>
+                <div class="code-name">#icon-RectangleCopy37</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy38"></use>
+                </svg>
+                <div class="name">协同</div>
+                <div class="code-name">#icon-RectangleCopy38</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy39"></use>
+                </svg>
+                <div class="name">招商</div>
+                <div class="code-name">#icon-RectangleCopy39</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy40"></use>
+                </svg>
+                <div class="name">商品</div>
+                <div class="code-name">#icon-RectangleCopy40</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy41"></use>
+                </svg>
+                <div class="name">单据</div>
+                <div class="code-name">#icon-RectangleCopy41</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy42"></use>
+                </svg>
+                <div class="name">工具箱</div>
+                <div class="code-name">#icon-RectangleCopy42</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy43"></use>
+                </svg>
+                <div class="name">券</div>
+                <div class="code-name">#icon-RectangleCopy43</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy44"></use>
+                </svg>
+                <div class="name">平台</div>
+                <div class="code-name">#icon-RectangleCopy44</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy45"></use>
+                </svg>
+                <div class="name">经销</div>
+                <div class="code-name">#icon-RectangleCopy45</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy46"></use>
+                </svg>
+                <div class="name">资源</div>
+                <div class="code-name">#icon-RectangleCopy46</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy47"></use>
+                </svg>
+                <div class="name">货</div>
+                <div class="code-name">#icon-RectangleCopy47</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy"></use>
+                </svg>
+                <div class="name">用户</div>
+                <div class="code-name">#icon-RectangleCopy</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy1"></use>
+                </svg>
+                <div class="name">安全</div>
+                <div class="code-name">#icon-RectangleCopy1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy2"></use>
+                </svg>
+                <div class="name">数据</div>
+                <div class="code-name">#icon-RectangleCopy2</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy3"></use>
+                </svg>
+                <div class="name">疑问</div>
+                <div class="code-name">#icon-RectangleCopy3</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy4"></use>
+                </svg>
+                <div class="name">调拨</div>
+                <div class="code-name">#icon-RectangleCopy4</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy5"></use>
+                </svg>
+                <div class="name">用户管理</div>
+                <div class="code-name">#icon-RectangleCopy5</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy6"></use>
+                </svg>
+                <div class="name">商家管理</div>
+                <div class="code-name">#icon-RectangleCopy6</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy7"></use>
+                </svg>
+                <div class="name">分销商管理</div>
+                <div class="code-name">#icon-RectangleCopy7</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy8"></use>
+                </svg>
+                <div class="name">商家</div>
+                <div class="code-name">#icon-RectangleCopy8</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy9"></use>
+                </svg>
+                <div class="name">供应商管理</div>
+                <div class="code-name">#icon-RectangleCopy9</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy10"></use>
+                </svg>
+                <div class="name">商品管理</div>
+                <div class="code-name">#icon-RectangleCopy10</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy11"></use>
+                </svg>
+                <div class="name">商品复制</div>
+                <div class="code-name">#icon-RectangleCopy11</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy12"></use>
+                </svg>
+                <div class="name">采购单</div>
+                <div class="code-name">#icon-RectangleCopy12</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy13"></use>
+                </svg>
+                <div class="name">采购价管理</div>
+                <div class="code-name">#icon-RectangleCopy13</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy14"></use>
+                </svg>
+                <div class="name">定价</div>
+                <div class="code-name">#icon-RectangleCopy14</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy15"></use>
+                </svg>
+                <div class="name">结算报表</div>
+                <div class="code-name">#icon-RectangleCopy15</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy16"></use>
+                </svg>
+                <div class="name">入库</div>
+                <div class="code-name">#icon-RectangleCopy16</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy17"></use>
+                </svg>
+                <div class="name">库存管理</div>
+                <div class="code-name">#icon-RectangleCopy17</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy18"></use>
+                </svg>
+                <div class="name">出入库管理</div>
+                <div class="code-name">#icon-RectangleCopy18</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy19"></use>
+                </svg>
+                <div class="name">退仓管理</div>
+                <div class="code-name">#icon-RectangleCopy19</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy20"></use>
+                </svg>
+                <div class="name">合同</div>
+                <div class="code-name">#icon-RectangleCopy20</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy21"></use>
+                </svg>
+                <div class="name">商品计划</div>
+                <div class="code-name">#icon-RectangleCopy21</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy22"></use>
+                </svg>
+                <div class="name">销量计划</div>
+                <div class="code-name">#icon-RectangleCopy22</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy23"></use>
+                </svg>
+                <div class="name">销量实时看板</div>
+                <div class="code-name">#icon-RectangleCopy23</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy24"></use>
+                </svg>
+                <div class="name">结算效率分析</div>
+                <div class="code-name">#icon-RectangleCopy24</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy25"></use>
+                </svg>
+                <div class="name">营销流量配置</div>
+                <div class="code-name">#icon-RectangleCopy25</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy26"></use>
+                </svg>
+                <div class="name">运营工具</div>
+                <div class="code-name">#icon-RectangleCopy26</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy27"></use>
+                </svg>
+                <div class="name">目标管理</div>
+                <div class="code-name">#icon-RectangleCopy27</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy28"></use>
+                </svg>
+                <div class="name">目标制定</div>
+                <div class="code-name">#icon-RectangleCopy28</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy29"></use>
+                </svg>
+                <div class="name">活动协同</div>
+                <div class="code-name">#icon-RectangleCopy29</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy30"></use>
+                </svg>
+                <div class="name">目标监控</div>
+                <div class="code-name">#icon-RectangleCopy30</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy31"></use>
+                </svg>
+                <div class="name">增值服务</div>
+                <div class="code-name">#icon-RectangleCopy31</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy32"></use>
+                </svg>
+                <div class="name">全链路可售</div>
+                <div class="code-name">#icon-RectangleCopy32</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy33"></use>
+                </svg>
+                <div class="name">超级服务</div>
+                <div class="code-name">#icon-RectangleCopy33</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy34"></use>
+                </svg>
+                <div class="name">上门取货</div>
+                <div class="code-name">#icon-RectangleCopy34</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-dingwei"></use>
+                </svg>
+                <div class="name">定位</div>
+                <div class="code-name">#icon-dingwei</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy35"></use>
+                </svg>
+                <div class="name">预约</div>
+                <div class="code-name">#icon-RectangleCopy35</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-RectangleCopy36"></use>
+                </svg>
+                <div class="name">物流</div>
+                <div class="code-name">#icon-RectangleCopy36</div>
+            </li>
+          
+          </ul>
+          <div class="article markdown">
+          <h2 id="symbol-">Symbol 引用</h2>
+          <hr>
+
+          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
+            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
+          <ul>
+            <li>支持多色图标了，不再受单色限制。</li>
+            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
+            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
+            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
+          </ul>
+          <p>使用步骤如下：</p>
+          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
+<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
+</code></pre>
+          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
+<pre><code class="language-html">&lt;style&gt;
+.icon {
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.15em;
+  fill: currentColor;
+  overflow: hidden;
+}
+&lt;/style&gt;
+</code></pre>
+          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
+<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
+  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
+&lt;/svg&gt;
+</code></pre>
+          </div>
+      </div>
+
+    </div>
+  </div>
+  <script>
+  $(document).ready(function () {
+      $('.tab-container .content:first').show()
+
+      $('#tabs li').click(function (e) {
+        var tabContent = $('.tab-container .content')
+        var index = $(this).index()
+
+        if ($(this).hasClass('active')) {
+          return
+        } else {
+          $('#tabs li').removeClass('active')
+          $(this).addClass('active')
+
+          tabContent.hide().eq(index).fadeIn()
+        }
+      })
+    })
+  </script>
+</body>
+</html>
diff --git a/src/assets/iconfont/iconfont.css b/src/assets/iconfont/iconfont.css
new file mode 100644
index 0000000..24aa2ca
--- /dev/null
+++ b/src/assets/iconfont/iconfont.css
@@ -0,0 +1,287 @@
+@font-face {
+  font-family: "iconfont"; /* Project id 4573174 */
+  src: url('iconfont.woff2?t=1718867101197') format('woff2'),
+       url('iconfont.woff?t=1718867101197') format('woff'),
+       url('iconfont.ttf?t=1718867101197') format('truetype');
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-RectangleCopy48:before {
+  content: "\e6bc";
+}
+
+.icon-RectangleCopy52:before {
+  content: "\e6c0";
+}
+
+.icon-RectangleCopy55:before {
+  content: "\e6c5";
+}
+
+.icon-RectangleCopy56:before {
+  content: "\e6c7";
+}
+
+.icon-RectangleCopy57:before {
+  content: "\e6c9";
+}
+
+.icon-RectangleCopy58:before {
+  content: "\e6ca";
+}
+
+.icon-RectangleCopy61:before {
+  content: "\e6cb";
+}
+
+.icon-RectangleCopy62:before {
+  content: "\e6cc";
+}
+
+.icon-RectangleCopy63:before {
+  content: "\e6d0";
+}
+
+.icon-RectangleCopy64:before {
+  content: "\e6d2";
+}
+
+.icon-RectangleCopy65:before {
+  content: "\e6dc";
+}
+
+.icon-RectangleCopy66:before {
+  content: "\e6e1";
+}
+
+.icon-RectangleCopy49:before {
+  content: "\e6bd";
+}
+
+.icon-RectangleCopy50:before {
+  content: "\e6be";
+}
+
+.icon-RectangleCopy51:before {
+  content: "\e6bf";
+}
+
+.icon-RectangleCopy53:before {
+  content: "\e6c1";
+}
+
+.icon-RectangleCopy54:before {
+  content: "\e6c4";
+}
+
+.icon-RectangleCopy59:before {
+  content: "\e6dd";
+}
+
+.icon-RectangleCopy60:before {
+  content: "\e6de";
+}
+
+.icon-RectangleCopy37:before {
+  content: "\e6a6";
+}
+
+.icon-RectangleCopy38:before {
+  content: "\e6a7";
+}
+
+.icon-RectangleCopy39:before {
+  content: "\e6a8";
+}
+
+.icon-RectangleCopy40:before {
+  content: "\e6a9";
+}
+
+.icon-RectangleCopy41:before {
+  content: "\e6aa";
+}
+
+.icon-RectangleCopy42:before {
+  content: "\e6ab";
+}
+
+.icon-RectangleCopy43:before {
+  content: "\e6ac";
+}
+
+.icon-RectangleCopy44:before {
+  content: "\e6ad";
+}
+
+.icon-RectangleCopy45:before {
+  content: "\e6ae";
+}
+
+.icon-RectangleCopy46:before {
+  content: "\e6af";
+}
+
+.icon-RectangleCopy47:before {
+  content: "\e6bb";
+}
+
+.icon-RectangleCopy:before {
+  content: "\e6a3";
+}
+
+.icon-RectangleCopy1:before {
+  content: "\e6a2";
+}
+
+.icon-RectangleCopy2:before {
+  content: "\e6a4";
+}
+
+.icon-RectangleCopy3:before {
+  content: "\e6a1";
+}
+
+.icon-RectangleCopy4:before {
+  content: "\e6a5";
+}
+
+.icon-RectangleCopy5:before {
+  content: "\e6b0";
+}
+
+.icon-RectangleCopy6:before {
+  content: "\e6b1";
+}
+
+.icon-RectangleCopy7:before {
+  content: "\e6b2";
+}
+
+.icon-RectangleCopy8:before {
+  content: "\e6b3";
+}
+
+.icon-RectangleCopy9:before {
+  content: "\e6b4";
+}
+
+.icon-RectangleCopy10:before {
+  content: "\e6b5";
+}
+
+.icon-RectangleCopy11:before {
+  content: "\e6b6";
+}
+
+.icon-RectangleCopy12:before {
+  content: "\e6b7";
+}
+
+.icon-RectangleCopy13:before {
+  content: "\e6b8";
+}
+
+.icon-RectangleCopy14:before {
+  content: "\e6b9";
+}
+
+.icon-RectangleCopy15:before {
+  content: "\e6ba";
+}
+
+.icon-RectangleCopy16:before {
+  content: "\e6c2";
+}
+
+.icon-RectangleCopy17:before {
+  content: "\e6c3";
+}
+
+.icon-RectangleCopy18:before {
+  content: "\e6c6";
+}
+
+.icon-RectangleCopy19:before {
+  content: "\e6c8";
+}
+
+.icon-RectangleCopy20:before {
+  content: "\e6d1";
+}
+
+.icon-RectangleCopy21:before {
+  content: "\e6d8";
+}
+
+.icon-RectangleCopy22:before {
+  content: "\e6da";
+}
+
+.icon-RectangleCopy23:before {
+  content: "\e6e0";
+}
+
+.icon-RectangleCopy24:before {
+  content: "\e6df";
+}
+
+.icon-RectangleCopy25:before {
+  content: "\e6e2";
+}
+
+.icon-RectangleCopy26:before {
+  content: "\e6e3";
+}
+
+.icon-RectangleCopy27:before {
+  content: "\e6e4";
+}
+
+.icon-RectangleCopy28:before {
+  content: "\e6e5";
+}
+
+.icon-RectangleCopy29:before {
+  content: "\e6e6";
+}
+
+.icon-RectangleCopy30:before {
+  content: "\e6e7";
+}
+
+.icon-RectangleCopy31:before {
+  content: "\e6e8";
+}
+
+.icon-RectangleCopy32:before {
+  content: "\e6e9";
+}
+
+.icon-RectangleCopy33:before {
+  content: "\e6ea";
+}
+
+.icon-RectangleCopy34:before {
+  content: "\e6eb";
+}
+
+.icon-dingwei:before {
+  content: "\e6ec";
+}
+
+.icon-RectangleCopy35:before {
+  content: "\e6ed";
+}
+
+.icon-RectangleCopy36:before {
+  content: "\e6ee";
+}
+
diff --git a/src/assets/iconfont/iconfont.js b/src/assets/iconfont/iconfont.js
new file mode 100644
index 0000000..371b6ac
--- /dev/null
+++ b/src/assets/iconfont/iconfont.js
@@ -0,0 +1 @@
+window._iconfont_svg_string_4573174='<svg><symbol id="icon-RectangleCopy48" viewBox="0 0 1024 1024"><path d="M638.378667 543.786667a21.333333 21.333333 0 0 0 0-42.666667h-124.885334v-23.893333l103.765334-97.92a21.333333 21.333333 0 1 0-29.312-31.061334l-98.090667 92.586667-98.133333-92.586667a21.333333 21.333333 0 0 0-29.269334 31.061334l108.373334 102.314666v19.498667H339.712a21.333333 21.333333 0 0 0 0 42.666667h131.114667v59.989333H339.712a21.333333 21.333333 0 0 0 0 42.666667h131.114667v93.781333a21.333333 21.333333 0 0 0 42.666666 0V646.4h124.885334a21.333333 21.333333 0 1 0 0-42.666667h-124.885334v-59.989333h124.885334z"  ></path><path d="M829.056 572.544a20.053333 20.053333 0 0 0-23.381333 16.298667 320.597333 320.597333 0 0 1-316.16 264.490666c-177.152 0-321.237333-144.085333-321.237334-321.194666a321.109333 321.109333 0 0 1 587.52-179.584c10.410667 15.36 19.626667 31.872 27.178667 48.938666 4.522667 10.154667 16.384 14.762667 26.581333 10.154667a19.797333 19.797333 0 0 0 10.069334-10.24 19.84 19.84 0 0 0 2.901333-9.813333V272.810667a20.181333 20.181333 0 0 0-40.32 0v48.170666a360.789333 360.789333 0 0 0-592.554667 9.173334A359.68 359.68 0 0 0 128 532.138667C128 731.477333 290.176 893.610667 489.472 893.610667a360.874667 360.874667 0 0 0 355.882667-297.685334 20.181333 20.181333 0 0 0-16.298667-23.381333"  ></path></symbol><symbol id="icon-RectangleCopy52" viewBox="0 0 1024 1024"><path d="M488.874667 854.186667H296.362667c-22.229333 0-40.362667-19.242667-40.362667-43.008V305.493333L390.784 170.666667h336.853333c22.229333 0 40.362667 19.328 40.362667 43.008v317.013333a21.333333 21.333333 0 0 0 42.666667 0v-317.013333C810.666667 166.4 773.418667 128 727.637333 128H382.208a21.077333 21.077333 0 0 0-15.189333 6.4c-0.298667 0.298667-0.64 0.341333-0.896 0.64L219.562667 281.514667a21.162667 21.162667 0 0 0-6.016 16.128C213.504 297.984 213.333333 298.325333 213.333333 298.666667v512.512c0 47.232 37.248 85.674667 83.029334 85.674666h192.512a21.333333 21.333333 0 0 0 0-42.666666"  ></path><path d="M702.208 681.770667a64 64 0 1 0 0.042667 128.042666 64 64 0 0 0 0-128.042666"  ></path><path d="M702.208 852.437333a106.794667 106.794667 0 0 1-106.666667-106.666666c0-58.794667 47.829333-106.666667 106.666667-106.666667s106.666667 47.872 106.666667 106.666667-47.829333 106.666667-106.666667 106.666666m0-256c-14.08 0-27.434667 2.602667-40.362667 6.229334-0.768-0.085333-1.493333-0.469333-2.304-0.469334h-124.885333v-59.989333h124.885333a21.333333 21.333333 0 0 0 0-42.666667h-124.885333v-23.893333l103.765333-97.92a21.333333 21.333333 0 0 0-29.269333-31.061333l-98.133333 92.672-98.176-92.672a21.376 21.376 0 0 0-29.269334 31.061333l108.416 102.314667v19.498666H360.874667a21.333333 21.333333 0 0 0 0 42.666667h131.114666v59.989333H360.874667a21.333333 21.333333 0 0 0 0 42.666667h131.114666v93.781333a21.333333 21.333333 0 1 0 42.666667 0v-93.781333h58.197333a148.181333 148.181333 0 0 0-39.978666 100.906667c0 82.346667 66.986667 149.333333 149.333333 149.333333s149.333333-66.986667 149.333333-149.333333-66.986667-149.333333-149.333333-149.333334"  ></path></symbol><symbol id="icon-RectangleCopy55" viewBox="0 0 1024 1024"><path d="M789.333333 512a21.333333 21.333333 0 0 0 21.333334-21.333333V299.008C810.666667 251.776 773.418667 213.333333 727.637333 213.333333H630.613333a128.298667 128.298667 0 0 0-120.362666-85.333333c-54.314667 0-102.4 35.157333-120.277334 85.333333H296.362667C250.581333 213.333333 213.333333 251.776 213.333333 299.008v511.317333C213.333333 857.557333 250.581333 896 296.362667 896h431.274666C773.418667 896 810.666667 857.557333 810.666667 810.325333V618.666667a21.333333 21.333333 0 0 0-42.666667 0v191.658666c0 23.722667-18.133333 43.008-40.362667 43.008H296.362667C274.133333 853.333333 256 834.048 256 810.325333V299.008C256 275.285333 274.133333 256 296.362667 256h107.178666a20.736 20.736 0 0 0 12.458667-4.48 20.992 20.992 0 0 0 10.922667-14.037333A85.76 85.76 0 0 1 510.250667 170.666667c40.405333 0 75.562667 28.714667 83.584 68.266666a21.333333 21.333333 0 0 0 20.864 17.066667c0.896 0 1.792-0.170667 2.688-0.256 0.426667 0.042667 0.810667 0.256 1.28 0.256h108.970666c22.229333 0 40.362667 19.285333 40.362667 43.008V490.666667a21.333333 21.333333 0 0 0 21.333333 21.333333"  ></path><path d="M659.584 544.853333a21.333333 21.333333 0 0 0 0-42.666666h-124.928v-23.893334l103.765333-97.92a21.333333 21.333333 0 0 0-29.269333-31.018666l-98.133333 92.586666-98.133334-92.586666a21.376 21.376 0 0 0-29.269333 31.061333l108.373333 102.314667v19.498666H360.917333a21.333333 21.333333 0 0 0 0 42.666667h131.072v59.989333H360.917333a21.333333 21.333333 0 0 0 0 42.666667h131.072v93.781333a21.333333 21.333333 0 1 0 42.666667 0v-93.781333h124.928a21.333333 21.333333 0 1 0 0-42.666667h-124.928V544.853333h124.928z"  ></path></symbol><symbol id="icon-RectangleCopy56" viewBox="0 0 1024 1024"><path d="M721.749333 658.346667a64 64 0 1 0 0 128.085333 64 64 0 0 0 0-128.042667"  ></path><path d="M721.749333 829.013333a106.794667 106.794667 0 0 1-106.666666-106.666666c0-58.752 47.829333-106.666667 106.666666-106.666667s106.666667 47.914667 106.666667 106.666667c0 58.837333-47.829333 106.666667-106.666667 106.666666m0-256c-32.810667 0-62.890667 11.008-87.552 29.013334h-80.554666v-60.032h124.842666a21.290667 21.290667 0 1 0 0-42.666667h-124.842666v-23.936l103.68-97.877333a21.333333 21.333333 0 0 0-29.226667-31.018667l-98.133333 92.586667-98.176-92.586667a21.333333 21.333333 0 1 0-29.226667 31.018667l108.416 102.314666v19.498667H379.818667a21.333333 21.333333 0 0 0 0 42.666667h131.157333v60.032H379.818667a21.333333 21.333333 0 1 0 0 42.666666h131.157333v93.738667a21.290667 21.290667 0 1 0 42.666667 0V644.693333h41.216a147.498667 147.498667 0 0 0-22.442667 77.653334c0 82.346667 66.986667 149.333333 149.333333 149.333333s149.333333-66.986667 149.333334-149.333333-66.986667-149.333333-149.333334-149.333334"  ></path><path d="M510.378667 852.608C342.485333 841.386667 210.986667 700.629333 210.986667 532.138667c0-177.109333 144.085333-321.194667 321.194666-321.194667a319.104 319.104 0 0 1 288.853334 180.693333c0.341333 0.64 0.853333 1.024 1.237333 1.621334a19.925333 19.925333 0 0 0 39.637333-3.413334V271.018667a20.138667 20.138667 0 0 0-40.32 0v45.525333A358.229333 358.229333 0 0 0 532.181333 170.624C332.8 170.666667 170.666667 332.885333 170.666667 532.181333c0 189.610667 148.053333 348.032 337.066666 360.661334h1.28a20.096 20.096 0 1 0 1.322667-40.234667"  ></path></symbol><symbol id="icon-RectangleCopy57" viewBox="0 0 1024 1024"><path d="M382.738347 603.733333a21.333333 21.333333 0 0 0 0 42.666667h131.114666v93.824a21.333333 21.333333 0 0 0 42.666667 0V646.4h124.885333a21.333333 21.333333 0 0 0 0-42.666667h-124.928v-59.989333h124.885334a21.333333 21.333333 0 0 0 0-42.666667h-124.885334v-23.936l103.765334-97.877333a21.333333 21.333333 0 0 0-29.269334-31.061333l-98.133333 92.586666-98.133333-92.586666a21.333333 21.333333 0 1 0-29.312 31.061333l108.416 102.272v19.541333H382.69568a21.333333 21.333333 0 1 0 0 42.666667h131.114667v59.989333H382.69568z"  ></path><path d="M827.026347 330.112a360.874667 360.874667 0 0 0-592.554667-9.216V272.810667a20.138667 20.138667 0 0 0-40.32 0v118.784c0 3.626667 1.194667 6.826667 2.858667 9.770666a20.053333 20.053333 0 0 0 10.026666 10.325334c10.24 4.437333 22.058667 0 26.624-10.24A321.109333 321.109333 0 0 1 527.20768 210.944a321.109333 321.109333 0 0 1 321.152 321.152c0 177.152-144.085333 321.194667-321.152 321.194667A320.597333 320.597333 0 0 1 211.005013 588.842667a20.138667 20.138667 0 1 0-39.68 7.082666A360.874667 360.874667 0 0 0 527.165013 893.610667c199.381333 0 361.514667-162.133333 361.514667-361.514667 0-72.32-21.333333-142.165333-61.653333-201.941333"  ></path></symbol><symbol id="icon-RectangleCopy58" viewBox="0 0 1024 1024"><path d="M618.666667 598.229333a21.333333 21.333333 0 0 0 0-42.666666h-83.114667v-8.362667l72.149333-68.053333a21.333333 21.333333 0 0 0-29.226666-31.061334l-65.92 62.165334-65.92-62.165334a21.333333 21.333333 0 0 0-29.269334 31.018667l75.52 71.253333v5.248H405.333333a21.333333 21.333333 0 0 0 0 42.666667h87.552v30.592H405.333333a21.333333 21.333333 0 0 0 0 42.666667h87.552v60.885333a21.333333 21.333333 0 1 0 42.666667 0V671.573333H618.666667a21.333333 21.333333 0 1 0 0-42.666666h-83.114667v-30.634667H618.666667z"  ></path><path d="M213.333333 341.333333v-19.541333c0-35.328 28.714667-64 64-64h62.250667v23.082667a21.333333 21.333333 0 1 0 42.666667 0v-23.082667h259.541333v23.082667a21.333333 21.333333 0 1 0 42.666667 0v-23.082667h65.792c35.285333 0 64 28.672 64 64V341.333333H213.333333z m622.250667 128a21.333333 21.333333 0 0 0 21.333333-21.333333V321.792c0-58.837333-47.829333-106.666667-106.666666-106.666667h-65.792V192a21.333333 21.333333 0 0 0-42.666667 0v23.125333H382.250667V192a21.333333 21.333333 0 0 0-42.666667 0v23.125333H277.333333a106.752 106.752 0 0 0-106.666666 106.666667V746.666667C170.666667 805.461333 218.496 853.333333 277.333333 853.333333h472.917334c58.837333 0 106.666667-47.872 106.666666-106.666666v-170.666667a21.333333 21.333333 0 0 0-42.666666 0v170.666667c0 35.285333-28.714667 64-64 64H277.333333c-35.285333 0-64-28.714667-64-64V384h600.917334v64a21.333333 21.333333 0 0 0 21.333333 21.333333z"  ></path></symbol><symbol id="icon-RectangleCopy61" viewBox="0 0 1024 1024"><path d="M488.874667 853.333333H296.362667C274.133333 853.333333 256 834.048 256 810.325333V299.008C256 275.285333 274.133333 256 296.362667 256h107.178666a20.650667 20.650667 0 0 0 12.458667-4.48 21.077333 21.077333 0 0 0 10.922667-14.037333A85.76 85.76 0 0 1 510.208 170.666667c40.448 0 75.605333 28.714667 83.626667 68.266666a21.333333 21.333333 0 0 0 20.864 17.066667c0.896 0 1.792-0.170667 2.688-0.256 0.426667 0.042667 0.810667 0.256 1.28 0.256h108.970666c22.229333 0 40.362667 19.285333 40.362667 43.008v228.992a21.333333 21.333333 0 0 0 42.666667 0V299.008C810.666667 251.776 773.418667 213.333333 727.637333 213.333333H630.613333a128.298667 128.298667 0 0 0-120.405333-85.333333A128.512 128.512 0 0 0 389.973333 213.333333H296.362667C250.581333 213.333333 213.333333 251.776 213.333333 299.008v511.317333C213.333333 857.557333 250.581333 896 296.362667 896h192.512a21.333333 21.333333 0 0 0 0-42.666667"  ></path><path d="M704 682.666667a64 64 0 1 0 0.042667 128 64 64 0 0 0-0.042667-128"  ></path><path d="M704 853.333333a106.794667 106.794667 0 0 1-106.666667-106.666666c0-58.794667 47.829333-106.666667 106.666667-106.666667s106.666667 47.872 106.666667 106.666667-47.829333 106.666667-106.666667 106.666666m0-256c-15.616 0-30.378667 3.072-44.544 7.552h-124.8v-59.989333h124.885333a21.333333 21.333333 0 0 0 0-42.666667h-124.885333v-23.936l103.765333-97.877333a21.333333 21.333333 0 0 0-29.269333-31.061333l-98.133333 92.629333-98.176-92.629333a21.376 21.376 0 0 0-29.269334 31.061333l108.416 102.272v19.541333H360.874667a21.333333 21.333333 0 1 0 0 42.666667h131.114666v59.989333H360.874667a21.333333 21.333333 0 1 0 0 42.666667h131.114666v93.781333a21.333333 21.333333 0 0 0 42.666667 0v-93.781333h58.496A148.181333 148.181333 0 0 0 554.666667 746.666667c0 82.346667 66.986667 149.333333 149.333333 149.333333s149.333333-66.986667 149.333333-149.333333-66.986667-149.333333-149.333333-149.333334"  ></path></symbol><symbol id="icon-RectangleCopy62" viewBox="0 0 1024 1024"><path d="M213.333333 341.333333v-19.541333c0-35.328 28.714667-64 64-64h62.250667v23.082667a21.333333 21.333333 0 1 0 42.666667 0v-23.082667h259.541333v23.082667a21.333333 21.333333 0 1 0 42.666667 0v-23.082667h65.792c35.285333 0 64 28.672 64 64V341.333333H213.333333z m536.917334-126.208h-65.792V192a21.333333 21.333333 0 0 0-42.666667 0v23.125333H382.250667V192a21.333333 21.333333 0 0 0-42.666667 0v23.125333H277.333333a106.752 106.752 0 0 0-106.666666 106.666667V746.666667C170.666667 805.461333 218.496 853.333333 277.333333 853.333333h215.125334a21.333333 21.333333 0 0 0 0-42.666666H277.333333c-35.285333 0-64-28.714667-64-64V384h600.917334v108.458667a21.333333 21.333333 0 0 0 42.666666 0v-170.666667c0-58.837333-47.829333-106.666667-106.666666-106.666667z"  ></path><path d="M707.584 640a64 64 0 1 0 0 128.042667 64 64 0 0 0 0-128.042667"  ></path><path d="M707.584 810.666667a106.794667 106.794667 0 0 1-106.666667-106.666667c0-58.794667 47.829333-106.666667 106.666667-106.666667s106.666667 47.872 106.666667 106.666667-47.829333 106.666667-106.666667 106.666667z m-172.032-181.76v-30.677334h66.730667a150.528 150.528 0 0 0-22.997334 30.677334h-43.733333zM707.584 554.666667c-24.832 0-47.914667 6.656-68.565333 17.450666a21.034667 21.034667 0 0 0-20.352-16.554666h-83.114667v-8.362667l72.149333-68.096a21.333333 21.333333 0 0 0-29.226666-31.061333l-65.92 62.208-65.92-62.208a21.333333 21.333333 0 0 0-29.269334 31.061333l75.52 71.253333v5.205334H405.333333a21.333333 21.333333 0 0 0 0 42.666666h87.552v30.677334H405.333333a21.333333 21.333333 0 1 0 0 42.666666h87.552v60.885334a21.333333 21.333333 0 1 0 42.666667 0V671.573333h26.496a147.541333 147.541333 0 0 0-3.797333 32.426667c0 82.346667 66.986667 149.333333 149.333333 149.333333s149.333333-66.986667 149.333333-149.333333-66.986667-149.333333-149.333333-149.333333z"  ></path></symbol><symbol id="icon-RectangleCopy63" viewBox="0 0 1024 1024"><path d="M886.869333 134.698667a21.376 21.376 0 0 0-30.165333-0.938667l-149.888 141.525333a339.328 339.328 0 0 0-396.032-1.706666L164.010667 135.04a21.333333 21.333333 0 1 0-29.312 31.061333l142.72 134.698667a338.261333 338.261333 0 0 0-109.866667 250.069333C167.552 738.389333 320.170667 891.093333 507.733333 891.093333a339.797333 339.797333 0 0 0 329.813334-256.341333 20.138667 20.138667 0 1 0-39.04-9.941333A299.605333 299.605333 0 0 1 507.733333 850.773333a300.288 300.288 0 0 1-299.946666-299.946666c0-60.032 17.706667-118.016 51.2-167.552a299.904 299.904 0 0 1 542.421333 106.197333 20.266667 20.266667 0 0 0 23.850667 15.658667 20.224 20.224 0 0 0 15.616-23.850667 337.536 337.536 0 0 0-51.029334-120.746667 340.693333 340.693333 0 0 0-49.92-57.898666l146.005334-137.813334a21.333333 21.333333 0 0 0 0.853333-30.122666"  ></path><path d="M632.746667 554.154667a21.333333 21.333333 0 0 0 0-42.666667h-96.128v-13.226667L618.666667 420.821333a21.333333 21.333333 0 0 0-29.269334-31.061333l-75.989333 71.722667-75.989333-71.68a21.376 21.376 0 0 0-29.312 31.018666l85.845333 80.981334v9.685333H392.789333a21.333333 21.333333 0 1 0 0 42.666667h101.12v39.850666h-101.12a21.290667 21.290667 0 1 0 0 42.666667h101.12v71.168a21.333333 21.333333 0 1 0 42.666667 0v-71.168h96.213333a21.333333 21.333333 0 0 0 0-42.666667h-96.170666v-39.850666h96.170666z"  ></path></symbol><symbol id="icon-RectangleCopy64" viewBox="0 0 1024 1024"><path d="M886.826667 134.698667a21.333333 21.333333 0 0 0-30.122667-0.896l-151.210667 142.72a338.901333 338.901333 0 0 0-125.44-57.045334 339.669333 339.669333 0 0 0-269.354666 54.058667L163.925333 135.082667A21.376 21.376 0 0 0 134.741333 166.144l142.378667 134.314667c-1.621333 1.536-3.456 2.730667-5.12 4.266666A338.56 338.56 0 0 0 174.08 477.738667c-40.704 183.168 75.093333 365.226667 258.261333 406.016a342.186667 342.186667 0 0 0 69.248 8.106666h0.298667a20.181333 20.181333 0 0 0 0.256-40.234666 301.653333 301.653333 0 0 1-61.056-7.253334C279.594667 808.533333 177.450667 647.978667 213.333333 486.528a299.946667 299.946667 0 0 1 357.888-227.669333 299.861333 299.861333 0 0 1 232.106667 251.733333 20.352 20.352 0 0 0 22.698667 17.152 20.053333 20.053333 0 0 0 17.194666-22.698667 338.218667 338.218667 0 0 0-20.394666-77.909333 339.541333 339.541333 0 0 0-84.266667-123.178667l147.328-139.093333a21.333333 21.333333 0 0 0 0.853333-30.122667"  ></path><path d="M701.568 636.629333a64 64 0 1 0 0 128.042667 64 64 0 0 0 0-128"  ></path><path d="M701.568 807.296a106.794667 106.794667 0 0 1-106.666667-106.666667c0-58.794667 47.829333-106.666667 106.666667-106.666666 58.88 0 106.666667 47.872 106.666667 106.666666s-47.786667 106.666667-106.666667 106.666667m0-256c-40.533333 0-77.226667 16.384-104.234667 42.709333h-60.757333v-39.850666h96.170667a21.333333 21.333333 0 1 0 0-42.666667h-96.170667v-13.226667L618.666667 420.821333a21.333333 21.333333 0 1 0-29.269334-31.018666l-75.946666 71.722666-76.032-71.68a21.333333 21.333333 0 0 0-29.269334 30.976l85.802667 80.981334v9.685333h-101.12a21.333333 21.333333 0 1 0 0 42.666667h101.12v39.850666h-101.12a21.333333 21.333333 0 1 0 0 42.666667h101.12v71.168a21.333333 21.333333 0 1 0 42.666667 0v-71.168h30.634666a147.2 147.2 0 0 0-14.933333 64c0 82.346667 66.986667 149.333333 149.333333 149.333333s149.333333-66.986667 149.333334-149.333333-66.986667-149.333333-149.333334-149.333333"  ></path></symbol><symbol id="icon-RectangleCopy65" viewBox="0 0 1024 1024"><path d="M570.752 810.666667H263.168A49.92 49.92 0 0 1 213.333333 760.789333V263.210667A49.92 49.92 0 0 1 263.168 213.333333h411.050667a49.92 49.92 0 0 1 49.877333 49.877334v185.258666a21.333333 21.333333 0 1 0 42.666667 0V263.210667A92.629333 92.629333 0 0 0 674.218667 170.666667H263.168A92.629333 92.629333 0 0 0 170.666667 263.210667v497.578666C170.666667 811.818667 212.181333 853.333333 263.168 853.333333h307.584a21.333333 21.333333 0 0 0 0-42.666666"  ></path><path d="M341.418667 299.093333a21.333333 21.333333 0 0 0-21.333334 21.333334v87.466666c0 81.706667 66.986667 148.138667 149.333334 148.138667s149.333333-66.432 149.333333-148.096V320.426667a21.333333 21.333333 0 0 0-42.666667 0v87.466666c0 58.112-47.829333 105.386667-106.666666 105.386667s-106.666667-47.274667-106.666667-105.386667V320.426667a21.333333 21.333333 0 0 0-21.333333-21.333334"  ></path><path d="M746.24 717.909333a21.333333 21.333333 0 0 0 0-42.666666H675.413333v-3.754667l62.890667-59.392a21.333333 21.333333 0 0 0-29.312-31.018667l-56.405333 53.333334L596.096 581.034667a21.333333 21.333333 0 0 0-29.226667 31.018666L632.746667 674.261333v0.981334H557.994667a21.333333 21.333333 0 0 0 0 42.666666H632.746667V739.968H557.994667a21.333333 21.333333 0 1 0 0 42.666667H632.746667v51.2a21.333333 21.333333 0 1 0 42.666666 0V782.634667h70.826667a21.333333 21.333333 0 0 0 0-42.666667H675.413333v-22.058667h70.826667z"  ></path><path d="M832.085333 259.114667a21.333333 21.333333 0 0 0-21.333333 21.333333v467.541333a21.333333 21.333333 0 0 0 42.666667 0V280.448a21.333333 21.333333 0 0 0-21.333334-21.333333"  ></path></symbol><symbol id="icon-RectangleCopy66" viewBox="0 0 1024 1024"><path d="M469.504 724.181333a21.333333 21.333333 0 0 0 21.333333-21.333333v-93.738667h124.885334a21.333333 21.333333 0 0 0 0-42.666666h-124.885334v-60.032h124.885334a21.333333 21.333333 0 1 0 0-42.666667h-124.885334v-23.936l103.68-97.877333a21.248 21.248 0 0 0 0.853334-30.122667 21.248 21.248 0 0 0-30.08-0.896l-98.133334 92.586667-98.133333-92.586667a21.290667 21.290667 0 1 0-29.269333 31.018667l108.373333 102.272v19.541333H317.098667a21.333333 21.333333 0 1 0 0 42.666667h131.114666v60.032H317.013333a21.290667 21.290667 0 1 0 0 42.666666h131.114667v93.738667a21.333333 21.333333 0 0 0 21.333333 21.333333"  ></path><path d="M745.258667 170.666667H276.352A105.856 105.856 0 0 0 170.666667 276.437333v468.864a105.813333 105.813333 0 0 0 105.728 105.685334h298.453333a20.181333 20.181333 0 0 0 0-40.32H276.394667a65.408 65.408 0 0 1-65.365334-65.365334V276.394667c0-36.053333 29.312-65.408 65.365334-65.408h468.864c36.096 0 65.408 29.354667 65.408 65.450666v295.253334a20.181333 20.181333 0 0 0 40.362666 0v-295.253334a105.898667 105.898667 0 0 0-105.813333-105.813333"  ></path><path d="M650.069333 719.872a64.64 64.64 0 1 1 64.597334 64.597333 64.64 64.64 0 0 1-64.597334-64.597333z m155.605334 56.021333a106.24 106.24 0 0 0 16.213333-56.021333 107.392 107.392 0 0 0-107.221333-107.264 107.392 107.392 0 0 0-107.264 107.264 107.392 107.392 0 0 0 107.264 107.264 106.24 106.24 0 0 0 61.866666-19.968l36.736 40.277333a21.162667 21.162667 0 0 0 30.122667 1.365334 21.290667 21.290667 0 0 0 1.365333-30.122667l-39.082666-42.794667z"  ></path></symbol><symbol id="icon-RectangleCopy49" viewBox="0 0 1024 1024"><path d="M738.816 508.842667a21.333333 21.333333 0 1 0-39.509333 16.085333A208.213333 208.213333 0 0 1 506.666667 811.52 208.213333 208.213333 0 0 1 298.666667 603.52c0-38.997333 11.221333-76.245333 31.573333-109.056l176.426667-264.277333 110.165333 165.034666a21.418667 21.418667 0 0 0 29.610667 5.973334 21.418667 21.418667 0 0 0 5.888-29.653334L527.872 185.173333c-0.682667-1.066667-1.706667-1.706667-2.56-2.56a20.437333 20.437333 0 0 0-6.954667-8.362666 21.333333 21.333333 0 0 0-29.610666 5.973333l-183.424 274.773333c-0.554667 0.597333-1.28 0.938667-1.792 1.621334-2.816 3.882667-4.864 8.149333-7.424 12.16l-2.517334 3.712c-0.213333 0.341333-0.213333 0.725333-0.426666 1.066666a248.362667 248.362667 0 0 0-37.12 130.005334A250.965333 250.965333 0 0 0 506.624 854.186667a250.965333 250.965333 0 0 0 232.149333-345.344"  ></path><path d="M626.944 632.192a123.605333 123.605333 0 0 1-82.133333 85.333333 21.333333 21.333333 0 1 0 12.629333 40.789334 166.485333 166.485333 0 0 0 110.72-115.114667 21.333333 21.333333 0 0 0-15.104-26.112 21.589333 21.589333 0 0 0-26.112 15.104"  ></path></symbol><symbol id="icon-RectangleCopy50" viewBox="0 0 1024 1024"><path d="M517.632 552.149333c80.64 0 152.32-46.677333 182.698667-118.954666a21.162667 21.162667 0 0 0 1.408-6.784 21.290667 21.290667 0 0 0-19.541334-29.866667h-188.202666a21.333333 21.333333 0 1 0 0 42.666667h154.965333c-27.818667 43.264-76.885333 70.272-131.328 70.272-85.162667 0-154.453333-66.432-154.453333-148.053334 0-29.568 9.045333-58.026667 26.026666-82.432A156.416 156.416 0 0 1 517.674667 213.333333c51.541333 0 99.498667 24.490667 128.298666 65.578667 5.973333 8.533333 11.050667 17.621333 15.018667 27.136a21.333333 21.333333 0 0 0 39.338667-16.597333 189.141333 189.141333 0 0 0-19.456-35.072C644.096 201.941333 583.04 170.666667 517.632 170.666667c-65.450667 0-126.506667 31.317333-163.285333 83.84a185.429333 185.429333 0 0 0-33.834667 106.88c0 105.216 88.405333 190.762667 197.12 190.762666"  ></path><path d="M720.170667 810.666667H303.872C253.952 810.666667 213.333333 769.578667 213.333333 719.061333c0-50.517333 40.618667-91.605333 90.538667-91.605333h416.298667c49.92 0 90.453333 41.088 90.453333 91.605333C810.666667 769.578667 770.133333 810.666667 720.213333 810.666667m0-225.877334H303.872C230.4 584.789333 170.666667 645.034667 170.666667 719.061333 170.666667 793.088 230.4 853.333333 303.872 853.333333h416.298667c73.386667 0 133.12-60.245333 133.12-134.272C853.333333 645.034667 793.6 584.789333 720.213333 584.789333"  ></path></symbol><symbol id="icon-RectangleCopy51" viewBox="0 0 1024 1024"><path d="M517.632 552.149333c80.64 0 152.277333-46.677333 182.613333-118.954666a21.333333 21.333333 0 0 0-39.338666-16.512c-23.594667 56.362667-79.914667 92.8-143.274667 92.8-77.568 0-141.354667-55.253333-152.234667-126.72h183.466667a21.290667 21.290667 0 1 0 0-42.666667H364.757333c3.285333-21.845333 11.52-42.666667 24.490667-61.141333C418.048 237.866667 466.048 213.333333 517.632 213.333333c51.541333 0 99.498667 24.490667 128.256 65.536 5.973333 8.576 11.050667 17.706667 15.018667 27.178667a21.333333 21.333333 0 0 0 39.338666-16.597333 189.44 189.44 0 0 0-19.413333-35.072C644.096 201.941333 583.04 170.666667 517.632 170.666667c-65.493333 0-126.549333 31.317333-163.285333 83.84A185.258667 185.258667 0 0 0 320.426667 361.386667c0 105.216 88.448 190.762667 197.12 190.762666"  ></path><path d="M720.170667 810.666667H303.786667C253.866667 810.666667 213.333333 769.578667 213.333333 719.061333c0-50.517333 40.533333-91.605333 90.453334-91.605333h416.384c49.92 0 90.453333 41.088 90.453333 91.605333C810.666667 769.578667 770.133333 810.666667 720.213333 810.666667m0-225.877334H303.786667C230.4 584.789333 170.666667 645.034667 170.666667 719.061333 170.666667 793.088 230.4 853.333333 303.786667 853.333333h416.384c73.386667 0 133.12-60.245333 133.12-134.272C853.333333 645.034667 793.6 584.789333 720.213333 584.789333"  ></path></symbol><symbol id="icon-RectangleCopy53" viewBox="0 0 1024 1024"><path d="M735.444775 810.6672h-372.479069a79.359802 79.359802 0 0 1-78.76247-79.701134c0-43.946557 35.327912-79.743801 78.76247-79.743801h372.479069c43.434558 0 78.719803 35.797244 78.719803 79.743801S778.879333 810.6672 735.444775 810.6672M347.392412 343.596368c0-25.983935 7.93598-51.029206 22.954609-72.490486A137.556989 137.556989 0 0 1 483.328072 213.33536c28.885261 0 55.893194 9.514643 78.677136 25.17327-2.60266-0.128-5.162654-0.469332-7.80798-0.469332-59.306518 0-114.60238 28.415929-147.924964 75.989144a168.020913 168.020913 0 0 0-30.719923 96.938424c0 4.735988 1.109331 9.17331 1.49333 13.823965a126.421017 126.421017 0 0 1-29.653259-81.194463m388.052363 264.959337h-372.479069c-64.853171 0-117.503706 51.626538-120.789031 116.181043A80.042467 80.042467 0 0 1 213.33408 663.595568c0-43.989223 35.327912-79.701134 78.719803-79.701134h256.426026c0.682665 0 1.23733-0.341332 1.877328-0.383999 1.279997 0 2.517327 0.383999 3.839991 0.383999 73.045151 0 138.026322-42.325228 165.546253-107.818398a21.33328 21.33328 0 1 0-39.338569-16.511958c-20.821281 49.578543-70.399824 81.663796-126.207684 81.663796-74.922479 0-135.93566-58.453187-135.93566-130.261008 0-25.941268 7.93598-50.986539 22.954609-72.490486a137.556989 137.556989 0 0 1 112.981051-57.770522c45.39722 0 87.637114 21.589279 112.981051 57.727856 5.247987 7.466648 9.685309 15.530628 13.183967 23.893274a21.33328 21.33328 0 0 0 39.338568-16.597292 170.239574 170.239574 0 0 0-17.621289-31.786588 176.596892 176.596892 0 0 0-67.413165-57.17319 20.394616 20.394616 0 0 0-3.455991-10.197308A180.308883 180.308883 0 0 0 483.328072 170.6688c-59.306518 0-114.60238 28.415929-147.882297 75.946477a168.106246 168.106246 0 0 0-30.719923 96.981091c0 64.341172 36.437242 122.623693 95.103762 152.746284 10.111975 17.023957 22.954609 32.085253 38.186571 44.885222H292.053883C225.152717 541.227874 170.66752 596.09707 170.66752 663.595568c0 51.455871 32.298586 97.749089 80.298466 115.157045l0.298666 0.085333A121.599696 121.599696 0 0 0 362.965706 853.33376h372.479069c66.943833 0 121.386363-54.911863 121.386363-122.367694 0-67.498498-54.442531-122.410361-121.386363-122.410361"  ></path></symbol><symbol id="icon-RectangleCopy54" viewBox="0 0 1024 1024"><path d="M347.392 343.594667c0-26.026667 7.978667-51.029333 22.954667-72.533334a137.770667 137.770667 0 0 1 191.658666-32.554666c-2.602667-0.085333-5.162667-0.469333-7.765333-0.469334a180.138667 180.138667 0 0 0-147.925333 75.946667 167.978667 167.978667 0 0 0-30.72 96.981333c0 4.693333 1.066667 9.216 1.450666 13.866667a126.72 126.72 0 0 1-29.653333-81.237333m372.394667 132.48a21.333333 21.333333 0 0 0-39.338667-16.512c-20.906667 49.578667-70.442667 81.664-126.208 81.664-74.965333 0-135.978667-58.453333-135.978667-130.261334 0-26.026667 7.978667-51.029333 22.954667-72.533333A137.685333 137.685333 0 0 1 554.24 280.746667c45.354667 0 87.594667 21.589333 112.938667 57.728 5.205333 7.424 9.685333 15.488 13.226666 23.893333a21.333333 21.333333 0 1 0 39.253334-16.64 173.184 173.184 0 0 0-17.578667-31.744 176.597333 176.597333 0 0 0-67.413333-57.173333 20.522667 20.522667 0 0 0-3.456-10.24A180.266667 180.266667 0 0 0 483.370667 170.666667c-59.306667 0-114.645333 28.416-147.925334 75.946666a167.978667 167.978667 0 0 0-30.72 96.981334c0 64.341333 36.437333 122.666667 95.146667 152.746666 10.069333 17.066667 22.912 32.128 38.144 44.885334h-145.92C225.109333 541.226667 170.666667 596.053333 170.666667 663.594667a122.666667 122.666667 0 0 0 80.597333 115.2A121.6 121.6 0 0 0 362.965333 853.333333h155.221334a21.333333 21.333333 0 1 0 0-42.666666H362.965333c-43.392 0-78.72-35.754667-78.72-79.701334 0-43.946667 35.328-79.786667 78.72-79.786666h155.221334a21.333333 21.333333 0 1 0 0-42.666667H362.965333c-64.853333 0-117.504 51.712-120.789333 116.224A79.957333 79.957333 0 0 1 213.333333 663.594667a79.36 79.36 0 0 1 78.762667-79.701334h256.426667c0.64 0 1.194667-0.341333 1.877333-0.426666 1.28 0.085333 2.517333 0.426667 3.84 0.426666 72.96 0 137.984-42.325333 165.546667-107.818666M711.936 666.368a59.946667 59.946667 0 1 0 0 119.893333 59.946667 59.946667 0 0 0 0-119.893333"  ></path><path d="M711.893333 832.981333a106.794667 106.794667 0 0 1-106.666666-106.666666c0-58.794667 47.829333-106.666667 106.666666-106.666667 58.88 0 106.666667 47.872 106.666667 106.666667s-47.786667 106.666667-106.666667 106.666666m0-256c-82.346667 0-149.333333 66.986667-149.333333 149.333334s66.986667 149.333333 149.333333 149.333333 149.333333-66.986667 149.333334-149.333333-66.986667-149.333333-149.333334-149.333334"  ></path></symbol><symbol id="icon-RectangleCopy59" viewBox="0 0 1024 1024"><path d="M518.357333 554.666667c90.24 0 170.453333-52.266667 204.373334-133.077334a21.333333 21.333333 0 1 0-39.296-16.512C656.128 470.058667 591.36 512 518.314667 512c-90.453333 0-164.522667-65.365333-175.616-149.333333h211.072a21.333333 21.333333 0 0 0 0-42.666667H342.058667a165.674667 165.674667 0 0 1 28.501333-73.728C403.754667 198.912 459.008 170.666667 518.357333 170.666667c59.306667 0 114.56 28.245333 147.712 75.562666 6.912 9.813333 12.757333 20.352 17.322667 31.274667a21.376 21.376 0 0 0 39.338667-16.597333 212.352 212.352 0 0 0-21.76-39.210667C659.882667 163.029333 591.616 128 518.4 128c-73.258667 0-141.568 35.072-182.741333 93.781333A207.445333 207.445333 0 0 0 297.770667 341.333333c0 117.632 98.944 213.333333 220.586666 213.333334M660.437333 853.333333H276.096C217.941333 853.333333 170.666667 805.504 170.666667 746.666667S217.941333 640 276.096 640h343.466667a21.333333 21.333333 0 0 0 0-42.666667h-343.466667C194.432 597.333333 128 664.32 128 746.666667S194.432 896 276.096 896h384.341333a21.333333 21.333333 0 0 0 0-42.666667"  ></path><path d="M873.770667 767.573333h-83.114667v-30.72h83.114667a21.333333 21.333333 0 1 0 0-42.666666h-83.114667v-8.362667l72.192-68.138667a21.333333 21.333333 0 1 0-29.269333-30.976l-65.92 62.208-65.92-62.208a21.333333 21.333333 0 1 0-29.269334 30.976l75.52 71.296v5.205334h-87.552a21.333333 21.333333 0 0 0 0 42.666666h87.552v30.72h-87.552a21.333333 21.333333 0 0 0 0 42.666667h87.552v60.885333a21.333333 21.333333 0 0 0 42.666667 0V810.24h83.114667a21.333333 21.333333 0 0 0 0-42.666667"  ></path></symbol><symbol id="icon-RectangleCopy60" viewBox="0 0 1024 1024"><path d="M518.4 554.666667c90.154667 0 170.368-52.266667 204.373333-133.077334a21.333333 21.333333 0 0 0-39.338666-16.512C656.128 470.058667 591.36 512 518.4 512c-98.090667 0-177.92-76.544-177.92-170.666667 0-34.090667 10.410667-66.944 30.08-95.061333C403.712 198.954667 459.008 170.666667 518.4 170.666667s114.56 28.245333 147.712 75.562666c6.912 9.856 12.8 20.394667 17.322667 31.274667a21.504 21.504 0 0 0 27.946666 11.392 21.418667 21.418667 0 0 0 11.392-27.989333 214.229333 214.229333 0 0 0-21.76-39.210667C659.84 163.029333 591.573333 128 518.4 128c-73.258667 0-141.525333 35.029333-182.741333 93.781333A207.445333 207.445333 0 0 0 297.813333 341.333333c0 117.632 98.986667 213.333333 220.586667 213.333334"  ></path><path d="M823.722667 820.821333A104.234667 104.234667 0 0 1 747.946667 853.333333H276.053333C218.026667 853.333333 170.666667 805.546667 170.666667 746.666667 170.666667 687.829333 217.984 640 276.053333 640h386.133334a21.333333 21.333333 0 0 0 0-42.666667H276.053333C194.474667 597.333333 128 664.32 128 746.666667S194.432 896 276.053333 896h471.893334c40.533333 0 78.378667-16.213333 106.624-45.653333a21.376 21.376 0 0 0-0.682667-30.208 21.418667 21.418667 0 0 0-30.165333 0.682666"  ></path><path d="M851.2 725.333333h-105.386667v-85.333333h2.090667c50.901333 0 93.525333 36.693333 103.296 85.333333m-103.296-128h-23.424a21.333333 21.333333 0 0 0-21.333333 21.333334c0 1.877333 0.597333 3.584 1.066666 5.333333-0.469333 1.749333-1.066667 3.456-1.066666 5.333333v115.541334c0 8.832 5.376 16.426667 13.013333 19.669333a20.736 20.736 0 0 0 10.965333 3.456h140.416c1.28 0 2.346667-0.512 3.584-0.725333 1.194667 0.213333 2.304 0.725333 3.541334 0.725333a21.333333 21.333333 0 0 0 21.333333-21.333333c0-82.346667-66.432-149.333333-148.096-149.333334M511.146667 834.944l42.666666-52.693333-41.386666-120.917334-43.946667 120.917334z"  ></path></symbol><symbol id="icon-RectangleCopy37" viewBox="0 0 1024 1024"><path d="M888.68161 857.569677l-175.091014-175.091014a21.331751 21.331751 0 0 0-30.163096 0c-0.85327 0.85327-1.279905 1.919858-1.919858 2.858454-100.98451 98.382037-259.650076 112.162348-377.699987 32.338935C166.175196 624.669617 129.228603 438.059457 221.424431 301.621576A295.444755 295.444755 0 0 1 357.307687 192.061702a301.716289 301.716289 0 0 1 280.811173 30.632395 301.716289 301.716289 0 0 1 133.238118 248.941537 294.719475 294.719475 0 0 1-22.355675 114.082205 21.331751 21.331751 0 0 0 39.421076 16.297458 336.572371 336.572371 0 0 0 25.598102-130.550317 344.337128 344.337128 0 0 0-152.01006-284.138927A344.294465 344.294465 0 0 0 341.522191 152.512635 337.681622 337.681622 0 0 0 186.056388 277.772679c-105.378851 155.935101-63.227311 369.167287 93.859705 475.271417a344.635773 344.635773 0 0 0 193.180339 59.046287 341.180029 341.180029 0 0 0 225.177966-84.601725l160.244116 160.244115a21.246424 21.246424 0 0 0 30.163096 0 21.331751 21.331751 0 0 0 0-30.163096"  ></path></symbol><symbol id="icon-RectangleCopy38" viewBox="0 0 1024 1024"><path d="M668.376747 436.138667a21.333333 21.333333 0 0 0 29.866666 4.650666l145.066667-105.728a21.333333 21.333333 0 0 0-25.130667-34.56L756.995413 345.173333c-55.210667-81.493333-148.053333-131.84-246.912-131.84a298.666667 298.666667 0 0 0-246.442666 130.261334L204.632747 300.544a21.376 21.376 0 0 0-25.130667 34.517333l62.72 45.653334A296.192 296.192 0 0 0 211.416747 512c0 157.866667 123.306667 287.274667 278.656 297.685333v69.888a21.333333 21.333333 0 1 0 42.666666 0v-70.058666c152.192-11.605333 274.005333-138.752 275.968-293.717334a21.376 21.376 0 0 0-21.077333-21.589333h-0.256a21.333333 21.333333 0 0 0-21.333333 21.077333c-1.664 131.712-104.362667 240.085333-233.301334 251.562667v-66.816a21.333333 21.333333 0 1 0-42.666666 0v66.986667c-131.84-10.282667-235.946667-120.576-235.946667-255.018667 0-37.717333 8.362667-73.472 23.082667-105.728l47.402666 34.517333a21.461333 21.461333 0 0 0 29.824-4.650666 21.376 21.376 0 0 0-4.693333-29.866667l-51.626667-37.632A256 256 0 0 1 510.040747 256c86.613333 0 164.864 42.666667 212.565333 114.176l-49.578667 36.138667a21.333333 21.333333 0 0 0-4.693333 29.824"  ></path></symbol><symbol id="icon-RectangleCopy39" viewBox="0 0 1024 1024"><path d="M821.204053 547.669333l-32 32.042667-241.792-241.706667 32.042667-32a171.093333 171.093333 0 0 1 241.749333 0 171.093333 171.093333 0 0 1 0 241.664M220.79872 313.429333c64.469333-64.554667 177.109333-64.554667 241.706667 0l296.533333 296.448-36.181333 36.138667-127.957334-127.914667a21.333333 21.333333 0 0 0-30.165333 30.165334l128 127.914666-36.693333 36.608L528.12672 584.96a21.333333 21.333333 0 0 0-30.165333 30.165333l127.914666 127.914667-39.338666 39.296-127.914667-127.914667a21.333333 21.333333 0 0 0-30.165333 30.165334l127.914666 127.914666-39.125333 39.125334-296.448-296.448a171.136 171.136 0 0 1 0-241.749334m630.613333-37.546666a213.845333 213.845333 0 0 0-302.08 0l-32.085333 32-24.576-24.618667A212.352 212.352 0 0 0 341.63072 220.672a212.181333 212.181333 0 0 0-150.997333 62.549333 213.845333 213.845333 0 0 0 0 302.08l308.053333 308.053334 0.426667 0.298666c0.853333 1.28 1.408 2.645333 2.56 3.754667a21.248 21.248 0 0 0 30.122666 0l319.573334-319.573333a213.888 213.888 0 0 0 0-302.037334"  ></path></symbol><symbol id="icon-RectangleCopy40" viewBox="0 0 1024 1024"><path d="M760.789333 853.333333H263.168A92.629333 92.629333 0 0 1 170.666667 760.789333V263.168C170.666667 212.181333 212.181333 170.666667 263.168 170.666667h497.621333c51.029333 0 92.586667 41.514667 92.586667 92.501333V448.426667a21.333333 21.333333 0 1 1-42.666667 0V263.168A49.92 49.92 0 0 0 760.746667 213.333333H263.168A49.92 49.92 0 0 0 213.333333 263.168v497.621333A49.92 49.92 0 0 0 263.168 810.666667h497.621333a49.92 49.92 0 0 0 49.92-49.877334V576.426667a21.333333 21.333333 0 0 1 42.666667 0v184.362666A92.629333 92.629333 0 0 1 760.746667 853.333333"  ></path><path d="M511.573333 555.989333c-82.346667 0-149.333333-66.432-149.333333-148.053333V320.426667a21.333333 21.333333 0 0 1 42.666667 0v87.466666c0 58.112 47.829333 105.386667 106.666666 105.386667 58.752 0 106.666667-47.274667 106.666667-105.386667V320.426667a21.333333 21.333333 0 0 1 42.666667 0v87.466666c0 81.621333-66.986667 148.053333-149.333334 148.053334"  ></path></symbol><symbol id="icon-RectangleCopy41" viewBox="0 0 1066 1024"><path d="M829.525333 512a21.333333 21.333333 0 0 0 21.333334-21.333333V299.008C850.858667 251.776 813.653333 213.333333 767.829333 213.333333h-97.024A128.298667 128.298667 0 0 0 550.4 128a128.512 128.512 0 0 0-120.234667 85.333333H336.554667c-45.781333 0-83.029333 38.442667-83.029334 85.674667v511.317333c0 47.232 37.248 85.674667 83.029334 85.674667h431.274666c45.781333 0 83.029333-38.442667 83.029334-85.674667V618.666667a21.333333 21.333333 0 0 0-42.666667 0v191.658666c0 23.722667-18.090667 43.008-40.362667 43.008H336.554667c-22.272 0-40.362667-19.285333-40.362667-43.008V299.008c0-23.722667 18.090667-43.008 40.362667-43.008H443.733333a20.992 20.992 0 0 0 12.842667-4.736 20.992 20.992 0 0 0 10.538667-13.781333A85.802667 85.802667 0 0 1 550.4 170.666667c40.448 0 75.605333 28.714667 83.669333 68.266666a21.333333 21.333333 0 0 0 20.906667 17.066667c0.853333 0 1.706667-0.170667 2.56-0.256 0.469333 0 0.853333 0.256 1.322667 0.256h108.970666c22.272 0 40.362667 19.285333 40.362667 43.008V490.666667a21.333333 21.333333 0 0 0 21.333333 21.333333"  ></path><path d="M445.525333 448h213.333334a21.333333 21.333333 0 0 0 0-42.666667h-213.333334a21.333333 21.333333 0 0 0 0 42.666667M445.525333 576h213.333334a21.333333 21.333333 0 0 0 0-42.666667h-213.333334a21.333333 21.333333 0 0 0 0 42.666667M447.317333 704h213.333334a21.333333 21.333333 0 0 0 0-42.666667h-213.333334a21.333333 21.333333 0 0 0 0 42.666667"  ></path></symbol><symbol id="icon-RectangleCopy42" viewBox="0 0 1066 1024"><path d="M399.018667 265.258667C399.018667 236.629333 422.314667 213.333333 450.986667 213.333333h166.4c28.586667 0 51.925333 23.296 51.925333 51.925334v29.696H399.018667v-29.696z m114.261333 321.706666v24.32a21.290667 21.290667 0 1 0 42.666667 0v-24.32H874.666667v190.592c0 31.36-25.472 56.917333-56.874667 56.917334H248.917333A57.002667 57.002667 0 0 1 192 777.557333V587.008h321.28z m382.72-125.952a21.333333 21.333333 0 0 0 21.333333-21.333333v-45.226667a99.669333 99.669333 0 0 0-99.541333-99.498666h-105.813333v-29.696A94.677333 94.677333 0 0 0 617.386667 170.666667h-166.4a94.72 94.72 0 0 0-94.634667 94.592v29.696H248.917333A99.669333 99.669333 0 0 0 149.333333 394.496v383.061333a99.712 99.712 0 0 0 99.584 99.584h568.874667A99.669333 99.669333 0 0 0 917.333333 777.557333v-210.346666a21.290667 21.290667 0 0 0-13.44-19.712 20.778667 20.778667 0 0 0-10.538666-3.157334H555.946667v-38.997333a21.333333 21.333333 0 0 0-42.666667 0v38.997333H192V394.496c0-31.36 25.557333-56.874667 56.917333-56.874667h568.874667c31.402667 0 56.874667 25.514667 56.874667 56.874667v45.184a21.333333 21.333333 0 0 0 21.333333 21.333333z"  ></path></symbol><symbol id="icon-RectangleCopy43" viewBox="0 0 1024 1024"><path d="M853.333333 627.029333v64.426667C853.333333 724.906667 826.112 752.213333 792.704 752.213333H364.458667v-77.44a21.333333 21.333333 0 0 0-42.666667 0V752.213333H231.296A60.8 60.8 0 0 1 170.666667 691.456V627.584c40.832-15.573333 67.541333-54.698667 67.541333-101.888 0-46.933333-26.794667-86.186667-67.541333-101.845333v-64.426667c0-33.493333 27.221333-60.8 60.629333-60.8h90.496v77.482667a21.333333 21.333333 0 0 0 42.666667 0V298.624h428.245333c33.408 0 60.629333 27.306667 60.629333 60.8v65.066667c-39.765333 16.085333-65.792 55.04-65.792 101.205333 0 46.506667 25.898667 85.333333 65.792 101.333333m23.594667-165.76c0.384-0.085333 0.64-0.426667 0.981333-0.469333A21.077333 21.077333 0 0 0 896 440.106667V359.424A103.509333 103.509333 0 0 0 792.704 255.957333H231.296A103.509333 103.509333 0 0 0 128 359.424v78.890667c0 9.472 6.272 17.237333 14.848 20.010666a21.333333 21.333333 0 0 0 6.016 2.944c27.946667 7.210667 46.677333 33.109333 46.677333 64.426667 0 32-19.370667 58.026667-48.256 64.768-1.706667 0.426667-3.072 1.28-4.565333 2.090667A21.077333 21.077333 0 0 0 128 612.565333v78.890667A103.509333 103.509333 0 0 0 231.296 794.88h561.408A103.509333 103.509333 0 0 0 896 691.456v-80.213333a20.992 20.992 0 0 0-16.682667-20.352c-0.298667-0.085333-0.554667-0.341333-0.853333-0.426667-28.885333-6.698667-48.256-32.725333-48.256-64.768 0-31.317333 18.773333-57.216 46.72-64.426667"  ></path><path d="M343.125333 440.149333a21.333333 21.333333 0 0 0-21.333333 21.333334v128a21.333333 21.333333 0 0 0 42.666667 0v-128a21.333333 21.333333 0 0 0-21.333334-21.333334"  ></path></symbol><symbol id="icon-RectangleCopy44" viewBox="0 0 1024 1024"><path d="M832 403.498667a21.333333 21.333333 0 0 0 21.333333-21.333334V276.736A106.24 106.24 0 0 0 747.136 170.666667H276.864A106.24 106.24 0 0 0 170.666667 276.736v342.528A106.24 106.24 0 0 0 276.864 725.333333h470.272A106.24 106.24 0 0 0 853.333333 619.264V512a21.333333 21.333333 0 0 0-42.666666 0v107.264A63.573333 63.573333 0 0 1 747.136 682.666667H276.864A63.573333 63.573333 0 0 1 213.333333 619.264V276.736A63.573333 63.573333 0 0 1 276.864 213.333333h470.272A63.573333 63.573333 0 0 1 810.666667 276.736v105.429333a21.333333 21.333333 0 0 0 21.333333 21.333334M792.874667 810.666667H232.874667a21.333333 21.333333 0 0 0 0 42.666666h560a21.333333 21.333333 0 0 0 0-42.666666"  ></path></symbol><symbol id="icon-RectangleCopy45" viewBox="0 0 1024 1024"><path d="M906.817707 820.522667l-123.136-213.248a21.162667 21.162667 0 0 0-29.098667-7.808 21.248 21.248 0 0 0-7.808 29.141333L851.393707 809.856H186.305707L518.849707 233.856l154.026666 266.666667c0.426667 0.896 1.28 1.408 1.877334 2.176 1.024 1.28 1.92 2.602667 3.242666 3.669333 1.194667 0.981333 2.56 1.578667 4.010667 2.261333 0.981333 0.469333 1.706667 1.237333 2.816 1.578667 0.213333 0.042667 0.384 0 0.597333 0.085333 0.554667 0.128 1.109333 0.128 1.706667 0.256 1.408 0.256 2.773333 0.64 4.181333 0.64 0.341333 0 0.597333-0.298667 0.938667-0.298666a20.949333 20.949333 0 0 0 9.728-2.56c0.426667-0.256 0.64-0.64 1.024-0.896 0.64-0.426667 1.066667-0.981333 1.664-1.493334a20.266667 20.266667 0 0 0 6.357333-8.746666c0.128-0.341333 0.512-0.469333 0.64-0.853334l37.973334-118.485333a21.333333 21.333333 0 1 0-40.661334-13.013333l-23.296 72.661333L537.324373 180.522667c-7.594667-13.184-29.354667-13.184-36.906666 0l-369.536 640A21.418667 21.418667 0 0 0 149.356373 852.522667h738.986667a21.333333 21.333333 0 0 0 18.474667-32"  ></path><path d="M612.844373 621.866667a21.333333 21.333333 0 0 0 0-42.666667h-70.784v-3.84l62.848-59.306667a21.333333 21.333333 0 1 0-29.226666-31.018666l-56.448 53.248-56.490667-53.248a21.248 21.248 0 1 0-29.226667 31.018666l65.877334 62.122667v1.024H424.641707a21.333333 21.333333 0 0 0 0 42.666667h74.752v22.058666H424.641707a21.333333 21.333333 0 1 0 0 42.666667h74.752v51.2a21.333333 21.333333 0 1 0 42.666666 0v-51.2h70.826667a21.333333 21.333333 0 0 0 0-42.666667h-70.826667v-22.058666h70.826667z"  ></path></symbol><symbol id="icon-RectangleCopy46" viewBox="0 0 1024 1024"><path d="M675.669333 490.666667H448A106.794667 106.794667 0 0 1 341.333333 384c0-58.794667 47.786667-106.666667 106.666667-106.666667h227.669333c58.837333 0 106.666667 47.872 106.666667 106.666667a21.333333 21.333333 0 0 0 42.666667 0c0-82.346667-66.986667-149.333333-149.333334-149.333333h-92.586666c0.256-1.194667 0.768-2.304 0.768-3.541334V192a21.333333 21.333333 0 0 0-42.666667 0v39.125333c0 1.237333 0.512 2.346667 0.725333 3.541334H448C365.653333 234.666667 298.666667 301.653333 298.666667 384s66.986667 149.333333 149.333333 149.333333h227.669333c58.837333 0 106.666667 47.872 106.666667 106.666667s-47.829333 106.666667-106.666667 106.666667H448A106.794667 106.794667 0 0 1 341.333333 640a21.333333 21.333333 0 0 0-42.666666 0c0 82.346667 66.986667 149.333333 149.333333 149.333333h93.866667c-0.170667 1.194667-0.682667 2.304-0.682667 3.541334v39.125333a21.333333 21.333333 0 1 0 42.666667 0v-39.125333c0-1.237333-0.512-2.346667-0.725334-3.541334h92.544c82.346667 0 149.333333-66.986667 149.333334-149.333333s-66.986667-149.333333-149.333334-149.333333"  ></path></symbol><symbol id="icon-RectangleCopy47" viewBox="0 0 1024 1024"><path d="M832 469.76a21.333333 21.333333 0 0 1-21.333333-21.333333V263.168A49.92 49.92 0 0 0 760.789333 213.333333h-78.592v63.530667c0 11.818667-9.514667 21.333333-21.333333 21.333333h-298.666667a21.333333 21.333333 0 0 1-21.333333-21.333333V213.333333H263.168A49.92 49.92 0 0 0 213.333333 263.168v497.621333A49.92 49.92 0 0 0 263.168 810.666667h497.621333A49.92 49.92 0 0 0 810.666667 760.789333V576.426667a21.333333 21.333333 0 1 1 42.666666 0v184.362666A92.629333 92.629333 0 0 1 760.789333 853.333333H263.168A92.629333 92.629333 0 0 1 170.666667 760.789333V263.168C170.666667 212.181333 212.181333 170.666667 263.168 170.666667h497.621333C811.818667 170.666667 853.333333 212.181333 853.333333 263.168v185.258667a21.333333 21.333333 0 0 1-21.333333 21.333333zM383.530667 255.530667h256V213.333333h-256v42.197334z"  ></path></symbol><symbol id="icon-RectangleCopy" viewBox="0 0 1024 1024"><path d="M517.632 552.149333c-108.714667 0-197.162667-85.546667-197.162667-190.72 0-38.314667 11.690667-75.306667 33.877334-106.922666C391.04 202.026667 452.138667 170.666667 517.632 170.666667c65.408 0 126.464 31.274667 163.2 83.712 7.765333 11.093333 14.250667 22.869333 19.413333 35.072a21.333333 21.333333 0 1 1-39.338666 16.64 147.285333 147.285333 0 0 0-15.018667-27.221334C617.130667 237.824 569.173333 213.333333 517.632 213.333333c-51.626667 0-99.584 24.533333-128.426667 65.621334a143.445333 143.445333 0 0 0-26.069333 82.432c0 81.664 69.290667 148.096 154.453333 148.096 63.402667 0 119.722667-36.437333 143.36-92.8a21.333333 21.333333 0 0 1 39.338667 16.512c-30.378667 72.277333-102.016 118.954667-182.656 118.954666"  ></path><path d="M303.829333 627.456c-49.92 0-90.453333 41.088-90.453333 91.605333C213.333333 769.578667 253.866667 810.666667 303.786667 810.666667h416.341333C770.133333 810.666667 810.666667 769.578667 810.666667 719.061333c0-50.517333-40.533333-91.605333-90.453334-91.605333H303.786667zM720.213333 853.333333H303.829333C230.442667 853.333333 170.709333 793.088 170.709333 719.061333 170.666667 645.034667 230.4 584.789333 303.786667 584.789333h416.341333C793.6 584.789333 853.333333 645.034667 853.333333 719.061333 853.333333 793.088 793.6 853.333333 720.213333 853.333333z"  ></path></symbol><symbol id="icon-RectangleCopy1" viewBox="0 0 1024 1024"><path d="M832 470.912a21.333333 21.333333 0 0 0 21.333333-21.333333V220.16a21.034667 21.034667 0 0 0-17.365333-20.48c-1.536-0.810667-2.944-1.706667-4.736-2.133333L516.565333 128.298667c-2.048-0.426667-4.010667-0.256-5.973333-0.128h-0.042667c-0.896 0.085333-1.834667-0.128-2.688 0.042666-1.92-0.128-3.84-0.341333-5.845333 0.085334L192.682667 197.589333c-1.792 0.426667-3.2 1.322667-4.736 2.133334a21.034667 21.034667 0 0 0-17.28 20.48v325.333333c0 1.408 0.554667 2.645333 0.810666 3.968 8.32 198.101333 173.44 324.906667 337.066667 348.288A24.106667 24.106667 0 0 0 511.573333 898.005333l0.426667-0.085333 0.426667 0.085333a24.106667 24.106667 0 0 0 3.029333-0.213333c144.512-20.693333 310.912-128.853333 334.976-317.568a21.333333 21.333333 0 0 0-42.368-5.376c-21.034667 165.461333-167.68 260.906667-296.021333 280.234667C363.178667 832.768 213.333333 715.818667 213.333333 533.973333V236.714667l296.064-66.389334L810.666667 236.714667V449.578667a21.333333 21.333333 0 0 0 21.333333 21.333333"  ></path></symbol><symbol id="icon-RectangleCopy2" viewBox="0 0 1024 1024"><path d="M807.680427 490.666667H509.611093V211.968C662.400427 221.610667 787.968427 338.986667 807.680427 490.666667zM469.33376 509.013333c0 0.341333 0.170667 0.597333 0.213333 0.938667 0 0.298667-0.213333 0.554667-0.213333 0.853333 0 11.093333 9.045333 20.181333 20.181333 20.181334h336a19.413333 19.413333 0 0 0 10.581334-3.456 19.84 19.84 0 0 0 14.08-20.138667C837.248427 318.592 678.86976 170.666667 489.472427 170.666667A20.138667 20.138667 0 0 0 469.33376 190.933333v318.122667z"  ></path><path d="M829.056427 572.544a19.925333 19.925333 0 0 0-23.381334 16.298667A320.597333 320.597333 0 0 1 489.515093 853.333333c-177.152 0-321.237333-144.085333-321.237333-321.152a319.573333 319.573333 0 0 1 226.730667-307.114666 20.053333 20.053333 0 0 0 13.312-25.173334 20.010667 20.010667 0 0 0-25.173334-13.312 359.637333 359.637333 0 0 0-255.146666 345.6c0 199.338667 162.176 361.472 361.472 361.472a360.917333 360.917333 0 0 0 355.882666-297.728 20.181333 20.181333 0 0 0-16.298666-23.381333"  ></path></symbol><symbol id="icon-RectangleCopy3" viewBox="0 0 1024 1024"><path d="M830.08 573.866667a18.944 18.944 0 0 0-22.058667 15.445333 322.901333 322.901333 0 0 1-318.464 266.368c-178.389333 0-323.498667-145.066667-323.498666-323.498667a323.413333 323.413333 0 0 1 591.701333-180.906666 319.829333 319.829333 0 0 1 50.261333 123.818666 19.072 19.072 0 0 0 37.461334-6.656A356.949333 356.949333 0 0 0 789.333333 329.984 361.301333 361.301333 0 0 0 489.557333 170.666667 361.429333 361.429333 0 0 0 128 532.181333c0 199.381333 162.218667 361.557333 361.557333 361.557334a360.874667 360.874667 0 0 0 355.925334-297.770667 19.029333 19.029333 0 0 0-15.36-22.058667"  ></path><path d="M509.696 572.16c69.12-9.941333 122.581333-68.906667 122.581333-140.672 0-78.72-64-142.72-142.72-142.72a142.848 142.848 0 0 0-142.72 142.72 20.138667 20.138667 0 0 0 40.277334 0c0-56.490667 45.994667-102.4 102.4-102.4 56.490667 0 102.485333 45.909333 102.485333 102.4 0 56.448-45.994667 102.4-102.442667 102.4-11.093333 0-20.138667 8.96-20.138666 20.181333 0 0.853333 0.384 1.621333 0.512 2.474667-0.128 0.853333-0.512 1.621333-0.512 2.56v100.693333a20.138667 20.138667 0 0 0 40.277333 0V572.16zM489.557333 701.781333a20.138667 20.138667 0 0 0-20.138666 20.181334v31.914666a20.138667 20.138667 0 0 0 40.277333 0v-31.914666a20.138667 20.138667 0 0 0-20.138667-20.181334"  ></path></symbol><symbol id="icon-RectangleCopy4" viewBox="0 0 1024 1024"><path d="M838.016 596.48a21.333333 21.333333 0 0 1 15.018667 26.154667 352.725333 352.725333 0 0 1-340.010667 259.84c-123.818667 0-236.629333-65.792-299.690667-167.637334v146.304a21.333333 21.333333 0 1 1-42.666666 0v-240.128a21.333333 21.333333 0 0 1 21.333333-21.333333c0.981333 0 1.834667 0.426667 2.730667 0.554667a20.906667 20.906667 0 0 1 20.565333 15.189333c37.674667 132.096 160.085333 224.384 297.728 224.384 139.52 0 262.4-93.866667 298.837333-228.309333a21.333333 21.333333 0 0 1 26.154667-15.018667z m-647.253333-144.042667a21.333333 21.333333 0 0 1-14.037334-26.709333 350.506667 350.506667 0 0 1 336.298667-247.210667 349.866667 349.866667 0 0 1 295.722667 162.090667V192a21.333333 21.333333 0 1 1 42.666666 0v240.042667c0 11.818667-9.514667 21.333333-21.333333 21.333333-0.853333 0-1.578667-0.384-2.432-0.469333-1.152-0.085333-2.133333-0.426667-3.285333-0.682667-1.109333-0.298667-2.218667-0.469333-3.242667-0.938667a21.077333 21.077333 0 0 1-12.586667-13.226666 308.224 308.224 0 0 0-295.509333-216.874667 308.010667 308.010667 0 0 0-295.552 217.216 21.333333 21.333333 0 0 1-26.709333 14.037333z"  ></path></symbol><symbol id="icon-RectangleCopy5" viewBox="0 0 1024 1024"><path d="M534.186667 810.666667H303.914667C253.952 810.666667 213.333333 769.578667 213.333333 719.061333c0-50.517333 40.618667-91.605333 90.538667-91.605333h228.565333a21.333333 21.333333 0 0 0 0-42.666667H303.872c-73.429333 0-133.248 60.245333-133.248 134.272C170.666667 793.088 230.4 853.333333 303.914667 853.333333h230.357333a21.333333 21.333333 0 0 0 0-42.666666M517.632 552.149333c80.64 0 152.277333-46.677333 182.613333-118.954666a21.333333 21.333333 0 0 0-39.338666-16.512c-23.594667 56.362667-79.914667 92.8-143.274667 92.8-85.205333 0-154.496-66.432-154.496-148.053334 0-29.525333 9.045333-58.026667 26.112-82.474666C418.048 237.866667 466.048 213.333333 517.632 213.333333c51.541333 0 99.498667 24.490667 128.256 65.536 5.973333 8.576 11.050667 17.706667 15.018667 27.178667a21.333333 21.333333 0 0 0 39.338666-16.597333 189.44 189.44 0 0 0-19.413333-35.072C644.096 201.941333 583.04 170.666667 517.632 170.666667c-65.493333 0-126.549333 31.317333-163.285333 83.84A185.258667 185.258667 0 0 0 320.426667 361.386667c0 105.216 88.448 190.762667 197.12 190.762666"  ></path><path d="M704.853333 830.250667a106.794667 106.794667 0 0 1-106.666666-106.666667c0-58.794667 47.829333-106.666667 106.666666-106.666667 58.88 0 106.666667 47.872 106.666667 106.666667 0 58.752-47.786667 106.666667-106.666667 106.666667m0-256c-82.346667 0-149.333333 66.986667-149.333333 149.333333s66.986667 149.333333 149.333333 149.333333 149.333333-66.986667 149.333334-149.333333-66.986667-149.333333-149.333334-149.333333"  ></path><path d="M704.853333 659.541333a64 64 0 1 0 0.085334 128.042667 64 64 0 0 0-0.042667-128"  ></path></symbol><symbol id="icon-RectangleCopy6" viewBox="0 0 1024 1024"><path d="M517.632 509.482667c80.64 0 152.32-46.677333 182.741333-118.954667a21.333333 21.333333 0 0 0-39.338666-16.512c-23.637333 56.362667-79.957333 92.8-143.36 92.8-77.568 0-141.312-55.253333-152.192-126.72h183.424a21.290667 21.290667 0 1 0 0-42.666667H364.842667c3.285333-21.845333 11.52-42.666667 24.490666-61.141333C418.133333 195.2 466.133333 170.666667 517.632 170.666667c51.498667 0 99.498667 24.490667 128.298667 65.536 5.973333 8.576 11.050667 17.706667 15.018666 27.178666a21.333333 21.333333 0 0 0 39.338667-16.597333 189.44 189.44 0 0 0-19.413333-35.072C644.096 159.274667 583.082667 128 517.632 128c-65.450667 0-126.506667 31.317333-163.242667 83.797333A185.173333 185.173333 0 0 0 320.512 318.72c0 105.216 88.405333 190.762667 197.12 190.762667"  ></path><path d="M537.856 767.957333H303.957333C254.037333 767.957333 213.418667 726.869333 213.418667 676.394667c0-50.474667 40.618667-91.605333 90.538666-91.605334h233.898667a21.333333 21.333333 0 0 0 0-42.666666H303.957333C230.485333 542.122667 170.666667 602.325333 170.666667 676.437333 170.752 750.378667 230.485333 810.624 304 810.624h233.898667a21.333333 21.333333 0 0 0 0-42.666667"  ></path><path d="M708.522667 615.125333a64 64 0 1 0 0.042666 128 64 64 0 0 0-0.042666-128"  ></path><path d="M708.522667 785.749333a106.794667 106.794667 0 0 1-106.666667-106.666666c0-58.752 47.786667-106.666667 106.666667-106.666667 58.837333 0 106.666667 47.914667 106.666666 106.666667 0 58.794667-47.829333 106.666667-106.666666 106.666666m0-256c-82.346667 0-149.333333 66.986667-149.333334 149.333334s66.986667 149.333333 149.333334 149.333333 149.333333-66.986667 149.333333-149.333333-66.986667-149.333333-149.333333-149.333334M473.429333 696.746667l38.826667 36.138666 38.058667-37.674666-38.058667-75.264z"  ></path></symbol><symbol id="icon-RectangleCopy7" viewBox="0 0 1024 1024"><path d="M517.632 552.149333c80.64 0 152.277333-46.677333 182.613333-118.954666a21.333333 21.333333 0 0 0-39.338666-16.512c-23.594667 56.362667-79.914667 92.8-143.274667 92.8-77.568 0-141.354667-55.253333-152.234667-126.72h183.466667a21.290667 21.290667 0 1 0 0-42.666667H364.757333c3.285333-21.845333 11.52-42.666667 24.490667-61.141333C418.048 237.866667 466.048 213.333333 517.632 213.333333c51.541333 0 99.498667 24.490667 128.256 65.536 5.973333 8.576 11.050667 17.706667 15.018667 27.178667a21.333333 21.333333 0 0 0 39.338666-16.597333 189.44 189.44 0 0 0-19.413333-35.072C644.096 201.941333 583.04 170.666667 517.632 170.666667c-65.493333 0-126.549333 31.317333-163.285333 83.84A185.258667 185.258667 0 0 0 320.426667 361.386667c0 105.216 88.448 190.762667 197.12 190.762666M537.770667 810.666667H303.872C253.952 810.666667 213.333333 769.578667 213.333333 719.061333c0-50.517333 40.618667-91.605333 90.538667-91.605333h233.898667a21.333333 21.333333 0 0 0 0-42.666667H303.872C230.4 584.789333 170.666667 645.034667 170.666667 719.061333 170.666667 793.088 230.4 853.333333 303.786667 853.333333h233.984a21.333333 21.333333 0 0 0 0-42.666666M708.437333 657.792a64 64 0 1 0 0.042667 128 64 64 0 0 0 0-128"  ></path><path d="M708.437333 828.416a106.794667 106.794667 0 0 1-106.666666-106.666667c0-58.794667 47.829333-106.666667 106.666666-106.666666 58.88 0 106.666667 47.872 106.666667 106.666666S767.317333 828.416 708.437333 828.416m0-256c-82.346667 0-149.333333 66.986667-149.333333 149.333333S626.090667 871.082667 708.437333 871.082667s149.333333-66.986667 149.333334-149.333334S790.784 572.416 708.437333 572.416"  ></path></symbol><symbol id="icon-RectangleCopy8" viewBox="0 0 1024 1024"><path d="M517.632 552.149333c80.64 0 152.277333-46.677333 182.613333-118.954666a21.333333 21.333333 0 0 0-39.338666-16.512c-23.594667 56.362667-79.914667 92.8-143.274667 92.8-85.162667 0-154.453333-66.432-154.453333-148.053334 0-29.568 9.045333-58.026667 26.026666-82.474666 28.842667-41.088 76.8-65.621333 128.426667-65.621334 51.541333 0 99.498667 24.490667 128.298667 65.578667 5.930667 8.405333 10.965333 17.536 14.933333 27.136a21.333333 21.333333 0 1 0 39.338667-16.597333 188.416 188.416 0 0 0-19.370667-35.072C644.096 201.941333 583.04 170.666667 517.632 170.666667c-65.493333 0-126.549333 31.317333-163.285333 83.84a185.429333 185.429333 0 0 0-33.834667 106.88c0 105.216 88.405333 190.762667 197.12 190.762666"  ></path><path d="M720.170667 810.666667H303.872C253.952 810.666667 213.333333 769.578667 213.333333 719.061333c0-50.517333 40.618667-91.605333 90.538667-91.605333h416.298667c49.92 0 90.453333 41.088 90.453333 91.605333C810.666667 769.578667 770.133333 810.666667 720.213333 810.666667m0-225.877334H303.872C230.4 584.789333 170.666667 645.034667 170.666667 719.061333 170.666667 793.088 230.4 853.333333 303.872 853.333333h416.298667c73.386667 0 133.12-60.245333 133.12-134.272C853.333333 645.034667 793.6 584.789333 720.213333 584.789333"  ></path><path d="M475.136 739.413333l38.826667 36.138667 38.016-37.674667-37.973334-75.264z"  ></path></symbol><symbol id="icon-RectangleCopy9" viewBox="0 0 1024 1024"><path d="M517.632 552.149333c80.64 0 152.277333-46.677333 182.613333-118.954666a20.394667 20.394667 0 0 0 1.408-6.698667 21.290667 21.290667 0 0 0-19.456-29.952h-188.245333a21.333333 21.333333 0 1 0 0 42.666667h154.965333c-27.818667 43.264-76.842667 70.272-131.285333 70.272-85.162667 0-154.453333-66.432-154.453333-148.053334 0-29.568 9.045333-58.026667 26.026666-82.474666 28.842667-41.088 76.8-65.621333 128.426667-65.621334 51.541333 0 99.498667 24.490667 128.298667 65.578667 5.930667 8.405333 10.965333 17.536 14.933333 27.136a21.333333 21.333333 0 1 0 39.338667-16.597333 188.416 188.416 0 0 0-19.370667-35.072C644.096 201.941333 583.04 170.666667 517.632 170.666667c-65.493333 0-126.549333 31.317333-163.285333 83.84a185.429333 185.429333 0 0 0-33.834667 106.88c0 105.216 88.405333 190.762667 197.12 190.762666M541.354667 810.666667H303.872C253.994667 810.666667 213.333333 769.578667 213.333333 719.061333c0-50.517333 40.618667-91.605333 90.581334-91.605333h235.648a21.333333 21.333333 0 0 0 0-42.666667H303.872C230.485333 584.789333 170.666667 645.034667 170.666667 719.061333 170.666667 793.088 230.4 853.333333 303.914667 853.333333h237.482666a21.333333 21.333333 0 0 0 0-42.666666M712.021333 658.688a64 64 0 1 0 0 128 64 64 0 0 0 0-128"  ></path><path d="M712.021333 829.354667a106.794667 106.794667 0 0 1-106.666666-106.666667c0-58.794667 47.786667-106.666667 106.666666-106.666667 58.837333 0 106.666667 47.829333 106.666667 106.666667 0 58.794667-47.829333 106.666667-106.666667 106.666667m0-256c-82.346667 0-149.333333 66.986667-149.333333 149.333333s66.986667 149.333333 149.333333 149.333333 149.333333-66.986667 149.333334-149.333333-66.986667-149.333333-149.333334-149.333333"  ></path></symbol><symbol id="icon-RectangleCopy10" viewBox="0 0 1024 1024"><path d="M534.656 810.666667H263.168A49.92 49.92 0 0 1 213.333333 760.832V263.210667A49.92 49.92 0 0 1 263.168 213.333333h497.621333a49.92 49.92 0 0 1 49.92 49.877334v273.237333a21.290667 21.290667 0 1 0 42.666667 0V263.210667A92.629333 92.629333 0 0 0 760.746667 170.666667H263.168A92.586667 92.586667 0 0 0 170.666667 263.210667v497.621333A92.586667 92.586667 0 0 0 263.168 853.333333h271.488a21.333333 21.333333 0 0 0 0-42.666666"  ></path><path d="M383.573333 299.093333a21.333333 21.333333 0 0 0-21.333333 21.333334v87.466666c0 81.664 66.986667 148.138667 149.333333 148.138667s149.333333-66.474667 149.333334-148.096V320.426667a21.333333 21.333333 0 0 0-42.666667 0v87.466666c0 58.112-47.872 105.386667-106.666667 105.386667-58.88 0-106.666667-47.274667-106.666666-105.386667V320.426667a21.333333 21.333333 0 0 0-21.333334-21.333334M706.858667 639.786667a64 64 0 1 0 0.042666 128.042666 64 64 0 0 0 0-128.042666"  ></path><path d="M706.858667 810.453333a106.794667 106.794667 0 0 1-106.666667-106.666666c0-58.794667 47.829333-106.666667 106.666667-106.666667 58.88 0 106.666667 47.872 106.666666 106.666667s-47.786667 106.666667-106.666666 106.666666m0-256c-82.346667 0-149.333333 66.986667-149.333334 149.333334s66.986667 149.333333 149.333334 149.333333 149.333333-66.986667 149.333333-149.333333-66.986667-149.333333-149.333333-149.333334"  ></path></symbol><symbol id="icon-RectangleCopy11" viewBox="0 0 1024 1024"><path d="M243.498667 330.282667v405.162666A41.258667 41.258667 0 0 1 213.333333 696.021333V255.146667c0-23.04 18.688-41.813333 41.728-41.813334h440.96c19.797333 0 35.626667 14.165333 39.893334 32.597334H327.936a84.565333 84.565333 0 0 0-84.437333 84.394666M832 473.557333a21.333333 21.333333 0 0 0 21.333333-21.333333V330.368a84.266667 84.266667 0 0 0-73.685333-83.370667 84.266667 84.266667 0 0 0-83.626667-76.288H255.061333C208.554667 170.666667 170.666667 208.554667 170.666667 255.104v440.917333c0 42.922667 32.213333 78.037333 73.642666 83.370667A84.266667 84.266667 0 0 0 327.936 855.68H768.853333A84.48 84.48 0 0 0 853.333333 771.2v-191.018667a21.333333 21.333333 0 0 0-42.666666 0v191.018667a41.813333 41.813333 0 0 1-41.813334 41.728H327.936a41.728 41.728 0 0 1-41.770667-41.728V330.282667a41.813333 41.813333 0 0 1 41.770667-41.728H768.853333a41.813333 41.813333 0 0 1 41.813334 41.728v121.984a21.333333 21.333333 0 0 0 21.333333 21.333333"  ></path><path d="M434.602667 359.68a21.333333 21.333333 0 0 0-21.333334 21.333333v77.568c0 73.685333 60.458667 133.632 134.741334 133.632 74.325333 0 134.784-59.946667 134.784-133.632V381.013333a21.333333 21.333333 0 1 0-42.666667 0v77.525334c0 50.176-41.301333 90.965333-92.16 90.965333-50.773333 0-92.032-40.789333-92.032-90.965333V381.013333a21.333333 21.333333 0 0 0-21.333333-21.333333"  ></path></symbol><symbol id="icon-RectangleCopy12" viewBox="0 0 1024 1024"><path d="M373.333333 832a32 32 0 1 0 0 64 32 32 0 0 0 0-64M650.666667 832a32 32 0 1 0 0 64 32 32 0 0 0 0-64"  ></path><path d="M828.202667 555.861333a21.333333 21.333333 0 0 0-27.178667 13.098667A169.130667 169.130667 0 0 1 641.877333 682.666667H290.56l-26.282667-341.333334h377.642667a169.130667 169.130667 0 0 1 159.232 113.92 21.333333 21.333333 0 0 0 40.277333-14.08A211.882667 211.882667 0 0 0 641.877333 298.666667H260.949333L255.914667 233.002667C255.829333 232.106667 255.317333 231.296 255.146667 230.442667 254.762667 228.565333 254.421333 226.858667 253.653333 225.28c-0.384-0.682667-0.853333-1.28-1.28-1.92a20.138667 20.138667 0 0 0-3.84-4.650667C247.893333 218.197333 247.168 217.898667 246.485333 217.386667a19.413333 19.413333 0 0 0-4.565333-2.56C240.426667 214.186667 238.933333 214.058667 237.397333 213.845333 236.458667 213.76 235.690667 213.333333 234.666667 213.333333h-42.666667a21.290667 21.290667 0 1 0 0 42.666667h22.912l41.173333 534.954667c0.085333 1.28 0.64 2.389333 0.981334 3.584 0.298667 1.28 0.426667 2.474667 0.938666 3.626666 0.682667 1.450667 1.706667 2.688 2.688 3.925334 0.64 0.853333 1.109333 1.792 1.877334 2.56 1.322667 1.28 2.858667 2.133333 4.437333 2.986666 0.768 0.426667 1.408 1.024 2.218667 1.365334a20.48 20.48 0 0 0 8.106666 1.706666h469.333334a21.333333 21.333333 0 0 0 0-42.666666H297.045333l-3.285333-42.666667h348.16a211.925333 211.925333 0 0 0 199.381333-142.336 21.333333 21.333333 0 0 0-13.098666-27.178667"  ></path><path d="M641.792 405.333333H423.125333a21.333333 21.333333 0 0 0 0 42.666667h218.666667a21.333333 21.333333 0 0 0 0-42.666667M641.792 490.666667H423.125333a21.333333 21.333333 0 0 0 0 42.666666h218.666667a21.333333 21.333333 0 0 0 0-42.666666M641.792 577.749333H423.125333a21.333333 21.333333 0 0 0 0 42.666667h218.666667a21.333333 21.333333 0 0 0 0-42.666667"  ></path></symbol><symbol id="icon-RectangleCopy13" viewBox="0 0 1024 1024"><path d="M373.333333 832a32 32 0 1 0 0 64 32 32 0 0 0 0-64M558.250667 576h62.208a21.333333 21.333333 0 0 0 0-42.666667h-62.208v-16h62.208a21.333333 21.333333 0 0 0 0-42.666666h-62.549334l-0.042666-0.213334 56.789333-53.589333a21.333333 21.333333 0 0 0-29.269333-31.061333l-49.834667 47.018666-49.792-47.018666a21.333333 21.333333 0 0 0-29.269333 31.061333l57.045333 53.802667h-63.744a21.333333 21.333333 0 0 0 0 42.666666h65.792v16h-65.792a21.333333 21.333333 0 0 0 0 42.666667h65.792v44.458667a21.333333 21.333333 0 0 0 42.666667 0V576zM705.792 682.666667a64 64 0 1 0 0.042667 128.042666A64 64 0 0 0 705.792 682.666667"  ></path><path d="M705.792 853.333333a106.794667 106.794667 0 0 1-106.666667-106.666666c0-58.794667 47.829333-106.666667 106.666667-106.666667s106.666667 47.872 106.666667 106.666667-47.829333 106.666667-106.666667 106.666666m0-256c-82.346667 0-149.333333 66.986667-149.333333 149.333334s66.986667 149.333333 149.333333 149.333333 149.333333-66.986667 149.333333-149.333333-66.986667-149.333333-149.333333-149.333334"  ></path><path d="M492.458667 726.229333a21.333333 21.333333 0 0 0 0-42.666666H290.56l-26.368-343.125334H640a171.733333 171.733333 0 0 1 167.338667 209.536 21.333333 21.333333 0 1 0 41.642666 9.344A213.077333 213.077333 0 0 0 854.229333 512 214.442667 214.442667 0 0 0 640 297.770667H260.906667l-4.992-64.768c-0.085333-0.896-0.554667-1.621333-0.768-2.517334a21.077333 21.077333 0 0 0-1.578667-5.205333c-0.256-0.597333-0.682667-1.024-1.024-1.578667a21.077333 21.077333 0 0 0-4.224-5.077333c-0.426667-0.384-0.896-0.597333-1.322667-0.896a22.826667 22.826667 0 0 0-5.248-2.986667c-1.408-0.512-2.816-0.64-4.266666-0.853333C236.544 213.76 235.690667 213.333333 234.666667 213.333333h-42.666667a21.333333 21.333333 0 0 0 0 42.666667h22.912l41.173333 534.997333c0.085333 1.28 0.64 2.346667 0.981334 3.584 0.298667 1.194667 0.469333 2.474667 0.981333 3.584 0.64 1.493333 1.664 2.688 2.645333 3.968 0.64 0.810667 1.109333 1.792 1.877334 2.517334 1.322667 1.237333 2.901333 2.090667 4.437333 2.986666 0.768 0.426667 1.408 1.066667 2.218667 1.408a21.248 21.248 0 0 0 8.064 1.621334h215.168a21.333333 21.333333 0 0 0 0-42.666667H297.088l-3.242667-41.770667h198.613334z"  ></path></symbol><symbol id="icon-RectangleCopy14" viewBox="0 0 1024 1024"><path d="M829.013333 572.544a20.096 20.096 0 0 0-23.338666 16.298667 320.64 320.64 0 0 1-316.16 264.490666c-177.152 0-321.237333-144.085333-321.237334-321.194666A321.066667 321.066667 0 0 1 489.472 210.944a321.28 321.28 0 0 1 316.202667 264.533333 20.181333 20.181333 0 0 0 39.68-7.082666A361.386667 361.386667 0 0 0 489.472 170.666667 361.386667 361.386667 0 0 0 128 532.138667C128 731.477333 290.176 893.610667 489.472 893.610667a360.789333 360.789333 0 0 0 355.84-297.728 20.096 20.096 0 0 0-16.298667-23.338667"  ></path><path d="M638.378667 543.786667a21.333333 21.333333 0 0 0 0-42.666667h-124.885334v-23.893333l103.765334-97.92a21.333333 21.333333 0 1 0-29.312-31.061334l-98.133334 92.586667-98.133333-92.586667a21.333333 21.333333 0 0 0-29.269333 31.061334l108.416 102.314666v19.498667H339.712a21.333333 21.333333 0 0 0 0 42.666667h131.114667v59.989333H339.712a21.333333 21.333333 0 0 0 0 42.666667h131.114667v93.781333a21.333333 21.333333 0 1 0 42.666666 0V646.4h124.885334a21.333333 21.333333 0 1 0 0-42.666667h-124.885334v-59.989333h124.885334z"  ></path></symbol><symbol id="icon-RectangleCopy15" viewBox="0 0 1024 1024"><path d="M789.333333 512.853333a21.333333 21.333333 0 0 0 21.333334-21.333333V213.717333C810.666667 166.4 773.418667 128 727.637333 128H382.250667a21.333333 21.333333 0 0 0-15.189334 6.4c-0.256 0.256-0.64 0.341333-0.938666 0.64L219.562667 281.514667a21.162667 21.162667 0 0 0-6.016 16.128C213.504 297.984 213.333333 298.325333 213.333333 298.666667v512.512c0 47.232 37.248 85.674667 83.029334 85.674666h431.274666c45.781333 0 83.029333-38.4 83.029334-85.674666V619.52a21.333333 21.333333 0 0 0-42.666667 0v191.658667c0 23.722667-18.133333 43.008-40.362667 43.008H296.362667c-22.229333 0-40.362667-19.242667-40.362667-43.008V305.493333L390.784 170.666667h336.853333c22.229333 0 40.362667 19.328 40.362667 43.008v277.888a21.333333 21.333333 0 0 0 21.333333 21.333333"  ></path><path d="M659.584 542.208a21.333333 21.333333 0 0 0 0-42.666667h-124.928v-23.893333l103.765333-97.92a21.333333 21.333333 0 0 0-29.269333-31.061333l-98.133333 92.629333-98.133334-92.629333a21.376 21.376 0 0 0-29.269333 31.061333l108.373333 102.314667v19.498666H360.917333a21.333333 21.333333 0 0 0 0 42.666667h131.072v59.989333H360.917333a21.333333 21.333333 0 0 0 0 42.666667h131.072v93.781333a21.333333 21.333333 0 1 0 42.666667 0v-93.781333h124.928a21.333333 21.333333 0 1 0 0-42.666667h-124.928v-59.989333h124.928z"  ></path></symbol><symbol id="icon-RectangleCopy16" viewBox="0 0 1024 1024"><path d="M846.635947 452.181333L507.179947 133.589333a21.205333 21.205333 0 0 0-16.554667-5.504 21.333333 21.333333 0 0 0-16.426667 5.504L134.742613 452.181333a21.333333 21.333333 0 0 0 29.226667 31.104l9.6-8.96v279.765334A100.138667 100.138667 0 0 0 273.750613 853.973333h433.92a100.181333 100.181333 0 0 0 100.181334-99.882666v-69.802667a21.333333 21.333333 0 0 0-42.666667 0v69.802667c0 31.530667-25.813333 57.216-57.557333 57.216H273.750613a57.429333 57.429333 0 0 1-57.514666-57.216V434.261333L490.710613 176.64l274.474667 257.621333v124.501334a21.333333 21.333333 0 1 0 42.666667 0V474.325333l9.557333 8.96a21.333333 21.333333 0 1 0 29.226667-31.104"  ></path><path d="M448.043947 446.976a21.333333 21.333333 0 0 0-30.165334 0L329.85728 535.04a21.333333 21.333333 0 0 0-4.608 23.168 21.034667 21.034667 0 0 0 20.565333 17.664h295.125334a21.333333 21.333333 0 1 0 0-42.666667H392.022613l56.021334-56.021333a21.333333 21.333333 0 0 0 0-30.165333"  ></path></symbol><symbol id="icon-RectangleCopy17" viewBox="0 0 1024 1024"><path d="M595.553707 406.954667h-213.333334a21.333333 21.333333 0 0 0 0 42.666666h213.333334a21.333333 21.333333 0 0 0 0-42.666666M595.553707 534.954667h-213.333334a21.333333 21.333333 0 0 0 0 42.666666h213.333334a21.333333 21.333333 0 0 0 0-42.666666M704.012373 641.621333a64 64 0 1 0 0.042667 128.042667 64 64 0 0 0 0-128.042667"  ></path><path d="M704.012373 812.288A106.794667 106.794667 0 0 1 597.345707 705.621333C597.345707 646.826667 645.17504 598.954667 704.012373 598.954667 762.892373 598.954667 810.67904 646.826667 810.67904 705.621333S762.892373 812.288 704.012373 812.288m0-256C635.31904 556.288 577.804373 603.221333 560.524373 666.581333a20.736 20.736 0 0 0-11.178666-3.626666H384.012373a21.333333 21.333333 0 0 0 0 42.666666h165.333334c1.92 0 3.669333-0.597333 5.461333-1.109333 0 0.384-0.128 0.725333-0.128 1.109333C554.67904 787.968 621.665707 854.954667 704.012373 854.954667S853.345707 787.968 853.345707 705.621333 786.35904 556.288 704.012373 556.288"  ></path><path d="M490.67904 811.306667H273.761707c-31.744 0-57.6-25.685333-57.6-57.173334V434.261333L490.67904 176.597333l326.741333 306.773334a21.290667 21.290667 0 0 0 30.122667-1.024 21.290667 21.290667 0 0 0-0.938667-30.165334L507.19104 133.589333A21.248 21.248 0 0 0 490.67904 128.085333a21.162667 21.162667 0 0 0-16.512 5.546667L134.753707 452.181333a21.290667 21.290667 0 0 0 14.592 36.906667 21.290667 21.290667 0 0 0 14.592-5.76l9.557333-8.96v279.722667a100.181333 100.181333 0 0 0 100.266667 99.882666H490.67904a21.333333 21.333333 0 0 0 0-42.666666"  ></path></symbol><symbol id="icon-RectangleCopy18" viewBox="0 0 1024 1024"><path d="M445.320533 448.298667a21.333333 21.333333 0 0 0-30.165333 0L327.133867 536.32a21.333333 21.333333 0 0 0-4.565334 23.253333 20.992 20.992 0 0 0 20.565334 17.578667h295.082666a21.333333 21.333333 0 1 0 0-42.666667H389.2992l56.021333-56.021333a21.333333 21.333333 0 0 0 0-30.165333M680.925867 662.954667a64 64 0 1 0 0 128 64 64 0 0 0 0-128"  ></path><path d="M680.8832 833.621333a106.794667 106.794667 0 0 1-106.666667-106.666666c0-58.794667 47.829333-106.666667 106.666667-106.666667 58.88 0 106.666667 47.872 106.666667 106.666667s-47.786667 106.666667-106.666667 106.666666m0-256c-40.533333 0-77.226667 16.341333-104.192 42.666667H345.7792a21.333333 21.333333 0 0 0 0 42.666667h200.746667a147.797333 147.797333 0 0 0-14.933334 64c0 82.346667 66.986667 149.333333 149.333334 149.333333s149.333333-66.986667 149.333333-149.333333-66.986667-149.333333-149.333333-149.333334"  ></path><path d="M846.600533 494.848L507.1872 176.256A21.205333 21.205333 0 0 0 490.6752 170.752a21.248 21.248 0 0 0-16.512 5.504L134.749867 494.848a21.290667 21.290667 0 1 0 29.184 31.104l9.6-8.96v279.765333A100.138667 100.138667 0 0 0 273.757867 896.64h193.792a21.333333 21.333333 0 1 0 0-42.666667H273.757867a57.472 57.472 0 0 1-57.6-57.216V476.928L490.6752 219.264l326.741333 306.688a21.12 21.12 0 0 0 30.122667-0.938667 21.290667 21.290667 0 0 0-0.938667-30.165333"  ></path></symbol><symbol id="icon-RectangleCopy19" viewBox="0 0 1024 1024"><path d="M746.67904 641.621333a64 64 0 1 0 0.042667 128.042667 64 64 0 0 0 0-128.042667"  ></path><path d="M746.67904 812.288A106.794667 106.794667 0 0 1 640.012373 705.621333C640.012373 646.826667 687.841707 598.954667 746.67904 598.954667 805.55904 598.954667 853.345707 646.826667 853.345707 705.621333S805.55904 812.288 746.67904 812.288m0-256c-12.8 0-25.130667 2.133333-37.034667 5.205333C699.148373 512.384 648.63104 470.954667 599.137707 470.954667H435.51104l52.48-52.437334a21.418667 21.418667 0 0 0-30.208-30.208L369.804373 476.330667c-0.128 0.128-0.170667 0.341333-0.341333 0.512A21.077333 21.077333 0 0 0 362.67904 492.288 21.333333 21.333333 0 0 0 384.012373 513.621333h215.125334c29.696 0 62.549333 27.136 68.821333 56.874667a20.864 20.864 0 0 0 2.986667 7.125333A149.632 149.632 0 0 0 612.321707 641.621333h-185.6a21.333333 21.333333 0 0 0 0 42.666667h172.8c-1.024 7.04-2.133333 14.037333-2.133334 21.333333C597.345707 787.968 664.332373 854.954667 746.67904 854.954667S896.012373 787.968 896.012373 705.621333 829.025707 556.288 746.67904 556.288"  ></path><path d="M535.137707 811.306667H316.428373c-31.744 0-57.6-25.685333-57.6-57.173334V434.261333L533.345707 176.597333l326.741333 306.773334a21.290667 21.290667 0 0 0 30.122667-1.024 21.290667 21.290667 0 0 0-0.938667-30.165334L549.857707 133.589333A21.205333 21.205333 0 0 0 533.345707 128.085333a21.205333 21.205333 0 0 0-16.512 5.546667L177.420373 452.181333a21.290667 21.290667 0 0 0 14.592 36.906667 21.290667 21.290667 0 0 0 14.592-5.76l9.557334-8.96v279.722667a100.181333 100.181333 0 0 0 100.266666 99.882666h218.709334a21.333333 21.333333 0 0 0 0-42.666666"  ></path></symbol><symbol id="icon-RectangleCopy20" viewBox="0 0 1024 1024"><path d="M789.333333 425.813333a21.333333 21.333333 0 0 0 21.333334-21.333333V191.317333A106.24 106.24 0 0 0 704.554667 85.418667H319.445333A106.24 106.24 0 0 0 213.333333 191.36v555.946667A106.24 106.24 0 0 0 319.445333 853.333333h385.109334A106.24 106.24 0 0 0 810.666667 747.264V532.48a21.333333 21.333333 0 0 0-42.666667 0v214.784c0 34.986667-28.458667 63.402667-63.445333 63.402667H319.445333C284.458667 810.666667 256 782.250667 256 747.264V191.402667C256 156.416 284.458667 128 319.445333 128h385.109334C739.541333 128 768 156.458667 768 191.402667v213.034666a21.333333 21.333333 0 0 0 21.333333 21.333334"  ></path><path d="M576.469333 493.568a21.461333 21.461333 0 0 0-6.144 18.901333l11.264 65.450667-58.794666-30.890667a21.461333 21.461333 0 0 0-19.84 0l-58.837334 30.890667 11.264-65.450667a21.418667 21.418667 0 0 0-6.144-18.901333l-47.573333-46.336 65.749333-9.557333a21.333333 21.333333 0 0 0 16.042667-11.648l29.44-59.562667 29.354667 59.52a21.333333 21.333333 0 0 0 16.042666 11.690667l65.749334 9.557333-47.573334 46.336z m113.706667-67.84a21.504 21.504 0 0 0-17.237333-14.506667l-97.408-14.165333-43.52-88.234667a21.333333 21.333333 0 0 0-38.272 0l-43.52 88.234667-97.450667 14.122667a21.418667 21.418667 0 0 0-11.861333 36.437333l70.528 68.693333-16.64 96.981334a21.333333 21.333333 0 0 0 30.933333 22.485333l87.125333-45.781333 87.125334 45.781333a21.034667 21.034667 0 0 0 9.941333 2.474667h0.426667c10.666667-0.426667 21.76-9.386667 21.76-21.333334a20.906667 20.906667 0 0 0-2.133334-9.344l-15.701333-91.264 70.485333-68.693333a21.461333 21.461333 0 0 0 5.418667-21.888z"  ></path></symbol><symbol id="icon-RectangleCopy21" viewBox="0 0 1024 1024"><path d="M760.832 170.666667H263.168A92.629333 92.629333 0 0 0 170.666667 263.125333v497.621334c0 50.986667 41.514667 92.501333 92.586666 92.501333h268.8a21.333333 21.333333 0 1 0 0-42.666667h-268.8a49.92 49.92 0 0 1-49.92-49.834666V263.168A49.92 49.92 0 0 1 263.253333 213.333333H760.746667A49.92 49.92 0 0 1 810.666667 263.253333v311.466667a21.333333 21.333333 0 0 0 42.666666 0v-311.466667a92.586667 92.586667 0 0 0-92.501333-92.586666"  ></path><path d="M383.573333 299.093333a21.333333 21.333333 0 0 0-21.333333 21.333334v87.466666c0 81.706667 66.986667 148.138667 149.333333 148.138667s149.333333-66.432 149.333334-148.096V320.426667a21.333333 21.333333 0 0 0-42.666667 0v87.466666c0 58.112-47.872 105.386667-106.666667 105.386667s-106.666667-47.274667-106.666666-105.386667V320.426667a21.333333 21.333333 0 0 0-21.333334-21.333334M830.677333 638.677333h-218.666666a21.333333 21.333333 0 0 0 0 42.666667h218.666666a21.333333 21.333333 0 0 0 0-42.666667M830.677333 724.010667h-218.666666a21.333333 21.333333 0 0 0 0 42.666666h218.666666a21.333333 21.333333 0 0 0 0-42.666666M830.677333 811.093333h-218.666666a21.333333 21.333333 0 0 0 0 42.666667h218.666666a21.333333 21.333333 0 0 0 0-42.666667"  ></path></symbol><symbol id="icon-RectangleCopy22" viewBox="0 0 1024 1024"><path d="M832 170.666667a21.333333 21.333333 0 0 0-21.333333 21.333333V744.874667a21.333333 21.333333 0 0 0 42.666666 0V192a21.333333 21.333333 0 0 0-21.333333-21.333333"  ></path><path d="M619.818667 766.208a21.333333 21.333333 0 0 0 21.333333-21.333333V320a21.333333 21.333333 0 0 0-42.666667 0v424.874667a21.333333 21.333333 0 0 0 21.333334 21.333333M405.632 764.416a21.333333 21.333333 0 0 0 21.333333-21.333333v-298.666667a21.333333 21.333333 0 0 0-42.666666 0v298.666667a21.333333 21.333333 0 0 0 21.333333 21.333333M192 766.250667a21.333333 21.333333 0 0 0 21.333333-21.333334v-170.709333a21.333333 21.333333 0 0 0-42.666666 0v170.709333a21.333333 21.333333 0 0 0 21.333333 21.333334M832 808.874667h-640a21.333333 21.333333 0 0 0 0 42.666666h640a21.333333 21.333333 0 0 0 0-42.666666"  ></path></symbol><symbol id="icon-RectangleCopy23" viewBox="0 0 1024 1024"><path d="M747.093333 253.013333H276.906667a106.24 106.24 0 0 0-106.24 106.069334v386.389333a106.24 106.24 0 0 0 106.24 106.069333h213.76a21.290667 21.290667 0 1 0 0-42.666666H276.906667a63.573333 63.573333 0 0 1-63.573334-63.402667V359.082667a63.573333 63.573333 0 0 1 63.573334-63.402667H747.093333A63.573333 63.573333 0 0 1 810.666667 359.082667v128a21.333333 21.333333 0 1 0 42.666666 0v-128A106.24 106.24 0 0 0 747.093333 253.013333"  ></path><path d="M318.208 213.333333h389.333333a21.333333 21.333333 0 0 0 0-42.666666H318.208a21.333333 21.333333 0 0 0 0 42.666666M705.749333 574.208a21.333333 21.333333 0 0 0 0-42.666667H533.333333v-128a21.333333 21.333333 0 0 0-42.666666 0v149.333334a21.333333 21.333333 0 0 0 21.333333 21.333333c0.298667 0 0.554667-0.170667 0.853333-0.170667 0.341333 0 0.597333 0.170667 0.896 0.170667h192zM832 586.453333a21.333333 21.333333 0 0 0-21.333333 21.333334v147.2a21.333333 21.333333 0 1 0 42.666666 0v-147.2a21.333333 21.333333 0 0 0-21.333333-21.333334M747.093333 776.32a21.333333 21.333333 0 0 0 21.333334-21.333333v-113.066667a21.333333 21.333333 0 1 0-42.666667 0v113.066667a21.333333 21.333333 0 0 0 21.333333 21.333333M640.085333 675.029333v79.488a21.333333 21.333333 0 1 0 42.666667 0v-79.488a21.333333 21.333333 0 0 0-42.666667 0M554.666667 709.546667v45.482666a21.333333 21.333333 0 1 0 42.666666 0V709.546667a21.333333 21.333333 0 0 0-42.666666 0M832 809.770667h-256a21.333333 21.333333 0 0 0 0 42.666666h256a21.333333 21.333333 0 0 0 0-42.666666"  ></path></symbol><symbol id="icon-RectangleCopy24" viewBox="0 0 1024 1024"><path d="M405.333333 853.333333H296.362667C274.133333 853.333333 256 834.048 256 810.325333V299.008C256 275.285333 274.133333 256 296.362667 256h107.178666c4.778667 0 8.96-1.877333 12.501334-4.48a21.205333 21.205333 0 0 0 10.88-14.08A85.76 85.76 0 0 1 510.208 170.666667c40.448 0 75.605333 28.714667 83.626667 68.266666a21.333333 21.333333 0 0 0 20.864 17.066667c0.896 0 1.792-0.170667 2.688-0.256 0.426667 0.042667 0.810667 0.256 1.28 0.256h108.970666c22.229333 0 40.362667 19.285333 40.362667 43.008v278.741333a21.333333 21.333333 0 0 0 42.666667 0V299.008C810.666667 251.733333 773.418667 213.333333 727.637333 213.333333H630.613333a128.298667 128.298667 0 0 0-120.405333-85.333333A128.512 128.512 0 0 0 389.973333 213.333333H296.362667C250.581333 213.333333 213.333333 251.733333 213.333333 299.008v511.317333C213.333333 857.6 250.581333 896 296.362667 896H405.333333a21.333333 21.333333 0 0 0 0-42.666667"  ></path><path d="M659.541333 544.853333a21.333333 21.333333 0 0 0 0-42.666666h-124.885333v-23.893334l103.765333-97.92a21.333333 21.333333 0 1 0-29.269333-30.976l-98.133333 92.586667-98.176-92.586667a21.333333 21.333333 0 1 0-29.269334 31.018667l108.416 102.272v19.541333H360.874667a21.333333 21.333333 0 0 0 0 42.666667h131.114666v59.989333H360.874667a21.333333 21.333333 0 0 0 0 42.666667h131.114666v93.781333a21.333333 21.333333 0 1 0 42.666667 0v-93.781333h124.885333a21.333333 21.333333 0 1 0 0-42.666667h-124.885333V544.853333h124.885333zM854.144 705.536a20.736 20.736 0 0 0-5.674667-8.234667c-1.621333-1.408-3.541333-2.218667-5.461333-2.986666a20.650667 20.650667 0 0 0-10.282667-2.986667h-65.066666a21.290667 21.290667 0 1 0 0 42.666667h21.632l-70.698667 82.986666-100.821333-80.469333a21.333333 21.333333 0 0 0-29.013334 2.218667l-108.458666 117.888a21.333333 21.333333 0 0 0 31.445333 28.928l94.976-103.253334 101.418667 80.938667a21.333333 21.333333 0 0 0 29.568-2.816l76.501333-89.941333v10.069333a21.333333 21.333333 0 0 0 42.666667 0v-65.109333a20.608 20.608 0 0 0-2.730667-9.898667"  ></path></symbol><symbol id="icon-RectangleCopy25" viewBox="0 0 1024 1024"><path d="M444.63232 810.624a206.848 206.848 0 0 1-188.586667-207.104c0-39.082667 11.264-76.416 31.701334-109.312l176.256-264.021333L625.069653 471.509333c0.256 0.384 0.298667 0.810667 0.597334 1.152 0.853333 1.024 1.493333 2.176 2.346666 3.242667l13.525334 20.266667c0.170667 0.298667 0.512 0.384 0.725333 0.682666 11.264 18.773333 19.754667 39.168 24.576 60.458667a21.333333 21.333333 0 0 0 41.642667-9.429333 251.477333 251.477333 0 0 0-44.202667-94.506667L485.20832 185.173333c-0.682667-1.066667-1.706667-1.706667-2.56-2.602666a20.565333 20.565333 0 0 0-6.954667-8.32 21.333333 21.333333 0 0 0-29.610666 5.930666l-183.424 274.773334c-0.554667 0.64-1.28 0.981333-1.792 1.664-2.816 3.882667-4.864 8.149333-7.424 12.16l-2.517334 3.712c-0.213333 0.341333-0.213333 0.725333-0.426666 1.066666a248.32 248.32 0 0 0-37.12 129.962667 249.386667 249.386667 0 0 0 227.328 249.6l2.005333 0.085333a21.333333 21.333333 0 0 0 1.92-42.581333"  ></path><path d="M314.07232 530.773333v133.418667a20.138667 20.138667 0 1 0 40.277333 0V530.773333a20.138667 20.138667 0 1 0-40.277333 0M421.890987 488.746667v175.402666a20.138667 20.138667 0 1 0 40.277333 0v-175.36a20.138667 20.138667 0 1 0-40.277333 0M573.65632 554.154667v-111.061334a20.138667 20.138667 0 0 0-40.277333 0v111.061334a20.138667 20.138667 0 1 0 40.277333 0"  ></path><path d="M783.789653 698.88h-37.845333v-5.034667a21.333333 21.333333 0 1 0-42.666667 0v5.034667H527.789653a21.333333 21.333333 0 0 0 0 42.666667h175.488v3.626666a21.333333 21.333333 0 1 0 42.666667 0v-3.626666h37.845333a21.333333 21.333333 0 0 0 0-42.666667"  ></path><path d="M609.026987 609.706667a21.333333 21.333333 0 0 0-42.666667 0v4.352h-38.570667a21.333333 21.333333 0 1 0 0 42.666666h38.570667v4.309334a21.333333 21.333333 0 0 0 42.666667 0v-4.266667h174.762666a21.333333 21.333333 0 1 0 0-42.666667h-174.762666v-4.437333z"  ></path><path d="M783.789653 784.469333H609.026987v-4.352a21.333333 21.333333 0 0 0-42.666667 0v4.352H527.789653a21.333333 21.333333 0 0 0 0 42.666667h38.570667v4.352a21.333333 21.333333 0 1 0 42.666667 0v-4.352H783.789653a21.333333 21.333333 0 0 0 0-42.666667"  ></path></symbol><symbol id="icon-RectangleCopy26" viewBox="0 0 1024 1024"><path d="M748.416 257.792H533.333333v-23.125333a21.333333 21.333333 0 0 0-42.666666 0v23.125333h-213.333334a106.752 106.752 0 0 0-106.666666 106.666667v256c0 58.837333 47.829333 106.666667 106.666666 106.666666h213.333334v49.792l-138.581334 79.189334a21.418667 21.418667 0 0 0-7.978666 29.141333 21.461333 21.461333 0 0 0 29.141333 7.978667l149.333333-85.333334c0.810667-0.512 1.322667-1.28 2.048-1.834666a23.296 23.296 0 0 0 3.285334-2.816 22.528 22.528 0 0 0 2.261333-3.413334 18.218667 18.218667 0 0 0 1.749333-3.541333 19.498667 19.498667 0 0 0 0.896-4.437333c0.128-0.853333 0.512-1.621333 0.512-2.56v-62.165334h42.666667a21.333333 21.333333 0 0 0 0-42.666666h-298.666667c-35.285333 0-64-28.714667-64-64v-256c0-35.285333 28.714667-64 64-64h471.082667c35.285333 0 64 28.714667 64 64v170.666666a21.333333 21.333333 0 0 0 42.666667 0v-170.666666c0-58.88-47.829333-106.666667-106.666667-106.666667"  ></path><path d="M672.426667 365.781333a21.333333 21.333333 0 0 0-29.269334 7.082667l-108.074666 177.066667-66.261334-131.114667c-0.426667-0.725333-1.066667-1.194667-1.493333-1.834667a19.456 19.456 0 0 0-5.973333-5.973333c-0.682667-0.512-1.194667-1.194667-1.962667-1.621333-0.512-0.256-1.066667-0.213333-1.621333-0.426667-1.322667-0.554667-2.645333-0.810667-4.053334-1.109333-1.322667-0.256-2.602667-0.512-3.968-0.512s-2.645333 0.256-3.968 0.512a22.314667 22.314667 0 0 0-4.096 1.109333c-0.512 0.213333-1.066667 0.213333-1.536 0.426667-0.768 0.426667-1.28 1.066667-1.92 1.493333a22.741333 22.741333 0 0 0-3.413333 2.688 24.490667 24.490667 0 0 0-2.602667 3.328c-0.426667 0.682667-1.109333 1.152-1.493333 1.92l-87.082667 172.458667a21.333333 21.333333 0 0 0 38.101334 19.242666l68.053333-134.741333 64.512 127.616c0.170667 0.426667 0.597333 0.554667 0.810667 0.896a20.906667 20.906667 0 0 0 7.125333 7.722667 21.504 21.504 0 0 0 20.736 0.853333l0.298667-0.298667c0.554667-0.298667 0.938667-0.810667 1.450666-1.152a20.48 20.48 0 0 0 5.888-5.546666c0.256-0.426667 0.682667-0.554667 0.938667-0.981334l128-209.792a21.333333 21.333333 0 0 0-7.082667-29.312M806.912 657.408l-72.021333 72.021333-22.144-22.144 71.978666-72.021333c5.461333-5.461333 14.506667-5.546667 22.186667 2.048 5.546667 5.546667 5.546667 14.592 0 20.096m-52.352-52.309333l-71.978667 72.021333-12.8-12.8a21.333333 21.333333 0 0 0-30.208 30.122667l39.466667 39.466666-90.24 90.197334a20.650667 20.650667 0 0 0-12.330667 1.365333l-0.085333 0.042667a20.693333 20.693333 0 0 0-6.272 4.181333c-0.213333 0.213333-0.512 0.298667-0.725333 0.512-0.426667 0.426667-0.64 1.066667-1.024 1.536-0.725333 0.896-1.621333 1.536-2.218667 2.56l-17.621333 31.018667c-0.426667 0.853333-0.426667 1.706667-0.853334 2.56a20.309333 20.309333 0 0 0-1.28 4.138666c-0.298667 1.365333-0.298667 2.688-0.298666 4.053334a20.48 20.48 0 0 0 0.298666 3.968 19.2 19.2 0 0 0 1.536 4.309333c0.341333 0.853333 0.426667 1.621333 0.853334 2.389333 0.128 0.298667 0.469333 0.426667 0.64 0.64a20.864 20.864 0 0 0 7.125333 7.04h0.085333a21.376 21.376 0 0 0 21.205334-0.170666h0.128l30.592-18.176a21.333333 21.333333 0 0 0 10.154666-21.504l90.496-90.453334 37.802667 37.76a21.248 21.248 0 0 0 30.165333 0 21.333333 21.333333 0 0 0 0-30.165333l-12.117333-12.117333 72.106667-72.064c22.058667-22.144 22.058667-58.154667-2.218667-82.432a56.917333 56.917333 0 0 0-80.384 0"  ></path></symbol><symbol id="icon-RectangleCopy27" viewBox="0 0 1024 1024"><path d="M876.672 531.328h-74.453333a287.274667 287.274667 0 0 0-266.88-264.96V192a21.333333 21.333333 0 0 0-42.666667 0v74.538667a287.402667 287.402667 0 0 0-262.826667 264.789333H149.333333a21.333333 21.333333 0 1 0 0 42.666667h80.426667a285.184 285.184 0 0 0 262.912 264.661333V917.333333a21.333333 21.333333 0 0 0 42.666667 0v-193.408a21.333333 21.333333 0 1 0-42.666667 0v71.978667a242.858667 242.858667 0 0 1-220.245333-221.866667h70.314666a21.333333 21.333333 0 0 0 0-42.666666H272.469333a244.906667 244.906667 0 0 1 220.202667-222.165334v76.202667a21.333333 21.333333 0 0 0 42.666667 0v-76.373333a244.778667 244.778667 0 0 1 224.213333 222.293333h-76.330667a21.333333 21.333333 0 0 0 0 42.666667h193.450667a21.333333 21.333333 0 0 0 0-42.666667"  ></path><path d="M513.877333 593.792a39.168 39.168 0 0 1 0-78.250667 39.168 39.168 0 0 1 0 78.250667m0-120.917333A81.92 81.92 0 0 0 432.085333 554.666667a81.92 81.92 0 0 0 81.792 81.792A81.92 81.92 0 0 0 595.669333 554.666667a81.92 81.92 0 0 0-81.792-81.792M707.669333 682.666667a64 64 0 1 0 0.042667 128.042666 64 64 0 0 0 0-128.042666"  ></path><path d="M707.669333 853.333333a106.794667 106.794667 0 0 1-106.666666-106.666666c0-58.837333 47.872-106.666667 106.666666-106.666667s106.666667 47.829333 106.666667 106.666667-47.872 106.666667-106.666667 106.666666m0-256c-82.346667 0-149.333333 66.986667-149.333333 149.333334s66.986667 149.333333 149.333333 149.333333 149.333333-66.986667 149.333334-149.333333-66.986667-149.333333-149.333334-149.333334"  ></path></symbol><symbol id="icon-RectangleCopy28" viewBox="0 0 1024 1024"><path d="M513.877333 551.125333a39.168 39.168 0 1 1 0.042667-78.293333 39.168 39.168 0 0 1-0.042667 78.293333M595.626667 512a81.92 81.92 0 0 0-81.792-81.792A81.92 81.92 0 0 0 432.085333 512a81.92 81.92 0 0 0 81.792 81.792A81.92 81.92 0 0 0 595.626667 512"  ></path><path d="M876.672 488.661333h-74.453333a287.274667 287.274667 0 0 0-266.88-264.96V149.333333a21.333333 21.333333 0 0 0-42.666667 0v74.538667a287.402667 287.402667 0 0 0-262.869333 264.789333H149.333333a21.333333 21.333333 0 0 0 0 42.666667h80.426667a285.184 285.184 0 0 0 262.912 264.661333V874.666667a21.333333 21.333333 0 0 0 42.666667 0v-193.408a21.333333 21.333333 0 1 0-42.666667 0v71.978666a242.816 242.816 0 0 1-220.245333-221.866666h70.314666a21.333333 21.333333 0 1 0 0-42.666667H272.469333a244.906667 244.906667 0 0 1 220.16-222.165333v76.202666a21.333333 21.333333 0 0 0 42.666667 0v-76.373333a244.778667 244.778667 0 0 1 224.256 222.293333h-76.288a21.333333 21.333333 0 1 0 0 42.666667h193.408a21.333333 21.333333 0 0 0 0-42.666667"  ></path><path d="M807.552 636.8l-13.824 13.824-32.682667-32.682667 13.824-13.866666a23.808 23.808 0 0 1 32.682667 0 22.997333 22.997333 0 0 1 0 32.725333z m-155.861333 155.861333l-32.682667-32.64 111.872-111.914666 32.682667 32.682666-111.872 111.872z m93.013333-218.752l-28.885333 28.928h-0.042667l-141.994667 142.08a20.949333 20.949333 0 0 0-6.186666 15.488l-8.746667 65.92a21.333333 21.333333 0 0 0 4.181333 15.744 21.333333 21.333333 0 0 0 21.674667 11.349334l66.645333-8.789334c0.938667-0.128 1.706667-0.64 2.645334-0.896a20.949333 20.949333 0 0 0 12.757333-5.802666l170.965333-170.965334c12.373333-12.416 19.285333-29.013333 19.285334-46.506666 0-17.578667-6.869333-34.133333-19.285334-46.549334-24.832-24.832-68.181333-24.832-93.013333 0z"  ></path></symbol><symbol id="icon-RectangleCopy29" viewBox="0 0 1024 1024"><path d="M786.56 682.794667c0 39.168-26.709333 71.936-62.762667 81.92v-6.528a21.290667 21.290667 0 1 0-42.666666 0v7.296a85.333333 85.333333 0 0 1-65.28-82.688c0-6.570667 0.938667-12.885333 2.346666-18.986667l2.56 1.877333a21.418667 21.418667 0 0 0 29.781334-4.693333 21.290667 21.290667 0 0 0-4.693334-29.824l-7.552-5.504a84.821333 84.821333 0 0 1 62.933334-28.16c25.514667 0 48.213333 11.52 63.872 29.269333l-6.058667 4.394667a21.333333 21.333333 0 1 0 25.173333 34.517333l0.512-0.384c1.194667 5.674667 1.834667 11.52 1.834667 17.493334m59.904-88.917334a21.418667 21.418667 0 0 0-29.866667-4.650666l-17.152 12.501333a127.146667 127.146667 0 0 0-98.218666-46.933333c-39.168 0-73.813333 18.048-97.322667 45.824l-15.658667-11.392a21.333333 21.333333 0 0 0-25.088 34.474666l18.773334 13.696a126.549333 126.549333 0 0 0-8.704 45.397334 127.829333 127.829333 0 0 0 107.904 125.952v20.736a21.333333 21.333333 0 0 0 42.666666 0v-20.906667a128 128 0 0 0 105.386667-125.781333 127.146667 127.146667 0 0 0-8.192-43.904l20.821333-15.189334a21.376 21.376 0 0 0 4.650667-29.824"  ></path><path d="M521.386667 633.856a21.205333 21.205333 0 0 0-0.512-4.565333 47.957333 47.957333 0 0 0-41.002667-37.888 47.573333 47.573333 0 0 0-48.512 29.738666c-28.501333 73.344-24.661333 133.376-11.008 178.048C323.072 765.952 256 679.594667 256 581.333333c0-65.706667 30.037333-128.085333 82.858667-171.690666 8.32-7.168 16.725333-14.378667 26.282666-21.546667C405.930667 357.461333 460.8 316.330667 512.426667 221.525333c35.2 22.272 61.653333 52.309333 73.984 84.394667 15.786667 41.642667 11.392 88.661333-13.738667 141.44-6.656 17.792-2.304 37.973333 13.781333 53.674667 15.36 10.922667 35.242667 12.629333 53.632 3.285333a347.093333 347.093333 0 0 0 74.410667-61.013333c21.888 26.88 37.12 58.282667 44.586667 92.074666l21.162666-2.986666-20.949333 3.968 20.992-3.712 20.394667-6.698667a263.594667 263.594667 0 0 0-71.552-130.005333 19.797333 19.797333 0 0 0-16.341334-6.229334 21.248 21.248 0 0 0-15.488 8.106667 301.909333 301.909333 0 0 1-77.909333 69.248 9.984 9.984 0 0 1-4.48 0.938667c-1.194667-0.042667-1.536-0.085333-0.938667 0.554666a7.936 7.936 0 0 1-2.133333-4.522666c29.696-61.994667 34.56-120.32 14.464-173.312C608.213333 243.584 567.04 200.618667 513.578667 173.013333a21.248 21.248 0 0 0-28.842667 9.472C434.688 282.624 381.866667 322.133333 339.541333 353.92c-10.325333 7.765333-19.456 15.573333-28.330666 23.168C249.002667 428.458667 213.333333 502.912 213.333333 581.333333c0 131.797333 100.608 245.418667 239.146667 270.08a21.418667 21.418667 0 0 0 20.992-8.448 21.376 21.376 0 0 0 1.621333-22.528c-19.84-37.546667-36.608-99.84-3.882666-184.064 0.426667-1.152 3.370667-2.645333 3.925333-2.56 1.834667 0.213333 3.498667 2.133333 4.096 4.693334L479.488 638.378667c4.394667 23.466667 30.037333 131.754667 125.013333 195.84a21.205333 21.205333 0 0 0 29.653334-5.717334 21.248 21.248 0 0 0-5.76-29.568c-87.466667-59.050667-106.709333-165.12-107.008-165.12"  ></path></symbol><symbol id="icon-RectangleCopy30" viewBox="0 0 1024 1024"><path d="M552.96 512a39.168 39.168 0 1 1-78.250667-0.042667 39.168 39.168 0 0 1 78.293334 0.042667m-120.917334 0a81.92 81.92 0 0 0 81.792 81.792A81.92 81.92 0 0 0 595.626667 512a81.92 81.92 0 0 0-81.792-81.792A81.92 81.92 0 0 0 432.085333 512M793.173333 810.837333h-119.466666a21.333333 21.333333 0 0 0 0 42.666667h119.466666a21.333333 21.333333 0 0 0 0-42.666667M731.648 627.370667a34.133333 34.133333 0 1 0 0 68.266666 34.133333 34.133333 0 0 0 0-68.266666"  ></path><path d="M731.648 759.637333c-44.714667 0-81.066667-36.394667-81.066667-81.066666s36.352-81.066667 81.066667-81.066667a81.066667 81.066667 0 1 1 0 162.133333m0-204.8c-68.266667 0-123.733333 55.466667-123.733333 123.733334 0 68.224 55.466667 123.733333 123.733333 123.733333a123.818667 123.818667 0 0 0 119.893333-154.666667 123.733333 123.733333 0 0 0-119.893333-92.8"  ></path><path d="M876.672 488.661333h-74.453333a287.274667 287.274667 0 0 0-266.88-264.96V149.333333a21.333333 21.333333 0 0 0-42.666667 0v74.538667a287.402667 287.402667 0 0 0-262.869333 264.789333H149.333333a21.333333 21.333333 0 0 0 0 42.666667h80.426667a285.184 285.184 0 0 0 262.912 264.661333V874.666667a21.333333 21.333333 0 0 0 42.666667 0v-76.202667c13.098667-0.853333 26.112-2.389333 38.954666-5.034667a21.333333 21.333333 0 1 0-8.661333-41.770666 241.536 241.536 0 0 1-30.293333 4.138666v-74.538666a21.333333 21.333333 0 1 0-42.666667 0v71.978666a242.858667 242.858667 0 0 1-220.245333-221.866666h70.314666a21.333333 21.333333 0 1 0 0-42.666667H272.469333a244.906667 244.906667 0 0 1 220.16-222.165333v76.202666a21.333333 21.333333 0 0 0 42.666667 0v-76.373333a244.778667 244.778667 0 0 1 224.256 222.293333h-76.288a21.333333 21.333333 0 1 0 0 42.666667h193.408a21.333333 21.333333 0 0 0 0-42.666667"  ></path></symbol><symbol id="icon-RectangleCopy31" viewBox="0 0 1024 1024"><path d="M840.62848 467.968a21.674667 21.674667 0 0 0-26.112 15.104A311.210667 311.210667 0 0 1 615.47648 696.576c-0.298667 0.128-0.426667 0.341333-0.768 0.469333a21.034667 21.034667 0 0 0-15.36 20.138667V862.976a21.333333 21.333333 0 1 0 42.666667 0V731.690667A353.450667 353.450667 0 0 0 855.775147 494.122667a21.418667 21.418667 0 0 0-15.146667-26.154667"  ></path><path d="M421.257813 703.061333a20.906667 20.906667 0 0 0-8.746666-6.186666A311.04 311.04 0 0 1 212.66048 482.944 21.632 21.632 0 0 0 186.463147 467.882667a21.333333 21.333333 0 0 0-15.061334 26.154666A353.194667 353.194667 0 0 0 386.015147 731.989333V862.976a21.333333 21.333333 0 0 0 42.666666 0V718.976a21.034667 21.034667 0 0 0-7.424-15.914667"  ></path><path d="M516.447147 231.168L606.77248 371.882667 516.447147 435.754667 426.121813 371.882667l90.325334-140.672zM306.271147 571.477333c0.341333 1.109333 0.64 2.218667 1.152 3.285334a22.186667 22.186667 0 0 0 2.56 3.754666c0.64 0.853333 1.28 1.706667 2.048 2.432a20.48 20.48 0 0 0 4.053333 2.730667c0.853333 0.469333 1.536 1.109333 2.474667 1.450667a20.693333 20.693333 0 0 0 7.765333 1.578666h378.922667a21.077333 21.077333 0 0 0 7.808-1.578666c0.896-0.341333 1.621333-0.981333 2.56-1.450667a23.168 23.168 0 0 0 3.925333-2.688c0.853333-0.768 1.408-1.664 2.133333-2.517333 0.896-1.194667 1.792-2.346667 2.474667-3.712A20.48 20.48 0 0 0 725.343147 571.434667c0.256-0.853333 0.768-1.664 0.938666-2.56l10.666667-64.725334a21.333333 21.333333 0 0 0-17.578667-24.490666 21.034667 21.034667 0 0 0-24.490666 17.578666l-7.765334 46.805334h-342.613333L311.22048 342.869333l192.853333 136.533334c0.426667 0.256 0.896 0.128 1.28 0.426666 3.413333 2.048 7.04 3.413333 10.922667 3.413334l0.128 0.042666h0.128a21.034667 21.034667 0 0 0 10.922667-3.498666c0.426667-0.256 0.896-0.128 1.28-0.426667l191.402666-135.466667-9.941333 60.288a21.333333 21.333333 0 1 0 42.069333 6.912l17.92-108.586666a21.290667 21.290667 0 0 0-17.493333-24.490667c-0.853333-0.170667-1.664 0.085333-2.474667 0.042667a21.205333 21.205333 0 0 0-15.957333 3.584L641.71648 347.136 534.367147 180.138667 534.19648 179.882667C533.513813 178.901333 532.489813 178.176 531.63648 177.322667 530.527147 176.042667 529.503147 174.762667 528.137813 173.909333c0-0.085333-0.085333-0.170667-0.170666-0.213333-0.768-0.426667-1.621333-0.554667-2.389334-0.938667C523.95648 171.989333 522.29248 171.136 520.543147 170.794667 519.135147 170.496 517.81248 170.709333 516.447147 170.709333S513.759147 170.496 512.43648 170.794667c-1.834667 0.341333-3.498667 1.194667-5.12 2.005333-0.810667 0.426667-1.621333 0.426667-2.346667 0.896L504.75648 173.909333c-1.365333 0.896-2.432 2.261333-3.584 3.498667-0.810667 0.853333-1.792 1.536-2.432 2.56-0.085333 0.042667-0.170667 0.085333-0.256 0.213333L391.263147 347.136 298.67648 281.6a21.333333 21.333333 0 0 0-16.085333-3.541333c-1.194667 0-2.389333-0.341333-3.626667-0.085334a21.290667 21.290667 0 0 0-17.493333 24.490667l43.946666 266.368c0.085333 0.938667 0.597333 1.749333 0.896 2.645333z"  ></path></symbol><symbol id="icon-RectangleCopy32" viewBox="0 0 1024 1024"><path d="M192 493.184a21.333333 21.333333 0 0 0 21.333333-21.333333v-85.333334a21.333333 21.333333 0 0 0-42.666666 0v85.333334a21.333333 21.333333 0 0 0 21.333333 21.333333M192 322.517333a21.333333 21.333333 0 0 0 21.333333-21.333333v-37.973333c0-11.264 3.669333-21.888 10.624-30.762667a21.333333 21.333333 0 0 0-33.578666-26.368A91.904 91.904 0 0 0 170.666667 263.210667v37.973333a21.333333 21.333333 0 0 0 21.333333 21.333333M213.333333 760.789333v-32.938666a21.333333 21.333333 0 1 0-42.666666 0v32.981333c0.042667 23.04 8.533333 45.013333 23.936 61.994667a21.248 21.248 0 0 0 30.122666 1.536 21.333333 21.333333 0 0 0 1.536-30.122667A50.048 50.048 0 0 1 213.333333 760.789333M192 663.850667a21.333333 21.333333 0 0 0 21.333333-21.333334v-85.333333a21.333333 21.333333 0 0 0-42.666666 0v85.333333a21.333333 21.333333 0 0 0 21.333333 21.333334M625.322667 213.333333h85.333333a21.333333 21.333333 0 0 0 0-42.666666h-85.333333a21.333333 21.333333 0 0 0 0 42.666666M454.656 213.333333h85.333333a21.333333 21.333333 0 0 0 0-42.666666h-85.333333a21.333333 21.333333 0 0 0 0 42.666666M283.989333 213.333333h85.333334a21.333333 21.333333 0 0 0 0-42.666666h-85.333334a21.333333 21.333333 0 0 0 0 42.666666M832 555.093333a21.333333 21.333333 0 0 0-21.333333 21.333334v85.333333a21.333333 21.333333 0 0 0 42.666666 0v-85.333333a21.333333 21.333333 0 0 0-21.333333-21.333334M832 725.76a21.333333 21.333333 0 0 0-21.333333 21.333333v13.653334c0 17.194667-8.661333 32.981333-23.210667 42.24a21.290667 21.290667 0 1 0 22.912 35.968A92.288 92.288 0 0 0 853.333333 760.746667v-13.653334a21.333333 21.333333 0 0 0-21.333333-21.333333M832 335.829333a21.333333 21.333333 0 0 0-21.333333 21.333334v85.333333a21.333333 21.333333 0 0 0 42.666666 0v-85.333333a21.333333 21.333333 0 0 0-21.333333-21.333334M374.357333 810.666667h-85.333333a21.333333 21.333333 0 0 0 0 42.666666h85.333333a21.333333 21.333333 0 0 0 0-42.666666"  ></path><path d="M804.693333 181.76a21.333333 21.333333 0 1 0-20.309333 37.504c16.213333 8.746667 26.24 25.6 26.282667 43.946667v8.618666a21.290667 21.290667 0 1 0 42.666666 0v-8.661333A92.586667 92.586667 0 0 0 804.693333 181.76"  ></path><path d="M545.024 810.666667h-85.333333a21.333333 21.333333 0 0 0 0 42.666666h85.333333a21.333333 21.333333 0 0 0 0-42.666666M715.690667 810.666667h-85.333334a21.333333 21.333333 0 0 0 0 42.666666h85.333334a21.333333 21.333333 0 0 0 0-42.666666M383.146667 347.946667l108.373333 102.272v19.541333H360.448a21.333333 21.333333 0 1 0 0 42.666667h131.072v60.032H360.448a21.290667 21.290667 0 1 0 0 42.666666h131.072v93.738667a21.333333 21.333333 0 0 0 42.666667 0v-93.738667h124.928a21.333333 21.333333 0 0 0 0-42.666666H534.186667V512.426667h124.928a21.333333 21.333333 0 1 0 0-42.666667H534.186667v-23.893333l103.808-97.92a21.248 21.248 0 0 0 0.853333-30.122667 21.248 21.248 0 0 0-30.165333-0.853333l-98.133334 92.586666-98.133333-92.586666a21.333333 21.333333 0 1 0-29.312 30.976"  ></path></symbol><symbol id="icon-RectangleCopy33" viewBox="0 0 1024 1024"><path d="M515.84 668.501333h-0.085333a21.333333 21.333333 0 0 1-15.061334-6.272l-212.736-213.76a137.941333 137.941333 0 0 1 0-194.858666 137.941333 137.941333 0 0 1 194.858667 0l33.493333 33.536 33.493334-33.536a138.069333 138.069333 0 0 1 220.586666 35.584 21.333333 21.333333 0 0 1-38.101333 19.2 95.189333 95.189333 0 0 0-152.32-24.618667l-48.597333 48.64a21.333333 21.333333 0 0 1-30.165334 0L452.693333 283.733333a95.274667 95.274667 0 0 0-134.528 0 95.274667 95.274667 0 0 0 0 134.528l197.76 198.656 198.570667-198.656a21.290667 21.290667 0 0 1 30.165333 0 21.290667 21.290667 0 0 1 0 30.165334l-213.717333 213.802666a21.504 21.504 0 0 1-15.104 6.229334M405.504 748.245333a21.76 21.76 0 0 1-6.912-1.152 353.621333 353.621333 0 0 1-227.2-243.2 21.333333 21.333333 0 0 1 15.061333-26.154666 21.589333 21.589333 0 0 1 26.154667 15.104 310.997333 310.997333 0 0 0 199.808 213.888 21.333333 21.333333 0 0 1-6.912 41.514666M622.506667 747.946667c-8.874667 0-17.066667-5.546667-20.224-14.336a21.418667 21.418667 0 0 1 13.226666-27.178667 311.296 311.296 0 0 0 198.997334-213.546667 21.333333 21.333333 0 0 1 41.173333 11.093334 353.877333 353.877333 0 0 1-226.218667 242.773333 22.272 22.272 0 0 1-6.997333 1.194667"  ></path><path d="M407.338667 894.122667a21.333333 21.333333 0 0 1-21.333334-21.333334v-144a21.333333 21.333333 0 0 1 42.666667 0v144a21.333333 21.333333 0 0 1-21.333333 21.333334M620.672 894.122667a21.333333 21.333333 0 0 1-21.333333-21.333334V727.04a21.333333 21.333333 0 0 1 42.666666 0v145.792a21.333333 21.333333 0 0 1-21.333333 21.333333M512.298667 490.581333a21.418667 21.418667 0 0 1-15.104-6.186666L406.485333 393.557333a21.290667 21.290667 0 0 1 0-30.122666 21.290667 21.290667 0 0 1 30.165334 0l90.752 90.666666a21.418667 21.418667 0 0 1-15.104 36.437334"  ></path><path d="M512.298667 490.581333a21.418667 21.418667 0 0 1-15.104-36.437333L588.672 362.666667a21.333333 21.333333 0 0 1 30.165333 30.165333l-91.434666 91.52a21.418667 21.418667 0 0 1-15.104 6.229333"  ></path></symbol><symbol id="icon-RectangleCopy34" viewBox="0 0 1024 1024"><path d="M772.522667 432a21.333333 21.333333 0 0 1-21.333334-21.333333V213.845333c0-16.981333-5.418667-30.592-14.890666-37.376-9.429333-6.698667-20.522667-5.034667-28.288-2.474666L640 197.034667V279.04c0 0.256-0.128 0.426667-0.128 0.725333-0.085333 1.621333-0.554667 3.114667-0.981333 4.693334-0.298667 1.152-0.426667 2.346667-0.896 3.413333-0.597333 1.28-1.536 2.389333-2.389334 3.541333-0.768 1.024-1.408 2.133333-2.304 2.986667-0.981333 0.938667-2.176 1.536-3.285333 2.261333-1.237333 0.810667-2.389333 1.664-3.797333 2.218667-0.256 0.085333-0.426667 0.298667-0.682667 0.384l-167.125333 56.917333a20.437333 20.437333 0 0 1-17.877334-2.389333 20.778667 20.778667 0 0 1-8.832-10.453333c-0.085333-0.213333-0.298667-0.298667-0.384-0.512-0.384-1.194667-0.256-2.389333-0.469333-3.584-0.170667-1.109333-0.64-2.133333-0.64-3.285334V267.946667l-28.458667 9.642666c-30.848 10.410667-56.874667 50.773333-56.874666 88.106667v452.522667c0 16.938667 5.418667 30.592 14.890666 37.376 9.386667 6.741333 20.608 5.077333 28.330667 2.432l306.218667-103.594667c30.848-10.410667 56.874667-50.773333 56.874666-88.106667v-129.493333a21.333333 21.333333 0 0 1 42.666667 0v129.493333c0 55.765333-37.674667 112.213333-85.845333 128.512l-306.261334 103.637334a84.053333 84.053333 0 0 1-26.666666 4.565333c-14.634667 0-28.373333-4.309333-40.149334-12.8-20.821333-14.933333-32.725333-41.130667-32.725333-72.021333v-20.053334A106.581333 106.581333 0 0 1 213.333333 693.333333V234.666667C213.333333 175.786667 261.162667 128 320 128h400c2.816 0 5.418667 0.64 7.893333 1.578667 11.989333 1.152 23.338667 5.12 33.28 12.202666 20.778667 14.933333 32.682667 41.173333 32.682667 72.064v196.821334c0 11.818667-9.514667 21.333333-21.333333 21.333333zM388.096 237.226667L584.746667 170.666667H320C284.714667 170.666667 256 199.381333 256 234.666667v458.666666c0 29.098667 19.584 53.418667 46.208 61.184V365.738667c0-55.765333 37.717333-112.213333 85.888-128.512zM597.333333 263.808V211.456l-124.458666 42.112v52.608L597.333333 263.808z"  ></path><path d="M405.333333 559.104c0 16.213333 10.325333 29.312 23.125334 29.312 12.757333 0 23.04-13.098667 23.04-29.312 0-16.213333-10.282667-29.312-23.04-29.312-12.8 0-23.125333 13.098667-23.125334 29.312"  ></path></symbol><symbol id="icon-dingwei" viewBox="0 0 1024 1024"><path d="M752.981333 609.792a298.837333 298.837333 0 0 0 57.386667-131.157333 23.168 23.168 0 0 0-18.986667-26.624 22.869333 22.869333 0 0 0-26.666666 18.944 253.44 253.44 0 0 1-52.138667 116.053333l-198.656 222.933333-193.792-217.514666a253.696 253.696 0 0 1-60.586667-163.84 254.634667 254.634667 0 0 1 254.378667-254.378667 255.146667 255.146667 0 0 1 239.274667 167.808 23.04 23.04 0 1 0 43.392-15.786667A301.269333 301.269333 0 0 0 513.92 127.957333C348.16 127.957333 213.333333 262.869333 213.333333 428.544c0 64.256 21.418667 125.525333 58.965334 176.810667a23.637333 23.637333 0 0 0 4.693333 8.192l8.917333 9.984c1.664 1.962667 2.858667 4.266667 4.608 6.229333 0.725333 0.768 1.706667 1.109333 2.517334 1.792l203.605333 228.565333c0.298667 0.341333 0.725333 0.469333 1.024 0.768 0.298667 0.341333 0.426667 0.768 0.810667 1.109334 1.237333 1.109333 2.730667 1.706667 4.096 2.474666 0.853333 0.512 1.706667 1.194667 2.56 1.578667a24.106667 24.106667 0 0 0 8.746666 1.834667 23.893333 23.893333 0 0 0 8.704-1.834667c0.853333-0.384 1.706667-1.066667 2.56-1.578667 1.408-0.810667 2.901333-1.365333 4.138667-2.474666 0.384-0.341333 0.512-0.768 0.810667-1.109334 0.341333-0.298667 0.768-0.426667 1.066666-0.768l212.010667-238.037333c0.597333-0.597333 1.408-0.810667 1.962667-1.493333 1.024-1.194667 1.792-2.56 2.773333-3.84l2.858667-3.2c1.024-1.109333 1.450667-2.517333 2.133333-3.754667"  ></path><path d="M583.253333 430.506667c0 38.272-31.104 69.418667-69.333333 69.418666s-69.376-31.146667-69.376-69.376c0-38.229333 31.146667-69.376 69.376-69.376 38.229333 0 69.333333 31.146667 69.333333 69.376m-184.96 0a115.712 115.712 0 0 0 115.626667 115.584 115.712 115.712 0 0 0 115.626667-115.626666 115.712 115.712 0 0 0-115.626667-115.626667 115.712 115.712 0 0 0-115.626667 115.626667"  ></path></symbol><symbol id="icon-RectangleCopy35" viewBox="0 0 1024 1024"><path d="M515.114667 298.197333V529.066667a21.333333 21.333333 0 0 0 21.333333 21.333333c0.426667 0 0.725333-0.213333 1.109333-0.213333 0.426667 0 0.682667 0.213333 1.109334 0.213333h228.693333a21.333333 21.333333 0 0 0 0-42.666667h-209.578667V298.197333a21.333333 21.333333 0 0 0-42.666666 0"  ></path><path d="M875.306667 532.693333a21.461333 21.461333 0 0 0-22.613334 20.010667C842.368 720.896 702.08 852.650667 533.333333 852.650667 356.864 852.650667 213.333333 709.12 213.333333 532.650667c0-168.704 131.754667-308.992 299.989334-319.36A21.333333 21.333333 0 0 0 510.72 170.709333C320 182.442667 170.666667 341.461333 170.666667 532.650667 170.666667 732.629333 333.354667 895.317333 533.333333 895.317333c191.232 0 350.208-149.376 361.941334-340.053333a21.333333 21.333333 0 0 0-19.968-22.570667"  ></path><path d="M813.056 377.088a21.333333 21.333333 0 1 0 37.290667-20.608 351.573333 351.573333 0 0 0-24.490667-38.229333 21.290667 21.290667 0 1 0-34.346667 25.258666c7.850667 10.752 15.061333 21.973333 21.546667 33.621334M842.88 451.157333c1.834667 7.082667 3.413333 14.250667 4.821333 21.461334a21.333333 21.333333 0 0 0 41.941334-7.936 359.466667 359.466667 0 0 0-5.546667-24.362667 21.290667 21.290667 0 1 0-41.258667 10.837333M704.298667 262.058667c11.306667 7.125333 22.144 15.018667 32.426666 23.466666a21.290667 21.290667 0 0 0 29.994667-2.986666 21.333333 21.333333 0 0 0-2.901333-30.037334 389.546667 389.546667 0 0 0-36.693334-26.538666 21.333333 21.333333 0 1 0-22.826666 36.096M593.365333 218.282667c13.226667 2.517333 26.154667 5.845333 38.741334 9.813333a21.376 21.376 0 0 0 13.098666-40.576 359.509333 359.509333 0 0 0-43.904-11.136 21.290667 21.290667 0 1 0-7.936 41.898667"  ></path></symbol><symbol id="icon-RectangleCopy36" viewBox="0 0 1024 1024"><path d="M730.666667 682.666667a42.709333 42.709333 0 0 1 0 85.333333 42.709333 42.709333 0 0 1 0-85.333333m-412.458667 85.333333a42.709333 42.709333 0 0 1 0-85.333333 42.666667 42.666667 0 0 1 0 85.333333M170.666667 629.333333v-119.893333L227.114667 384H384v244.949333c0 24.277333 8.405333 46.421333 22.058667 64.384H397.226667A85.461333 85.461333 0 0 0 318.208 640c-35.712 0-66.261333 22.144-78.976 53.333333h-6.357333c-0.341333 0-0.64 0.170667-0.981334 0.213334-0.426667-0.042667-0.768-0.298667-1.237333-0.341334A64.128 64.128 0 0 1 170.666667 629.333333M874.666667 426.666667a21.333333 21.333333 0 0 0 21.333333-21.333334V320.384A107.093333 107.093333 0 0 0 788.992 213.333333h-297.984A107.093333 107.093333 0 0 0 384 320.384V341.333333H213.333333c-0.810667 0-1.493333 0.384-2.261333 0.469334a22.698667 22.698667 0 0 0-5.674667 1.109333c-1.237333 0.512-2.261333 1.408-3.370666 2.133333-1.194667 0.725333-2.432 1.322667-3.456 2.304-1.237333 1.237333-2.133333 2.773333-3.029334 4.266667-0.512 0.810667-1.28 1.365333-1.664 2.304l-0.170666 0.426667-0.042667 0.042666-63.786667 141.738667-0.042666 0.213333c-0.554667 1.28-0.64 2.730667-0.938667 4.096-0.298667 1.450667-0.853333 2.816-0.853333 4.224L128 504.874667v124.458666a106.837333 106.837333 0 0 0 101.333333 106.496c0.512 0 0.896-0.256 1.408-0.256 0.725333 0.085333 1.365333 0.426667 2.133334 0.426667h1.109333c5.290667 41.941333 40.832 74.666667 84.224 74.666667a85.162667 85.162667 0 0 0 84.266667-74.666667H646.4c5.333333 41.941333 40.832 74.666667 84.266667 74.666667a85.162667 85.162667 0 0 0 84.608-78.293334A106.581333 106.581333 0 0 0 896 628.949333V533.333333a21.333333 21.333333 0 0 0-42.666667 0v95.616c0 28.629333-19.157333 52.181333-45.568 60.416A85.290667 85.290667 0 0 0 730.666667 640c-35.712 0-66.304 22.144-78.976 53.333333h-160.682667A64.426667 64.426667 0 0 1 426.666667 628.949333V320.384A64.426667 64.426667 0 0 1 491.008 256h297.984A64.426667 64.426667 0 0 1 853.333333 320.384V405.333333a21.333333 21.333333 0 0 0 21.333334 21.333334"  ></path><path d="M316.458667 522.666667a21.333333 21.333333 0 0 0 0-42.666667H236.458667a21.333333 21.333333 0 0 0 0 42.666667h80z"  ></path></symbol></svg>',function(c){var a=(a=document.getElementsByTagName("script"))[a.length-1],h=a.getAttribute("data-injectcss"),a=a.getAttribute("data-disable-injectsvg");if(!a){var t,l,v,o,p,e=function(a,h){h.parentNode.insertBefore(a,h)};if(h&&!c.__iconfont__svg__cssinject__){c.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(a){console&&console.log(a)}}t=function(){var a,h=document.createElement("div");h.innerHTML=c._iconfont_svg_string_4573174,(h=h.getElementsByTagName("svg")[0])&&(h.setAttribute("aria-hidden","true"),h.style.position="absolute",h.style.width=0,h.style.height=0,h.style.overflow="hidden",h=h,(a=document.body).firstChild?e(h,a.firstChild):a.appendChild(h))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(t,0):(l=function(){document.removeEventListener("DOMContentLoaded",l,!1),t()},document.addEventListener("DOMContentLoaded",l,!1)):document.attachEvent&&(v=t,o=c.document,p=!1,i(),o.onreadystatechange=function(){"complete"==o.readyState&&(o.onreadystatechange=null,d())})}function d(){p||(p=!0,v())}function i(){try{o.documentElement.doScroll("left")}catch(a){return void setTimeout(i,50)}d()}}(window);
\ No newline at end of file
diff --git a/src/assets/iconfont/iconfont.json b/src/assets/iconfont/iconfont.json
new file mode 100644
index 0000000..c89272b
--- /dev/null
+++ b/src/assets/iconfont/iconfont.json
@@ -0,0 +1,485 @@
+{
+  "id": "4573174",
+  "name": "多门店",
+  "font_family": "iconfont",
+  "css_prefix_text": "icon-",
+  "description": "",
+  "glyphs": [
+    {
+      "icon_id": "7551479",
+      "name": "结算",
+      "font_class": "RectangleCopy48",
+      "unicode": "e6bc",
+      "unicode_decimal": 59068
+    },
+    {
+      "icon_id": "7551480",
+      "name": "结算报表",
+      "font_class": "RectangleCopy52",
+      "unicode": "e6c0",
+      "unicode_decimal": 59072
+    },
+    {
+      "icon_id": "7551481",
+      "name": "结算单",
+      "font_class": "RectangleCopy55",
+      "unicode": "e6c5",
+      "unicode_decimal": 59077
+    },
+    {
+      "icon_id": "7551482",
+      "name": "结算管理",
+      "font_class": "RectangleCopy56",
+      "unicode": "e6c7",
+      "unicode_decimal": 59079
+    },
+    {
+      "icon_id": "7551483",
+      "name": "返利规则",
+      "font_class": "RectangleCopy57",
+      "unicode": "e6c9",
+      "unicode_decimal": 59081
+    },
+    {
+      "icon_id": "7551484",
+      "name": "月结",
+      "font_class": "RectangleCopy58",
+      "unicode": "e6ca",
+      "unicode_decimal": 59082
+    },
+    {
+      "icon_id": "7551485",
+      "name": "结算单管理",
+      "font_class": "RectangleCopy61",
+      "unicode": "e6cb",
+      "unicode_decimal": 59083
+    },
+    {
+      "icon_id": "7551488",
+      "name": "月结管理",
+      "font_class": "RectangleCopy62",
+      "unicode": "e6cc",
+      "unicode_decimal": 59084
+    },
+    {
+      "icon_id": "7552701",
+      "name": "智慧销售",
+      "font_class": "RectangleCopy63",
+      "unicode": "e6d0",
+      "unicode_decimal": 59088
+    },
+    {
+      "icon_id": "7552703",
+      "name": "智慧销售管理",
+      "font_class": "RectangleCopy64",
+      "unicode": "e6d2",
+      "unicode_decimal": 59090
+    },
+    {
+      "icon_id": "7553621",
+      "name": "后端商品毛利",
+      "font_class": "RectangleCopy65",
+      "unicode": "e6dc",
+      "unicode_decimal": 59100
+    },
+    {
+      "icon_id": "7553622",
+      "name": "成本查询",
+      "font_class": "RectangleCopy66",
+      "unicode": "e6e1",
+      "unicode_decimal": 59105
+    },
+    {
+      "icon_id": "7549358",
+      "name": "流量",
+      "font_class": "RectangleCopy49",
+      "unicode": "e6bd",
+      "unicode_decimal": 59069
+    },
+    {
+      "icon_id": "7551129",
+      "name": "供应商",
+      "font_class": "RectangleCopy50",
+      "unicode": "e6be",
+      "unicode_decimal": 59070
+    },
+    {
+      "icon_id": "7551130",
+      "name": "分销商",
+      "font_class": "RectangleCopy51",
+      "unicode": "e6bf",
+      "unicode_decimal": 59071
+    },
+    {
+      "icon_id": "7551132",
+      "name": "人群",
+      "font_class": "RectangleCopy53",
+      "unicode": "e6c1",
+      "unicode_decimal": 59073
+    },
+    {
+      "icon_id": "7551133",
+      "name": "人群管理",
+      "font_class": "RectangleCopy54",
+      "unicode": "e6c4",
+      "unicode_decimal": 59076
+    },
+    {
+      "icon_id": "7553624",
+      "name": "分销商结算",
+      "font_class": "RectangleCopy59",
+      "unicode": "e6dd",
+      "unicode_decimal": 59101
+    },
+    {
+      "icon_id": "7553627",
+      "name": "商家数据",
+      "font_class": "RectangleCopy60",
+      "unicode": "e6de",
+      "unicode_decimal": 59102
+    },
+    {
+      "icon_id": "7549348",
+      "name": "搜索",
+      "font_class": "RectangleCopy37",
+      "unicode": "e6a6",
+      "unicode_decimal": 59046
+    },
+    {
+      "icon_id": "7549364",
+      "name": "协同",
+      "font_class": "RectangleCopy38",
+      "unicode": "e6a7",
+      "unicode_decimal": 59047
+    },
+    {
+      "icon_id": "7549373",
+      "name": "招商",
+      "font_class": "RectangleCopy39",
+      "unicode": "e6a8",
+      "unicode_decimal": 59048
+    },
+    {
+      "icon_id": "7549816",
+      "name": "商品",
+      "font_class": "RectangleCopy40",
+      "unicode": "e6a9",
+      "unicode_decimal": 59049
+    },
+    {
+      "icon_id": "7549817",
+      "name": "单据",
+      "font_class": "RectangleCopy41",
+      "unicode": "e6aa",
+      "unicode_decimal": 59050
+    },
+    {
+      "icon_id": "7549828",
+      "name": "工具箱",
+      "font_class": "RectangleCopy42",
+      "unicode": "e6ab",
+      "unicode_decimal": 59051
+    },
+    {
+      "icon_id": "7549832",
+      "name": "券",
+      "font_class": "RectangleCopy43",
+      "unicode": "e6ac",
+      "unicode_decimal": 59052
+    },
+    {
+      "icon_id": "7549842",
+      "name": "平台",
+      "font_class": "RectangleCopy44",
+      "unicode": "e6ad",
+      "unicode_decimal": 59053
+    },
+    {
+      "icon_id": "7549845",
+      "name": "经销",
+      "font_class": "RectangleCopy45",
+      "unicode": "e6ae",
+      "unicode_decimal": 59054
+    },
+    {
+      "icon_id": "7549851",
+      "name": "资源",
+      "font_class": "RectangleCopy46",
+      "unicode": "e6af",
+      "unicode_decimal": 59055
+    },
+    {
+      "icon_id": "7550034",
+      "name": "货",
+      "font_class": "RectangleCopy47",
+      "unicode": "e6bb",
+      "unicode_decimal": 59067
+    },
+    {
+      "icon_id": "7549350",
+      "name": "用户",
+      "font_class": "RectangleCopy",
+      "unicode": "e6a3",
+      "unicode_decimal": 59043
+    },
+    {
+      "icon_id": "7549351",
+      "name": "安全",
+      "font_class": "RectangleCopy1",
+      "unicode": "e6a2",
+      "unicode_decimal": 59042
+    },
+    {
+      "icon_id": "7549352",
+      "name": "数据",
+      "font_class": "RectangleCopy2",
+      "unicode": "e6a4",
+      "unicode_decimal": 59044
+    },
+    {
+      "icon_id": "7549353",
+      "name": "疑问",
+      "font_class": "RectangleCopy3",
+      "unicode": "e6a1",
+      "unicode_decimal": 59041
+    },
+    {
+      "icon_id": "7549355",
+      "name": "调拨",
+      "font_class": "RectangleCopy4",
+      "unicode": "e6a5",
+      "unicode_decimal": 59045
+    },
+    {
+      "icon_id": "7551131",
+      "name": "用户管理",
+      "font_class": "RectangleCopy5",
+      "unicode": "e6b0",
+      "unicode_decimal": 59056
+    },
+    {
+      "icon_id": "7551134",
+      "name": "商家管理",
+      "font_class": "RectangleCopy6",
+      "unicode": "e6b1",
+      "unicode_decimal": 59057
+    },
+    {
+      "icon_id": "7551135",
+      "name": "分销商管理",
+      "font_class": "RectangleCopy7",
+      "unicode": "e6b2",
+      "unicode_decimal": 59058
+    },
+    {
+      "icon_id": "7551136",
+      "name": "商家",
+      "font_class": "RectangleCopy8",
+      "unicode": "e6b3",
+      "unicode_decimal": 59059
+    },
+    {
+      "icon_id": "7551137",
+      "name": "供应商管理",
+      "font_class": "RectangleCopy9",
+      "unicode": "e6b4",
+      "unicode_decimal": 59060
+    },
+    {
+      "icon_id": "7551213",
+      "name": "商品管理",
+      "font_class": "RectangleCopy10",
+      "unicode": "e6b5",
+      "unicode_decimal": 59061
+    },
+    {
+      "icon_id": "7551217",
+      "name": "商品复制",
+      "font_class": "RectangleCopy11",
+      "unicode": "e6b6",
+      "unicode_decimal": 59062
+    },
+    {
+      "icon_id": "7551346",
+      "name": "采购单",
+      "font_class": "RectangleCopy12",
+      "unicode": "e6b7",
+      "unicode_decimal": 59063
+    },
+    {
+      "icon_id": "7551349",
+      "name": "采购价管理",
+      "font_class": "RectangleCopy13",
+      "unicode": "e6b8",
+      "unicode_decimal": 59064
+    },
+    {
+      "icon_id": "7551477",
+      "name": "定价",
+      "font_class": "RectangleCopy14",
+      "unicode": "e6b9",
+      "unicode_decimal": 59065
+    },
+    {
+      "icon_id": "7551486",
+      "name": "结算报表",
+      "font_class": "RectangleCopy15",
+      "unicode": "e6ba",
+      "unicode_decimal": 59066
+    },
+    {
+      "icon_id": "7552198",
+      "name": "入库",
+      "font_class": "RectangleCopy16",
+      "unicode": "e6c2",
+      "unicode_decimal": 59074
+    },
+    {
+      "icon_id": "7552199",
+      "name": "库存管理",
+      "font_class": "RectangleCopy17",
+      "unicode": "e6c3",
+      "unicode_decimal": 59075
+    },
+    {
+      "icon_id": "7552213",
+      "name": "出入库管理",
+      "font_class": "RectangleCopy18",
+      "unicode": "e6c6",
+      "unicode_decimal": 59078
+    },
+    {
+      "icon_id": "7552217",
+      "name": "退仓管理",
+      "font_class": "RectangleCopy19",
+      "unicode": "e6c8",
+      "unicode_decimal": 59080
+    },
+    {
+      "icon_id": "7552702",
+      "name": "合同",
+      "font_class": "RectangleCopy20",
+      "unicode": "e6d1",
+      "unicode_decimal": 59089
+    },
+    {
+      "icon_id": "7553176",
+      "name": "商品计划",
+      "font_class": "RectangleCopy21",
+      "unicode": "e6d8",
+      "unicode_decimal": 59096
+    },
+    {
+      "icon_id": "7553184",
+      "name": "销量计划",
+      "font_class": "RectangleCopy22",
+      "unicode": "e6da",
+      "unicode_decimal": 59098
+    },
+    {
+      "icon_id": "7553638",
+      "name": "销量实时看板",
+      "font_class": "RectangleCopy23",
+      "unicode": "e6e0",
+      "unicode_decimal": 59104
+    },
+    {
+      "icon_id": "7553639",
+      "name": "结算效率分析",
+      "font_class": "RectangleCopy24",
+      "unicode": "e6df",
+      "unicode_decimal": 59103
+    },
+    {
+      "icon_id": "7553644",
+      "name": "营销流量配置",
+      "font_class": "RectangleCopy25",
+      "unicode": "e6e2",
+      "unicode_decimal": 59106
+    },
+    {
+      "icon_id": "7553645",
+      "name": "运营工具",
+      "font_class": "RectangleCopy26",
+      "unicode": "e6e3",
+      "unicode_decimal": 59107
+    },
+    {
+      "icon_id": "7553649",
+      "name": "目标管理",
+      "font_class": "RectangleCopy27",
+      "unicode": "e6e4",
+      "unicode_decimal": 59108
+    },
+    {
+      "icon_id": "7553650",
+      "name": "目标制定",
+      "font_class": "RectangleCopy28",
+      "unicode": "e6e5",
+      "unicode_decimal": 59109
+    },
+    {
+      "icon_id": "7553651",
+      "name": "活动协同",
+      "font_class": "RectangleCopy29",
+      "unicode": "e6e6",
+      "unicode_decimal": 59110
+    },
+    {
+      "icon_id": "7553656",
+      "name": "目标监控",
+      "font_class": "RectangleCopy30",
+      "unicode": "e6e7",
+      "unicode_decimal": 59111
+    },
+    {
+      "icon_id": "7553662",
+      "name": "增值服务",
+      "font_class": "RectangleCopy31",
+      "unicode": "e6e8",
+      "unicode_decimal": 59112
+    },
+    {
+      "icon_id": "7553667",
+      "name": "全链路可售",
+      "font_class": "RectangleCopy32",
+      "unicode": "e6e9",
+      "unicode_decimal": 59113
+    },
+    {
+      "icon_id": "7553669",
+      "name": "超级服务",
+      "font_class": "RectangleCopy33",
+      "unicode": "e6ea",
+      "unicode_decimal": 59114
+    },
+    {
+      "icon_id": "7553918",
+      "name": "上门取货",
+      "font_class": "RectangleCopy34",
+      "unicode": "e6eb",
+      "unicode_decimal": 59115
+    },
+    {
+      "icon_id": "7562286",
+      "name": "定位",
+      "font_class": "dingwei",
+      "unicode": "e6ec",
+      "unicode_decimal": 59116
+    },
+    {
+      "icon_id": "7733536",
+      "name": "预约",
+      "font_class": "RectangleCopy35",
+      "unicode": "e6ed",
+      "unicode_decimal": 59117
+    },
+    {
+      "icon_id": "7733537",
+      "name": "物流",
+      "font_class": "RectangleCopy36",
+      "unicode": "e6ee",
+      "unicode_decimal": 59118
+    }
+  ]
+}
diff --git a/src/assets/iconfont/iconfont.ttf b/src/assets/iconfont/iconfont.ttf
new file mode 100644
index 0000000..115c946
Binary files /dev/null and b/src/assets/iconfont/iconfont.ttf differ
diff --git a/src/assets/iconfont/iconfont.woff b/src/assets/iconfont/iconfont.woff
new file mode 100644
index 0000000..e7c199d
Binary files /dev/null and b/src/assets/iconfont/iconfont.woff differ
diff --git a/src/assets/iconfont/iconfont.woff2 b/src/assets/iconfont/iconfont.woff2
new file mode 100644
index 0000000..8ddb1ec
Binary files /dev/null and b/src/assets/iconfont/iconfont.woff2 differ
diff --git a/src/components/iconfont/index.vue b/src/components/iconfont/index.vue
new file mode 100644
index 0000000..1047668
--- /dev/null
+++ b/src/components/iconfont/index.vue
@@ -0,0 +1,47 @@
+
+<template>
+  <svg :class="svgClass" aria-hidden="true">
+    <use :xlink:href="iconClassName" :fill="white ? '#fff' : color" />
+  </svg>
+</template>
+<script setup lang="ts">
+import { computed } from 'vue';
+const props = defineProps({
+  iconName: {
+    type: String,
+    required: true
+  },
+  className: {
+    type: String,
+    default: ''
+  },
+  color: {
+    type: String,
+    default: '#333'
+  },
+  white: {
+    type: Boolean,
+    default: false
+  }
+});
+// 图标在 iconfont 中的名字
+const iconClassName = computed(()=>{
+  return `#icon-${props.iconName}`;
+})
+// 给图标添加上类名
+const svgClass = computed(() => {
+  if (props.className) {
+    return `svg-icon ${props.className}`;
+  }
+  return 'svg-icon';
+});
+</script>
+<style scoped>
+.svg-icon {
+  width: 1em;
+  height: 1em;
+  position: relative;
+  fill: currentColor;
+  vertical-align: -2px;
+}
+</style>
\ No newline at end of file
diff --git a/src/main.ts b/src/main.ts
index 11187b9..afbdb40 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -4,6 +4,8 @@ import install from './install'
 import './permission'
 import './styles/index.scss'
 import 'virtual:svg-icons-register'
+import "./assets/iconfont/iconfont.js";
+
 const app = createApp(App)
 app.use(install)
 // app.use(Fragment.Plugin)
diff --git a/src/views/statistic_cw/components/ProjectBid.vue b/src/views/statistic_cw/components/ProjectBid.vue
deleted file mode 100644
index f320336..0000000
--- a/src/views/statistic_cw/components/ProjectBid.vue
+++ /dev/null
@@ -1,239 +0,0 @@
-<template>
-    <el-card style="width: 49.9%;">
-        <template #header>
-            <div class="card-header">
-                <span>保证金统计</span>
-            </div>
-        </template>
-        <div style="height:40px">
-            <el-date-picker v-model="year" @change='getCustom' value-format="YYYY" type="year" style="float:right"
-                :placeholder="year" />
-        </div>
-
-        <div style="display: flex;justify-content: space-around;">
-            <router-link :to="{
-                path: item.url,
-                query: item.query ? { year } : null
-            }" v-for=" item in customList" :key="item" class="header-btn">
-                <div>
-                    <div>{{ item.value() }}</div>
-                    <div>{{ item.name }}</div>
-                </div>
-            </router-link>
-        </div>
-        <div id="ProjectBid" class="chart" v-if="showChart"></div>
-    </el-card>
-</template>
-<script setup>
-import * as echarts from 'echarts';
-import { apistatistifinancial_statisticsbid } from '@/api/statistics'
-
-const year = ref(new Date().getFullYear())
-const showChart = ref(true)
-
-const customList = reactive([
-    {
-        name: "总保证金申请",
-        value: () => {
-            return baseData.value.total_margin_apply
-        },
-        url: "/financial/margin_management/financial_bid_margin"
-
-    },
-    {
-        name: "年度保证金申请",
-        value: () => {
-            return baseData.value.year_margin_apply
-        },
-        url: "/financial/margin_management/financial_bid_margin"
-
-    },
-    {
-        name: "总保证金回收",
-        value: () => {
-            return baseData.value.total_margin_recovery
-        },
-        url: "/financial/margin_management/financial_bid_margin_recovery"
-
-    },
-    {
-        name: "年度保证金回收",
-        value: () => {
-            return baseData.value.year_margin_recovery
-        },
-        url: "/financial/margin_management/financial_bid_margin_recovery"
-
-    },
-    {
-        name: "总履约金申请",
-        value: () => {
-            return baseData.value.total_performance_money_apply
-        },
-        url: "/financial/margin_management/financial_performance_money_apply"
-
-    },
-    {
-        name: "年度履约金申请",
-        value: () => {
-            return baseData.value.year_performance_money_apply
-        },
-        url: "/financial/margin_management/financial_performance_money_apply"
-
-    },
-    {
-        name: "总履约金回收",
-        value: () => {
-            return baseData.value.total_performance_money_recovery
-        },
-        url: "/financial/margin_management/financial_performance_money_recovery"
-
-    },
-    {
-        name: "年度履约金回收",
-        value: () => {
-            return baseData.value.year_performance_money_recovery
-        },
-        url: "/financial/margin_management/financial_performance_money_recovery"
-
-    },
-
-
-])
-
-
-const labelOption = {
-    show: true,
-    rich: {
-        name: {}
-    }
-};
-
-const initChart = (id, opt) => {
-    var chartDom = document.getElementById(id);
-    var myChart = echarts.init(chartDom);
-    myChart.setOption(opt);
-}
-
-const baseData = ref({})
-
-const getCustom = async () => {
-    showChart.value = false
-    let res = await apistatistifinancial_statisticsbid({ year: year.value })
-    baseData.value = res
-    showChart.value = true
-    await nextTick()
-    var option4 = {
-        tooltip: {
-            trigger: 'axis',
-            axisPointer: {
-                type: 'shadow'
-            }
-        },
-        legend: {
-            data: [res.margin_apply_series.name, res.margin_recovery_series.name, res.performance_money_apply_series.name, res.performance_money_recovery_series.name]
-        },
-        toolbox: {
-            show: true,
-            orient: 'vertical',
-            left: 'right',
-            top: 'center',
-
-        },
-        xAxis: [
-            {
-                type: 'category',
-                axisTick: { show: false },
-                data: res.column
-            }
-        ],
-        yAxis: [
-            {
-                type: 'value'
-            }
-        ],
-        series: [
-            {
-                name: res.margin_apply_series.name,
-                type: 'bar',
-                barGap: 0,
-                label: labelOption,
-                emphasis: {
-                    focus: 'series'
-                },
-                data: res.margin_apply_series.data,
-                itemStyle: {
-                    normal: {
-                        label: {
-                        }
-                    }
-                }
-            },
-            {
-                name: res.margin_recovery_series.name,
-                type: 'bar',
-                label: labelOption,
-                emphasis: {
-                    focus: 'series'
-                },
-                data: res.margin_recovery_series.data,
-                itemStyle: {
-                    normal: {
-                        label: {
-                        }
-                    }
-                }
-            },
-            {
-                name: res.performance_money_apply_series.name,
-                type: 'bar',
-                label: labelOption,
-                emphasis: {
-                    focus: 'series'
-                },
-                data: res.performance_money_apply_series.data,
-                itemStyle: {
-                    normal: {
-                        label: {
-                        }
-                    }
-                }
-            },
-            {
-                name: res.performance_money_recovery_series.name,
-                type: 'bar',
-                label: labelOption,
-                emphasis: {
-                    focus: 'series'
-                },
-                data: res.performance_money_recovery_series.data,
-                itemStyle: {
-                    normal: {
-                        label: {
-                        }
-                    }
-                }
-            },
-        ]
-    };
-
-    initChart("ProjectBid", option4)
-}
-getCustom()
-</script>
-<style lang="scss" scoped>
-.chart {
-    width: 100%;
-    height: 300px;
-}
-
-.header-btn {
-    text-align: center;
-    cursor: pointer;
-    padding: 0px 10px;
-
-}
-
-.header-btn:active {
-    background-color: #EDEFFF;
-}
-</style>
\ No newline at end of file
diff --git a/src/views/statistic_cw/components/ProjectFund.vue b/src/views/statistic_cw/components/ProjectFund.vue
deleted file mode 100644
index 0d2a1f8..0000000
--- a/src/views/statistic_cw/components/ProjectFund.vue
+++ /dev/null
@@ -1,206 +0,0 @@
-<template>
-    <el-card style="width: 49.9%;">
-        <template #header>
-            <div class="card-header">
-                <span>借款还款</span>
-            </div>
-        </template>
-        <div style="height:40px">
-            <el-date-picker v-model="year" @change='getCustom' value-format="YYYY" type="year" style="float:right"
-                :placeholder="year" />
-        </div>
-
-        <div style="display: flex;justify-content: space-around;">
-            <router-link :to="{
-                path: item.url,
-                query: item.query ? { year } : null
-            }" v-for=" item in customList" :key="item" class="header-btn">
-                <div>
-                    <div>{{ item.value() }}</div>
-                    <div>{{ item.name }}</div>
-                </div>
-            </router-link>
-        </div>
-        <div id="ProjectFund" class="chart" v-if="showChart"></div>
-    </el-card>
-</template>
-<script setup>
-import * as echarts from 'echarts';
-import { apistatistifinancial_statisticsfund } from '@/api/statistics'
-
-const year = ref(new Date().getFullYear())
-const showChart = ref(true)
-
-const customList = reactive([
-    {
-        name: "总用款",
-        value: () => {
-            return baseData.value.total_using
-        },
-        url: "/financial/fund_management/financial_using_funds"
-
-    },
-    {
-        name: "年度用款",
-        value: () => {
-            return baseData.value.year_using
-        },
-        url: "/financial/fund_management/financial_using_funds"
-
-    },
-    {
-        name: "总借款",
-        value: () => {
-            return baseData.value.total_borrow
-        },
-        url: "/financial/fund_management/financial_borrow_money"
-
-    },
-    {
-        name: "年度借款",
-        value: () => {
-            return baseData.value.year_borrow
-        },
-        url: "/financial/fund_management/financial_borrow_money"
-
-    },
-    {
-        name: "总还款",
-        value: () => {
-            return baseData.value.total_repayment
-        },
-        url: "/financial/fund_management/financial_repayment"
-
-    },
-    {
-        name: "年度还款",
-        value: () => {
-            return baseData.value.year_repayment
-        },
-        url: "/financial/fund_management/financial_repayment"
-
-    },
-])
-
-const labelOption = {
-    show: true,
-    rich: {
-        name: {}
-    }
-};
-
-const initChart = (id, opt) => {
-    var chartDom = document.getElementById(id);
-    var myChart = echarts.init(chartDom);
-    myChart.setOption(opt);
-}
-
-const baseData = ref({})
-
-const getCustom = async () => {
-    showChart.value = false
-    let res = await apistatistifinancial_statisticsfund({ year: year.value })
-    baseData.value = res
-    showChart.value = true
-    await nextTick()
-    var option4 = {
-        tooltip: {
-            trigger: 'axis',
-            axisPointer: {
-                type: 'shadow'
-            }
-        },
-        legend: {
-            data: [res.using_series.name, res.borrow_series.name, res.repayment_series.name]
-        },
-        toolbox: {
-            show: true,
-            orient: 'vertical',
-            left: 'right',
-            top: 'center',
-
-        },
-        xAxis: [
-            {
-                type: 'category',
-                axisTick: { show: false },
-                data: res.column
-            }
-        ],
-        yAxis: [
-            {
-                type: 'value'
-            }
-        ],
-        series: [
-            {
-                name: res.using_series.name,
-                type: 'bar',
-                barGap: 0,
-                label: labelOption,
-                emphasis: {
-                    focus: 'series'
-                },
-                data: res.using_series.data,
-                itemStyle: {
-                    normal: {
-                        label: {
-                        }
-                    }
-                }
-            },
-            {
-                name: res.borrow_series.name,
-                type: 'bar',
-                label: labelOption,
-                emphasis: {
-                    focus: 'series'
-                },
-                data: res.borrow_series.data,
-                itemStyle: {
-                    normal: {
-                        label: {
-                        }
-                    }
-                }
-            },
-            {
-                name: res.repayment_series.name,
-                type: 'bar',
-                label: labelOption,
-                emphasis: {
-                    focus: 'series'
-                },
-                data: res.repayment_series.data,
-                itemStyle: {
-                    normal: {
-                        label: {
-                        }
-                    }
-                }
-            },
-
-        ]
-    };
-
-    initChart("ProjectFund", option4)
-}
-getCustom()
-</script>
-<style lang="scss" scoped>
-.chart {
-    width: 100%;
-    height: 300px;
-}
-
-.header-btn {
-    text-align: center;
-    cursor: pointer;
-    padding: 0px 10px;
-
-}
-
-.header-btn:active {
-    background-color: #EDEFFF;
-}
-</style>
\ No newline at end of file
diff --git a/src/views/statistic_cw/components/ProjectInvoice.vue b/src/views/statistic_cw/components/ProjectInvoice.vue
deleted file mode 100644
index 5b43d47..0000000
--- a/src/views/statistic_cw/components/ProjectInvoice.vue
+++ /dev/null
@@ -1,207 +0,0 @@
-<template>
-    <el-card style="width: 49.9%;">
-        <template #header>
-            <div class="card-header">
-                <span>项目合同</span>
-            </div>
-        </template>
-        <div style="height:40px">
-            <el-date-picker v-model="year" @change='getCustom' value-format="YYYY" type="year" style="float:right"
-                :placeholder="year" />
-        </div>
-
-        <div style="display: flex;justify-content: space-around;">
-            <router-link :to="{
-                path: item.url,
-                query: item.query ? { year } : null
-            }" v-for=" item in customList" :key="item" class="header-btn">
-                <div>
-                    <div>{{ item.value() }}</div>
-                    <div>{{ item.name }}</div>
-                </div>
-            </router-link>
-        </div>
-        <div id="ProjectContract" class="chart" v-if="showChart"></div>
-    </el-card>
-</template>
-<script setup>
-import * as echarts from 'echarts';
-import { apistatistifinancial_statisticsinvoice } from '@/api/statistics'
-
-const year = ref(new Date().getFullYear())
-const showChart = ref(true)
-
-const customList = reactive([
-    {
-        name: "总开票金额",
-        value: () => {
-            return baseData.value.total_invoice_amount
-        },
-        url: "/financial/invoice_and_receipt/financial_settlement"
-
-    },
-    {
-        name: "年度开票金额",
-        value: () => {
-            return baseData.value.year_invoice_amount
-        },
-        url: "/financial/invoice_and_receipt/financial_settlement"
-
-    },
-    {
-        name: "总回款金额",
-        value: () => {
-            return baseData.value.total_refund_amount
-        },
-        url: "/financial/invoice_and_receipt/financial_refund"
-
-    },
-    {
-        name: "年度回款金额",
-        value: () => {
-            return baseData.value.year_refund_amount
-        },
-        url: "/financial/invoice_and_receipt/financial_refund"
-
-    },
-    {
-        name: "总结算金额",
-        value: () => {
-            return baseData.value.total_settlement_amount
-        },
-        url: "/financial/invoice_and_receipt/financial_settlement"
-
-    },
-    {
-        name: "年度结算金额",
-        value: () => {
-            return baseData.value.year_settlement_amount
-        },
-        url: "/financial/invoice_and_receipt/financial_settlement"
-
-    },
-
-
-])
-
-const labelOption = {
-    show: true,
-    rich: {
-        name: {}
-    }
-};
-
-const initChart = (id, opt) => {
-    var chartDom = document.getElementById(id);
-    var myChart = echarts.init(chartDom);
-    myChart.setOption(opt);
-}
-
-const baseData = ref({})
-
-const getCustom = async () => {
-    showChart.value = false
-    let res = await apistatistifinancial_statisticsinvoice({ year: year.value })
-    baseData.value = res
-    showChart.value = true
-    await nextTick()
-    var option4 = {
-        tooltip: {
-            trigger: 'axis',
-            axisPointer: {
-                type: 'shadow'
-            }
-        },
-        legend: {
-            data: [res.invoice_series.name, res.refund_series.name, res.settlement_series.name]
-        },
-        toolbox: {
-            show: true,
-            orient: 'vertical',
-            left: 'right',
-            top: 'center',
-
-        },
-        xAxis: [
-            {
-                type: 'category',
-                axisTick: { show: false },
-                data: res.column
-            }
-        ],
-        yAxis: [
-            {
-                type: 'value'
-            }
-        ],
-        series: [
-            {
-                name: res.invoice_series.name,
-                type: 'bar',
-                barGap: 0,
-                label: labelOption,
-                emphasis: {
-                    focus: 'series'
-                },
-                data: res.invoice_series.data,
-                itemStyle: {
-                    normal: {
-                        label: {
-                        }
-                    }
-                }
-            },
-            {
-                name: res.refund_series.name,
-                type: 'bar',
-                label: labelOption,
-                emphasis: {
-                    focus: 'series'
-                },
-                data: res.refund_series.data,
-                itemStyle: {
-                    normal: {
-                        label: {
-                        }
-                    }
-                }
-            },
-            {
-                name: res.settlement_series.name,
-                type: 'bar',
-                label: labelOption,
-                emphasis: {
-                    focus: 'series'
-                },
-                data: res.settlement_series.data,
-                itemStyle: {
-                    normal: {
-                        label: {
-                        }
-                    }
-                }
-            },
-        ]
-    };
-
-    initChart("ProjectContract", option4)
-}
-getCustom()
-</script>
-<style lang="scss" scoped>
-.chart {
-    width: 100%;
-    height: 300px;
-}
-
-.header-btn {
-    text-align: center;
-    cursor: pointer;
-    padding: 0px 10px;
-
-}
-
-.header-btn:active {
-    background-color: #EDEFFF;
-}
-</style>
\ No newline at end of file
diff --git a/src/views/statistic_cw/components/ProjectPayment.vue b/src/views/statistic_cw/components/ProjectPayment.vue
deleted file mode 100644
index 7040de9..0000000
--- a/src/views/statistic_cw/components/ProjectPayment.vue
+++ /dev/null
@@ -1,176 +0,0 @@
-<template>
-    <el-card style="width: 49.9%;">
-        <template #header>
-            <div class="card-header">
-                <span>合同金额</span>
-            </div>
-        </template>
-        <div style="height:40px">
-            <el-date-picker v-model="year" @change='getCustom' value-format="YYYY" type="year" style="float:right"
-                :placeholder="year" />
-        </div>
-
-        <div style="display: flex;justify-content: space-around;">
-            <router-link :to="{
-                path: item.url,
-                query: item.query ? { year } : null
-            }" v-for=" item in customList" :key="item" class="header-btn">
-                <div>
-                    <div>{{ item.value() }}</div>
-                    <div>{{ item.name }}</div>
-                </div>
-            </router-link>
-        </div>
-        <div id="ProjectPayment" class="chart" v-if="showChart"></div>
-    </el-card>
-</template>
-<script setup>
-import * as echarts from 'echarts';
-import { apistatistifinancial_statistics } from '@/api/statistics'
-
-const year = ref(new Date().getFullYear())
-const showChart = ref(true)
-
-const customList = reactive([
-    {
-        name: "总数量",
-        value: () => {
-            return baseData.value.total_number
-        },
-        url: "/financial/invoice_and_receipt/contract_ledger"
-
-    },
-    {
-        name: "年度数量",
-        value: () => {
-            return baseData.value.year_number
-        },
-        url: "/financial/invoice_and_receipt/contract_ledger"
-
-    },
-    {
-        name: "总签约金额",
-        value: () => {
-            return baseData.value.total_signed_amount
-        },
-        url: "/financial/invoice_and_receipt/contract_ledger"
-
-    },
-    {
-        name: "年度签约金额",
-        value: () => {
-            return baseData.value.year_signed_amount
-        },
-        url: "/financial/invoice_and_receipt/contract_ledger"
-
-    },
-
-
-])
-
-const labelOption = {
-    show: true,
-    rich: {
-        name: {}
-    }
-};
-
-const initChart = (id, opt) => {
-    var chartDom = document.getElementById(id);
-    var myChart = echarts.init(chartDom);
-    myChart.setOption(opt);
-}
-
-const baseData = ref({})
-
-const getCustom = async () => {
-    showChart.value = false
-    let res = await apistatistifinancial_statistics({ year: year.value })
-    baseData.value = res
-    showChart.value = true
-    await nextTick()
-    var option4 = {
-        tooltip: {
-            trigger: 'axis',
-            axisPointer: {
-                type: 'shadow'
-            }
-        },
-        legend: {
-            data: [res.number_series.name, res.signed_series.name]
-        },
-        toolbox: {
-            show: true,
-            orient: 'vertical',
-            left: 'right',
-            top: 'center',
-
-        },
-        xAxis: [
-            {
-                type: 'category',
-                axisTick: { show: false },
-                data: res.column
-            }
-        ],
-        yAxis: [
-            {
-                type: 'value'
-            }
-        ],
-        series: [
-            {
-                name: res.number_series.name,
-                type: 'bar',
-                barGap: 0,
-                label: labelOption,
-                emphasis: {
-                    focus: 'series'
-                },
-                data: res.number_series.data,
-                itemStyle: {
-                    normal: {
-                        label: {
-                        }
-                    }
-                }
-            },
-            {
-                name: res.signed_series.name,
-                type: 'bar',
-                label: labelOption,
-                emphasis: {
-                    focus: 'series'
-                },
-                data: res.signed_series.data,
-                itemStyle: {
-                    normal: {
-                        label: {
-                        }
-                    }
-                }
-            },
-        ]
-    };
-
-    initChart("ProjectPayment", option4)
-}
-getCustom()
-</script>
-<style lang="scss" scoped>
-.chart {
-    width: 100%;
-    height: 300px;
-}
-
-.header-btn {
-    text-align: center;
-    cursor: pointer;
-    padding: 0px 10px;
-
-}
-
-.header-btn:active {
-    background-color: #EDEFFF;
-}
-</style>
\ No newline at end of file
diff --git a/src/views/statistic_cw/index.vue b/src/views/statistic_cw/index.vue
index e974e5c..321f52d 100644
--- a/src/views/statistic_cw/index.vue
+++ b/src/views/statistic_cw/index.vue
@@ -1,4 +1,4 @@
-<template>
+<!-- <template>
     <div style="display: flex;flex-wrap: wrap;justify-content: space-between;">
         <ProjectPayment></ProjectPayment>
         <ProjectInvoice></ProjectInvoice>
@@ -18,4 +18,227 @@ import ProjectBid from "./components/ProjectBid.vue"
 import ProjectFund from "./components/ProjectFund.vue"
 
 
-</script>
\ No newline at end of file
+</script> -->
+<template>
+    <div class="workbench">
+        <el-card shadow="never" class=" !border-none">
+            <div class="mb-6 flex justify-between items-center">
+                <span class="text-2xl">概况</span>
+                <div class="flex items-center text-sm">
+                    <span class="mr-4">时间筛选: </span>
+                    <el-date-picker v-model="startEndTime" type="daterange" range-separator="至" start-placeholder="开始日期"
+                        end-placeholder="结束日期" unlink-panels @change="getData" />
+                    <el-button type="primary" class="ml-4" @click="getData">查询</el-button>
+                </div>
+            </div>
+            <div class="flex flex-wrap">
+                <div class="w-1/5 flex mb-6" v-for="(item, index) in basicList" :key="index">
+                    <div class="mr-2">
+                        <div class="rounded-full p-2" :style="{ 'background-color': colorList[index % 8] }">
+                            <iconfont :iconName="item.icon" white className="text-6xl" />
+                        </div>
+                    </div>
+                    <div>
+                        <div class="text-info">{{ item.name }}</div>
+                        <div class="text-6xl">{{ item.num }}</div>
+                        <!-- <div class="text-info">环比增长: <span :class="item.percent > 0 ? 'text-success' : 'text-danger'">{{
+                            item.percent }}%</span></div> -->
+                    </div>
+                </div>
+            </div>
+        </el-card>
+        <el-card shadow="never" class="mt-4 !border-none">
+            <div>
+                <div class="mb-6 flex justify-between items-center">
+                    <span class="text-2xl">用户趋势</span>
+                    <div class="flex items-center text-sm">
+                        <span class="mr-4">时间筛选: </span>
+                        <el-date-picker v-model="startEndTime2" type="daterange" range-separator="至"
+                            start-placeholder="开始日期" end-placeholder="结束日期" unlink-panels @change="getData2" />
+                        <el-button type="primary" class="ml-4" @click="getData2">查询</el-button>
+                    </div>
+                </div>
+                <v-charts style="height: 400px" :option="visitorOption" :autoresize="true" />
+            </div>
+        </el-card>
+    </div>
+</template>
+
+<script lang="ts" setup name="statistics_user">
+import { apistatisfinancialStatistics } from "@/api/statistics"
+import moment from 'moment'
+import vCharts from 'vue-echarts'
+
+// 表单数据
+const visitorOption: any = reactive({
+    xAxis: {
+        type: 'category',
+        data: [0],
+        axisLabel: {
+            rotate: 45,
+            color: '#333'
+        }
+    },
+    yAxis: {
+        type: 'value',
+        position: 'left',
+        axisLabel: {
+            formatter: '{value}'
+        }
+    },
+    grid: {
+        left: '3%',
+        right: '4%',
+        bottom: '3%',
+        containLabel: true
+    },
+    legend: {
+        data: ['访问量']
+    },
+    itemStyle: {
+        // 点的颜色。
+        color: 'red'
+    },
+    tooltip: {
+        trigger: 'axis'
+    },
+    series: [
+        {
+            name: '访问量',
+            data: [0],
+            type: 'line',
+            smooth: true
+        }
+    ]
+})
+
+// 颜色
+const colorList = ['#5DB1FF', '#4CD384', '#FFC46A', '#CAA5F1', '#FFC46A', '#4CD384', '#5DB1FF', '#CAA5F1']
+// 商品浏览量, 商品访客数, 加购件数, 下单件数, 支付件数, 支付金额, 成本金额, 退款金额, 退款件数, 访客-支付转化率
+const basicList = reactive([
+    // {
+    //     name: '访客数',
+    //     type: 'people',
+    //     icon: 'RectangleCopy',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '浏览量',
+    //     type: 'browse',
+    //     icon: 'RectangleCopy49',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '新增用户数',
+    //     type: 'newUser',
+    //     icon: 'RectangleCopy53',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '成交用户数',
+    //     type: 'payPeople',
+    //     icon: 'RectangleCopy5',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '访客-支付转换率',
+    //     type: 'payPercent',
+    //     icon: 'RectangleCopy4',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '激活付费会员数',
+    //     type: 'payUser',
+    //     icon: 'RectangleCopy7',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '充值用户数',
+    //     type: 'rechargePeople',
+    //     icon: 'RectangleCopy59',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '客单价',
+    //     type: 'payPrice',
+    //     icon: 'RectangleCopy15',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '累计用户',
+    //     type: 'cumulativeUser',
+    //     icon: 'RectangleCopy54',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '累计付费会员数',
+    //     type: 'cumulativePayUser',
+    //     icon: 'RectangleCopy7',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '累计充值用户数',
+    //     type: 'cumulativeRechargePeople',
+    //     icon: 'RectangleCopy6',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '累计成交用户数',
+    //     type: 'cumulativePayPeople',
+    //     icon: 'RectangleCopy9',
+    //     num: 0,
+    //     percent: 0
+    // }
+])
+const startEndTime = ref([new Date(), new Date()]);
+const startEndTime2 = ref([]);
+
+
+const getData2 = () => {
+    let date = '';
+    if (startEndTime2.value[0] && startEndTime2.value[1]) date = moment(startEndTime2.value[0]).format('YYYY/MM/DD') + '-' + moment(startEndTime2.value[1]).format('YYYY/MM/DD');
+    apistatisfinancialStatistics({
+        date: date
+    }).then(res => {
+        // 清空echarts 数据
+        visitorOption.xAxis.data = []
+        visitorOption.series = []
+        console.log(res)
+        visitorOption.xAxis.data = Object.keys(res[0].value)
+
+        res.forEach((item, index) => {
+            visitorOption.series[index] = {
+                type: 'line',
+                smooth: true,
+                data: Object.values(item.value),
+                name: item.title
+
+            }
+            basicList[index] = {
+                name: item.title,
+                type: 'people',
+                icon: 'RectangleCopy',
+                num: item.total_money,
+
+            }
+        })
+    })
+}
+
+onMounted(() => {
+    getData2()
+})
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/src/views/statistic_gc/components/Project.vue b/src/views/statistic_gc/components/Project.vue
deleted file mode 100644
index f63965d..0000000
--- a/src/views/statistic_gc/components/Project.vue
+++ /dev/null
@@ -1,78 +0,0 @@
-<template>
-    <el-card style="width: 49.9%;">
-        <template #header>
-            <div class="card-header">
-                <span> 项目立项</span>
-            </div>
-        </template>
-        <div id="projectApproved" class="chart"></div>
-    </el-card>
-</template>
-<script setup>
-import * as echarts from 'echarts';
-import { apistatistisupervision_statistics } from '@/api/statistics'
-
-
-const initChart = (id, opt) => {
-    var chartDom = document.getElementById(id);
-    var myChart = echarts.init(chartDom);
-    myChart.setOption(opt);
-}
-
-const getData = async () => {
-    let res = await apistatistisupervision_statistics()
-    let option2 = {
-        title: {
-            text: '',
-            subtext: '',
-            left: 'center'
-        },
-        tooltip: {
-            trigger: 'item'
-        },
-
-        series: [
-            {
-                type: 'pie',
-                radius: '50%',
-                data: res.data,
-                emphasis: {
-                    itemStyle: {
-                        shadowBlur: 10,
-                        shadowOffsetX: 0,
-                        shadowColor: 'rgba(0, 0, 0, 0.5)'
-                    }
-                }
-            }
-        ]
-    };
-    initChart("projectApproved", option2)
-}
-
-
-getData()
-</script>
-<style lang="scss" scoped>
-#main,
-#main2,
-#main3 {
-    width: 100%;
-    height: 300px;
-}
-
-.chart {
-    width: 100%;
-    height: 300px;
-}
-
-.header-btn {
-    text-align: center;
-    cursor: pointer;
-    padding: 0px 10px;
-
-}
-
-.header-btn:active {
-    background-color: #EDEFFF;
-}
-</style>
\ No newline at end of file
diff --git a/src/views/statistic_gc/components/ProjectInvoice.vue b/src/views/statistic_gc/components/ProjectInvoice.vue
deleted file mode 100644
index a8533c8..0000000
--- a/src/views/statistic_gc/components/ProjectInvoice.vue
+++ /dev/null
@@ -1,208 +0,0 @@
-<template>
-    <el-card style="width: 49.9%;">
-        <template #header>
-            <div class="card-header">
-                <span>项目月报</span>
-            </div>
-        </template>
-        <div style="height:40px">
-            <el-date-picker v-model="year" @change='getCustom' value-format="YYYY" type="year" style="float:right"
-                :placeholder="year" />
-        </div>
-
-        <div style="display: flex;justify-content: space-around;">
-            <router-link :to="{
-                path: item.url,
-                query: item.query ? { year } : null
-            }" v-for=" item in customList" :key="item" class="header-btn">
-                <div>
-                    <div>{{ item.value() }}</div>
-                    <div>{{ item.name }}</div>
-                </div>
-            </router-link>
-        </div>
-        <div id="ProjectInvince" class="chart" v-if="showChart"></div>
-    </el-card>
-</template>
-<script setup>
-import * as echarts from 'echarts';
-import { apistatistisupervision_statisticsmonth_report } from '@/api/statistics'
-
-const year = ref(new Date().getFullYear())
-const showChart = ref(true)
-
-const customList = reactive([
-    {
-        name: "总进度",
-        value: () => {
-            return baseData.value.total_schedule
-        },
-        url: "/supervision/supervision_connect/supervision_project_monthly_report"
-
-    },
-    {
-        name: "年度进度",
-        value: () => {
-            return baseData.value.year_schedule
-        },
-        url: "/supervision/supervision_connect/supervision_project_monthly_report"
-
-    },
-    {
-        name: "总完成",
-        value: () => {
-            return baseData.value.total_complete
-        },
-        url: "/supervision/supervision_connect/supervision_project_monthly_report"
-
-    },
-    {
-        name: "年度完成",
-        value: () => {
-            return baseData.value.year_complete
-        },
-        url: "/supervision/supervision_connect/supervision_project_monthly_report"
-
-    },
-    {
-        name: "总支付",
-        value: () => {
-            return baseData.value.total_payment
-        },
-        url: "/supervision/supervision_connect/supervision_project_monthly_report"
-
-    },
-    {
-        name: "年度支付",
-        value: () => {
-            return baseData.value.year_payment
-        },
-        url: "/supervision/supervision_connect/supervision_project_monthly_report"
-
-    },
-
-
-
-])
-
-const labelOption = {
-    show: true,
-    rich: {
-        name: {}
-    }
-};
-
-const initChart = (id, opt) => {
-    var chartDom = document.getElementById(id);
-    var myChart = echarts.init(chartDom);
-    myChart.setOption(opt);
-}
-
-const baseData = ref({})
-
-const getCustom = async () => {
-    showChart.value = false
-    let res = await apistatistisupervision_statisticsmonth_report({ year: year.value })
-    baseData.value = res
-    showChart.value = true
-    await nextTick()
-    var option4 = {
-        tooltip: {
-            trigger: 'axis',
-            axisPointer: {
-                type: 'shadow'
-            }
-        },
-        legend: {
-            data: [res.schedule_series.name, res.complete_series.name, res.payment_series.name]
-        },
-        toolbox: {
-            show: true,
-            orient: 'vertical',
-            left: 'right',
-            top: 'center',
-
-        },
-        xAxis: [
-            {
-                type: 'category',
-                axisTick: { show: false },
-                data: res.column
-            }
-        ],
-        yAxis: [
-            {
-                type: 'value'
-            }
-        ],
-        series: [
-            {
-                name: res.schedule_series.name,
-                type: 'bar',
-                barGap: 0,
-                label: labelOption,
-                emphasis: {
-                    focus: 'series'
-                },
-                data: res.schedule_series.data,
-                itemStyle: {
-                    normal: {
-                        label: {
-                        }
-                    }
-                }
-            },
-            {
-                name: res.complete_series.name,
-                type: 'bar',
-                label: labelOption,
-                emphasis: {
-                    focus: 'series'
-                },
-                data: res.complete_series.data,
-                itemStyle: {
-                    normal: {
-                        label: {
-                        }
-                    }
-                }
-            },
-            {
-                name: res.payment_series.name,
-                type: 'bar',
-                label: labelOption,
-                emphasis: {
-                    focus: 'series'
-                },
-                data: res.payment_series.data,
-                itemStyle: {
-                    normal: {
-                        label: {
-                        }
-                    }
-                }
-            },
-        ]
-    };
-
-    initChart("ProjectInvince", option4)
-}
-getCustom()
-</script>
-<style lang="scss" scoped>
-.chart {
-    width: 100%;
-    height: 300px;
-}
-
-.header-btn {
-    text-align: center;
-    cursor: pointer;
-    padding: 0px 10px;
-
-}
-
-.header-btn:active {
-    background-color: #EDEFFF;
-}
-</style>
\ No newline at end of file
diff --git a/src/views/statistic_gc/components/ProjectPayment.vue b/src/views/statistic_gc/components/ProjectPayment.vue
deleted file mode 100644
index 1ca96f3..0000000
--- a/src/views/statistic_gc/components/ProjectPayment.vue
+++ /dev/null
@@ -1,207 +0,0 @@
-<template>
-    <el-card style="width: 49.9%;">
-        <template #header>
-            <div class="card-header">
-                <span>项目开票</span>
-            </div>
-        </template>
-        <div style="height:40px">
-            <el-date-picker v-model="year" @change='getCustom' value-format="YYYY" type="year" style="float:right"
-                :placeholder="year" />
-        </div>
-
-        <div style="display: flex;justify-content: space-around;">
-            <router-link :to="{
-                path: item.url,
-                query: item.query ? { year } : null
-            }" v-for=" item in customList" :key="item" class="header-btn">
-                <div>
-                    <div>{{ item.value() }}</div>
-                    <div>{{ item.name }}</div>
-                </div>
-            </router-link>
-        </div>
-        <div id="ProjectPayment" class="chart" v-if="showChart"></div>
-    </el-card>
-</template>
-<script setup>
-import * as echarts from 'echarts';
-import { apistatistisupervision_statisticsinvoice } from '@/api/statistics'
-
-const year = ref(new Date().getFullYear())
-const showChart = ref(true)
-
-const customList = reactive([
-    {
-        name: "总开票金额",
-        value: () => {
-            return baseData.value.total_invoice_amount
-        },
-        url: ""
-
-    },
-    {
-        name: "年度开票金额",
-        value: () => {
-            return baseData.value.year_invoice_amount
-        },
-        url: ""
-
-    },
-    {
-        name: "总回款金额",
-        value: () => {
-            return baseData.value.total_refund_amount
-        },
-        url: ""
-
-    },
-    {
-        name: "年度回款金额",
-        value: () => {
-            return baseData.value.year_refund_amount
-        },
-        url: ""
-
-    },
-    {
-        name: "总结算金额",
-        value: () => {
-            return baseData.value.total_settlement_amount
-        },
-        url: ""
-
-    },
-    {
-        name: "年度结算金额",
-        value: () => {
-            return baseData.value.year_settlement_amount
-        },
-        url: ""
-
-    },
-
-
-])
-
-const labelOption = {
-    show: true,
-    rich: {
-        name: {}
-    }
-};
-
-const initChart = (id, opt) => {
-    var chartDom = document.getElementById(id);
-    var myChart = echarts.init(chartDom);
-    myChart.setOption(opt);
-}
-
-const baseData = ref({})
-
-const getCustom = async () => {
-    showChart.value = false
-    let res = await apistatistisupervision_statisticsinvoice({ year: year.value })
-    baseData.value = res
-    showChart.value = true
-    await nextTick()
-    var option4 = {
-        tooltip: {
-            trigger: 'axis',
-            axisPointer: {
-                type: 'shadow'
-            }
-        },
-        legend: {
-            data: [res.invoice_series.name, res.refund_series.name, res.year_settlement_amount.name]
-        },
-        toolbox: {
-            show: true,
-            orient: 'vertical',
-            left: 'right',
-            top: 'center',
-
-        },
-        xAxis: [
-            {
-                type: 'category',
-                axisTick: { show: false },
-                data: res.column
-            }
-        ],
-        yAxis: [
-            {
-                type: 'value'
-            }
-        ],
-        series: [
-            {
-                name: res.invoice_series.name,
-                type: 'bar',
-                barGap: 0,
-                label: labelOption,
-                emphasis: {
-                    focus: 'series'
-                },
-                data: res.invoice_series.data,
-                itemStyle: {
-                    normal: {
-                        label: {
-                        }
-                    }
-                }
-            },
-            {
-                name: res.refund_series.name,
-                type: 'bar',
-                label: labelOption,
-                emphasis: {
-                    focus: 'series'
-                },
-                data: res.refund_series.data,
-                itemStyle: {
-                    normal: {
-                        label: {
-                        }
-                    }
-                }
-            },
-            {
-                name: res.settlement_series.name,
-                type: 'bar',
-                label: labelOption,
-                emphasis: {
-                    focus: 'series'
-                },
-                data: res.settlement_series.data,
-                itemStyle: {
-                    normal: {
-                        label: {
-                        }
-                    }
-                }
-            },
-        ]
-    };
-
-    initChart("ProjectPayment", option4)
-}
-getCustom()
-</script>
-<style lang="scss" scoped>
-.chart {
-    width: 100%;
-    height: 300px;
-}
-
-.header-btn {
-    text-align: center;
-    cursor: pointer;
-    padding: 0px 10px;
-
-}
-
-.header-btn:active {
-    background-color: #EDEFFF;
-}
-</style>
\ No newline at end of file
diff --git a/src/views/statistic_gc/components/problem.vue b/src/views/statistic_gc/components/problem.vue
deleted file mode 100644
index f2ad26b..0000000
--- a/src/views/statistic_gc/components/problem.vue
+++ /dev/null
@@ -1,78 +0,0 @@
-<template>
-    <el-card style="width: 49.9%;">
-        <template #header>
-            <div class="card-header">
-                <span> 问题跟踪</span>
-            </div>
-        </template>
-        <div id="projectProblem" class="chart"></div>
-    </el-card>
-</template>
-<script setup>
-import * as echarts from 'echarts';
-import { apistatistisupervision_statisticsproblem } from '@/api/statistics'
-
-
-const initChart = (id, opt) => {
-    var chartDom = document.getElementById(id);
-    var myChart = echarts.init(chartDom);
-    myChart.setOption(opt);
-}
-
-const getData = async () => {
-    let res = await apistatistisupervision_statisticsproblem()
-    let option2 = {
-        title: {
-            text: '',
-            subtext: '',
-            left: 'center'
-        },
-        tooltip: {
-            trigger: 'item'
-        },
-
-        series: [
-            {
-                type: 'pie',
-                radius: '50%',
-                data: res.data,
-                emphasis: {
-                    itemStyle: {
-                        shadowBlur: 10,
-                        shadowOffsetX: 0,
-                        shadowColor: 'rgba(0, 0, 0, 0.5)'
-                    }
-                }
-            }
-        ]
-    };
-    initChart("projectProblem", option2)
-}
-
-
-getData()
-</script>
-<style lang="scss" scoped>
-#main,
-#main2,
-#main3 {
-    width: 100%;
-    height: 300px;
-}
-
-.chart {
-    width: 100%;
-    height: 300px;
-}
-
-.header-btn {
-    text-align: center;
-    cursor: pointer;
-    padding: 0px 10px;
-
-}
-
-.header-btn:active {
-    background-color: #EDEFFF;
-}
-</style>
\ No newline at end of file
diff --git a/src/views/statistic_gc/index.vue b/src/views/statistic_gc/index.vue
index 5c85e9f..321f52d 100644
--- a/src/views/statistic_gc/index.vue
+++ b/src/views/statistic_gc/index.vue
@@ -1,9 +1,10 @@
-<template>
+<!-- <template>
     <div style="display: flex;flex-wrap: wrap;justify-content: space-between;">
-        <Project></Project>
-        <problem></problem>
-        <ProjectInvoice></ProjectInvoice>
         <ProjectPayment></ProjectPayment>
+        <ProjectInvoice></ProjectInvoice>
+        <ProjectBid></ProjectBid>
+        <ProjectFund></ProjectFund>
+
     </div>
 </template>
 
@@ -11,10 +12,233 @@
 
 <script setup>
 import { reactive, ref } from "vue"
-import Project from "./components/Project.vue"
-import problem from "./components/problem.vue"
 import ProjectPayment from "./components/ProjectPayment.vue"
 import ProjectInvoice from "./components/ProjectInvoice.vue"
+import ProjectBid from "./components/ProjectBid.vue"
+import ProjectFund from "./components/ProjectFund.vue"
 
 
-</script>
\ No newline at end of file
+</script> -->
+<template>
+    <div class="workbench">
+        <el-card shadow="never" class=" !border-none">
+            <div class="mb-6 flex justify-between items-center">
+                <span class="text-2xl">概况</span>
+                <div class="flex items-center text-sm">
+                    <span class="mr-4">时间筛选: </span>
+                    <el-date-picker v-model="startEndTime" type="daterange" range-separator="至" start-placeholder="开始日期"
+                        end-placeholder="结束日期" unlink-panels @change="getData" />
+                    <el-button type="primary" class="ml-4" @click="getData">查询</el-button>
+                </div>
+            </div>
+            <div class="flex flex-wrap">
+                <div class="w-1/5 flex mb-6" v-for="(item, index) in basicList" :key="index">
+                    <div class="mr-2">
+                        <div class="rounded-full p-2" :style="{ 'background-color': colorList[index % 8] }">
+                            <iconfont :iconName="item.icon" white className="text-6xl" />
+                        </div>
+                    </div>
+                    <div>
+                        <div class="text-info">{{ item.name }}</div>
+                        <div class="text-6xl">{{ item.num }}</div>
+                        <!-- <div class="text-info">环比增长: <span :class="item.percent > 0 ? 'text-success' : 'text-danger'">{{
+                            item.percent }}%</span></div> -->
+                    </div>
+                </div>
+            </div>
+        </el-card>
+        <el-card shadow="never" class="mt-4 !border-none">
+            <div>
+                <div class="mb-6 flex justify-between items-center">
+                    <span class="text-2xl">用户趋势</span>
+                    <div class="flex items-center text-sm">
+                        <span class="mr-4">时间筛选: </span>
+                        <el-date-picker v-model="startEndTime2" type="daterange" range-separator="至"
+                            start-placeholder="开始日期" end-placeholder="结束日期" unlink-panels @change="getData2" />
+                        <el-button type="primary" class="ml-4" @click="getData2">查询</el-button>
+                    </div>
+                </div>
+                <v-charts style="height: 400px" :option="visitorOption" :autoresize="true" />
+            </div>
+        </el-card>
+    </div>
+</template>
+
+<script lang="ts" setup name="statistics_user">
+import { apistatisfinancialStatistics } from "@/api/statistics"
+import moment from 'moment'
+import vCharts from 'vue-echarts'
+
+// 表单数据
+const visitorOption: any = reactive({
+    xAxis: {
+        type: 'category',
+        data: [0],
+        axisLabel: {
+            rotate: 45,
+            color: '#333'
+        }
+    },
+    yAxis: {
+        type: 'value',
+        position: 'left',
+        axisLabel: {
+            formatter: '{value}'
+        }
+    },
+    grid: {
+        left: '3%',
+        right: '4%',
+        bottom: '3%',
+        containLabel: true
+    },
+    legend: {
+        data: ['访问量']
+    },
+    itemStyle: {
+        // 点的颜色。
+        color: 'red'
+    },
+    tooltip: {
+        trigger: 'axis'
+    },
+    series: [
+        {
+            name: '访问量',
+            data: [0],
+            type: 'line',
+            smooth: true
+        }
+    ]
+})
+
+// 颜色
+const colorList = ['#5DB1FF', '#4CD384', '#FFC46A', '#CAA5F1', '#FFC46A', '#4CD384', '#5DB1FF', '#CAA5F1']
+// 商品浏览量, 商品访客数, 加购件数, 下单件数, 支付件数, 支付金额, 成本金额, 退款金额, 退款件数, 访客-支付转化率
+const basicList = reactive([
+    // {
+    //     name: '访客数',
+    //     type: 'people',
+    //     icon: 'RectangleCopy',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '浏览量',
+    //     type: 'browse',
+    //     icon: 'RectangleCopy49',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '新增用户数',
+    //     type: 'newUser',
+    //     icon: 'RectangleCopy53',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '成交用户数',
+    //     type: 'payPeople',
+    //     icon: 'RectangleCopy5',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '访客-支付转换率',
+    //     type: 'payPercent',
+    //     icon: 'RectangleCopy4',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '激活付费会员数',
+    //     type: 'payUser',
+    //     icon: 'RectangleCopy7',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '充值用户数',
+    //     type: 'rechargePeople',
+    //     icon: 'RectangleCopy59',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '客单价',
+    //     type: 'payPrice',
+    //     icon: 'RectangleCopy15',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '累计用户',
+    //     type: 'cumulativeUser',
+    //     icon: 'RectangleCopy54',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '累计付费会员数',
+    //     type: 'cumulativePayUser',
+    //     icon: 'RectangleCopy7',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '累计充值用户数',
+    //     type: 'cumulativeRechargePeople',
+    //     icon: 'RectangleCopy6',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '累计成交用户数',
+    //     type: 'cumulativePayPeople',
+    //     icon: 'RectangleCopy9',
+    //     num: 0,
+    //     percent: 0
+    // }
+])
+const startEndTime = ref([new Date(), new Date()]);
+const startEndTime2 = ref([]);
+
+
+const getData2 = () => {
+    let date = '';
+    if (startEndTime2.value[0] && startEndTime2.value[1]) date = moment(startEndTime2.value[0]).format('YYYY/MM/DD') + '-' + moment(startEndTime2.value[1]).format('YYYY/MM/DD');
+    apistatisfinancialStatistics({
+        date: date
+    }).then(res => {
+        // 清空echarts 数据
+        visitorOption.xAxis.data = []
+        visitorOption.series = []
+        console.log(res)
+        visitorOption.xAxis.data = Object.keys(res[0].value)
+
+        res.forEach((item, index) => {
+            visitorOption.series[index] = {
+                type: 'line',
+                smooth: true,
+                data: Object.values(item.value),
+                name: item.title
+
+            }
+            basicList[index] = {
+                name: item.title,
+                type: 'people',
+                icon: 'RectangleCopy',
+                num: item.total_money,
+
+            }
+        })
+    })
+}
+
+onMounted(() => {
+    getData2()
+})
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/src/views/statistic_sc/components/Project.vue b/src/views/statistic_sc/components/Project.vue
deleted file mode 100644
index 1d6a2d5..0000000
--- a/src/views/statistic_sc/components/Project.vue
+++ /dev/null
@@ -1,91 +0,0 @@
-<template>
-    <el-card style="width: 49.9%;">
-        <template #header>
-            <div class="card-header">
-                <span> 业务性质</span>
-            </div>
-        </template>
-
-
-        <!-- <div style="display: flex;justify-content: space-around;">
-            <router-link :to="{
-                path: item.url,
-                query: item.query ? { ...item.query } : null
-            }" v-for=" item in customList" :key="item" class="header-btn">
-                <div>
-                    <div>{{ item.value }}</div>
-                    <div>{{ item.name }}</div>
-                </div>
-            </router-link>
-        </div> -->
-        <div id="projectApproved" class="chart"></div>
-    </el-card>
-</template>
-<script setup>
-import * as echarts from 'echarts';
-import { apistatismarketing_statistics } from '@/api/statistics'
-
-
-const initChart = (id, opt) => {
-    var chartDom = document.getElementById(id);
-    var myChart = echarts.init(chartDom);
-    myChart.setOption(opt);
-}
-
-const getData = async () => {
-    let res = await apistatismarketing_statistics()
-    let option2 = {
-        title: {
-            text: '',
-            subtext: '',
-            left: 'center'
-        },
-        tooltip: {
-            trigger: 'item'
-        },
-
-        series: [
-            {
-                type: 'pie',
-                radius: '50%',
-                data: res.data,
-                emphasis: {
-                    itemStyle: {
-                        shadowBlur: 10,
-                        shadowOffsetX: 0,
-                        shadowColor: 'rgba(0, 0, 0, 0.5)'
-                    }
-                }
-            }
-        ]
-    };
-    initChart("projectApproved", option2)
-}
-
-
-getData()
-</script>
-<style lang="scss" scoped>
-#main,
-#main2,
-#main3 {
-    width: 100%;
-    height: 300px;
-}
-
-.chart {
-    width: 100%;
-    height: 300px;
-}
-
-.header-btn {
-    text-align: center;
-    cursor: pointer;
-    padding: 0px 10px;
-
-}
-
-.header-btn:active {
-    background-color: #EDEFFF;
-}
-</style>
\ No newline at end of file
diff --git a/src/views/statistic_sc/components/ProjectInvoice.vue b/src/views/statistic_sc/components/ProjectInvoice.vue
deleted file mode 100644
index 43d6e23..0000000
--- a/src/views/statistic_sc/components/ProjectInvoice.vue
+++ /dev/null
@@ -1,205 +0,0 @@
-<template>
-    <el-card style="width: 49.9%;">
-        <template #header>
-            <div class="card-header">
-                <span>合同统计</span>
-            </div>
-        </template>
-        <div style="height:40px">
-            <el-date-picker v-model="year" @change='getCustom' value-format="YYYY" type="year" style="float:right"
-                :placeholder="year" />
-        </div>
-
-        <div style="display: flex;justify-content: space-around;">
-            <router-link :to="{
-                path: item.url,
-                query: item.query ? { year } : null
-            }" v-for=" item in customList" :key="item" class="header-btn">
-                <div>
-                    <div>{{ item.value() }}</div>
-                    <div>{{ item.name }}</div>
-                </div>
-            </router-link>
-        </div>
-        <div id="ProjectInvoice" class="chart" v-if="showChart"></div>
-    </el-card>
-</template>
-<script setup>
-import * as echarts from 'echarts';
-import { apistatismarketing_statisticscontract } from '@/api/statistics'
-
-const year = ref(new Date().getFullYear())
-const showChart = ref(true)
-
-const customList = reactive([
-    {
-        name: "总主合同数",
-        value: () => {
-            return baseData.value.total_zht
-        },
-        url: "/marketing/marketing_contract/marketing_contract"
-
-    },
-    {
-        name: "年度主合同数",
-        value: () => {
-            return baseData.value.year_zht
-        },
-        url: ""
-
-    },
-    {
-        name: "总框架协议数",
-        value: () => {
-            return baseData.value.total_kjxy
-        },
-        url: "/marketing/marketing_contract/marketing_framework_agreement"
-
-    },
-    {
-        name: "年度框架协议数",
-        value: () => {
-            return baseData.value.year_kjxy
-        },
-        url: ""
-
-    },
-    {
-        name: "总补充协议数",
-        value: () => {
-            return baseData.value.total_bcxy
-        },
-        url: "/marketing/marketing_contract/marketing_supplementary_agreement"
-
-    },
-    {
-        name: "年度补充协议数",
-        value: () => {
-            return baseData.value.year_bcxy
-        },
-        url: ""
-
-    },
-])
-
-const labelOption = {
-    show: true,
-    rich: {
-        name: {}
-    }
-};
-
-const initChart = (id, opt) => {
-    var chartDom = document.getElementById(id);
-    var myChart = echarts.init(chartDom);
-    myChart.setOption(opt);
-}
-
-const baseData = ref({})
-
-const getCustom = async () => {
-    showChart.value = false
-    let res = await apistatismarketing_statisticscontract({ year: year.value })
-    baseData.value = res
-    showChart.value = true
-    await nextTick()
-    var option4 = {
-        tooltip: {
-            trigger: 'axis',
-            axisPointer: {
-                type: 'shadow'
-            }
-        },
-        legend: {
-            data: [res.zht_series.name, res.kjxy_series.name, res.bcxy_series.name]
-        },
-        toolbox: {
-            show: true,
-            orient: 'vertical',
-            left: 'right',
-            top: 'center',
-
-        },
-        xAxis: [
-            {
-                type: 'category',
-                axisTick: { show: false },
-                data: res.column
-            }
-        ],
-        yAxis: [
-            {
-                type: 'value'
-            }
-        ],
-        series: [
-            {
-                name: res.zht_series.name,
-                type: 'bar',
-                barGap: 0,
-                label: labelOption,
-                emphasis: {
-                    focus: 'series'
-                },
-                data: res.zht_series.data,
-                itemStyle: {
-                    normal: {
-                        label: {
-                        }
-                    }
-                }
-            },
-            {
-                name: res.kjxy_series.name,
-                type: 'bar',
-                label: labelOption,
-                emphasis: {
-                    focus: 'series'
-                },
-                data: res.kjxy_series.data,
-                itemStyle: {
-                    normal: {
-                        label: {
-                        }
-                    }
-                }
-            },
-            {
-                name: res.bcxy_series.name,
-                type: 'bar',
-                label: labelOption,
-                emphasis: {
-                    focus: 'series'
-                },
-                data: res.bcxy_series.data,
-                itemStyle: {
-                    normal: {
-                        label: {
-                        }
-                    }
-                }
-            },
-        ]
-    };
-
-    initChart("ProjectInvoice", option4)
-}
-getCustom()
-</script>
-<style lang="scss" scoped>
-.chart {
-    width: 100%;
-    height: 300px;
-}
-
-.header-btn {
-    text-align: center;
-    cursor: pointer;
-    padding: 0px 10px;
-
-}
-
-.header-btn:active {
-    background-color: #EDEFFF;
-}
-</style>
\ No newline at end of file
diff --git a/src/views/statistic_sc/components/ProjectPayment.vue b/src/views/statistic_sc/components/ProjectPayment.vue
deleted file mode 100644
index b9fee86..0000000
--- a/src/views/statistic_sc/components/ProjectPayment.vue
+++ /dev/null
@@ -1,144 +0,0 @@
-<template>
-    <el-card style="width: 49.9%;">
-        <template #header>
-            <div class="card-header">
-                <span>客户统计</span>
-            </div>
-        </template>
-        <div style="height:40px">
-            <el-date-picker v-model="year" @change='getCustom' value-format="YYYY" type="year" style="float:right"
-                :placeholder="year" />
-        </div>
-
-        <div style="display: flex;justify-content: space-around;">
-            <router-link :to="{
-                path: item.url,
-                query: item.query ? { year } : null
-            }" v-for=" item in customList" :key="item" class="header-btn">
-                <div>
-                    <div>{{ item.value() }}</div>
-                    <div>{{ item.name }}</div>
-                </div>
-            </router-link>
-        </div>
-        <div id="ProjectPayment" class="chart" v-if="showChart"></div>
-    </el-card>
-</template>
-<script setup>
-import * as echarts from 'echarts';
-import { apistatismarketing_statisticscustom } from '@/api/statistics'
-
-const year = ref(new Date().getFullYear())
-const showChart = ref(true)
-
-const customList = reactive([
-    {
-        name: "总客户数",
-        value: () => {
-            return baseData.value.total_num
-        },
-        url: "/marketing/marketing_custom/marketing_custom"
-
-    },
-    {
-        name: "年度客户数",
-        value: () => {
-            return baseData.value.year_num
-        },
-        url: "/marketing/marketing_custom/marketing_custom"
-
-    },
-
-])
-
-const labelOption = {
-    show: true,
-    rich: {
-        name: {}
-    }
-};
-
-const initChart = (id, opt) => {
-    var chartDom = document.getElementById(id);
-    var myChart = echarts.init(chartDom);
-    myChart.setOption(opt);
-}
-
-const baseData = ref({})
-
-const getCustom = async () => {
-    showChart.value = false
-    let res = await apistatismarketing_statisticscustom({ year: year.value })
-    baseData.value = res
-    showChart.value = true
-    await nextTick()
-    var option4 = {
-        tooltip: {
-            trigger: 'axis',
-            axisPointer: {
-                type: 'shadow'
-            }
-        },
-        legend: {
-            data: [res.custom_series.name]
-        },
-        toolbox: {
-            show: true,
-            orient: 'vertical',
-            left: 'right',
-            top: 'center',
-
-        },
-        xAxis: [
-            {
-                type: 'category',
-                axisTick: { show: false },
-                data: res.column
-            }
-        ],
-        yAxis: [
-            {
-                type: 'value'
-            }
-        ],
-        series: [
-            {
-                name: res.custom_series.name,
-                type: 'bar',
-                barGap: 0,
-                label: labelOption,
-                emphasis: {
-                    focus: 'series'
-                },
-                data: res.custom_series.data,
-                itemStyle: {
-                    normal: {
-                        label: {
-                        }
-                    }
-                }
-            },
-        ]
-    };
-
-    initChart("ProjectPayment", option4)
-}
-getCustom()
-</script>
-<style lang="scss" scoped>
-.chart {
-    width: 100%;
-    height: 300px;
-}
-
-.header-btn {
-    text-align: center;
-    cursor: pointer;
-    padding: 0px 10px;
-
-}
-
-.header-btn:active {
-    background-color: #EDEFFF;
-}
-</style>
\ No newline at end of file
diff --git a/src/views/statistic_sc/index.vue b/src/views/statistic_sc/index.vue
index 9ba2388..770b1d8 100644
--- a/src/views/statistic_sc/index.vue
+++ b/src/views/statistic_sc/index.vue
@@ -1,19 +1,226 @@
 <template>
-    <div style="display: flex;flex-wrap: wrap;justify-content: space-between;">
-        <Project></Project>
-        <ProjectPayment></ProjectPayment>
-        <ProjectInvoice></ProjectInvoice>
-
+    <div class="workbench">
+        <el-card shadow="never" class=" !border-none">
+            <div class="mb-6 flex justify-between items-center">
+                <span class="text-2xl">概况</span>
+                <div class="flex items-center text-sm">
+                    <span class="mr-4">时间筛选: </span>
+                    <el-date-picker v-model="startEndTime" type="daterange" range-separator="至" start-placeholder="开始日期"
+                        end-placeholder="结束日期" unlink-panels @change="getData" />
+                    <el-button type="primary" class="ml-4" @click="getData">查询</el-button>
+                </div>
+            </div>
+            <div class="flex flex-wrap">
+                <div class="w-1/5 flex mb-6" v-for="(item, index) in basicList" :key="index">
+                    <div class="mr-2">
+                        <div class="rounded-full p-2" :style="{ 'background-color': colorList[index % 8] }">
+                            <iconfont :iconName="item.icon" white className="text-6xl" />
+                        </div>
+                    </div>
+                    <div>
+                        <div class="text-info">{{ item.name }}</div>
+                        <div class="text-6xl">{{ item.num }}</div>
+                        <!-- <div class="text-info">环比增长: <span :class="item.percent > 0 ? 'text-success' : 'text-danger'">{{
+                            item.percent }}%</span></div> -->
+                    </div>
+                </div>
+            </div>
+        </el-card>
+        <el-card shadow="never" class="mt-4 !border-none">
+            <div>
+                <div class="mb-6 flex justify-between items-center">
+                    <span class="text-2xl">用户趋势</span>
+                    <div class="flex items-center text-sm">
+                        <span class="mr-4">时间筛选: </span>
+                        <el-date-picker v-model="startEndTime2" type="daterange" range-separator="至"
+                            start-placeholder="开始日期" end-placeholder="结束日期" unlink-panels @change="getData2" />
+                        <el-button type="primary" class="ml-4" @click="getData2">查询</el-button>
+                    </div>
+                </div>
+                <v-charts style="height: 400px" :option="visitorOption" :autoresize="true" />
+            </div>
+        </el-card>
     </div>
 </template>
 
+<script lang="ts" setup name="statistics_user">
+import { apistatismarketingStatistics } from "@/api/statistics"
+// import { apiGetUserBasic, apiGetUserTrend } from '@/api/workbench'
+import moment from 'moment'
+import vCharts from 'vue-echarts'
 
 
-<script setup>
-import { reactive, ref } from "vue"
-import Project from "./components/Project.vue"
-import ProjectPayment from "./components/ProjectPayment.vue"
-import ProjectInvoice from "./components/ProjectInvoice.vue"
+
+// 表单数据
+const visitorOption: any = reactive({
+    xAxis: {
+        type: 'category',
+        data: [0],
+        axisLabel: {
+            rotate: 45,
+            color: '#333'
+        }
+    },
+    yAxis: {
+        type: 'value',
+        position: 'left',
+        axisLabel: {
+            formatter: '{value}'
+        }
+    },
+    grid: {
+        left: '3%',
+        right: '4%',
+        bottom: '3%',
+        containLabel: true
+    },
+    legend: {
+        data: ['访问量']
+    },
+    itemStyle: {
+        // 点的颜色。
+        color: 'red'
+    },
+    tooltip: {
+        trigger: 'axis'
+    },
+    series: [
+        {
+            name: '访问量',
+            data: [0],
+            type: 'line',
+            smooth: true
+        }
+    ]
+})
+
+// 颜色
+const colorList = ['#5DB1FF', '#4CD384', '#FFC46A', '#CAA5F1', '#FFC46A', '#4CD384', '#5DB1FF', '#CAA5F1']
+// 商品浏览量, 商品访客数, 加购件数, 下单件数, 支付件数, 支付金额, 成本金额, 退款金额, 退款件数, 访客-支付转化率
+const basicList = reactive([
+    // {
+    //     name: '访客数',
+    //     type: 'people',
+    //     icon: 'RectangleCopy',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '浏览量',
+    //     type: 'browse',
+    //     icon: 'RectangleCopy49',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '新增用户数',
+    //     type: 'newUser',
+    //     icon: 'RectangleCopy53',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '成交用户数',
+    //     type: 'payPeople',
+    //     icon: 'RectangleCopy5',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '访客-支付转换率',
+    //     type: 'payPercent',
+    //     icon: 'RectangleCopy4',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '激活付费会员数',
+    //     type: 'payUser',
+    //     icon: 'RectangleCopy7',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '充值用户数',
+    //     type: 'rechargePeople',
+    //     icon: 'RectangleCopy59',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '客单价',
+    //     type: 'payPrice',
+    //     icon: 'RectangleCopy15',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '累计用户',
+    //     type: 'cumulativeUser',
+    //     icon: 'RectangleCopy54',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '累计付费会员数',
+    //     type: 'cumulativePayUser',
+    //     icon: 'RectangleCopy7',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '累计充值用户数',
+    //     type: 'cumulativeRechargePeople',
+    //     icon: 'RectangleCopy6',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '累计成交用户数',
+    //     type: 'cumulativePayPeople',
+    //     icon: 'RectangleCopy9',
+    //     num: 0,
+    //     percent: 0
+    // }
+])
+const startEndTime = ref([new Date(), new Date()]);
+const startEndTime2 = ref([]);
 
 
-</script>
\ No newline at end of file
+const getData2 = () => {
+    let date = '';
+    if (startEndTime2.value[0] && startEndTime2.value[1]) date = moment(startEndTime2.value[0]).format('YYYY/MM/DD') + '-' + moment(startEndTime2.value[1]).format('YYYY/MM/DD');
+    apistatismarketingStatistics({
+        date: date
+    }).then(res => {
+        // 清空echarts 数据
+        visitorOption.xAxis.data = []
+        visitorOption.series = []
+        console.log(res)
+        visitorOption.xAxis.data = Object.keys(res[0].value)
+
+        res.forEach((item, index) => {
+            visitorOption.series[index] = {
+                type: 'line',
+                smooth: true,
+                data: Object.values(item.value),
+                name: item.title
+
+            }
+            basicList[index] = {
+                name: item.title,
+                type: 'people',
+                icon: 'RectangleCopy',
+                num: item.total_money,
+
+            }
+        })
+    })
+}
+
+onMounted(() => {
+    getData2()
+})
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/src/views/statistic_xm/components/Project.vue b/src/views/statistic_xm/components/Project.vue
deleted file mode 100644
index 04baec7..0000000
--- a/src/views/statistic_xm/components/Project.vue
+++ /dev/null
@@ -1,91 +0,0 @@
-<template>
-    <el-card style="width: 49.9%;">
-        <template #header>
-            <div class="card-header">
-                <span> 项目立项</span>
-            </div>
-        </template>
-
-
-        <!-- <div style="display: flex;justify-content: space-around;">
-            <router-link :to="{
-                path: item.url,
-                query: item.query ? { ...item.query } : null
-            }" v-for=" item in customList" :key="item" class="header-btn">
-                <div>
-                    <div>{{ item.value }}</div>
-                    <div>{{ item.name }}</div>
-                </div>
-            </router-link>
-        </div> -->
-        <div id="projectApproved" class="chart"></div>
-    </el-card>
-</template>
-<script setup>
-import * as echarts from 'echarts';
-import { apistatistisupervision_statisticproject } from '@/api/statistics'
-
-
-const initChart = (id, opt) => {
-    var chartDom = document.getElementById(id);
-    var myChart = echarts.init(chartDom);
-    myChart.setOption(opt);
-}
-
-const getData = async () => {
-    let res = await apistatistisupervision_statisticproject()
-    let option2 = {
-        title: {
-            text: '',
-            subtext: '',
-            left: 'center'
-        },
-        tooltip: {
-            trigger: 'item'
-        },
-
-        series: [
-            {
-                type: 'pie',
-                radius: '50%',
-                data: res.data,
-                emphasis: {
-                    itemStyle: {
-                        shadowBlur: 10,
-                        shadowOffsetX: 0,
-                        shadowColor: 'rgba(0, 0, 0, 0.5)'
-                    }
-                }
-            }
-        ]
-    };
-    initChart("projectApproved", option2)
-}
-
-
-getData()
-</script>
-<style lang="scss" scoped>
-#main,
-#main2,
-#main3 {
-    width: 100%;
-    height: 300px;
-}
-
-.chart {
-    width: 100%;
-    height: 300px;
-}
-
-.header-btn {
-    text-align: center;
-    cursor: pointer;
-    padding: 0px 10px;
-
-}
-
-.header-btn:active {
-    background-color: #EDEFFF;
-}
-</style>
\ No newline at end of file
diff --git a/src/views/statistic_xm/components/ProjectInvoice.vue b/src/views/statistic_xm/components/ProjectInvoice.vue
deleted file mode 100644
index 2446db6..0000000
--- a/src/views/statistic_xm/components/ProjectInvoice.vue
+++ /dev/null
@@ -1,208 +0,0 @@
-<template>
-    <el-card style="width: 49.9%;">
-        <template #header>
-            <div class="card-header">
-                <span>项目开票</span>
-            </div>
-        </template>
-        <div style="height:40px">
-            <el-date-picker v-model="year" @change='getCustom' value-format="YYYY" type="year" style="float:right"
-                :placeholder="year" />
-        </div>
-
-        <div style="display: flex;justify-content: space-around;">
-            <router-link :to="{
-                path: item.url,
-                query: item.query ? { year } : null
-            }" v-for=" item in customList" :key="item" class="header-btn">
-                <div>
-                    <div>{{ item.value() }}</div>
-                    <div>{{ item.name }}</div>
-                </div>
-            </router-link>
-        </div>
-        <div id="ProjectInvince" class="chart" v-if="showChart"></div>
-    </el-card>
-</template>
-<script setup>
-import * as echarts from 'echarts';
-import { apistatistisupervision_statisticinvoice } from '@/api/statistics'
-
-const year = ref(new Date().getFullYear())
-const showChart = ref(true)
-
-const customList = reactive([
-    {
-        name: "总开票金额",
-        value: () => {
-            return baseData.value.total_invoice_amount
-        },
-        url: ""
-
-    },
-    {
-        name: "年度开票金额",
-        value: () => {
-            return baseData.value.year_invoice_amount
-        },
-        url: ""
-
-    },
-    {
-        name: "总回款金额",
-        value: () => {
-            return baseData.value.total_refund_amount
-        },
-        url: ""
-
-    },
-    {
-        name: "年度回款金额",
-        value: () => {
-            return baseData.value.year_refund_amount
-        },
-        url: ""
-
-    },
-    {
-        name: "总结算金额",
-        value: () => {
-            return baseData.value.total_settlement_amount
-        },
-        url: ""
-
-    },
-    {
-        name: "年度结算金额",
-        value: () => {
-            return baseData.value.year_settlement_amount
-        },
-        url: ""
-
-    },
-
-
-
-])
-
-const labelOption = {
-    show: true,
-    rich: {
-        name: {}
-    }
-};
-
-const initChart = (id, opt) => {
-    var chartDom = document.getElementById(id);
-    var myChart = echarts.init(chartDom);
-    myChart.setOption(opt);
-}
-
-const baseData = ref({})
-
-const getCustom = async () => {
-    showChart.value = false
-    let res = await apistatistisupervision_statisticinvoice({ year: year.value })
-    baseData.value = res
-    showChart.value = true
-    await nextTick()
-    var option4 = {
-        tooltip: {
-            trigger: 'axis',
-            axisPointer: {
-                type: 'shadow'
-            }
-        },
-        legend: {
-            data: [res.invoice_series.name, res.refund_series.name, res.settlement_series.name]
-        },
-        toolbox: {
-            show: true,
-            orient: 'vertical',
-            left: 'right',
-            top: 'center',
-
-        },
-        xAxis: [
-            {
-                type: 'category',
-                axisTick: { show: false },
-                data: res.column
-            }
-        ],
-        yAxis: [
-            {
-                type: 'value'
-            }
-        ],
-        series: [
-            {
-                name: res.invoice_series.name,
-                type: 'bar',
-                barGap: 0,
-                label: labelOption,
-                emphasis: {
-                    focus: 'series'
-                },
-                data: res.invoice_series.data,
-                itemStyle: {
-                    normal: {
-                        label: {
-                        }
-                    }
-                }
-            },
-            {
-                name: res.refund_series.name,
-                type: 'bar',
-                label: labelOption,
-                emphasis: {
-                    focus: 'series'
-                },
-                data: res.refund_series.data,
-                itemStyle: {
-                    normal: {
-                        label: {
-                        }
-                    }
-                }
-            },
-            {
-                name: res.settlement_series.name,
-                type: 'bar',
-                label: labelOption,
-                emphasis: {
-                    focus: 'series'
-                },
-                data: res.settlement_series.data,
-                itemStyle: {
-                    normal: {
-                        label: {
-                        }
-                    }
-                }
-            },
-        ]
-    };
-
-    initChart("ProjectInvince", option4)
-}
-getCustom()
-</script>
-<style lang="scss" scoped>
-.chart {
-    width: 100%;
-    height: 300px;
-}
-
-.header-btn {
-    text-align: center;
-    cursor: pointer;
-    padding: 0px 10px;
-
-}
-
-.header-btn:active {
-    background-color: #EDEFFF;
-}
-</style>
\ No newline at end of file
diff --git a/src/views/statistic_xm/components/ProjectPayment.vue b/src/views/statistic_xm/components/ProjectPayment.vue
deleted file mode 100644
index 5ff34a6..0000000
--- a/src/views/statistic_xm/components/ProjectPayment.vue
+++ /dev/null
@@ -1,174 +0,0 @@
-<template>
-    <el-card style="width: 49.9%;">
-        <template #header>
-            <div class="card-header">
-                <span>计量支付</span>
-            </div>
-        </template>
-        <div style="height:40px">
-            <el-date-picker v-model="year" @change='getCustom' value-format="YYYY" type="year" style="float:right"
-                :placeholder="year" />
-        </div>
-
-        <div style="display: flex;justify-content: space-around;">
-            <router-link :to="{
-                path: item.url,
-                query: item.query ? { year } : null
-            }" v-for=" item in customList" :key="item" class="header-btn">
-                <div>
-                    <div>{{ item.value() }}</div>
-                    <div>{{ item.name }}</div>
-                </div>
-            </router-link>
-        </div>
-        <div id="ProjectPayment" class="chart" v-if="showChart"></div>
-    </el-card>
-</template>
-<script setup>
-import * as echarts from 'echarts';
-import { apistatistisupervision_statisticmeteredpayment } from '@/api/statistics'
-
-const year = ref(new Date().getFullYear())
-const showChart = ref(true)
-
-const customList = reactive([
-    {
-        name: "总进度",
-        value: () => {
-            return baseData.value.total_done
-        },
-        url: "/management/manage_invest/manage_metered_payment"
-
-    },
-    {
-        name: "年度进度",
-        value: () => {
-            return baseData.value.year_done
-        },
-        url: "/management/manage_invest/manage_metered_payment"
-
-    },
-    {
-        name: "总支付",
-        value: () => {
-            return baseData.value.total_payment
-        },
-        url: "/management/manage_invest/manage_metered_payment"
-
-    },
-    {
-        name: "年度支付",
-        value: () => {
-            return baseData.value.year_payment
-        },
-        url: "/management/manage_invest/manage_metered_payment"
-
-    },
-])
-
-const labelOption = {
-    show: true,
-    rich: {
-        name: {}
-    }
-};
-
-const initChart = (id, opt) => {
-    var chartDom = document.getElementById(id);
-    var myChart = echarts.init(chartDom);
-    myChart.setOption(opt);
-}
-
-const baseData = ref({})
-
-const getCustom = async () => {
-    showChart.value = false
-    let res = await apistatistisupervision_statisticmeteredpayment({ year: year.value })
-    baseData.value = res
-    showChart.value = true
-    await nextTick()
-    var option4 = {
-        tooltip: {
-            trigger: 'axis',
-            axisPointer: {
-                type: 'shadow'
-            }
-        },
-        legend: {
-            data: [res.complete_series.name, res.payment_series.name,]
-        },
-        toolbox: {
-            show: true,
-            orient: 'vertical',
-            left: 'right',
-            top: 'center',
-
-        },
-        xAxis: [
-            {
-                type: 'category',
-                axisTick: { show: false },
-                data: res.column
-            }
-        ],
-        yAxis: [
-            {
-                type: 'value'
-            }
-        ],
-        series: [
-            {
-                name: res.complete_series.name,
-                type: 'bar',
-                barGap: 0,
-                label: labelOption,
-                emphasis: {
-                    focus: 'series'
-                },
-                data: res.complete_series.data,
-                itemStyle: {
-                    normal: {
-                        label: {
-                        }
-                    }
-                }
-            },
-            {
-                name: res.payment_series.name,
-                type: 'bar',
-                label: labelOption,
-                emphasis: {
-                    focus: 'series'
-                },
-                data: res.payment_series.data,
-                itemStyle: {
-                    normal: {
-                        label: {
-                        }
-                    }
-                }
-            },
-        ]
-    };
-
-    initChart("ProjectPayment", option4)
-}
-getCustom()
-</script>
-<style lang="scss" scoped>
-.chart {
-    width: 100%;
-    height: 300px;
-}
-
-.header-btn {
-    text-align: center;
-    cursor: pointer;
-    padding: 0px 10px;
-
-}
-
-.header-btn:active {
-    background-color: #EDEFFF;
-}
-</style>
\ No newline at end of file
diff --git a/src/views/statistic_xm/index.vue b/src/views/statistic_xm/index.vue
index 151c944..321f52d 100644
--- a/src/views/statistic_xm/index.vue
+++ b/src/views/statistic_xm/index.vue
@@ -1,8 +1,10 @@
-<template>
+<!-- <template>
     <div style="display: flex;flex-wrap: wrap;justify-content: space-between;">
-        <Project></Project>
-        <ProjectInvoice></ProjectInvoice>
         <ProjectPayment></ProjectPayment>
+        <ProjectInvoice></ProjectInvoice>
+        <ProjectBid></ProjectBid>
+        <ProjectFund></ProjectFund>
+
     </div>
 </template>
 
@@ -10,9 +12,233 @@
 
 <script setup>
 import { reactive, ref } from "vue"
-import Project from "./components/Project.vue"
 import ProjectPayment from "./components/ProjectPayment.vue"
 import ProjectInvoice from "./components/ProjectInvoice.vue"
+import ProjectBid from "./components/ProjectBid.vue"
+import ProjectFund from "./components/ProjectFund.vue"
 
 
-</script>
\ No newline at end of file
+</script> -->
+<template>
+    <div class="workbench">
+        <el-card shadow="never" class=" !border-none">
+            <div class="mb-6 flex justify-between items-center">
+                <span class="text-2xl">概况</span>
+                <div class="flex items-center text-sm">
+                    <span class="mr-4">时间筛选: </span>
+                    <el-date-picker v-model="startEndTime" type="daterange" range-separator="至" start-placeholder="开始日期"
+                        end-placeholder="结束日期" unlink-panels @change="getData" />
+                    <el-button type="primary" class="ml-4" @click="getData">查询</el-button>
+                </div>
+            </div>
+            <div class="flex flex-wrap">
+                <div class="w-1/5 flex mb-6" v-for="(item, index) in basicList" :key="index">
+                    <div class="mr-2">
+                        <div class="rounded-full p-2" :style="{ 'background-color': colorList[index % 8] }">
+                            <iconfont :iconName="item.icon" white className="text-6xl" />
+                        </div>
+                    </div>
+                    <div>
+                        <div class="text-info">{{ item.name }}</div>
+                        <div class="text-6xl">{{ item.num }}</div>
+                        <!-- <div class="text-info">环比增长: <span :class="item.percent > 0 ? 'text-success' : 'text-danger'">{{
+                            item.percent }}%</span></div> -->
+                    </div>
+                </div>
+            </div>
+        </el-card>
+        <el-card shadow="never" class="mt-4 !border-none">
+            <div>
+                <div class="mb-6 flex justify-between items-center">
+                    <span class="text-2xl">用户趋势</span>
+                    <div class="flex items-center text-sm">
+                        <span class="mr-4">时间筛选: </span>
+                        <el-date-picker v-model="startEndTime2" type="daterange" range-separator="至"
+                            start-placeholder="开始日期" end-placeholder="结束日期" unlink-panels @change="getData2" />
+                        <el-button type="primary" class="ml-4" @click="getData2">查询</el-button>
+                    </div>
+                </div>
+                <v-charts style="height: 400px" :option="visitorOption" :autoresize="true" />
+            </div>
+        </el-card>
+    </div>
+</template>
+
+<script lang="ts" setup name="statistics_user">
+import { apistatisfinancialStatistics } from "@/api/statistics"
+import moment from 'moment'
+import vCharts from 'vue-echarts'
+
+// 表单数据
+const visitorOption: any = reactive({
+    xAxis: {
+        type: 'category',
+        data: [0],
+        axisLabel: {
+            rotate: 45,
+            color: '#333'
+        }
+    },
+    yAxis: {
+        type: 'value',
+        position: 'left',
+        axisLabel: {
+            formatter: '{value}'
+        }
+    },
+    grid: {
+        left: '3%',
+        right: '4%',
+        bottom: '3%',
+        containLabel: true
+    },
+    legend: {
+        data: ['访问量']
+    },
+    itemStyle: {
+        // 点的颜色。
+        color: 'red'
+    },
+    tooltip: {
+        trigger: 'axis'
+    },
+    series: [
+        {
+            name: '访问量',
+            data: [0],
+            type: 'line',
+            smooth: true
+        }
+    ]
+})
+
+// 颜色
+const colorList = ['#5DB1FF', '#4CD384', '#FFC46A', '#CAA5F1', '#FFC46A', '#4CD384', '#5DB1FF', '#CAA5F1']
+// 商品浏览量, 商品访客数, 加购件数, 下单件数, 支付件数, 支付金额, 成本金额, 退款金额, 退款件数, 访客-支付转化率
+const basicList = reactive([
+    // {
+    //     name: '访客数',
+    //     type: 'people',
+    //     icon: 'RectangleCopy',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '浏览量',
+    //     type: 'browse',
+    //     icon: 'RectangleCopy49',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '新增用户数',
+    //     type: 'newUser',
+    //     icon: 'RectangleCopy53',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '成交用户数',
+    //     type: 'payPeople',
+    //     icon: 'RectangleCopy5',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '访客-支付转换率',
+    //     type: 'payPercent',
+    //     icon: 'RectangleCopy4',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '激活付费会员数',
+    //     type: 'payUser',
+    //     icon: 'RectangleCopy7',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '充值用户数',
+    //     type: 'rechargePeople',
+    //     icon: 'RectangleCopy59',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '客单价',
+    //     type: 'payPrice',
+    //     icon: 'RectangleCopy15',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '累计用户',
+    //     type: 'cumulativeUser',
+    //     icon: 'RectangleCopy54',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '累计付费会员数',
+    //     type: 'cumulativePayUser',
+    //     icon: 'RectangleCopy7',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '累计充值用户数',
+    //     type: 'cumulativeRechargePeople',
+    //     icon: 'RectangleCopy6',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '累计成交用户数',
+    //     type: 'cumulativePayPeople',
+    //     icon: 'RectangleCopy9',
+    //     num: 0,
+    //     percent: 0
+    // }
+])
+const startEndTime = ref([new Date(), new Date()]);
+const startEndTime2 = ref([]);
+
+
+const getData2 = () => {
+    let date = '';
+    if (startEndTime2.value[0] && startEndTime2.value[1]) date = moment(startEndTime2.value[0]).format('YYYY/MM/DD') + '-' + moment(startEndTime2.value[1]).format('YYYY/MM/DD');
+    apistatisfinancialStatistics({
+        date: date
+    }).then(res => {
+        // 清空echarts 数据
+        visitorOption.xAxis.data = []
+        visitorOption.series = []
+        console.log(res)
+        visitorOption.xAxis.data = Object.keys(res[0].value)
+
+        res.forEach((item, index) => {
+            visitorOption.series[index] = {
+                type: 'line',
+                smooth: true,
+                data: Object.values(item.value),
+                name: item.title
+
+            }
+            basicList[index] = {
+                name: item.title,
+                type: 'people',
+                icon: 'RectangleCopy',
+                num: item.total_money,
+
+            }
+        })
+    })
+}
+
+onMounted(() => {
+    getData2()
+})
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/src/views/statistic_zj/components/Project.vue b/src/views/statistic_zj/components/Project.vue
deleted file mode 100644
index 5c50f23..0000000
--- a/src/views/statistic_zj/components/Project.vue
+++ /dev/null
@@ -1,92 +0,0 @@
-<template>
-    <el-card style="width: 49.9%;">
-        <template #header>
-            <div class="card-header">
-                <span> 项目立项</span>
-            </div>
-        </template>
-
-
-        <!-- <div style="display: flex;justify-content: space-around;">
-            <router-link :to="{
-                path: item.url,
-                query: item.query ? { ...item.query } : null
-            }" v-for=" item in customList" :key="item" class="header-btn">
-                <div>
-                    <div>{{ item.value }}</div>
-                    <div>{{ item.name }}</div>
-                </div>
-            </router-link>
-        </div> -->
-        <div id="projectApproved" class="chart"></div>
-    </el-card>
-</template>
-<script setup>
-import * as echarts from 'echarts';
-import { apistatisticoststatistics } from '@/api/statistics'
-
-
-const initChart = (id, opt) => {
-    var chartDom = document.getElementById(id);
-    var myChart = echarts.init(chartDom);
-    myChart.setOption(opt);
-}
-
-const getData = async () => {
-    let res = await apistatisticoststatistics()
-    let option2 = {
-        title: {
-            text: '',
-            subtext: '',
-            left: 'center'
-        },
-        tooltip: {
-            trigger: 'item'
-        },
-
-        series: [
-            {
-                name: '我的立项',
-                type: 'pie',
-                radius: '50%',
-                data: res.data,
-                emphasis: {
-                    itemStyle: {
-                        shadowBlur: 10,
-                        shadowOffsetX: 0,
-                        shadowColor: 'rgba(0, 0, 0, 0.5)'
-                    }
-                }
-            }
-        ]
-    };
-    initChart("projectApproved", option2)
-}
-
-
-getData()
-</script>
-<style lang="scss" scoped>
-#main,
-#main2,
-#main3 {
-    width: 100%;
-    height: 300px;
-}
-
-.chart {
-    width: 100%;
-    height: 300px;
-}
-
-.header-btn {
-    text-align: center;
-    cursor: pointer;
-    padding: 0px 10px;
-
-}
-
-.header-btn:active {
-    background-color: #EDEFFF;
-}
-</style>
\ No newline at end of file
diff --git a/src/views/statistic_zj/components/ProjectInvoice.vue b/src/views/statistic_zj/components/ProjectInvoice.vue
deleted file mode 100644
index 6f2945e..0000000
--- a/src/views/statistic_zj/components/ProjectInvoice.vue
+++ /dev/null
@@ -1,207 +0,0 @@
-<template>
-    <el-card style="width: 49.9%;">
-        <template #header>
-            <div class="card-header">
-                <span>项目合同</span>
-            </div>
-        </template>
-        <div style="height:40px">
-            <el-date-picker v-model="year" @change='getCustom' value-format="YYYY" type="year" style="float:right"
-                :placeholder="year" />
-        </div>
-
-        <div style="display: flex;justify-content: space-around;">
-            <router-link :to="{
-                path: item.url,
-                query: item.query ? { year } : null
-            }" v-for=" item in customList" :key="item" class="header-btn">
-                <div>
-                    <div>{{ item.value() }}</div>
-                    <div>{{ item.name }}</div>
-                </div>
-            </router-link>
-        </div>
-        <div id="ProjectContract" class="chart" v-if="showChart"></div>
-    </el-card>
-</template>
-<script setup>
-import * as echarts from 'echarts';
-import { apistatisticoststatisticsinvoice } from '@/api/statistics'
-
-const year = ref(new Date().getFullYear())
-const showChart = ref(true)
-
-const customList = reactive([
-    {
-        name: "总开票金额",
-        value: () => {
-            return baseData.value.total_invoice_amount
-        },
-        url: ""
-
-    },
-    {
-        name: "年度开票金额",
-        value: () => {
-            return baseData.value.year_invoice_amount
-        },
-        url: ""
-
-    },
-    {
-        name: "总回款金额",
-        value: () => {
-            return baseData.value.total_refund_amount
-        },
-        url: ""
-
-    },
-    {
-        name: "年度回款金额",
-        value: () => {
-            return baseData.value.year_refund_amount
-        },
-        url: ""
-
-    },
-    {
-        name: "总结算金额",
-        value: () => {
-            return baseData.value.total_settlement_amount
-        },
-        url: ""
-
-    },
-    {
-        name: "年度结算金额",
-        value: () => {
-            return baseData.value.year_settlement_amount
-        },
-        url: ""
-
-    },
-
-
-])
-
-const labelOption = {
-    show: true,
-    rich: {
-        name: {}
-    }
-};
-
-const initChart = (id, opt) => {
-    var chartDom = document.getElementById(id);
-    var myChart = echarts.init(chartDom);
-    myChart.setOption(opt);
-}
-
-const baseData = ref({})
-
-const getCustom = async () => {
-    showChart.value = false
-    let res = await apistatisticoststatisticsinvoice({ year: year.value })
-    baseData.value = res
-    showChart.value = true
-    await nextTick()
-    var option4 = {
-        tooltip: {
-            trigger: 'axis',
-            axisPointer: {
-                type: 'shadow'
-            }
-        },
-        legend: {
-            data: [res.settlement_series.name, res.refund_series.name, res.settlement_series.name]
-        },
-        toolbox: {
-            show: true,
-            orient: 'vertical',
-            left: 'right',
-            top: 'center',
-
-        },
-        xAxis: [
-            {
-                type: 'category',
-                axisTick: { show: false },
-                data: res.column
-            }
-        ],
-        yAxis: [
-            {
-                type: 'value'
-            }
-        ],
-        series: [
-            {
-                name: res.invoice_series.name,
-                type: 'bar',
-                barGap: 0,
-                label: labelOption,
-                emphasis: {
-                    focus: 'series'
-                },
-                data: res.invoice_series.data,
-                itemStyle: {
-                    normal: {
-                        label: {
-                        }
-                    }
-                }
-            },
-            {
-                name: res.refund_series.name,
-                type: 'bar',
-                label: labelOption,
-                emphasis: {
-                    focus: 'series'
-                },
-                data: res.refund_series.data,
-                itemStyle: {
-                    normal: {
-                        label: {
-                        }
-                    }
-                }
-            },
-            {
-                name: res.settlement_series.name,
-                type: 'bar',
-                label: labelOption,
-                emphasis: {
-                    focus: 'series'
-                },
-                data: res.settlement_series.data,
-                itemStyle: {
-                    normal: {
-                        label: {
-                        }
-                    }
-                }
-            },
-        ]
-    };
-
-    initChart("ProjectContract", option4)
-}
-getCustom()
-</script>
-<style lang="scss" scoped>
-.chart {
-    width: 100%;
-    height: 300px;
-}
-
-.header-btn {
-    text-align: center;
-    cursor: pointer;
-    padding: 0px 10px;
-
-}
-
-.header-btn:active {
-    background-color: #EDEFFF;
-}
-</style>
\ No newline at end of file
diff --git a/src/views/statistic_zj/components/ProjectPayment.vue b/src/views/statistic_zj/components/ProjectPayment.vue
deleted file mode 100644
index 4680013..0000000
--- a/src/views/statistic_zj/components/ProjectPayment.vue
+++ /dev/null
@@ -1,176 +0,0 @@
-<template>
-    <el-card style="width: 49.9%;">
-        <template #header>
-            <div class="card-header">
-                <span>项目开票</span>
-            </div>
-        </template>
-        <div style="height:40px">
-            <el-date-picker v-model="year" @change='getCustom' value-format="YYYY" type="year" style="float:right"
-                :placeholder="year" />
-        </div>
-
-        <div style="display: flex;justify-content: space-around;">
-            <router-link :to="{
-                path: item.url,
-                query: item.query ? { year } : null
-            }" v-for=" item in customList" :key="item" class="header-btn">
-                <div>
-                    <div>{{ item.value() }}</div>
-                    <div>{{ item.name }}</div>
-                </div>
-            </router-link>
-        </div>
-        <div id="ProjectPayment" class="chart" v-if="showChart"></div>
-    </el-card>
-</template>
-<script setup>
-import * as echarts from 'echarts';
-import { apistatisticoststatisticsamout } from '@/api/statistics'
-
-const year = ref(new Date().getFullYear())
-const showChart = ref(true)
-
-const customList = reactive([
-    {
-        name: "总签约金额",
-        value: () => {
-            return baseData.value.total_signed_amount
-        },
-        url: ""
-
-    },
-    {
-        name: "总投资金额",
-        value: () => {
-            return baseData.value.total_invest_amount
-        },
-        url: ""
-
-    },
-    {
-        name: "年度签约金额",
-        value: () => {
-            return baseData.value.year_signed_amount
-        },
-        url: ""
-
-    },
-    {
-        name: "年度投资金额",
-        value: () => {
-            return baseData.value.year_invest_amount
-        },
-        url: ""
-
-    },
-
-
-])
-
-const labelOption = {
-    show: true,
-    rich: {
-        name: {}
-    }
-};
-
-const initChart = (id, opt) => {
-    var chartDom = document.getElementById(id);
-    var myChart = echarts.init(chartDom);
-    myChart.setOption(opt);
-}
-
-const baseData = ref({})
-
-const getCustom = async () => {
-    showChart.value = false
-    let res = await apistatisticoststatisticsamout({ year: year.value })
-    baseData.value = res
-    showChart.value = true
-    await nextTick()
-    var option4 = {
-        tooltip: {
-            trigger: 'axis',
-            axisPointer: {
-                type: 'shadow'
-            }
-        },
-        legend: {
-            data: [res.signed_series.name, res.invest_series.name]
-        },
-        toolbox: {
-            show: true,
-            orient: 'vertical',
-            left: 'right',
-            top: 'center',
-
-        },
-        xAxis: [
-            {
-                type: 'category',
-                axisTick: { show: false },
-                data: res.column
-            }
-        ],
-        yAxis: [
-            {
-                type: 'value'
-            }
-        ],
-        series: [
-            {
-                name: res.signed_series.name,
-                type: 'bar',
-                barGap: 0,
-                label: labelOption,
-                emphasis: {
-                    focus: 'series'
-                },
-                data: res.signed_series.data,
-                itemStyle: {
-                    normal: {
-                        label: {
-                        }
-                    }
-                }
-            },
-            {
-                name: res.invest_series.name,
-                type: 'bar',
-                label: labelOption,
-                emphasis: {
-                    focus: 'series'
-                },
-                data: res.invest_series.data,
-                itemStyle: {
-                    normal: {
-                        label: {
-                        }
-                    }
-                }
-            },
-        ]
-    };
-
-    initChart("ProjectPayment", option4)
-}
-getCustom()
-</script>
-<style lang="scss" scoped>
-.chart {
-    width: 100%;
-    height: 300px;
-}
-
-.header-btn {
-    text-align: center;
-    cursor: pointer;
-    padding: 0px 10px;
-
-}
-
-.header-btn:active {
-    background-color: #EDEFFF;
-}
-</style>
\ No newline at end of file
diff --git a/src/views/statistic_zj/index.vue b/src/views/statistic_zj/index.vue
index 9ba2388..7254e55 100644
--- a/src/views/statistic_zj/index.vue
+++ b/src/views/statistic_zj/index.vue
@@ -1,19 +1,224 @@
-<template>
-    <div style="display: flex;flex-wrap: wrap;justify-content: space-between;">
-        <Project></Project>
-        <ProjectPayment></ProjectPayment>
-        <ProjectInvoice></ProjectInvoice>
 
+<template>
+    <div class="workbench">
+        <el-card shadow="never" class=" !border-none">
+            <div class="mb-6 flex justify-between items-center">
+                <span class="text-2xl">概况</span>
+                <div class="flex items-center text-sm">
+                    <span class="mr-4">时间筛选: </span>
+                    <el-date-picker v-model="startEndTime" type="daterange" range-separator="至" start-placeholder="开始日期"
+                        end-placeholder="结束日期" unlink-panels @change="getData" />
+                    <el-button type="primary" class="ml-4" @click="getData">查询</el-button>
+                </div>
+            </div>
+            <div class="flex flex-wrap">
+                <div class="w-1/5 flex mb-6" v-for="(item, index) in basicList" :key="index">
+                    <div class="mr-2">
+                        <div class="rounded-full p-2" :style="{ 'background-color': colorList[index % 8] }">
+                            <iconfont :iconName="item.icon" white className="text-6xl" />
+                        </div>
+                    </div>
+                    <div>
+                        <div class="text-info">{{ item.name }}</div>
+                        <div class="text-6xl">{{ item.num }}</div>
+                        <!-- <div class="text-info">环比增长: <span :class="item.percent > 0 ? 'text-success' : 'text-danger'">{{
+                            item.percent }}%</span></div> -->
+                    </div>
+                </div>
+            </div>
+        </el-card>
+        <el-card shadow="never" class="mt-4 !border-none">
+            <div>
+                <div class="mb-6 flex justify-between items-center">
+                    <span class="text-2xl">用户趋势</span>
+                    <div class="flex items-center text-sm">
+                        <span class="mr-4">时间筛选: </span>
+                        <el-date-picker v-model="startEndTime2" type="daterange" range-separator="至"
+                            start-placeholder="开始日期" end-placeholder="结束日期" unlink-panels @change="getData2" />
+                        <el-button type="primary" class="ml-4" @click="getData2">查询</el-button>
+                    </div>
+                </div>
+                <v-charts style="height: 400px" :option="visitorOption" :autoresize="true" />
+            </div>
+        </el-card>
     </div>
 </template>
 
+<script lang="ts" setup name="statistics_user">
+import { apistatisfinancialStatistics } from "@/api/statistics"
+import moment from 'moment'
+import vCharts from 'vue-echarts'
+
+// 表单数据
+const visitorOption: any = reactive({
+    xAxis: {
+        type: 'category',
+        data: [0],
+        axisLabel: {
+            rotate: 45,
+            color: '#333'
+        }
+    },
+    yAxis: {
+        type: 'value',
+        position: 'left',
+        axisLabel: {
+            formatter: '{value}'
+        }
+    },
+    grid: {
+        left: '3%',
+        right: '4%',
+        bottom: '3%',
+        containLabel: true
+    },
+    legend: {
+        data: ['访问量']
+    },
+    itemStyle: {
+        // 点的颜色。
+        color: 'red'
+    },
+    tooltip: {
+        trigger: 'axis'
+    },
+    series: [
+        {
+            name: '访问量',
+            data: [0],
+            type: 'line',
+            smooth: true
+        }
+    ]
+})
+
+// 颜色
+const colorList = ['#5DB1FF', '#4CD384', '#FFC46A', '#CAA5F1', '#FFC46A', '#4CD384', '#5DB1FF', '#CAA5F1']
+// 商品浏览量, 商品访客数, 加购件数, 下单件数, 支付件数, 支付金额, 成本金额, 退款金额, 退款件数, 访客-支付转化率
+const basicList = reactive([
+    // {
+    //     name: '访客数',
+    //     type: 'people',
+    //     icon: 'RectangleCopy',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '浏览量',
+    //     type: 'browse',
+    //     icon: 'RectangleCopy49',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '新增用户数',
+    //     type: 'newUser',
+    //     icon: 'RectangleCopy53',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '成交用户数',
+    //     type: 'payPeople',
+    //     icon: 'RectangleCopy5',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '访客-支付转换率',
+    //     type: 'payPercent',
+    //     icon: 'RectangleCopy4',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '激活付费会员数',
+    //     type: 'payUser',
+    //     icon: 'RectangleCopy7',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '充值用户数',
+    //     type: 'rechargePeople',
+    //     icon: 'RectangleCopy59',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '客单价',
+    //     type: 'payPrice',
+    //     icon: 'RectangleCopy15',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '累计用户',
+    //     type: 'cumulativeUser',
+    //     icon: 'RectangleCopy54',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '累计付费会员数',
+    //     type: 'cumulativePayUser',
+    //     icon: 'RectangleCopy7',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '累计充值用户数',
+    //     type: 'cumulativeRechargePeople',
+    //     icon: 'RectangleCopy6',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '累计成交用户数',
+    //     type: 'cumulativePayPeople',
+    //     icon: 'RectangleCopy9',
+    //     num: 0,
+    //     percent: 0
+    // }
+])
+const startEndTime = ref([new Date(), new Date()]);
+const startEndTime2 = ref([]);
 
 
-<script setup>
-import { reactive, ref } from "vue"
-import Project from "./components/Project.vue"
-import ProjectPayment from "./components/ProjectPayment.vue"
-import ProjectInvoice from "./components/ProjectInvoice.vue"
+const getData2 = () => {
+    let date = '';
+    if (startEndTime2.value[0] && startEndTime2.value[1]) date = moment(startEndTime2.value[0]).format('YYYY/MM/DD') + '-' + moment(startEndTime2.value[1]).format('YYYY/MM/DD');
+    apistatisfinancialStatistics({
+        date: date
+    }).then(res => {
+        // 清空echarts 数据
+        visitorOption.xAxis.data = []
+        visitorOption.series = []
+        console.log(res)
+        visitorOption.xAxis.data = Object.keys(res[0].value)
 
+        res.forEach((item, index) => {
+            visitorOption.series[index] = {
+                type: 'line',
+                smooth: true,
+                data: Object.values(item.value),
+                name: item.title
 
-</script>
\ No newline at end of file
+            }
+            basicList[index] = {
+                name: item.title,
+                type: 'people',
+                icon: 'RectangleCopy',
+                num: item.total_money,
+
+            }
+        })
+    })
+}
+
+onMounted(() => {
+    getData2()
+})
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/src/views/statistic_zx/components/Project.vue b/src/views/statistic_zx/components/Project.vue
deleted file mode 100644
index 76a6fcd..0000000
--- a/src/views/statistic_zx/components/Project.vue
+++ /dev/null
@@ -1,91 +0,0 @@
-<template>
-    <el-card style="width: 49.9%;">
-        <template #header>
-            <div class="card-header">
-                <span> 项目立项</span>
-            </div>
-        </template>
-
-
-        <!-- <div style="display: flex;justify-content: space-around;">
-            <router-link :to="{
-                path: item.url,
-                query: item.query ? { ...item.query } : null
-            }" v-for=" item in customList" :key="item" class="header-btn">
-                <div>
-                    <div>{{ item.value }}</div>
-                    <div>{{ item.name }}</div>
-                </div>
-            </router-link>
-        </div> -->
-        <div id="projectApproved" class="chart"></div>
-    </el-card>
-</template>
-<script setup>
-import * as echarts from 'echarts';
-import { apistatisticonsult_statisticsproject } from '@/api/statistics'
-
-
-const initChart = (id, opt) => {
-    var chartDom = document.getElementById(id);
-    var myChart = echarts.init(chartDom);
-    myChart.setOption(opt);
-}
-
-const getData = async () => {
-    let res = await apistatisticonsult_statisticsproject()
-    let option2 = {
-        title: {
-            text: '',
-            subtext: '',
-            left: 'center'
-        },
-        tooltip: {
-            trigger: 'item'
-        },
-
-        series: [
-            {
-                type: 'pie',
-                radius: '50%',
-                data: res.data,
-                emphasis: {
-                    itemStyle: {
-                        shadowBlur: 10,
-                        shadowOffsetX: 0,
-                        shadowColor: 'rgba(0, 0, 0, 0.5)'
-                    }
-                }
-            }
-        ]
-    };
-    initChart("projectApproved", option2)
-}
-
-
-getData()
-</script>
-<style lang="scss" scoped>
-#main,
-#main2,
-#main3 {
-    width: 100%;
-    height: 300px;
-}
-
-.chart {
-    width: 100%;
-    height: 300px;
-}
-
-.header-btn {
-    text-align: center;
-    cursor: pointer;
-    padding: 0px 10px;
-
-}
-
-.header-btn:active {
-    background-color: #EDEFFF;
-}
-</style>
\ No newline at end of file
diff --git a/src/views/statistic_zx/components/ProjectInvoice.vue b/src/views/statistic_zx/components/ProjectInvoice.vue
deleted file mode 100644
index 6c24302..0000000
--- a/src/views/statistic_zx/components/ProjectInvoice.vue
+++ /dev/null
@@ -1,208 +0,0 @@
-<template>
-    <el-card style="width: 49.9%;">
-        <template #header>
-            <div class="card-header">
-                <span>项目开票</span>
-            </div>
-        </template>
-        <div style="height:40px">
-            <el-date-picker v-model="year" @change='getCustom' value-format="YYYY" type="year" style="float:right"
-                :placeholder="year" />
-        </div>
-
-        <div style="display: flex;justify-content: space-around;">
-            <router-link :to="{
-                path: item.url,
-                query: item.query ? { year } : null
-            }" v-for=" item in customList" :key="item" class="header-btn">
-                <div>
-                    <div>{{ item.value() }}</div>
-                    <div>{{ item.name }}</div>
-                </div>
-            </router-link>
-        </div>
-        <div id="ProjectInvince" class="chart" v-if="showChart"></div>
-    </el-card>
-</template>
-<script setup>
-import * as echarts from 'echarts';
-import { apistatisticonsult_statisticsinvoice } from '@/api/statistics'
-
-const year = ref(new Date().getFullYear())
-const showChart = ref(true)
-
-const customList = reactive([
-    {
-        name: "总开票金额",
-        value: () => {
-            return baseData.value.total_invoice_amount
-        },
-        url: ""
-
-    },
-    {
-        name: "年度开票金额",
-        value: () => {
-            return baseData.value.year_invoice_amount
-        },
-        url: ""
-
-    },
-    {
-        name: "总回款金额",
-        value: () => {
-            return baseData.value.total_refund_amount
-        },
-        url: ""
-
-    },
-    {
-        name: "年度回款金额",
-        value: () => {
-            return baseData.value.year_refund_amount
-        },
-        url: ""
-
-    },
-    {
-        name: "总结算金额",
-        value: () => {
-            return baseData.value.total_settlement_amount
-        },
-        url: ""
-
-    },
-    {
-        name: "年度结算金额",
-        value: () => {
-            return baseData.value.year_settlement_amount
-        },
-        url: ""
-
-    },
-
-
-
-])
-
-const labelOption = {
-    show: true,
-    rich: {
-        name: {}
-    }
-};
-
-const initChart = (id, opt) => {
-    var chartDom = document.getElementById(id);
-    var myChart = echarts.init(chartDom);
-    myChart.setOption(opt);
-}
-
-const baseData = ref({})
-
-const getCustom = async () => {
-    showChart.value = false
-    let res = await apistatisticonsult_statisticsinvoice({ year: year.value })
-    baseData.value = res
-    showChart.value = true
-    await nextTick()
-    var option4 = {
-        tooltip: {
-            trigger: 'axis',
-            axisPointer: {
-                type: 'shadow'
-            }
-        },
-        legend: {
-            data: [res.invoice_series.name, res.refund_series.name, res.settlement_series.name]
-        },
-        toolbox: {
-            show: true,
-            orient: 'vertical',
-            left: 'right',
-            top: 'center',
-
-        },
-        xAxis: [
-            {
-                type: 'category',
-                axisTick: { show: false },
-                data: res.column
-            }
-        ],
-        yAxis: [
-            {
-                type: 'value'
-            }
-        ],
-        series: [
-            {
-                name: res.invoice_series.name,
-                type: 'bar',
-                barGap: 0,
-                label: labelOption,
-                emphasis: {
-                    focus: 'series'
-                },
-                data: res.invoice_series.data,
-                itemStyle: {
-                    normal: {
-                        label: {
-                        }
-                    }
-                }
-            },
-            {
-                name: res.refund_series.name,
-                type: 'bar',
-                label: labelOption,
-                emphasis: {
-                    focus: 'series'
-                },
-                data: res.refund_series.data,
-                itemStyle: {
-                    normal: {
-                        label: {
-                        }
-                    }
-                }
-            },
-            {
-                name: res.settlement_series.name,
-                type: 'bar',
-                label: labelOption,
-                emphasis: {
-                    focus: 'series'
-                },
-                data: res.settlement_series.data,
-                itemStyle: {
-                    normal: {
-                        label: {
-                        }
-                    }
-                }
-            },
-        ]
-    };
-
-    initChart("ProjectInvince", option4)
-}
-getCustom()
-</script>
-<style lang="scss" scoped>
-.chart {
-    width: 100%;
-    height: 300px;
-}
-
-.header-btn {
-    text-align: center;
-    cursor: pointer;
-    padding: 0px 10px;
-
-}
-
-.header-btn:active {
-    background-color: #EDEFFF;
-}
-</style>
\ No newline at end of file
diff --git a/src/views/statistic_zx/index.vue b/src/views/statistic_zx/index.vue
index 92d947b..321f52d 100644
--- a/src/views/statistic_zx/index.vue
+++ b/src/views/statistic_zx/index.vue
@@ -1,7 +1,9 @@
-<template>
+<!-- <template>
     <div style="display: flex;flex-wrap: wrap;justify-content: space-between;">
-        <Project></Project>
+        <ProjectPayment></ProjectPayment>
         <ProjectInvoice></ProjectInvoice>
+        <ProjectBid></ProjectBid>
+        <ProjectFund></ProjectFund>
 
     </div>
 </template>
@@ -10,8 +12,233 @@
 
 <script setup>
 import { reactive, ref } from "vue"
-import Project from "./components/Project.vue"
+import ProjectPayment from "./components/ProjectPayment.vue"
 import ProjectInvoice from "./components/ProjectInvoice.vue"
+import ProjectBid from "./components/ProjectBid.vue"
+import ProjectFund from "./components/ProjectFund.vue"
 
 
-</script>
\ No newline at end of file
+</script> -->
+<template>
+    <div class="workbench">
+        <el-card shadow="never" class=" !border-none">
+            <div class="mb-6 flex justify-between items-center">
+                <span class="text-2xl">概况</span>
+                <div class="flex items-center text-sm">
+                    <span class="mr-4">时间筛选: </span>
+                    <el-date-picker v-model="startEndTime" type="daterange" range-separator="至" start-placeholder="开始日期"
+                        end-placeholder="结束日期" unlink-panels @change="getData" />
+                    <el-button type="primary" class="ml-4" @click="getData">查询</el-button>
+                </div>
+            </div>
+            <div class="flex flex-wrap">
+                <div class="w-1/5 flex mb-6" v-for="(item, index) in basicList" :key="index">
+                    <div class="mr-2">
+                        <div class="rounded-full p-2" :style="{ 'background-color': colorList[index % 8] }">
+                            <iconfont :iconName="item.icon" white className="text-6xl" />
+                        </div>
+                    </div>
+                    <div>
+                        <div class="text-info">{{ item.name }}</div>
+                        <div class="text-6xl">{{ item.num }}</div>
+                        <!-- <div class="text-info">环比增长: <span :class="item.percent > 0 ? 'text-success' : 'text-danger'">{{
+                            item.percent }}%</span></div> -->
+                    </div>
+                </div>
+            </div>
+        </el-card>
+        <el-card shadow="never" class="mt-4 !border-none">
+            <div>
+                <div class="mb-6 flex justify-between items-center">
+                    <span class="text-2xl">用户趋势</span>
+                    <div class="flex items-center text-sm">
+                        <span class="mr-4">时间筛选: </span>
+                        <el-date-picker v-model="startEndTime2" type="daterange" range-separator="至"
+                            start-placeholder="开始日期" end-placeholder="结束日期" unlink-panels @change="getData2" />
+                        <el-button type="primary" class="ml-4" @click="getData2">查询</el-button>
+                    </div>
+                </div>
+                <v-charts style="height: 400px" :option="visitorOption" :autoresize="true" />
+            </div>
+        </el-card>
+    </div>
+</template>
+
+<script lang="ts" setup name="statistics_user">
+import { apistatisfinancialStatistics } from "@/api/statistics"
+import moment from 'moment'
+import vCharts from 'vue-echarts'
+
+// 表单数据
+const visitorOption: any = reactive({
+    xAxis: {
+        type: 'category',
+        data: [0],
+        axisLabel: {
+            rotate: 45,
+            color: '#333'
+        }
+    },
+    yAxis: {
+        type: 'value',
+        position: 'left',
+        axisLabel: {
+            formatter: '{value}'
+        }
+    },
+    grid: {
+        left: '3%',
+        right: '4%',
+        bottom: '3%',
+        containLabel: true
+    },
+    legend: {
+        data: ['访问量']
+    },
+    itemStyle: {
+        // 点的颜色。
+        color: 'red'
+    },
+    tooltip: {
+        trigger: 'axis'
+    },
+    series: [
+        {
+            name: '访问量',
+            data: [0],
+            type: 'line',
+            smooth: true
+        }
+    ]
+})
+
+// 颜色
+const colorList = ['#5DB1FF', '#4CD384', '#FFC46A', '#CAA5F1', '#FFC46A', '#4CD384', '#5DB1FF', '#CAA5F1']
+// 商品浏览量, 商品访客数, 加购件数, 下单件数, 支付件数, 支付金额, 成本金额, 退款金额, 退款件数, 访客-支付转化率
+const basicList = reactive([
+    // {
+    //     name: '访客数',
+    //     type: 'people',
+    //     icon: 'RectangleCopy',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '浏览量',
+    //     type: 'browse',
+    //     icon: 'RectangleCopy49',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '新增用户数',
+    //     type: 'newUser',
+    //     icon: 'RectangleCopy53',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '成交用户数',
+    //     type: 'payPeople',
+    //     icon: 'RectangleCopy5',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '访客-支付转换率',
+    //     type: 'payPercent',
+    //     icon: 'RectangleCopy4',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '激活付费会员数',
+    //     type: 'payUser',
+    //     icon: 'RectangleCopy7',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '充值用户数',
+    //     type: 'rechargePeople',
+    //     icon: 'RectangleCopy59',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '客单价',
+    //     type: 'payPrice',
+    //     icon: 'RectangleCopy15',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '累计用户',
+    //     type: 'cumulativeUser',
+    //     icon: 'RectangleCopy54',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '累计付费会员数',
+    //     type: 'cumulativePayUser',
+    //     icon: 'RectangleCopy7',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '累计充值用户数',
+    //     type: 'cumulativeRechargePeople',
+    //     icon: 'RectangleCopy6',
+    //     num: 0,
+    //     percent: 0
+    // },
+    // {
+    //     name: '累计成交用户数',
+    //     type: 'cumulativePayPeople',
+    //     icon: 'RectangleCopy9',
+    //     num: 0,
+    //     percent: 0
+    // }
+])
+const startEndTime = ref([new Date(), new Date()]);
+const startEndTime2 = ref([]);
+
+
+const getData2 = () => {
+    let date = '';
+    if (startEndTime2.value[0] && startEndTime2.value[1]) date = moment(startEndTime2.value[0]).format('YYYY/MM/DD') + '-' + moment(startEndTime2.value[1]).format('YYYY/MM/DD');
+    apistatisfinancialStatistics({
+        date: date
+    }).then(res => {
+        // 清空echarts 数据
+        visitorOption.xAxis.data = []
+        visitorOption.series = []
+        console.log(res)
+        visitorOption.xAxis.data = Object.keys(res[0].value)
+
+        res.forEach((item, index) => {
+            visitorOption.series[index] = {
+                type: 'line',
+                smooth: true,
+                data: Object.values(item.value),
+                name: item.title
+
+            }
+            basicList[index] = {
+                name: item.title,
+                type: 'people',
+                icon: 'RectangleCopy',
+                num: item.total_money,
+
+            }
+        })
+    })
+}
+
+onMounted(() => {
+    getData2()
+})
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/yarn.lock b/yarn.lock
index d65b571..5ebf9b1 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3062,6 +3062,11 @@
     "pathe" "^0.3.3"
     "pkg-types" "^0.3.3"
 
+"moment@^2.30.1":
+  "integrity" "sha512-uEmtNhbDOrWPFS+hdjFCBfy9f2YoyzRpwcl+DqpC6taX21FzsTLQVbMV/W7PzNSX6x/bhC1zA3c2UQ5NzH6how=="
+  "resolved" "https://registry.npmmirror.com/moment/-/moment-2.30.1.tgz"
+  "version" "2.30.1"
+
 "ms@^2.1.1":
   "integrity" "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
   "resolved" "https://registry.npmmirror.com/ms/-/ms-2.1.3.tgz"