diff --git a/react-ui/config/config.ts b/react-ui/config/config.ts
index 405f85cb..3b681f86 100644
--- a/react-ui/config/config.ts
+++ b/react-ui/config/config.ts
@@ -78,7 +78,7 @@ export default defineConfig({
    */
   title: '智能软件开发平台',
   layout: {
-    locale: true,
+    locale: false,
     ...defaultSettings,
   },
   // keepalive: [/./],
@@ -97,10 +97,8 @@ export default defineConfig({
    * @doc https://umijs.org/docs/max/i18n
    */
   locale: {
-    // default zh-CN
     default: 'zh-CN',
     antd: true,
-    // default true, when it is true, will use `navigator.language` overwrite default
     baseNavigator: true,
   },
   /**
@@ -110,6 +108,7 @@ export default defineConfig({
    */
   antd: {
     configProvider: {},
+    appConfig: {},
   },
   /**
    * @name 网络请求配置
diff --git a/react-ui/config/routes.ts b/react-ui/config/routes.ts
index a44c0cbb..cd81e412 100644
--- a/react-ui/config/routes.ts
+++ b/react-ui/config/routes.ts
@@ -13,7 +13,7 @@
 export default [
   {
     path: '/',
-    redirect: '/account/center',
+    redirect: '/workspace',
   },
   {
     path: '*',
@@ -88,13 +88,6 @@ export default [
       },
     ],
   },
-  {
-    name: 'experiment',
-    path: '/experiment',
-    routes: [
-      
-    ],
-  },
   {
     name: 'developmentEnvironment',
     path: '/developmentEnvironment',
@@ -127,14 +120,36 @@ export default [
     path: '/dataset',
     routes: [
       {
-        name: '数据集管理',
-        path: '/dataset/datasetIndex',
-        component: './Dataset/index',
+        name: '数据集',
+        path: 'dataset',
+        routes: [
+          {
+            name: '数据集列表',
+            path: '',
+            component: './Dataset/index',
+          },
+          {
+            name: '数据集简介',
+            path: ':id',
+            component: './Dataset/datasetIntro',
+          },
+        ],
       },
       {
-        name: '数据集简介',
-        path: '/dataset/datasetIntro/:id',
-        component: './Dataset/datasetIntro',
+        name: '模型',
+        path: 'model',
+        routes: [
+          {
+            name: '模型列表',
+            path: '',
+            component: './Model/index',
+          },
+          {
+            name: '模型简介',
+            path: ':id',
+            component: './Model/modelIntro',
+          },
+        ],
       },
       {
         name: '镜像',
@@ -157,19 +172,9 @@ export default [
           },
         ],
       },
-      {
-        name: '模型管理',
-        path: '/dataset/modelIndex',
-        component: './Model/index',
-      },
-      {
-        name: '模型简介',
-        path: '/dataset/modelIntro/:id',
-        component: './Model/modelIntro',
-      },
     ],
   },
-  
+
   {
     name: 'workspace',
     path: '/workspace',
@@ -177,7 +182,8 @@ export default [
       {
         name: '工作空间',
         path: '',
-        component: './missingPage.jsx',
+        key: 'workspace',
+        component: './Workspace/index',
       },
     ],
   },
@@ -188,11 +194,11 @@ export default [
       {
         name: '模型部署',
         path: '',
+        key: 'modelDseployment',
         component: './missingPage.jsx',
       },
     ],
   },
-  
   {
     name: 'appsDeployment',
     path: '/appsDeployment',
@@ -200,6 +206,7 @@ export default [
       {
         name: '应用开发',
         path: '',
+        key: 'appsDeployment',
         component: './missingPage.jsx',
       },
     ],
@@ -211,6 +218,7 @@ export default [
       {
         name: '监控运维',
         path: '',
+        key: 'see',
         component: './missingPage.jsx',
       },
     ],
@@ -242,4 +250,16 @@ export default [
       },
     ],
   },
+  {
+    name: 'docs',
+    path: '/docs',
+    routes: [
+      {
+        name: '使用指南',
+        path: '',
+        key: 'docs',
+        component: './Docs/index',
+      },
+    ],
+  },
 ];
diff --git a/react-ui/package.json b/react-ui/package.json
index a3ad6812..1534f112 100644
--- a/react-ui/package.json
+++ b/react-ui/package.json
@@ -60,6 +60,7 @@
     "@umijs/route-utils": "^4.0.1",
     "antd": "^5.4.4",
     "classnames": "^2.3.2",
+    "echarts": "^5.5.0",
     "fabric": "^5.3.0",
     "highlight.js": "^11.7.0",
     "lodash": "^4.17.21",
@@ -70,6 +71,7 @@
     "rc-menu": "^9.8.4",
     "rc-util": "^5.30.0",
     "react": "^18.2.0",
+    "react-activation": "^0.12.4",
     "react-cropper": "^2.3.3",
     "react-dev-inspector": "^1.8.1",
     "react-dom": "^18.2.0",
diff --git a/react-ui/public/assets/材料科研软件平台使用文档.pdf b/react-ui/public/assets/材料科研软件平台使用文档.pdf
new file mode 100644
index 00000000..2cebf49f
Binary files /dev/null and b/react-ui/public/assets/材料科研软件平台使用文档.pdf differ
diff --git a/react-ui/src/app.tsx b/react-ui/src/app.tsx
index db9ce231..a4642589 100644
--- a/react-ui/src/app.tsx
+++ b/react-ui/src/app.tsx
@@ -1,8 +1,7 @@
 import RightContent from '@/components/RightContent';
 import themes from '@/styles/theme.less';
 import type { Settings as LayoutSettings } from '@ant-design/pro-components';
-import type { RunTimeLayoutConfig } from '@umijs/max';
-import { history } from '@umijs/max';
+import { RuntimeConfig, history } from '@umijs/max';
 import { RuntimeAntdConfig } from 'umi';
 import defaultSettings from '../config/defaultSettings';
 import '../public/fonts/font.css';
@@ -10,6 +9,7 @@ import { getAccessToken } from './access';
 import './dayjsConfig';
 import { PageEnum } from './enums/pagesEnums';
 import './global.less';
+import { removeAllPageCacheState } from './hooks/pageCacheState';
 import {
   getRemoteMenu,
   getRoutersInfo,
@@ -29,20 +29,18 @@ export async function getInitialState(): Promise<{
   loading?: boolean;
   fetchUserInfo?: () => Promise<API.CurrentUser | undefined>;
 }> {
-  console.log('getInitialState');
-
+  // console.log('getInitialState');
   const fetchUserInfo = async () => {
     try {
       const response = await getUserInfo({
         skipErrorHandler: true,
       });
-      response.user.avatar =
-        response.user.avatar ||
-        'https://gw.alipayobjects.com/zos/rmsportal/BiazfanxmamNRoxxVxka.png';
       return {
         ...response.user,
+        avatar: response.user.avatar || require('@/assets/img/avatar-default.png'),
         permissions: response.permissions,
         roles: response.roles,
+        roleNames: response.user.roles,
       } as API.CurrentUser;
     } catch (error) {
       console.log(error);
@@ -67,7 +65,7 @@ export async function getInitialState(): Promise<{
 }
 
 // ProLayout 支持的api https://procomponents.ant.design/components/layout
-export const layout: RunTimeLayoutConfig = ({ initialState }) => {
+export const layout: RuntimeConfig['layout'] = ({ initialState }) => {
   return {
     rightContentRender: () => <RightContent />,
     waterMarkProps: {
@@ -129,7 +127,7 @@ export const layout: RunTimeLayoutConfig = ({ initialState }) => {
     //     </Link>,
     //   ]
     //   : [],
-    menuHeaderRender: undefined,
+    menuHeaderRender: false,
     // 自定义 403 页面
     // unAccessible: <div>unAccessible</div>,
     // 增加一个 loading 的状态
@@ -137,30 +135,66 @@ export const layout: RunTimeLayoutConfig = ({ initialState }) => {
       // if (initialState?.loading) return <PageLoading />;
       return <>{children}</>;
     },
+    menuProps: {
+      onClick: () => {
+        // 点击菜单项，删除所有的页面 state 缓存
+        removeAllPageCacheState();
+      },
+      // onSelect: (e) => {
+      //   console.log(e);
+      // },
+    },
     ...initialState?.settings,
+    token: {
+      sider: {
+        colorTextMenu: themes['textColor'],
+        colorTextMenuSelected: themes['primaryColor'],
+        colorTextMenuActive: themes['primaryColor'],
+        colorBgMenuItemSelected: 'rgba(197, 232, 255, 0.8)',
+        colorMenuBackground: themes['siderBGColor'],
+      },
+    },
+    // menuItemRender: (itemProps, defaultDom, props) => {
+    //   console.log('menuItemProps', itemProps);
+    //   console.log('defaultDom', defaultDom);
+    //   console.log('props', props);
+
+    //   const { pathname } = window.location;
+    //   const isSelected = pathname === itemProps.path;
+
+    //   // 根据菜单项的状态动态显示不同的 icon
+    //   const icon = isSelected ? 'icon-developmentEnvironment-icon' : 'icon-kaifahuanjing';
+    //   return (
+    //     <Link to={itemProps.path || ''} target={itemProps.target}>
+    //       <KFIcon type={icon} />
+    //       {itemProps.name}
+    //     </Link>
+    //   );
+    // },
   };
 };
 
-export async function onRouteChange({ clientRoutes, location }: any) {
+export const onRouteChange: RuntimeConfig['onRouteChange'] = async (e) => {
+  const { location } = e;
   const menus = getRemoteMenu();
-  // console.log('onRouteChange', clientRoutes, location, menus);
+  console.log('onRouteChange', e);
   if (menus === null && location.pathname !== PageEnum.LOGIN) {
     console.log('refresh');
     history.go(0);
   }
-}
+};
 
-export function patchRoutes({ routes, routeComponents }: any) {
-  //console.log('patchRoutes', routes, routeComponents);
-}
+export const patchRoutes: RuntimeConfig['patchRoutes'] = (e) => {
+  console.log('patchRoutes', e);
+};
 
-export async function patchClientRoutes({ routes }: any) {
-  // console.log('patchClientRoutes', routes);
-  patchRouteWithRemoteMenus(routes);
-}
+export const patchClientRoutes: RuntimeConfig['patchClientRoutes'] = (e) => {
+  console.log('patchClientRoutes', e);
+  patchRouteWithRemoteMenus(e.routes);
+};
 
 export function render(oldRender: () => void) {
-  // console.log('render get routers', oldRender);
+  console.log('render');
   const token = getAccessToken();
   if (!token || token?.length === 0) {
     oldRender();
diff --git a/react-ui/src/assets/img/avatar-default.png b/react-ui/src/assets/img/avatar-default.png
new file mode 100644
index 00000000..b2022f38
Binary files /dev/null and b/react-ui/src/assets/img/avatar-default.png differ
diff --git a/react-ui/src/assets/img/blue-triangle.png b/react-ui/src/assets/img/blue-triangle.png
new file mode 100644
index 00000000..b82879d9
Binary files /dev/null and b/react-ui/src/assets/img/blue-triangle.png differ
diff --git a/react-ui/src/assets/img/functional-material.png b/react-ui/src/assets/img/functional-material.png
new file mode 100644
index 00000000..9eb39a70
Binary files /dev/null and b/react-ui/src/assets/img/functional-material.png differ
diff --git a/react-ui/src/assets/img/molecular-material.png b/react-ui/src/assets/img/molecular-material.png
new file mode 100644
index 00000000..5cd79357
Binary files /dev/null and b/react-ui/src/assets/img/molecular-material.png differ
diff --git a/react-ui/src/assets/img/user-avatar/1.png b/react-ui/src/assets/img/user-avatar/1.png
new file mode 100644
index 00000000..bb55cbb8
Binary files /dev/null and b/react-ui/src/assets/img/user-avatar/1.png differ
diff --git a/react-ui/src/assets/img/user-avatar/2.png b/react-ui/src/assets/img/user-avatar/2.png
new file mode 100644
index 00000000..941690cc
Binary files /dev/null and b/react-ui/src/assets/img/user-avatar/2.png differ
diff --git a/react-ui/src/assets/img/user-avatar/3.png b/react-ui/src/assets/img/user-avatar/3.png
new file mode 100644
index 00000000..36b9a8fd
Binary files /dev/null and b/react-ui/src/assets/img/user-avatar/3.png differ
diff --git a/react-ui/src/assets/img/user-avatar/4.png b/react-ui/src/assets/img/user-avatar/4.png
new file mode 100644
index 00000000..5f59cd8f
Binary files /dev/null and b/react-ui/src/assets/img/user-avatar/4.png differ
diff --git a/react-ui/src/assets/img/user-avatar/5.png b/react-ui/src/assets/img/user-avatar/5.png
new file mode 100644
index 00000000..7f815419
Binary files /dev/null and b/react-ui/src/assets/img/user-avatar/5.png differ
diff --git a/react-ui/src/assets/img/user-avatar/6.png b/react-ui/src/assets/img/user-avatar/6.png
new file mode 100644
index 00000000..df2b149b
Binary files /dev/null and b/react-ui/src/assets/img/user-avatar/6.png differ
diff --git a/react-ui/src/assets/img/user-avatar/7.png b/react-ui/src/assets/img/user-avatar/7.png
new file mode 100644
index 00000000..3526a286
Binary files /dev/null and b/react-ui/src/assets/img/user-avatar/7.png differ
diff --git a/react-ui/src/assets/img/user-avatar/8.png b/react-ui/src/assets/img/user-avatar/8.png
new file mode 100644
index 00000000..e672d96d
Binary files /dev/null and b/react-ui/src/assets/img/user-avatar/8.png differ
diff --git a/react-ui/src/assets/img/workspace-experiment.png b/react-ui/src/assets/img/workspace-experiment.png
new file mode 100644
index 00000000..bcd69981
Binary files /dev/null and b/react-ui/src/assets/img/workspace-experiment.png differ
diff --git a/react-ui/src/assets/img/workspace-intro-icon.png b/react-ui/src/assets/img/workspace-intro-icon.png
new file mode 100644
index 00000000..d6d75417
Binary files /dev/null and b/react-ui/src/assets/img/workspace-intro-icon.png differ
diff --git a/react-ui/src/assets/img/workspace-intro.png b/react-ui/src/assets/img/workspace-intro.png
new file mode 100644
index 00000000..a8bc72ac
Binary files /dev/null and b/react-ui/src/assets/img/workspace-intro.png differ
diff --git a/react-ui/src/assets/img/workspace-pipeline.png b/react-ui/src/assets/img/workspace-pipeline.png
new file mode 100644
index 00000000..fbbc3ed7
Binary files /dev/null and b/react-ui/src/assets/img/workspace-pipeline.png differ
diff --git a/react-ui/src/assets/img/workspace-quick-start.png b/react-ui/src/assets/img/workspace-quick-start.png
new file mode 100644
index 00000000..b4e9f43c
Binary files /dev/null and b/react-ui/src/assets/img/workspace-quick-start.png differ
diff --git a/react-ui/src/assets/img/workspace-user.png b/react-ui/src/assets/img/workspace-user.png
new file mode 100644
index 00000000..f64de254
Binary files /dev/null and b/react-ui/src/assets/img/workspace-user.png differ
diff --git a/react-ui/src/components/CommonTableCell/index.tsx b/react-ui/src/components/CommonTableCell/index.tsx
index 6493899e..65a1dff2 100644
--- a/react-ui/src/components/CommonTableCell/index.tsx
+++ b/react-ui/src/components/CommonTableCell/index.tsx
@@ -1,3 +1,9 @@
+/*
+ * @Author: 赵伟
+ * @Date: 2024-04-28 14:18:11
+ * @Description: 自定义 Table 单元格，没有数据时展示 --
+ */
+
 function CommonTableCell(text?: string | null) {
   return <span>{text ?? '--'}</span>;
 }
diff --git a/react-ui/src/components/DateTableCell/index.tsx b/react-ui/src/components/DateTableCell/index.tsx
index 1b7d785c..0b4efe93 100644
--- a/react-ui/src/components/DateTableCell/index.tsx
+++ b/react-ui/src/components/DateTableCell/index.tsx
@@ -1,3 +1,9 @@
+/*
+ * @Author: 赵伟
+ * @Date: 2024-04-28 14:18:11
+ * @Description: 自定义 Table 日期类单元格
+ */
+
 import dayjs from 'dayjs';
 
 function DateTableCell(text?: string | null) {
@@ -5,7 +11,7 @@ function DateTableCell(text?: string | null) {
     return <span>--</span>;
   }
   if (!dayjs(text).isValid()) {
-    return <span>日期无效</span>;
+    return <span>无效的日期</span>;
   }
   return <span>{dayjs(text).format('YYYY-MM-DD HH:mm:ss')}</span>;
 }
diff --git a/react-ui/src/components/IconSelector/IconPicSearcher.tsx b/react-ui/src/components/IconSelector/IconPicSearcher.tsx
index 2183f4d4..d80311c6 100644
--- a/react-ui/src/components/IconSelector/IconPicSearcher.tsx
+++ b/react-ui/src/components/IconSelector/IconPicSearcher.tsx
@@ -1,6 +1,7 @@
+import KFModal from '@/components/KFModal';
 import * as AntdIcons from '@ant-design/icons';
 import { useIntl } from '@umijs/max';
-import { Modal, Popover, Progress, Result, Spin, Tooltip, Upload } from 'antd';
+import { Popover, Progress, Result, Spin, Tooltip, Upload } from 'antd';
 import React, { useCallback, useEffect, useState } from 'react';
 import './style.less';
 
@@ -134,7 +135,7 @@ const PicSearcher: React.FC = () => {
       >
         <AntdIcons.CameraOutlined className="icon-pic-btn" onClick={toggleModal} />
       </Popover>
-      <Modal
+      <KFModal
         title={intl.formatMessage({
           id: 'app.docs.components.icon.pic-searcher.title',
           defaultMessage: '信息',
@@ -228,7 +229,7 @@ const PicSearcher: React.FC = () => {
             )}
           </div>
         </Spin>
-      </Modal>
+      </KFModal>
     </div>
   );
 };
diff --git a/react-ui/src/components/KFIcon/index.tsx b/react-ui/src/components/KFIcon/index.tsx
index eef4dbe7..e3951928 100644
--- a/react-ui/src/components/KFIcon/index.tsx
+++ b/react-ui/src/components/KFIcon/index.tsx
@@ -17,15 +17,16 @@ interface KFIconProps extends IconFontProps {
   font?: number;
   color?: string;
   style?: React.CSSProperties;
+  className?: string;
 }
 
-function KFIcon({ type, font = 15, color = '', style = {} }: KFIconProps) {
+function KFIcon({ type, font = 15, color = '', style = {}, className }: KFIconProps) {
   const iconStyle = {
     ...style,
     fontSize: font,
     color,
   };
-  return <Icon type={type} style={iconStyle} />;
+  return <Icon type={type} className={className} style={iconStyle} />;
 }
 
 export default KFIcon;
diff --git a/react-ui/src/components/KFModal/index.less b/react-ui/src/components/KFModal/index.less
index d24b6135..57153a58 100644
--- a/react-ui/src/components/KFModal/index.less
+++ b/react-ui/src/components/KFModal/index.less
@@ -1,30 +1,29 @@
 .kf-modal {
   .ant-modal-content {
-    padding: 20px 67px;
+    padding: 40px 67px;
     background-image: url(/assets/images/modal-back.png);
-background-repeat:no-repeat;
-background-size:100%;
-background-position: top center;
-    // background: linear-gradient(180deg, #cfdfff 0%, #d4e2ff 9.77%, #ffffff 40%, #ffffff 100%);
-    border-radius: 21px;
+    background-repeat: no-repeat;
+    background-position: top center;
+    background-size: 100%;
+    border-radius: 20px;
   }
   .ant-modal-header {
-    margin: 20px 0 30px;
+    margin-bottom: 30px;
     background-color: transparent;
   }
   .ant-modal-footer {
     display: flex;
     justify-content: center;
-    margin: 40px 0 20px 0;
+    margin-top: 40px;
 
     .ant-btn {
       height: 40px;
       padding: 0 30px;
-      font-size: 16px;
+      font-size: @font-size-content;
       border-radius: 10px;
     }
     .ant-btn-default {
-      color: #1d1d20;
+      color: @text-color;
       background: rgba(22, 100, 255, 0.06);
       border-color: transparent;
     }
@@ -32,10 +31,4 @@ background-position: top center;
       margin-left: 20px;
     }
   }
-  .ant-modal-close {
-    top: 27px;
-    right: 27px;
-    width: 26px;
-    height: 26px;
-  }
 }
diff --git a/react-ui/src/components/KFModal/index.tsx b/react-ui/src/components/KFModal/index.tsx
index 3491ca6b..0105324f 100644
--- a/react-ui/src/components/KFModal/index.tsx
+++ b/react-ui/src/components/KFModal/index.tsx
@@ -5,31 +5,22 @@
  */
 
 import ModalTitle from '@/components/ModalTitle';
-import { ConfigProvider, Modal, theme, type ModalProps } from 'antd';
+import { Modal, type ModalProps } from 'antd';
 import classNames from 'classnames';
-import { useAntdConfig } from 'umi';
 import './index.less';
 
-const { useToken } = theme;
-
 export interface KFModalProps extends ModalProps {
-  image: string;
+  image?: string;
 }
 function KFModal({ title, image, children, className = '', ...rest }: KFModalProps) {
-  const { token } = useToken();
-  console.log('token', token);
-  const antdConfig = useAntdConfig();
-  console.log('antdConfig', antdConfig);
   return (
-    <ConfigProvider {...antdConfig}>
-      <Modal
-        className={classNames(['kf-modal', className])}
-        {...rest}
-        title={<ModalTitle title={title} image={image}></ModalTitle>}
-      >
-        {children}
-      </Modal>
-    </ConfigProvider>
+    <Modal
+      className={classNames(['kf-modal', className])}
+      {...rest}
+      title={<ModalTitle title={title} image={image}></ModalTitle>}
+    >
+      {children}
+    </Modal>
   );
 }
 
diff --git a/react-ui/src/components/KFRadio/index.tsx b/react-ui/src/components/KFRadio/index.tsx
index b60a4d11..4bb4ccce 100644
--- a/react-ui/src/components/KFRadio/index.tsx
+++ b/react-ui/src/components/KFRadio/index.tsx
@@ -1,7 +1,7 @@
 /*
  * @Author: 赵伟
  * @Date: 2024-04-17 16:59:42
- * @Description: 自定义Radio
+ * @Description: 自定义 Radio
  */
 
 import classNames from 'classnames';
@@ -16,12 +16,14 @@ export type KFRadioItem = {
 type KFRadioProps = {
   items: KFRadioItem[];
   value?: string;
+  style?: React.CSSProperties;
+  className?: string;
   onChange?: (value: string) => void;
 };
 
-function KFRadio({ items, value, onChange }: KFRadioProps) {
+function KFRadio({ items, value, style, className, onChange }: KFRadioProps) {
   return (
-    <span className={'kf-radio'}>
+    <span className={classNames('kf-radio', className)} style={style}>
       {items.map((item) => {
         return (
           <span
diff --git a/react-ui/src/components/KFTabs/index.less b/react-ui/src/components/KFTabs/index.less
deleted file mode 100644
index f7c8581c..00000000
--- a/react-ui/src/components/KFTabs/index.less
+++ /dev/null
@@ -1,2 +0,0 @@
-.tabs-container {
-}
diff --git a/react-ui/src/components/KFTabs/index.tsx b/react-ui/src/components/KFTabs/index.tsx
deleted file mode 100644
index 2c14070d..00000000
--- a/react-ui/src/components/KFTabs/index.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-// import { Tabs } from 'antd';
-// import { useEffect, useState } from 'react';
-// import styles from './index.less';
-
-// function KFTabs() {
-//   const [iframeUrl, setIframeUrl] = useState('');
-//   useEffect(() => {}, []);
-
-//   return (
-//     <div className={styles}>
-//       <Tabs></Tabs>
-//     </div>
-//   );
-// }
-
-// export default KFTabs;
diff --git a/react-ui/src/components/ModalTitle/index.less b/react-ui/src/components/ModalTitle/index.less
index ac4d8360..20ebc539 100644
--- a/react-ui/src/components/ModalTitle/index.less
+++ b/react-ui/src/components/ModalTitle/index.less
@@ -1,11 +1,11 @@
-.modal_title {
+.modal-title {
   display: flex;
   align-items: center;
   color: @primary-color;
   font-weight: 400;
   font-size: 20px;
 
-  &_image {
+  &__image {
     width: 22px;
     margin-right: 10px;
   }
diff --git a/react-ui/src/components/ModalTitle/index.tsx b/react-ui/src/components/ModalTitle/index.tsx
index 34bdda74..11825486 100644
--- a/react-ui/src/components/ModalTitle/index.tsx
+++ b/react-ui/src/components/ModalTitle/index.tsx
@@ -1,15 +1,24 @@
+/*
+ * @Author: 赵伟
+ * @Date: 2024-04-28 14:18:11
+ * @Description: 自定义 Modal Title
+ */
+
+import classNames from 'classnames';
 import React from 'react';
 import styles from './index.less';
 
 type ModalTitleProps = {
   title: React.ReactNode;
   image?: string;
+  style?: React.CSSProperties;
+  className?: string;
 };
 
-function ModalTitle({ title, image }: ModalTitleProps) {
+function ModalTitle({ title, image, style, className }: ModalTitleProps) {
   return (
-    <div className={styles.modal_title}>
-      <img className={styles.modal_title_image} src={image} alt="" />
+    <div className={classNames(styles['modal-title'], className)} style={style}>
+      {image && <img className={styles['modal-title__image']} src={image} alt="" />}
       {title}
     </div>
   );
diff --git a/react-ui/src/components/RightContent/AvatarDropdown.tsx b/react-ui/src/components/RightContent/AvatarDropdown.tsx
index fca317ef..5f8d639a 100644
--- a/react-ui/src/components/RightContent/AvatarDropdown.tsx
+++ b/react-ui/src/components/RightContent/AvatarDropdown.tsx
@@ -2,7 +2,7 @@ import { clearSessionToken } from '@/access';
 import { setRemoteMenu } from '@/services/session';
 import { logout } from '@/services/system/auth';
 import { gotoLoginPage } from '@/utils/ui';
-import { LogoutOutlined, SettingOutlined, UserOutlined } from '@ant-design/icons';
+import { LogoutOutlined, UserOutlined } from '@ant-design/icons';
 import { setAlpha } from '@ant-design/pro-components';
 import { useEmotionCss } from '@ant-design/use-emotion-css';
 import { history, useModel } from '@umijs/max';
@@ -127,11 +127,11 @@ const AvatarDropdown: React.FC<GlobalHeaderRightProps> = ({ menu }) => {
             icon: <UserOutlined />,
             label: '个人中心',
           },
-          {
-            key: 'settings',
-            icon: <SettingOutlined />,
-            label: '个人设置',
-          },
+          // {
+          //   key: 'settings',
+          //   icon: <SettingOutlined />,
+          //   label: '个人设置',
+          // },
           {
             type: 'divider' as const,
           },
diff --git a/react-ui/src/components/RightContent/index.tsx b/react-ui/src/components/RightContent/index.tsx
index 6fbfa37c..70e57e23 100644
--- a/react-ui/src/components/RightContent/index.tsx
+++ b/react-ui/src/components/RightContent/index.tsx
@@ -48,7 +48,7 @@ const GlobalHeaderRight: React.FC = () => {
       >
         <QuestionCircleOutlined />
       </span> */}
-      <Avatar menu={false} />
+      <Avatar menu={true} />
       {/* <SelectLang className={actionClassName} /> */}
     </div>
   );
diff --git a/react-ui/src/components/SubAreaTitle/index.tsx b/react-ui/src/components/SubAreaTitle/index.tsx
index cfdef539..a1d5e33e 100644
--- a/react-ui/src/components/SubAreaTitle/index.tsx
+++ b/react-ui/src/components/SubAreaTitle/index.tsx
@@ -4,17 +4,19 @@
  * @Description: 分区标题
  */
 
+import classNames from 'classnames';
 import './index.less';
 
 type SubAreaTitleProps = {
   title: string;
   image: string;
   style?: React.CSSProperties;
+  className?: string;
 };
 
-function SubAreaTitle({ title, image, style }: SubAreaTitleProps) {
+function SubAreaTitle({ title, image, style, className }: SubAreaTitleProps) {
   return (
-    <div className={'kf-subarea-title'} style={style}>
+    <div className={classNames('kf-subarea-title', className)} style={style}>
       <img src={image} width={14} />
       <span style={{ marginLeft: '8px' }}>{title}</span>
     </div>
diff --git a/react-ui/src/global.less b/react-ui/src/global.less
index 4117cad0..5e9ab02e 100644
--- a/react-ui/src/global.less
+++ b/react-ui/src/global.less
@@ -1,6 +1,7 @@
 html,
 body,
 #root {
+  min-width: 1440px;
   height: 100%;
   margin: 0;
   padding: 0;
@@ -20,9 +21,6 @@ body,
 .ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed {
   left: unset;
 }
-.ant-layout-sider-children {
-  margin-top: 60px !important;
-}
 canvas {
   display: block;
 }
@@ -33,58 +31,29 @@ body {
   -moz-osx-font-smoothing: grayscale;
 }
 .ant-pro-layout .ant-pro-layout-content {
-  padding: 10px;
+  padding: 0 10px 10px;
+  background-color: transparent;
 }
 .ant-pro-layout .ant-pro-layout-bg-list {
-  background: #f9fafb;
+  background: @background-color;
 }
 
-.ant-menu-light .ant-menu-item-selected {
-  background: rgba(197, 232, 255, 0.8) !important;
-}
-.ant-menu-light .ant-menu-item-selected .ant-pro-base-menu-inline-item-text {
-  // color: #1664ff;
-}
-.ant-pro-layout .ant-pro-sider .ant-layout-sider-children {
-  background: #f2f5f7;
-}
 .ant-pro-base-menu-inline-item-title .ant-pro-base-menu-inline-item-text {
-  // color: #1d1d20;
   font-size: 16px;
 }
-// .ant-menu-light .ant-menu-item-selected{
-//   color:#1664ff;
-// }
+
 .ant-pro-layout .ant-pro-sider-menu {
   padding-top: 40px;
 }
-.ant-table-wrapper .ant-table-container table > thead > tr:first-child > *:first-child,
-.ant-table-wrapper .ant-table-tbody>tr>td:first-child {
-  padding: 0 30px;
-}
-
-
 .ant-pro-global-header-logo-mix {
-  width: 257px;
-  height: 75px;
-  margin-left: -16px;
-  padding-left: 28px;
-  background: #f2f5f7;
-  border-bottom: 1px solid rgba(233, 237, 240, 1);
-  border-top-right-radius: 20px;
+  padding-left: 12px;
 }
 .ant-pro-layout .ant-pro-sider .ant-layout-sider-children {
   border-right: unset;
-  border-bottom-right-radius: 20px;
 }
 .ant-pro-base-menu-inline {
-  // height: 87vh;
-  background: #f2f5f7;
   border-radius: 0px 20px 20px 0px;
 }
-.ant-pro-layout .ant-pro-layout-content {
-  background-color: transparent;
-}
 .ant-drawer .ant-drawer-body {
   padding: 0;
 }
@@ -102,99 +71,17 @@ body {
   padding: 20px 16px;
   background-color: #fff;
 }
-// .ant-table-wrapper .ant-table {
-//   height: 81vh;
-//   // overflow-y: auto;
-// }
 .ant-pro-global-header-logo img {
   height: 21px;
 }
 .ant-pro-layout .ant-layout-sider.ant-pro-sider {
-  height: 94vh;
+  height: 100vh;
+  padding-top: 56px;
 }
 .ant-pro-layout .ant-pro-layout-container {
   height: 100vh;
   overflow-y: hidden;
 }
-.ant-modal-confirm .ant-modal-confirm-paragraph {
-  margin: 54px 0 auto;
-  text-align: center;
-}
-.ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
-  display: none;
-}
-.ant-modal-confirm .ant-modal-confirm-btns {
-  margin-top: 30px;
-  text-align: center;
-}
-.ant-modal-confirm-btns .ant-btn-default {
-  width: 110px;
-  height: 40px;
-  margin-right: 10px;
-  // color: #1d1d20;
-  font-size: 18px;
-  background: rgba(22, 100, 255, 0.06);
-  border-color: transparent;
-  border-radius: 10px;
-}
-.ant-modal-confirm-btns .ant-btn-default:hover {
-  background: rgba(22, 100, 255, 0.06);
-  border-color: transparent;
-}
-.ant-modal-confirm-btns .ant-btn-primary {
-  width: 110px;
-  height: 40px;
-  font-size: 18px;
-  border-radius: 10px;
-  border-radius: 10px;
-}
-.ant-modal .ant-input-affix-wrapper {
-  height: 46px;
-  padding: 1px 11px;
-}
-.ant-input-textarea-affix-wrapper.ant-input-affix-wrapper{
-  padding: 0;
-}
-.ant-modal .ant-select-single {
-  height: 46px;
-}
-.ant-modal .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
-  line-height: 46px;
-}
-.ant-menu-light.ant-menu-inline .ant-menu-item{
-  color:#575757;
-}
-.ant-modal .ant-modal-close-x {
-  width: 26px;
-  height: 26px;
-  color: #272536;
-  border: 2px solid #272536;
-  border-radius: 50%;
-}
-.ant-modal-content {
-  margin-top: 50px;
-  margin-left: -130px;
-}
-.ant-modal .ant-modal-content {
-  padding: 0;
-}
-.ant-modal-confirm-body-wrapper {
-  height: 303px;
-  background-image: url(/assets/images/modal-back.png);
-  background-repeat: no-repeat;
-  background-position: top center;
-  background-size: 100%;
-  border-radius: 0;
-}
-.ant-modal .ant-modal-content {
-  border-radius: 20px;
-}
-.ant-modal .ant-modal-close:hover {
-  background-color: transparent;
-}
-.ant-modal .ant-modal-footer > .ant-btn + .ant-btn {
-  margin-left: 20px;
-}
 .ant-pagination .ant-pagination-item.ant-pagination-item-active {
   background: @primary-color;
   border-width: 0;
@@ -212,22 +99,18 @@ body {
   border: 1px solid #e6e6e6;
 }
 
-// ::-webkit-scrollbar-button {
-//   background: #97a1bd;
-// }
 ::-webkit-scrollbar {
-  width: 9px;
-  border-radius: 2px;
+  width: 8px;
+  background: transparent;
 }
 ::-webkit-scrollbar-thumb {
-  // background-color: #9aa3bc!important;
-  width: 7px;
-  background: rgba(77, 87, 123, 0.5) !important;
+  width: 8px;
+  background: rgba(0, 0, 0, 0.5);
+  border-radius: 99px;
 }
 ::-webkit-scrollbar-track {
-  // background-color: #eaf1ff!important;
-  width: 9px;
-  background: rgba(22, 100, 255, 0.06) !important;
+  width: 8px;
+  background: transparent;
 }
 ul,
 ol {
diff --git a/react-ui/src/hooks/index.ts b/react-ui/src/hooks/index.ts
index 24a80d81..1d56a24d 100644
--- a/react-ui/src/hooks/index.ts
+++ b/react-ui/src/hooks/index.ts
@@ -41,7 +41,7 @@ export function useVisible(initialValue: boolean) {
     setVisible(false);
   }, []);
 
-  return [visible, open, close];
+  return [visible, open, close] as const;
 }
 
 type Callback<T> = (state: T) => void;
@@ -92,7 +92,7 @@ export function useDomSize<T extends HTMLElement>(
         setWidth(domRef.current.offsetWidth);
       }
     };
-    const debounceFunc = debounce(setDomHeight, 200);
+    const debounceFunc = debounce(setDomHeight, 100);
 
     setDomHeight();
     window.addEventListener('resize', debounceFunc);
diff --git a/react-ui/src/hooks/pageCacheState.ts b/react-ui/src/hooks/pageCacheState.ts
new file mode 100644
index 00000000..9268a07a
--- /dev/null
+++ b/react-ui/src/hooks/pageCacheState.ts
@@ -0,0 +1,58 @@
+/*
+ * @Author: 赵伟
+ * @Date: 2024-04-28 11:49:48
+ * @Description: 页面状态缓存，pop 回到这个页面的时候，重新构建之前的状态
+ */
+
+import { useCallback, useState } from 'react';
+
+const pageKeys: string[] = [];
+// let stateCaches: Record<string, any> = {};
+
+// 获取页面缓存
+const getCacheState = (key: string) => {
+  const jsonStr = sessionStorage.getItem(key);
+  if (jsonStr) {
+    removeCacheState(key);
+    try {
+      return JSON.parse(jsonStr);
+    } catch (error) {
+      return undefined;
+    }
+  }
+  return undefined;
+};
+
+// 移除页面 state 缓存
+const removeCacheState = (key: string) => {
+  sessionStorage.removeItem(key);
+  const index = pageKeys.indexOf(key);
+  if (index !== -1) {
+    pageKeys.splice(index, 1);
+  }
+};
+
+// 移除所有页面 state 缓存
+export const removeAllPageCacheState = () => {
+  pageKeys.forEach((key) => {
+    sessionStorage.removeItem(key);
+  });
+};
+
+export const useCacheState = () => {
+  const { pathname } = window.location;
+  const key = 'pagecache:' + pathname;
+
+  const setCacheState = useCallback(
+    (state?: any) => {
+      if (state) {
+        pageKeys.push(key);
+        sessionStorage.setItem(key, JSON.stringify(state));
+      }
+    },
+    [key],
+  );
+
+  const [cacheState] = useState(() => getCacheState(key));
+  return [cacheState, setCacheState] as const;
+};
diff --git a/react-ui/src/iconfont/iconfont.js b/react-ui/src/iconfont/iconfont.js
index a7ee3e08..77f8486f 100644
--- a/react-ui/src/iconfont/iconfont.js
+++ b/react-ui/src/iconfont/iconfont.js
@@ -1 +1 @@
-window._iconfont_svg_string_4511447='<svg><symbol id="icon-xuanzemoxing" viewBox="0 0 1024 1024"><path d="M512 1020.510815a95.649185 95.649185 0 0 1-47.483259-12.667259L106.723556 801.450667a95.194074 95.194074 0 0 1-47.48326-82.223408V306.441481a95.42163 95.42163 0 0 1 47.48326-82.223407L464.516741 17.825185a96.407704 96.407704 0 0 1 94.890666 0l357.793186 206.392889a95.194074 95.194074 0 0 1 47.483259 82.223407v412.785778a95.194074 95.194074 0 0 1-47.483259 82.223408l-357.793186 206.392889a96.786963 96.786963 0 0 1-47.407407 12.667259z m0-955.733334a36.257185 36.257185 0 0 0-17.59763 4.702815L136.609185 275.873185a35.346963 35.346963 0 0 0-17.597629 30.340741v412.785778a35.195259 35.195259 0 0 0 17.597629 30.34074L494.40237 955.733333a35.574519 35.574519 0 0 0 35.119408 0l357.793185-206.392889a35.346963 35.346963 0 0 0 17.59763-30.34074V305.98637a35.195259 35.195259 0 0 0-17.59763-30.34074L529.521778 69.252741a35.271111 35.271111 0 0 0-17.521778-4.47526z"  ></path><path d="M512.455111 533.010963a94.208 94.208 0 0 1-46.724741-12.363852l-282.320592-159.288889a29.88563 29.88563 0 1 1 29.354666-51.958518l282.320593 159.288889a34.967704 34.967704 0 0 0 34.209185 0l291.802074-159.668149a29.88563 29.88563 0 1 1 28.596148 52.41363L558.042074 521.253926a94.890667 94.890667 0 0 1-45.586963 11.757037z"  ></path><path d="M512 900.133926a29.733926 29.733926 0 0 1-29.809778-30.340741l1.21363-321.308444a94.966519 94.966519 0 0 1 49.531259-82.981926l288.237037-156.785778a29.809778 29.809778 0 1 1 28.444445 52.41363l-288.237037 156.785777a35.422815 35.422815 0 0 0-18.356149 30.72l-1.213629 321.308445a29.88563 29.88563 0 0 1-29.809778 30.189037z"  ></path><path d="M512 900.361481a29.733926 29.733926 0 0 1-29.809778-29.658074l-1.213629-321.308444a35.119407 35.119407 0 0 0-18.356149-30.871704L183.637333 361.585778a29.88563 29.88563 0 0 1 29.202963-52.110222L491.671704 466.261333a94.435556 94.435556 0 0 1 49.076148 82.830223l1.213629 321.15674a30.340741 30.340741 0 0 1-30.34074 30.340741z"  ></path></symbol><symbol id="icon-quanjucanshu" viewBox="0 0 1102 1024"><path d="M827.048445 708.877513a39.390311 39.390311 0 0 1 39.390311 39.390311v78.780621h196.951555a39.390311 39.390311 0 0 1 0 78.780622h-196.951555v78.780622a39.390311 39.390311 0 0 1-78.780622 0v-236.341865a39.390311 39.390311 0 0 1 39.390311-39.390311z m-157.561243 118.4671a39.390311 39.390311 0 0 1 0 78.780622H39.390311a39.390311 39.390311 0 1 1 0-78.780622h630.096891zM275.658134 354.734924a39.390311 39.390311 0 0 1 39.390311 39.390311v236.267824a39.390311 39.390311 0 1 1-78.780621 0V551.316269H39.390311a39.390311 39.390311 0 1 1 0-78.780622h196.951555V393.829067a39.390311 39.390311 0 0 1 39.39031-39.390311z m787.658135 118.467101a39.390311 39.390311 0 0 1 0 78.780621H433.29342a39.390311 39.390311 0 1 1 0-78.780621zM827.048445 0.592336a39.390311 39.390311 0 0 1 39.390311 39.39031v78.780622h196.951555a39.390311 39.390311 0 0 1 0 78.780622h-196.951555v77.818077a39.390311 39.390311 0 0 1-78.780622 0V39.390311A39.390311 39.390311 0 0 1 827.048445 0z m-157.561243 118.4671a39.390311 39.390311 0 0 1 0 78.780622H39.390311a39.390311 39.390311 0 1 1 0-78.780622h630.096891z"  ></path></symbol><symbol id="icon-baocun" viewBox="0 0 1024 1024"><path d="M890.482929 0h-756.965858A133.675266 133.675266 0 0 0 0 133.517071v756.88676a133.675266 133.675266 0 0 0 133.517071 133.596169h756.88676a133.675266 133.675266 0 0 0 133.596169-133.596169V133.517071A133.675266 133.675266 0 0 0 890.482929 0zM311.645296 88.985015h400.63031v178.049127a44.611154 44.611154 0 0 1-44.532056 44.532056H355.940059a44.611154 44.611154 0 0 1-44.532057-44.532056V88.985015z m623.290592 801.418816a44.611154 44.611154 0 0 1-44.532057 44.532057H133.517071a44.611154 44.611154 0 0 1-44.532056-44.532057v-756.965858a44.611154 44.611154 0 0 1 44.532056-44.532056h88.985015v178.049127A133.675266 133.675266 0 0 0 355.940059 400.551213h311.645296a133.675266 133.675266 0 0 0 133.596168-133.596169v-177.970029h88.985015a44.611154 44.611154 0 0 1 44.532056 44.532056z"  ></path><path d="M600.985015 255.960451a55.368454 55.368454 0 1 0-55.368454-55.368453 55.368454 55.368454 0 0 0 55.368454 55.368453z m155.901745 434.009578H267.11324a44.611154 44.611154 0 0 0 0 89.143211h489.77352a44.611154 44.611154 0 0 0 0-89.143211z"  ></path></symbol><symbol id="icon-xuanzeshujuji" viewBox="0 0 1024 1024"><path d="M980.707557 238.350445L534.736146 5.830722a49.403547 49.403547 0 0 0-45.621457 0L43.537245 234.804736A49.403547 49.403547 0 0 0 16.589856 278.771529v473.470355a49.561134 49.561134 0 0 0 27.42015 44.36076l445.813825 222.197771a49.403547 49.403547 0 0 0 44.203173 0l445.735031-222.197771a49.561134 49.561134 0 0 0 27.42015-44.36076V282.080857a49.324753 49.324753 0 0 0-26.474628-43.730412z m-472.761213 223.931228L340.588874 379.863635l379.0757-203.050941L883.318747 261.988506z m3.545709-393.967678l137.258339 71.623324-381.045538 204.075257-149.707718-73.593162zM82.303665 326.441618l158.138626 77.848013v173.345778a33.014491 33.014491 0 0 0 66.028982 0v-141.040429l172.085082 84.703051v418.31488L82.303665 741.919931z m462.596847 613.171293v-422.33335l396.25269-211.245469v435.807045z"  ></path></symbol><symbol id="icon-xuanzejingxiang" viewBox="0 0 1024 1024"><path d="M548.603948 0a18.210919 18.210919 0 0 1 18.21092 18.210919v987.487107a18.210919 18.210919 0 0 1-18.21092 18.210919h-72.843678a18.210919 18.210919 0 0 1-18.210919-18.210919V18.210919a18.210919 18.210919 0 0 1 18.210919-18.210919zM365.766317 109.265517a18.210919 18.210919 0 0 1 18.210919 18.210919v72.843678a18.210919 18.210919 0 0 1-18.210919 18.210919H109.265517v585.116842h256.045527a18.210919 18.210919 0 0 1 18.210919 18.210919v72.843678a18.210919 18.210919 0 0 1-18.210919 18.210919H18.210919a18.210919 18.210919 0 0 1-18.210919-18.210919v-766.679708a18.210919 18.210919 0 0 1 18.210919-18.21092z m566.905922 694.837631v109.265516h-109.265517v-109.265516z m-182.837631 0v109.265516h-109.265517v-109.265516z m274.256447-164.535657v109.265516h-109.265517v-109.265516z m0-182.837631v109.265516h-109.265517v-109.265516z m0-182.837632v109.265517h-109.265517v-109.265517zM749.743553 109.265517v109.265516h-109.265516V109.265517z m182.837631 0v109.265516h-109.265516V109.265517z"  ></path></symbol><symbol id="icon-baocunbingfanhui" viewBox="0 0 1024 1024"><path d="M195.381615 89.081884h382.051717v228.863542a68.461708 68.461708 0 0 0 77.512808 77.512808h228.863542v484.199851a38.041844 38.041844 0 0 1-5.104004 16.87724 84.862574 84.862574 0 0 1-13.270411 18.170254 56.620418 56.620418 0 0 1-36.884936 20.416017h-632.896502a56.620418 56.620418 0 0 1-36.884936-20.416017 84.862574 84.862574 0 0 1-13.270411-18.170254 38.041844 38.041844 0 0 1-5.104004-16.87724V144.273181a38.041844 38.041844 0 0 1 5.104004-16.87724 84.862574 84.862574 0 0 1 13.270411-18.170254 56.620418 56.620418 0 0 1 36.884936-20.416017z m241.317312 432.683437l23.410365-23.410365a39.266805 39.266805 0 1 0-55.531564-55.531565L315.087524 532.313596a39.266805 39.266805 0 0 0 27.221355 68.053387h206.678137a55.667671 55.667671 0 1 1 0 111.267289h-93.913675a39.266805 39.266805 0 0 0 0 78.533609H548.578696a134.133226 134.133226 0 1 0 0-268.334507z m226.41362-503.595067a60.499461 60.499461 0 0 0-43.145848-18.034147H195.381615A144.000968 144.000968 0 0 0 51.108434 144.409288v735.31685a144.000968 144.000968 0 0 0 144.273181 144.273181h632.896503a147.403637 147.403637 0 0 0 144.273181-144.273181V357.552497a60.499461 60.499461 0 0 0-17.421667-42.465314z m3.402669 288.342203V148.832758l157.679698 157.679699H666.515216z"  ></path></symbol><symbol id="icon-zidingyijingxiang" viewBox="0 0 1116 1024"><path d="M595.247277 1016.045693h-483.497068a103.873886 103.873886 0 0 1-103.561952-103.561952v-483.497068a103.561953 103.561953 0 0 1 103.561952-103.172036h331.819359v56.45998H111.750209a46.790039 46.790039 0 0 0-46.790038 46.790039v483.497068a46.790039 46.790039 0 0 0 46.790038 46.790039h483.497068a46.790039 46.790039 0 0 0 46.790039-46.790039v-241.748534h56.45998v241.748534a103.561953 103.561953 0 0 1-103.561952 103.561953z"  ></path><path d="M595.247277 1023.844033h-483.497068a111.906176 111.906176 0 0 1-111.360292-111.360292v-483.497068a111.516259 111.516259 0 0 1 111.360292-110.970376h339.617699v72.05666H111.750209a38.991699 38.991699 0 0 0-38.991699 38.991699v483.497068a38.991699 38.991699 0 0 0 38.991699 38.991699h483.497068a38.991699 38.991699 0 0 0 38.991699-38.991699v-249.546874h72.05666v249.546874a111.516259 111.516259 0 0 1-111.048359 111.282309z m-483.497068-690.231056A95.841596 95.841596 0 0 0 15.986597 429.37659v483.497068a96.231513 96.231513 0 0 0 95.763612 95.373696h483.497068a95.841596 95.841596 0 0 0 95.763613-95.763613v-233.950194h-41.175234v233.950194a54.978296 54.978296 0 0 1-54.588379 54.588378h-483.497068a54.978296 54.978296 0 0 1-54.588378-54.588378v-483.497068a54.978296 54.978296 0 0 1 54.588378-54.588379h324.021019v-40.8633z"  ></path><path d="M1003.958267 698.887213h-483.497068a103.873886 103.873886 0 0 1-103.561953-103.561952v-483.497068A103.873886 103.873886 0 0 1 520.461199 7.954307h483.497068a103.561953 103.561953 0 0 1 104.41977 103.873886v483.497068a103.561953 103.561953 0 0 1-104.41977 103.561952zM520.461199 64.25832a47.413906 47.413906 0 0 0-46.790039 47.413906v483.497068a46.790039 46.790039 0 0 0 46.790039 46.790039h483.497068a46.790039 46.790039 0 0 0 47.95979-46.790039v-483.497068a47.413906 47.413906 0 0 0-47.95979-47.413906z"  ></path><path d="M1004.816084 706.685553H520.305232a111.906176 111.906176 0 0 1-111.360293-111.360292v-483.497068A111.828193 111.828193 0 0 1 520.305232 0.155967h484.588835a110.658442 110.658442 0 0 1 78.529282 32.441093 112.062143 112.062143 0 0 1 32.831011 79.231133v483.497068a112.140126 112.140126 0 0 1-32.908994 79.075165 110.658442 110.658442 0 0 1-78.529282 32.285127zM520.305232 15.59668a96.231513 96.231513 0 0 0-95.763613 96.075546v483.497068A96.231513 96.231513 0 0 0 520.305232 690.932907h484.510852a95.217729 95.217729 0 0 0 67.455639-27.76209 96.38748 96.38748 0 0 0 28.307974-68.001523v-483.497068a96.38748 96.38748 0 0 0-28.22999-68.15749 95.139746 95.139746 0 0 0-67.533623-27.840073H520.305232z m484.510852 634.628893H520.305232a54.978296 54.978296 0 0 1-54.588379-54.588379v-483.497068a55.368213 55.368213 0 0 1 54.588379-55.212245h484.276902a54.588379 54.588379 0 0 1 38.991699 15.596679 55.602163 55.602163 0 0 1 16.376514 38.991699v483.497068a55.290229 55.290229 0 0 1-16.454497 38.991699 54.588379 54.588379 0 0 1-38.679766 16.220547zM520.305232 71.978676a39.69355 39.69355 0 0 0-38.991699 39.615567v483.497068a38.991699 38.991699 0 0 0 38.991699 38.991699h484.510852a38.991699 38.991699 0 0 0 27.52814-11.307593 39.537583 39.537583 0 0 0 11.775493-28.074023v-483.497068a39.849516 39.849516 0 0 0-11.775493-28.152007 38.991699 38.991699 0 0 0-27.840074-11.46356H520.305232z"  ></path></symbol><symbol id="icon-bendishangchuan" viewBox="0 0 1024 1024"><path d="M529.422023 426.428172v333.916154a35.774176 35.774176 0 0 1-70.975964 0V426.428172l-56.523197 62.175517a35.774176 35.774176 0 0 1-52.51649-47.72275l118.197876-130.074902a35.344885 35.344885 0 0 1 52.51649 0l118.197876 130.074902a35.774176 35.774176 0 0 1-52.444942 47.72275zM116.731135 74.553382a34.200112 34.200112 0 0 0-36.632756 31.123532v812.574623a34.200112 34.200112 0 0 0 36.632756 31.123533h789.893795a34.200112 34.200112 0 0 0 36.632756-31.123533V222.15763a34.27166 34.27166 0 0 0-36.632756-31.123533H535.145892a108.968139 108.968139 0 0 1-85.07099-39.566238l-51.872554-63.534936a38.850755 38.850755 0 0 0-30.050308-13.45109H116.731135z m789.893795 945.8692H116.731135a105.032979 105.032979 0 0 1-107.322527-102.099496V105.748463A105.032979 105.032979 0 0 1 116.731135 3.577418h251.420905a108.89659 108.89659 0 0 1 85.07099 39.566238l51.872554 63.534935a38.850755 38.850755 0 0 0 30.121856 13.45109h371.479038a105.032979 105.032979 0 0 1 107.322527 102.099497v696.093908a105.104528 105.104528 0 0 1-107.107881 102.099496z"  ></path></symbol><symbol id="icon-sousuo" viewBox="0 0 1024 1024"><path d="M853.870282 799.648577a480.64016 480.64016 0 1 0-226.91662 149.899916 38.356386 38.356386 0 0 0-22.369493-73.369505 412.315948 412.315948 0 1 1 172.755702-106.194303 44.374265 44.374265 0 0 0 0.486293 62.245544l179.806955 179.806955a38.356386 38.356386 0 0 0 54.282492-54.221705z"  ></path></symbol><symbol id="icon-jiyugongwangjingxiang" viewBox="0 0 1029 1024"><path d="M317.2765 36.013224H147.005979A111.208834 111.208834 0 0 0 36.013224 147.005979v575.779419a111.208834 111.208834 0 0 0 110.992755 110.992755h170.270521a111.352887 111.352887 0 0 0 110.992755-111.785046V147.005979A111.208834 111.208834 0 0 0 317.2765 36.013224z m37.021594 686.123936a37.3097 37.3097 0 0 1-37.021594 37.669832H147.005979a37.3097 37.3097 0 0 1-37.021594-37.021594V147.005979a37.3097 37.3097 0 0 1 37.021594-37.021594h170.270521a37.3097 37.3097 0 0 1 37.021594 37.021594z m36.877541 191.734402H73.034817a37.021594 37.021594 0 0 0 0 74.115214h318.140818a37.021594 37.021594 0 0 0 0-74.115214zM882.756137 36.013224H712.485616a111.208834 111.208834 0 0 0-110.992755 110.992755v575.779419a111.208834 111.208834 0 0 0 110.992755 110.992755h170.270521a111.352887 111.352887 0 0 0 111.208835-111.857073V146.933952A111.280861 111.280861 0 0 0 882.756137 36.013224z m36.877541 686.123936a37.3097 37.3097 0 0 1-37.021594 37.669832H712.485616a37.3097 37.3097 0 0 1-37.021594-37.021594V147.005979a37.3097 37.3097 0 0 1 37.021594-37.021594h170.270521a37.3097 37.3097 0 0 1 37.021594 37.021594v575.131181z m37.021594 191.734402H638.514455a37.021594 37.021594 0 0 0 0 74.115214h318.140817a37.021594 37.021594 0 0 0 0-74.115214zM514.556939 36.013224a37.09362 37.09362 0 0 0-37.021594 37.021593v37.021594a37.021594 37.021594 0 0 0 74.115214 0v-37.021594A37.381726 37.381726 0 0 0 514.556939 36.013224z m0 402.62784a36.661462 36.661462 0 0 0-37.021594 37.021593v72.530633a37.09362 37.09362 0 0 0 74.115214 0.792291V475.374552a36.877541 36.877541 0 0 0-37.09362-36.733488z m0-219.752691a36.661462 36.661462 0 0 0-37.021594 37.021594v73.106844a37.021594 37.021594 0 0 0 74.115214 0V255.909967a36.805515 36.805515 0 0 0-37.09362-37.021594z m0 438.857143a36.661462 36.661462 0 0 0-37.021594 37.021594v72.530632a37.09362 37.09362 0 0 0 74.115214 0.792291V694.76711a36.805515 36.805515 0 0 0-37.09362-37.021594z m0 219.104452a36.661462 36.661462 0 0 0-37.021594 37.021594v36.877541a36.661462 36.661462 0 0 0 37.021594 37.021594 37.165647 37.165647 0 0 0 37.021594-37.021594v-37.021594a36.733488 36.733488 0 0 0-37.021594-36.877541z"  ></path></symbol><symbol id="icon-gonggongjingxiang" viewBox="0 0 1024 1024"><path d="M515.409476 1023.991387a463.688796 463.688796 0 0 1-357.672023-168.24869 31.941411 31.941411 0 1 1 49.096461-40.913718 400.021309 400.021309 0 0 0 551.904512 62.375475 32.084968 32.084968 0 0 1 38.903921 51.106257 455.14716 455.14716 0 0 1-282.232871 95.680676z m423.492863-346.402807a27.850039 27.850039 0 0 1-6.101168-0.43067 31.941411 31.941411 0 0 1-25.122458-37.755466 404.902244 404.902244 0 0 0 7.680294-78.956296 398.226848 398.226848 0 0 0-221.795414-358.389808 31.726075 31.726075 0 0 1-14.355691-43.06707 32.084968 32.084968 0 0 1 43.067071-14.355691 462.468562 462.468562 0 0 1 257.110413 415.597234 457.515849 457.515849 0 0 1-9.25942 91.589303 31.726075 31.726075 0 0 1-31.008291 25.768464zM82.872529 577.888312h-1.148455a32.156746 32.156746 0 0 1-31.223627-33.233423 466.559934 466.559934 0 0 1 356.380011-436.412984 32.156746 32.156746 0 0 1 15.360589 62.375474 400.954429 400.954429 0 0 0-306.637544 376.262642 33.089866 33.089866 0 0 1-32.515639 31.008291z m0 0"  ></path><path d="M515.337698 255.961957a127.980979 127.980979 0 1 1 128.196314-127.765643 128.268093 128.268093 0 0 1-128.196314 127.765643z"  ></path><path d="M515.409476 63.739265a63.9546 63.9546 0 1 0 63.954601 63.9546 64.098157 64.098157 0 0 0-63.954601-63.9546z m-386.168068 810.16338a128.196314 128.196314 0 1 1 128.196314-128.196314 128.268093 128.268093 0 0 1-128.268092 128.196314z"  ></path><path d="M129.16963 681.679952a64.026379 64.026379 0 1 0 63.9546 64.026379 64.098157 64.098157 0 0 0-63.9546-64.026379z m765.588962 192.222693a128.196314 128.196314 0 1 1 128.196314-128.196314 128.268093 128.268093 0 0 1-128.124536 128.124535z"  ></path><path d="M894.83037 681.679952a63.9546 63.9546 0 1 0 63.9546 63.9546 64.098157 64.098157 0 0 0-63.9546-63.9546z"  ></path></symbol><symbol id="icon-shuaxin" viewBox="0 0 1024 1024"><path d="M511.991431 0.017138a511.991431 511.991431 0 1 0 511.991431 511.991431 47.414548 47.414548 0 1 0-94.829096 0 420.875522 420.875522 0 0 1-417.162335 417.162335A420.875522 420.875522 0 0 1 94.829096 512.008569 420.875522 420.875522 0 0 1 511.991431 94.846234a349.896515 349.896515 0 0 1 218.078359 66.337523v9.497191l-47.414549 57.125962c-18.994382 18.994382 0 57.125962 28.562981 57.125961l218.078359 9.497192c18.994382 0 37.917357-28.562981 37.917357-47.414549L900.7336 37.934495A36.774838 36.774838 0 0 0 834.396077 28.580119l-37.917357 57.125961A501.708758 501.708758 0 0 0 511.991431 0.017138z"  ></path></symbol><symbol id="icon-xinjian2" viewBox="0 0 1024 1024"><path d="M822.146022 820.78166a436.564065 436.564065 0 1 0-617.234953 0 436.564065 436.564065 0 0 0 617.234953 0z m52.415166 52.415167a511.855051 511.855051 0 1 1 0-722.614855 511.855051 511.855051 0 0 1 0.068696 722.752247z"  ></path><path d="M551.208386 474.553039h203.271923a37.920278 37.920278 0 0 1 0 75.56577H551.551867v202.928442a37.920278 37.920278 0 0 1-75.565771 0V550.118809H272.439389a37.920278 37.920278 0 0 1 0-75.56577h203.546707V271.006332a37.920278 37.920278 0 0 1 75.565771 0z"  ></path></symbol><symbol id="icon-fuzhi" viewBox="0 0 1024 1024"><path d="M660.058353 237.206588a63.427765 63.427765 0 0 1 63.427765 63.427765v591.811765a63.427765 63.427765 0 0 1-63.427765 63.427764h-465.016471a63.427765 63.427765 0 0 1-63.367529-63.427764V300.634353a63.427765 63.427765 0 0 1 63.427765-63.427765z m-21.142588 84.329412H216.003765v549.526588h422.731294z m190.102588-253.409882a63.427765 63.427765 0 0 1 63.126588 57.344V701.861647a42.224941 42.224941 0 0 1-84.329412 4.939294V152.455529H385.264941a42.164706 42.164706 0 0 1-42.164706-37.345882v-4.939294a42.164706 42.164706 0 0 1 37.345883-42.164706h4.939294z"  ></path></symbol><symbol id="icon-chakanxiangqing" viewBox="0 0 1024 1024"><path d="M749.146353 292.924235a31.563294 31.563294 0 0 0-31.442824-31.442823H316.717176a31.442824 31.442824 0 0 0 0 62.885647h400.986353a31.563294 31.563294 0 0 0 31.442824-31.442824z m-432.429177 156.611765a31.442824 31.442824 0 0 0 0 62.885647h187.27153a31.442824 31.442824 0 0 0 0-62.885647z m450.981648 322.198588a27.949176 27.949176 0 0 0-6.746353-5.12 154.503529 154.503529 0 0 0 28.129882-89.088 158.479059 158.479059 0 1 0-158.479059 156.611765 159.563294 159.563294 0 0 0 86.91953-25.6 31.382588 31.382588 0 0 0 5.662117 7.830588l81.618824 81.618824a31.503059 31.503059 0 0 0 44.513882-44.513883z m-137.09553 0.602353a94.750118 94.750118 0 1 1 96.015059-94.750117 95.412706 95.412706 0 0 1-95.954824 94.750117z"  ></path><path d="M582.656 887.988706h-349.364706a62.885647 62.885647 0 0 1-62.704941-62.704941V199.559529a62.885647 62.885647 0 0 1 62.704941-62.704941h536.094118a62.885647 62.885647 0 0 1 62.704941 62.704941v312.018824a31.563294 31.563294 0 0 0 63.126588 0V198.475294c0-68.969412-27.045647-125.409882-96.015059-125.409882H237.086118a125.831529 125.831529 0 0 0-125.409883 125.409882v626.989177a125.831529 125.831529 0 0 0 125.409883 125.409882h345.148235a31.442824 31.442824 0 0 0 0.421647-62.885647z"  ></path><path d="M832.572235 637.048471a31.563294 31.563294 0 1 0 31.563294-31.442824 31.503059 31.503059 0 0 0-31.563294 31.442824z"  ></path></symbol><symbol id="icon-xiazai" viewBox="0 0 1024 1024"><path d="M912.384 668.551529v88.545883a99.448471 99.448471 0 0 1-99.568941 99.508706H211.184941a99.448471 99.448471 0 0 1-99.568941-99.508706v-88.545883a49.814588 49.814588 0 0 0-99.568941 0v87.100236a199.800471 199.800471 0 0 0 199.80047 199.80047h600.184471a199.800471 199.800471 0 0 0 199.800471-199.80047v-87.100236a49.814588 49.814588 0 0 0-99.568942 0z"  ></path><path d="M728.003765 398.516706a50.778353 50.778353 0 0 0-71.740236 0l-95.171764 95.171765V125.530353a49.814588 49.814588 0 1 0-99.568941 0v368.158118l-95.171765-95.171765a50.718118 50.718118 0 1 0-71.740235 71.740235l177.995294 177.995294a54.753882 54.753882 0 0 0 77.462588 0l177.874823-177.995294a50.537412 50.537412 0 0 0 0.060236-71.740235z"  ></path></symbol><symbol id="icon-bianji" viewBox="0 0 1024 1024"><path d="M198.354824 835.764706a78.305882 78.305882 0 0 1-77.040942-91.617882l36.502589-209.498353a78.305882 78.305882 0 0 1 21.805176-42.164706L597.413647 74.691765a78.305882 78.305882 0 0 1 110.592 0l172.875294 172.875294a78.305882 78.305882 0 0 1 0 110.592l-417.792 417.91247a77.402353 77.402353 0 0 1-42.164706 21.684706l-209.377882 36.502589a73.547294 73.547294 0 0 1-13.191529 1.505882z m43.309176-284.069647l-34.334118 196.969412 196.969412-34.334118 411.105882-411.105882-162.635294-162.635295z m619.399529 420.141176H162.936471a42.706824 42.706824 0 1 1 0-85.413647h698.247529a42.706824 42.706824 0 1 1 0 85.413647z"  ></path></symbol><symbol id="icon-shiyanduibi" viewBox="0 0 1024 1024"><path d="M974.426353 316.536471a502.061176 502.061176 0 1 0 39.755294 195.463529 501.820235 501.820235 0 0 0-39.755294-195.463529z m-157.515294 500.555294a431.164235 431.164235 0 1 1 126.494117-304.971294 428.574118 428.574118 0 0 1-126.494117 304.971294z"  ></path><path d="M511.819294 3.915294a506.759529 506.759529 0 1 1-197.812706 39.996235A505.976471 505.976471 0 0 1 511.819294 3.915294z m0 1004.242824a494.712471 494.712471 0 1 0-193.114353-39.032471 493.146353 493.146353 0 0 0 193.234824 39.032471z m0-933.647059a437.488941 437.488941 0 1 1-309.308235 128.180706 434.477176 434.477176 0 0 1 309.308235-128.060236z m0 862.689882a425.441882 425.441882 0 1 0-300.694588-124.626823 422.490353 422.490353 0 0 0 300.694588 124.988235z"  ></path><path d="M180.224 512.602353a70.716235 70.716235 0 1 0 70.716235-70.716235A70.716235 70.716235 0 0 0 180.224 512.602353z"  ></path><path d="M250.940235 435.862588A76.739765 76.739765 0 1 1 174.200471 512.602353a76.860235 76.860235 0 0 1 76.739764-76.739765z m0 141.492706a64.692706 64.692706 0 1 0-64.692706-64.692706 64.752941 64.752941 0 0 0 64.692706 64.632471z"  ></path><path d="M440.500706 512.602353a70.716235 70.716235 0 1 0 70.716235-70.716235A70.716235 70.716235 0 0 0 440.500706 512.602353z"  ></path><path d="M511.216941 435.862588A76.739765 76.739765 0 1 1 434.477176 512.602353a76.860235 76.860235 0 0 1 76.739765-76.739765z m0 141.492706a64.692706 64.692706 0 1 0-64.692706-64.692706 64.752941 64.752941 0 0 0 64.692706 64.632471z"  ></path><path d="M701.982118 512a70.716235 70.716235 0 1 0 70.716235-70.716235A70.716235 70.716235 0 0 0 701.982118 512z"  ></path><path d="M772.698353 588.8a76.739765 76.739765 0 1 1 76.739765-76.739765 76.860235 76.860235 0 0 1-76.739765 76.739765z m0-141.432471a64.692706 64.692706 0 1 0 64.692706 64.692706 64.752941 64.752941 0 0 0-64.692706-64.752941z"  ></path></symbol><symbol id="icon-shangchuan" viewBox="0 0 1024 1024"><path d="M808.237176 393.336471a297.622588 297.622588 0 0 0-592.655058 0 221.003294 221.003294 0 0 0-197.029647 238.953411 216.124235 216.124235 0 0 0 216.244705 217.750589h32.346353a26.985412 26.985412 0 0 0 0-53.729883h-32.346353a175.465412 175.465412 0 0 1-2.409411-349.364706l24.094117 6.02353 3.132236-29.57553a251.181176 251.181176 0 0 1 502.241882 0l4.879059 29.033412 24.094117-5.662118a175.465412 175.465412 0 0 1-2.409411 349.364706h-36.442353a26.985412 26.985412 0 0 0 0 53.729883h36.683294a216.124235 216.124235 0 0 0 216.244706-217.750589 221.003294 221.003294 0 0 0-196.668236-238.772705z"  ></path><path d="M511.939765 114.567529a320.150588 320.150588 0 0 1 303.947294 270.21553 231.183059 231.183059 0 0 1 198.535529 247.868235 225.942588 225.942588 0 0 1-215.461647 226.605177h-46.501647a36.141176 36.141176 0 0 1 0-71.800471h37.707294a166.610824 166.610824 0 0 0 2.168471-331.294118l-32.587294 7.589647-6.505412-38.972235a242.206118 242.206118 0 0 0-484.291765 0l-4.276706 39.875765-33.249882-8.432941a166.610824 166.610824 0 0 0 2.288941 331.294117h33.551059a36.141176 36.141176 0 0 1 0 71.800471H225.159529a225.942588 225.942588 0 0 1-215.461647-226.605177 231.183059 231.183059 0 0 1 198.475294-247.868235 320.150588 320.150588 0 0 1 303.766589-270.275765z m286.900706 726.678589a207.932235 207.932235 0 0 0 197.511529-209.076706 212.208941 212.208941 0 0 0-188.476235-229.556706l-7.168-0.361412-1.264941-7.107765a288.647529 288.647529 0 0 0-574.885648 0l-1.264941 7.107765-7.168 0.361412a212.208941 212.208941 0 0 0-188.476235 229.556706 207.932235 207.932235 0 0 0 197.451294 209.317647H267.143529a18.070588 18.070588 0 0 0 0-35.659294h-33.551058a184.560941 184.560941 0 0 1-1.264942-367.435294h1.144471l15.36 3.915294 2.048-19.215059a260.156235 260.156235 0 0 1 520.131765-0.301177l3.252706 19.275295 15.962353-3.734589h1.325176a184.560941 184.560941 0 0 1-1.264941 367.435294h-37.707294a18.070588 18.070588 0 0 0 0 35.659295h37.165176c2.831059-0.301176 5.963294-0.180706 9.035294-0.180706z"  ></path><path d="M530.974118 491.339294a26.864941 26.864941 0 0 0-38.128942 0l-151.792941 151.792941a26.864941 26.864941 0 0 0 37.888 38.128941l106.134589-106.134588v328.824471a26.864941 26.864941 0 1 0 53.729882 0V575.126588l107.459765 106.134588a26.864941 26.864941 0 1 0 37.888-38.128941z"  ></path><path d="M511.879529 474.172235a36.141176 36.141176 0 0 1 25.47953 10.601412l153.057882 151.732706a36.141176 36.141176 0 0 1-50.597647 50.959059L547.779765 596.570353v307.2a36.141176 36.141176 0 1 1-71.800471 0v-307.2L385.325176 687.284706a36.141176 36.141176 0 0 1-50.657882 0 36.141176 36.141176 0 0 1 0-50.959059l151.732706-151.732706a36.141176 36.141176 0 0 1 25.479529-10.420706z m153.238589 205.643294a18.070588 18.070588 0 0 0 12.589176-30.479058L524.589176 497.543529a18.070588 18.070588 0 0 0-25.359058 0l-151.792942 151.792942a18.070588 18.070588 0 0 0 0 25.359058 18.070588 18.070588 0 0 0 25.118118 0l121.494588-121.494588v350.629647a18.070588 18.070588 0 1 0 35.659294 0V553.381647l122.819765 121.313882a17.709176 17.709176 0 0 0 12.589177 5.12z"  ></path></symbol><symbol id="icon-xiangqing" viewBox="0 0 1024 1024"><path d="M308.464941 297.261176h410.322824a24.094118 24.094118 0 0 0 0-48.188235H308.464941a24.094118 24.094118 0 1 0 0 48.188235z m-2.349176 169.923765h410.322823a24.094118 24.094118 0 1 0 0-48.188235H305.995294a24.094118 24.094118 0 0 0 0 48.188235z m271.058823 145.709177a24.094118 24.094118 0 0 0-24.094117-24.094118H309.368471a24.094118 24.094118 0 1 0 0 48.188235H552.96a24.094118 24.094118 0 0 0 24.094118-23.853176z"  ></path><path d="M308.464941 240.037647h410.322824a33.249882 33.249882 0 0 1 0 66.258824H308.464941a33.249882 33.249882 0 1 1 0-66.258824z m410.322824 48.188235a15.179294 15.179294 0 0 0 0-30.117647H308.464941a15.179294 15.179294 0 1 0 0 30.117647zM306.115765 409.660235h410.322823a33.249882 33.249882 0 1 1 0 66.258824H305.995294a33.249882 33.249882 0 0 1 0-66.258824z m410.322823 48.188236a15.179294 15.179294 0 1 0 0-30.117647H305.995294a15.179294 15.179294 0 0 0 0 30.117647zM309.187765 579.282824H552.96a33.249882 33.249882 0 1 1 0 66.258823H309.248a33.249882 33.249882 0 1 1 0-66.258823z m243.712 48.188235a15.179294 15.179294 0 1 0 0-30.117647H309.187765a15.179294 15.179294 0 1 0 0 30.117647z"  ></path><path d="M881.423059 673.249882l0.783059-1.204706a0.722824 0.722824 0 0 0 0-0.421647c0-0.421647 0.481882-0.903529 0.783058-1.264941l0.602353-1.204706v-0.421647c0-0.421647 0.421647-0.963765 0.602353-1.385411 0-0.421647 0-0.903529 0.421647-1.264942s0 0 0-0.421647 0-0.963765 0.421647-1.445647a6.625882 6.625882 0 0 0 0-1.385412v-0.421647a7.890824 7.890824 0 0 0 0-1.566117v-466.221177a121.313882 121.313882 0 0 0-121.193411-121.133176h-505.976471a121.313882 121.313882 0 0 0-121.193412 121.133176v635.301647a121.313882 121.313882 0 0 0 121.193412 121.133177H605.906824l0.783058-0.421647 0.783059-0.421647a5.421176 5.421176 0 0 0 0.783059-0.481883 5.481412 5.481412 0 0 0 0.783059-0.481882l0.783059-0.602353 0.662588-0.602353h0.421647l0.602353-0.481882 0.903529-0.90353 263.830589-267.926588a12.047059 12.047059 0 0 0 1.084235-1.204706zM186.127059 829.921882V193.897412a72.704 72.704 0 0 1 72.704-72.704h505.97647a72.704 72.704 0 0 1 72.704 72.704v440.801882h-142.637176a121.313882 121.313882 0 0 0-121.193412 121.133177v146.793411H259.011765a72.704 72.704 0 0 1-72.884706-72.704z m435.802353 37.76753v-111.796706a72.704 72.704 0 0 1 72.704-72.704h109.025882z"  ></path><path d="M599.04 960.150588H259.072a130.349176 130.349176 0 0 1-130.228706-130.16847V193.897412a130.349176 130.349176 0 0 1 130.228706-130.168471h505.976471a130.349176 130.349176 0 0 1 130.228705 130.168471v465.980235a20.841412 20.841412 0 0 1 0 2.409412 13.432471 13.432471 0 0 1 0 1.987765v1.987764l-0.421647 1.204706V668.732235l-0.361411 0.783059-0.361412 1.505882-0.722824 0.90353v0.903529l-1.566117 2.108236v1.325176l-2.650353 2.650353-1.204706 1.325176-1.445647 1.505883-263.710118 267.806117v0.963765l-4.035765 2.590118h-0.301176l-2.048 2.048h-0.361412l-0.602353 0.602353h-1.686588l-0.542118 0.542117h-1.746823l-0.963765 0.361412a9.758118 9.758118 0 0 1-1.927529 0.783059l-0.90353 0.301176-1.204706 0.602353h-5.782588zM259.132235 81.799529A112.278588 112.278588 0 0 0 146.974118 193.897412v636.02447a112.278588 112.278588 0 0 0 112.158117 112.097883H601.750588l1.024-0.481883h0.421647l0.90353-0.421647 1.385411-0.903529 1.264942-1.204706h0.361411l0.722824-0.602353h0.481882l0.421647-0.421647 265.035294-269.372235 1.445648-1.92753 0.602352-1.204706v-2.409411l1.084236-1.084236V193.897412a112.278588 112.278588 0 0 0-112.158118-112.097883z m323.704471 829.861647H259.132235a81.799529 81.799529 0 0 1-81.739294-81.739294V193.897412a81.799529 81.799529 0 0 1 81.739294-81.739294h505.976471a81.799529 81.799529 0 0 1 81.739294 81.739294v449.837176h-151.672471a112.278588 112.278588 0 0 0-112.158117 112.097883zM259.132235 130.228706a63.728941 63.728941 0 0 0-63.668706 63.668706v636.02447a63.728941 63.728941 0 0 0 63.668706 63.668706h305.633883v-137.697882a130.349176 130.349176 0 0 1 130.228706-130.168471h133.601882V193.897412a63.728941 63.728941 0 0 0-63.668706-63.668706z m354.063059 759.506823v-133.842823a81.799529 81.799529 0 0 1 81.739294-81.739294h130.590118z m81.739294-197.571764a63.728941 63.728941 0 0 0-63.668706 63.668706v89.810823l151.070118-153.479529z"  ></path></symbol><symbol id="icon-shanchu" viewBox="0 0 1024 1024"><path d="M766.012235 947.320471H257.566118a80.414118 80.414118 0 0 1-81.859765-78.908236V258.168471a32.045176 32.045176 0 0 1 32.647529-31.442824 32.406588 32.406588 0 0 1 32.64753 31.442824v610.243764a16.323765 16.323765 0 0 0 16.624941 16.022589h507.663059a16.323765 16.323765 0 0 0 16.624941-16.022589V258.168471a32.045176 32.045176 0 0 1 32.587294-31.442824 32.406588 32.406588 0 0 1 32.647529 31.442824v610.243764a79.872 79.872 0 0 1-81.136941 78.908236z"  ></path><path d="M766.012235 953.344H257.566118a86.558118 86.558118 0 0 1-87.883294-84.931765V258.168471a38.128941 38.128941 0 0 1 38.671058-37.466353 38.610824 38.610824 0 0 1 38.671059 37.466353v610.243764a10.300235 10.300235 0 0 0 10.601412 9.999059h507.663059a10.300235 10.300235 0 0 0 10.601412-9.999059V258.168471a38.128941 38.128941 0 0 1 38.610823-37.466353 38.610824 38.610824 0 0 1 38.671059 37.466353v610.243764a81.558588 81.558588 0 0 1-24.094118 58.608941 89.449412 89.449412 0 0 1-63.066353 26.322824zM208.353882 232.749176a26.081882 26.081882 0 0 0-26.624 25.419295v610.243764a74.511059 74.511059 0 0 0 75.836236 72.884706h508.446117a77.342118 77.342118 0 0 0 54.753883-22.708706 69.632 69.632 0 0 0 20.540235-50.055529V258.168471a26.383059 26.383059 0 0 0-26.804706-25.419295 26.081882 26.081882 0 0 0-26.624 25.419295v610.243764a22.347294 22.347294 0 0 1-22.648471 22.046118H257.566118a22.347294 22.347294 0 0 1-22.648471-22.046118V258.168471a26.383059 26.383059 0 0 0-26.563765-25.419295z"  ></path><path d="M913.950118 265.938824H109.327059a32.045176 32.045176 0 0 1-32.64753-31.442824 32.045176 32.045176 0 0 1 32.64753-31.442824h805.345882a32.045176 32.045176 0 0 1 32.64753 31.442824 32.527059 32.527059 0 0 1-33.370353 31.442824z"  ></path><path d="M913.950118 271.962353H109.327059a38.128941 38.128941 0 0 1-38.671059-37.466353 38.128941 38.128941 0 0 1 38.671059-37.466353h805.345882a38.128941 38.128941 0 0 1 38.671059 37.466353 38.430118 38.430118 0 0 1-39.393882 37.466353zM109.327059 209.076706a26.081882 26.081882 0 0 0-26.624 25.419294 26.081882 26.081882 0 0 0 26.624 25.419294h804.623059a26.684235 26.684235 0 0 0 27.166117-25.419294 26.081882 26.081882 0 0 0-26.443294-25.419294z"  ></path><path d="M425.321412 805.526588a32.045176 32.045176 0 0 1-32.64753-31.442823V363.580235a32.045176 32.045176 0 0 1 32.64753-31.442823 32.406588 32.406588 0 0 1 32.647529 31.442823v410.50353a32.406588 32.406588 0 0 1-32.647529 31.442823z"  ></path><path d="M425.321412 811.550118a38.128941 38.128941 0 0 1-38.671059-37.466353V363.580235a38.128941 38.128941 0 0 1 38.671059-37.466353 38.610824 38.610824 0 0 1 38.671059 37.466353v410.50353a38.610824 38.610824 0 0 1-38.671059 37.466353z m0-473.389177a26.081882 26.081882 0 0 0-26.624 25.419294v410.50353a26.081882 26.081882 0 0 0 26.624 25.419294 26.383059 26.383059 0 0 0 26.624-25.419294V363.580235a26.383059 26.383059 0 0 0-26.624-25.419294z"  ></path><path d="M618.797176 805.526588a32.045176 32.045176 0 0 1-32.647529-31.442823V363.580235a32.045176 32.045176 0 0 1 32.647529-31.442823 32.406588 32.406588 0 0 1 32.64753 31.442823v410.50353a31.683765 31.683765 0 0 1-32.64753 31.442823z"  ></path><path d="M618.797176 811.550118a38.128941 38.128941 0 0 1-38.671058-37.466353V363.580235a38.128941 38.128941 0 0 1 38.671058-37.466353 38.610824 38.610824 0 0 1 38.671059 37.466353v410.50353a34.996706 34.996706 0 0 1-10.119529 25.539764 39.815529 39.815529 0 0 1-28.55153 11.926589z m0-473.389177a26.081882 26.081882 0 0 0-26.624 25.419294v410.50353a26.081882 26.081882 0 0 0 26.624 25.419294 27.708235 27.708235 0 0 0 19.877648-8.252235 23.190588 23.190588 0 0 0 6.686117-16.986353V363.580235a26.383059 26.383059 0 0 0-26.563765-25.419294z"  ></path><path d="M576.933647 139.565176H446.464a32.045176 32.045176 0 0 1-32.647529-31.442823 32.406588 32.406588 0 0 1 32.647529-31.442824h131.072a32.045176 32.045176 0 0 1 32.647529 31.442824 32.527059 32.527059 0 0 1-33.249882 31.442823z"  ></path><path d="M576.933647 145.588706H446.464a38.128941 38.128941 0 0 1-38.671059-37.466353 38.610824 38.610824 0 0 1 38.671059-37.466353h131.072a38.128941 38.128941 0 0 1 38.671059 37.466353 38.430118 38.430118 0 0 1-39.273412 37.466353zM446.464 82.703059a26.383059 26.383059 0 0 0-26.624 25.419294 26.081882 26.081882 0 0 0 26.624 25.419294h130.469647a26.684235 26.684235 0 0 0 27.226353-25.419294 26.081882 26.081882 0 0 0-26.624-25.419294z"  ></path></symbol><symbol id="icon-peizhi" viewBox="0 0 1024 1024"><path d="M512.060235 313.344a198.776471 198.776471 0 1 0 198.776471 198.776471 198.776471 198.776471 0 0 0-198.776471-198.776471z m-128.602353 198.776471a128.602353 128.602353 0 1 1 128.602353 128.602353 128.602353 128.602353 0 0 1-128.542117-128.662589z"  ></path><path d="M604.400941 56.079059H419.779765c-36.141176 0-65.596235 0-89.931294 2.409412a167.032471 167.032471 0 0 0-69.150118 20.058353 164.984471 164.984471 0 0 0-52.043294 49.754352c-14.336 19.757176-29.093647 45.296941-47.164235 76.438589L69.812706 362.797176c-18.070588 31.201882-32.948706 56.801882-43.128471 79.149177a150.588235 150.588235 0 0 0 0 140.288c10.119529 22.287059 25.057882 48.188235 43.128471 79.149176l91.678118 158.057412c18.070588 31.141647 32.828235 56.681412 47.164235 76.438588a150.588235 150.588235 0 0 0 121.193412 69.812706c24.094118 2.409412 53.850353 2.409412 89.931294 2.409412h184.621176c36.141176 0 65.596235 0 89.931294-2.409412a151.371294 151.371294 0 0 0 121.193412-69.812706c14.336-19.757176 29.093647-45.296941 47.164235-76.438588l91.617883-158.117647c18.070588-31.201882 32.948706-56.801882 43.12847-79.149176a150.588235 150.588235 0 0 0 0-140.288c-10.179765-22.287059-25.057882-48.188235-43.12847-79.149177l-91.678118-158.057412c-18.070588-31.141647-32.828235-56.681412-47.164235-76.438588A150.588235 150.588235 0 0 0 694.272 58.428235c-24.395294-2.349176-53.850353-2.349176-89.871059-2.349176zM295.695059 139.324235a96.677647 96.677647 0 0 1 41.020235-11.083294c20.48-1.987765 46.561882-2.048 84.751059-2.048h181.248c38.189176 0 64.271059 0 84.751059 2.108235a82.823529 82.823529 0 0 1 71.198117 40.899765c12.047059 16.685176 25.118118 39.213176 44.212706 72.282353l89.99153 155.045647c19.215059 33.129412 32.286118 55.777882 40.839529 74.511059a82.221176 82.221176 0 0 1 0 82.221176c-8.553412 18.733176-21.624471 41.381647-40.839529 74.511059l-89.99153 155.045647c-19.094588 32.948706-32.225882 55.476706-44.212706 72.282353a83.124706 83.124706 0 0 1-71.198117 40.96c-20.48 1.987765-46.561882 2.048-84.751059 2.048H421.466353c-38.189176 0-64.271059 0-84.751059-2.108235a82.823529 82.823529 0 0 1-71.198118-40.899765c-12.047059-16.685176-25.118118-39.213176-44.212705-72.282353L131.312941 627.772235c-19.215059-33.129412-32.286118-55.777882-40.839529-74.511059a82.221176 82.221176 0 0 1 0-82.221176c8.553412-18.733176 21.624471-41.381647 40.839529-74.511059l89.99153-155.045647c19.094588-32.948706 32.225882-55.476706 44.212705-72.282353a97.460706 97.460706 0 0 1 30.177883-29.876706z"  ></path></symbol><symbol id="icon-tiaoshi" viewBox="0 0 1024 1024"><path d="M549.586824 169.020235V69.270588a37.888 37.888 0 1 0-75.776 0v99.749647a148.359529 148.359529 0 0 0 0 286.418824v497.061647a37.888 37.888 0 0 0 75.776 0V455.439059a148.359529 148.359529 0 0 0 0-286.418824z m-37.707295 216.124236a72.282353 72.282353 0 1 1 72.282353-72.282353 72.282353 72.282353 0 0 1-72.282353 72.282353z m-271.058823 181.308235V69.270588a38.008471 38.008471 0 0 0-75.896471 0v497.182118a148.359529 148.359529 0 0 0 0 286.418823v99.629177a38.008471 38.008471 0 1 0 75.896471 0v-99.508706a148.359529 148.359529 0 0 0 0-286.418824z m-37.888 215.702588a72.282353 72.282353 0 1 1 72.282353-72.282353 72.282353 72.282353 0 0 1-72.704 72.282353z m766.614588-72.282353a148.359529 148.359529 0 0 0-110.471529-143.239529V69.270588a37.888 37.888 0 1 0-75.776 0v497.182118a148.359529 148.359529 0 0 0 0 286.418823v99.629177a37.888 37.888 0 0 0 75.776 0v-99.508706a148.359529 148.359529 0 0 0 110.471529-143.299765z m-148.359529 72.282353a72.282353 72.282353 0 1 1 72.282353-72.282353 72.282353 72.282353 0 0 1-72.643765 72.282353z"  ></path></symbol><symbol id="icon-yunhang" viewBox="0 0 1024 1024"><path d="M511.518118 24.395294a487.122824 487.122824 0 1 0 487.122823 487.122824A487.905882 487.905882 0 0 0 511.518118 24.395294z m0 899.252706a412.190118 412.190118 0 1 1 412.190117-412.190118 412.672 412.672 0 0 1-412.190117 412.190118z"  ></path><path d="M458.631529 292.562824a37.466353 37.466353 0 0 0-59.51247 30.117647v397.552941a37.466353 37.466353 0 0 0 59.51247 30.117647l273.528471-198.776471a37.466353 37.466353 0 0 0 0-60.596706z"  ></path></symbol><symbol id="icon-zhongzhi" viewBox="0 0 1024 1024"><path d="M25.359059 512A487.183059 487.183059 0 0 1 512.060235 25.298824a483.870118 483.870118 0 0 1 343.883294 142.817882A483.448471 483.448471 0 0 1 998.640941 512a487.183059 487.183059 0 0 1-486.580706 486.701176A487.183059 487.183059 0 0 1 25.359059 512z m69.692235 0a416.286118 416.286118 0 0 0 249.434353 382.132706 413.515294 413.515294 0 0 0 166.791529 34.876235 415.262118 415.262118 0 0 0 280.816942-108.845176L203.836235 231.905882A413.394824 413.394824 0 0 0 95.051294 512z m159.683765-327.619765l584.944941 584.884706A415.623529 415.623529 0 0 0 928.888471 512a418.635294 418.635294 0 0 0-235.881412-375.747765 413.153882 413.153882 0 0 0-180.705883-41.200941 417.972706 417.972706 0 0 0-257.566117 89.328941z"  ></path></symbol><symbol id="icon-tingzhi" viewBox="0 0 1024 1024"><path d="M500.796235 60.235294A440.560941 440.560941 0 1 1 60.235294 500.796235 440.560941 440.560941 0 0 1 500.796235 60.235294z m0 73.426824a367.134118 367.134118 0 1 0 367.134118 367.134117 367.134118 367.134118 0 0 0-367.134118-367.134117z m110.110118 220.28047a36.683294 36.683294 0 0 1 36.683294 36.683294v220.280471a36.683294 36.683294 0 0 1-36.683294 36.683294H390.625882a36.683294 36.683294 0 0 1-36.683294-36.683294V390.625882a36.683294 36.683294 0 0 1 36.683294-36.683294z"  ></path></symbol></svg>',function(t){var a=(a=document.getElementsByTagName("script"))[a.length-1],h=a.getAttribute("data-injectcss"),a=a.getAttribute("data-disable-injectsvg");if(!a){var v,i,o,l,z,m=function(a,h){h.parentNode.insertBefore(a,h)};if(h&&!t.__iconfont__svg__cssinject__){t.__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)}}v=function(){var a,h=document.createElement("div");h.innerHTML=t._iconfont_svg_string_4511447,(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?m(h,a.firstChild):a.appendChild(h))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(v,0):(i=function(){document.removeEventListener("DOMContentLoaded",i,!1),v()},document.addEventListener("DOMContentLoaded",i,!1)):document.attachEvent&&(o=v,l=t.document,z=!1,d(),l.onreadystatechange=function(){"complete"==l.readyState&&(l.onreadystatechange=null,n())})}function n(){z||(z=!0,o())}function d(){try{l.documentElement.doScroll("left")}catch(a){return void setTimeout(d,50)}n()}}(window);
\ No newline at end of file
+window._iconfont_svg_string_4511447='<svg><symbol id="icon-xiangqing2" viewBox="0 0 1024 1024"><path d="M308.404706 297.261176h410.322823a24.094118 24.094118 0 0 0 0-48.188235H308.404706a24.094118 24.094118 0 1 0 0 48.188235z m-2.349177 169.923765h410.322824a24.094118 24.094118 0 1 0 0-48.188235H305.935059a24.094118 24.094118 0 0 0 0 48.188235z m271.058824 145.709177a24.094118 24.094118 0 0 0-24.094118-24.094118H309.308235a24.094118 24.094118 0 1 0 0 48.188235h243.59153a24.094118 24.094118 0 0 0 24.094117-23.853176z"  ></path><path d="M881.423059 673.249882l0.783059-1.204706a0.722824 0.722824 0 0 0 0-0.421647c0-0.421647 0.481882-0.903529 0.783058-1.264941l0.602353-1.204706v-0.421647c0-0.421647 0.421647-0.963765 0.602353-1.385411 0-0.421647 0-0.903529 0.421647-1.264942s0 0 0-0.421647 0-0.963765 0.421647-1.445647a6.625882 6.625882 0 0 0 0-1.385412v-0.421647a7.890824 7.890824 0 0 0 0-1.566117v-466.221177a121.313882 121.313882 0 0 0-121.193411-121.133176h-505.976471a121.313882 121.313882 0 0 0-121.193412 121.133176v635.301647a121.313882 121.313882 0 0 0 121.193412 121.133177H605.906824l0.783058-0.421647 0.783059-0.421647a5.421176 5.421176 0 0 0 0.783059-0.481883 5.481412 5.481412 0 0 0 0.783059-0.481882l0.783059-0.602353 0.662588-0.602353h0.421647l0.602353-0.481882 0.903529-0.90353 263.830589-267.926588a12.047059 12.047059 0 0 0 1.084235-1.204706zM186.127059 829.921882V193.897412a72.704 72.704 0 0 1 72.704-72.704h505.97647a72.704 72.704 0 0 1 72.704 72.704v440.801882h-142.637176a121.313882 121.313882 0 0 0-121.193412 121.133177v146.793411H259.011765a72.704 72.704 0 0 1-72.884706-72.704z m435.802353 37.76753v-111.796706a72.704 72.704 0 0 1 72.704-72.704h109.025882z"  ></path></symbol><symbol id="icon-moxingguanli" viewBox="0 0 1182 1024"><path d="M10.568285 350.059254v333.447612l569.320798 333.812034V704.947122z" fill="#EFEFEF" ></path><path d="M1167.825855 353.885702L579.858715 706.799609v311.096295l587.96714-366.276105z" fill="#DDDDDD" ></path><path d="M579.889083 706.252973l584.20143-352.276165L579.889083 8.928379 11.327501 353.916071z" fill="#FFFFFF" ></path><path d="M718.461164 348.115662a31.795961 31.795961 0 0 0-29.123521 19.101871h-60.737269a44.429313 44.429313 0 0 0-31.15822-36.108307V278.115958h76.377117a38.203743 38.203743 0 0 0 0-76.377116h-178.112044a38.203743 38.203743 0 0 0 0 76.377116h76.377117v52.993268a44.398944 44.398944 0 0 0-31.279694 36.108307h-60.73727a31.765592 31.765592 0 1 0 0 25.448916h64.442244a44.27747 44.27747 0 0 0 80.173196 0h64.442243a31.795961 31.795961 0 1 0 29.123521-44.550787z m-222.753937-95.478988a12.754827 12.754827 0 0 1 0-25.448916h178.20315a12.754827 12.754827 0 0 1 0 25.448916z m89.101575 140.029775a19.101871 19.101871 0 1 1 19.101872-19.101871 19.101871 19.101871 0 0 1-19.101872 19.101871z" fill="#575757" ></path><path d="M489.360183 329.044159h36.442362a12.724458 12.724458 0 1 0 0-25.448916h-36.442362a70.030072 70.030072 0 0 1-10.932709-139.179454l7.56179-1.184376 2.490228-7.258104a101.88677 101.88677 0 0 1 192.688989 0l2.490228 7.258104 7.56179 1.184376a70.030072 70.030072 0 0 1-10.932709 139.179454h-38.689641a12.724458 12.724458 0 1 0 0 25.448916h38.689641a95.478988 95.478988 0 0 0 22.351316-188.285536 127.335686 127.335686 0 0 0-235.630239 0 95.478988 95.478988 0 0 0 22.351316 188.285536z" fill="#575757" ></path></symbol><symbol id="icon-tiaoduguanli" viewBox="0 0 1063 1024"><path d="M997.247709 0.001607H65.390694a65.470989 65.470989 0 0 0-65.390656 65.390656V731.027368a65.470989 65.470989 0 0 0 65.390656 65.390656h931.857015a65.470989 65.470989 0 0 0 65.390656-65.390656V65.392263A65.470989 65.470989 0 0 0 997.247709 0.001607z m-10.684223 720.100541H76.315914V76.076485h910.247572zM719.538252 947.925121H570.601795V798.908332H487.778986V947.925121H340.208181a37.997273 37.997273 0 0 0 0 76.074879h379.410403a37.997273 37.997273 0 1 0 0-76.074879z"  ></path><path d="M872.009339 225.334273H429.698587a94.390689 94.390689 0 0 0-173.518202 0H187.415764a37.997273 37.997273 0 1 0 0 76.074878h69.407281a94.471021 94.471021 0 0 0 172.313215 0h442.873079a37.997273 37.997273 0 0 0 0-76.074878z m0 252.886714h-49.886483a94.471021 94.471021 0 0 0-173.036208 0H187.335431a37.997273 37.997273 0 1 0 0 76.074878h461.751217a94.471021 94.471021 0 0 0 172.79521 0h50.047149a37.997273 37.997273 0 0 0 0-76.074878z"  ></path></symbol><symbol id="icon-xuanzemoxing" viewBox="0 0 1024 1024"><path d="M512 1020.510815a95.649185 95.649185 0 0 1-47.483259-12.667259L106.723556 801.450667a95.194074 95.194074 0 0 1-47.48326-82.223408V306.441481a95.42163 95.42163 0 0 1 47.48326-82.223407L464.516741 17.825185a96.407704 96.407704 0 0 1 94.890666 0l357.793186 206.392889a95.194074 95.194074 0 0 1 47.483259 82.223407v412.785778a95.194074 95.194074 0 0 1-47.483259 82.223408l-357.793186 206.392889a96.786963 96.786963 0 0 1-47.407407 12.667259z m0-955.733334a36.257185 36.257185 0 0 0-17.59763 4.702815L136.609185 275.873185a35.346963 35.346963 0 0 0-17.597629 30.340741v412.785778a35.195259 35.195259 0 0 0 17.597629 30.34074L494.40237 955.733333a35.574519 35.574519 0 0 0 35.119408 0l357.793185-206.392889a35.346963 35.346963 0 0 0 17.59763-30.34074V305.98637a35.195259 35.195259 0 0 0-17.59763-30.34074L529.521778 69.252741a35.271111 35.271111 0 0 0-17.521778-4.47526z"  ></path><path d="M512.455111 533.010963a94.208 94.208 0 0 1-46.724741-12.363852l-282.320592-159.288889a29.88563 29.88563 0 1 1 29.354666-51.958518l282.320593 159.288889a34.967704 34.967704 0 0 0 34.209185 0l291.802074-159.668149a29.88563 29.88563 0 1 1 28.596148 52.41363L558.042074 521.253926a94.890667 94.890667 0 0 1-45.586963 11.757037z"  ></path><path d="M512 900.133926a29.733926 29.733926 0 0 1-29.809778-30.340741l1.21363-321.308444a94.966519 94.966519 0 0 1 49.531259-82.981926l288.237037-156.785778a29.809778 29.809778 0 1 1 28.444445 52.41363l-288.237037 156.785777a35.422815 35.422815 0 0 0-18.356149 30.72l-1.213629 321.308445a29.88563 29.88563 0 0 1-29.809778 30.189037z"  ></path><path d="M512 900.361481a29.733926 29.733926 0 0 1-29.809778-29.658074l-1.213629-321.308444a35.119407 35.119407 0 0 0-18.356149-30.871704L183.637333 361.585778a29.88563 29.88563 0 0 1 29.202963-52.110222L491.671704 466.261333a94.435556 94.435556 0 0 1 49.076148 82.830223l1.213629 321.15674a30.340741 30.340741 0 0 1-30.34074 30.340741z"  ></path></symbol><symbol id="icon-quanjucanshu" viewBox="0 0 1102 1024"><path d="M827.048445 708.877513a39.390311 39.390311 0 0 1 39.390311 39.390311v78.780621h196.951555a39.390311 39.390311 0 0 1 0 78.780622h-196.951555v78.780622a39.390311 39.390311 0 0 1-78.780622 0v-236.341865a39.390311 39.390311 0 0 1 39.390311-39.390311z m-157.561243 118.4671a39.390311 39.390311 0 0 1 0 78.780622H39.390311a39.390311 39.390311 0 1 1 0-78.780622h630.096891zM275.658134 354.734924a39.390311 39.390311 0 0 1 39.390311 39.390311v236.267824a39.390311 39.390311 0 1 1-78.780621 0V551.316269H39.390311a39.390311 39.390311 0 1 1 0-78.780622h196.951555V393.829067a39.390311 39.390311 0 0 1 39.39031-39.390311z m787.658135 118.467101a39.390311 39.390311 0 0 1 0 78.780621H433.29342a39.390311 39.390311 0 1 1 0-78.780621zM827.048445 0.592336a39.390311 39.390311 0 0 1 39.390311 39.39031v78.780622h196.951555a39.390311 39.390311 0 0 1 0 78.780622h-196.951555v77.818077a39.390311 39.390311 0 0 1-78.780622 0V39.390311A39.390311 39.390311 0 0 1 827.048445 0z m-157.561243 118.4671a39.390311 39.390311 0 0 1 0 78.780622H39.390311a39.390311 39.390311 0 1 1 0-78.780622h630.096891z"  ></path></symbol><symbol id="icon-baocun" viewBox="0 0 1024 1024"><path d="M890.482929 0h-756.965858A133.675266 133.675266 0 0 0 0 133.517071v756.88676a133.675266 133.675266 0 0 0 133.517071 133.596169h756.88676a133.675266 133.675266 0 0 0 133.596169-133.596169V133.517071A133.675266 133.675266 0 0 0 890.482929 0zM311.645296 88.985015h400.63031v178.049127a44.611154 44.611154 0 0 1-44.532056 44.532056H355.940059a44.611154 44.611154 0 0 1-44.532057-44.532056V88.985015z m623.290592 801.418816a44.611154 44.611154 0 0 1-44.532057 44.532057H133.517071a44.611154 44.611154 0 0 1-44.532056-44.532057v-756.965858a44.611154 44.611154 0 0 1 44.532056-44.532056h88.985015v178.049127A133.675266 133.675266 0 0 0 355.940059 400.551213h311.645296a133.675266 133.675266 0 0 0 133.596168-133.596169v-177.970029h88.985015a44.611154 44.611154 0 0 1 44.532056 44.532056z"  ></path><path d="M600.985015 255.960451a55.368454 55.368454 0 1 0-55.368454-55.368453 55.368454 55.368454 0 0 0 55.368454 55.368453z m155.901745 434.009578H267.11324a44.611154 44.611154 0 0 0 0 89.143211h489.77352a44.611154 44.611154 0 0 0 0-89.143211z"  ></path></symbol><symbol id="icon-xuanzeshujuji" viewBox="0 0 1024 1024"><path d="M980.707557 238.350445L534.736146 5.830722a49.403547 49.403547 0 0 0-45.621457 0L43.537245 234.804736A49.403547 49.403547 0 0 0 16.589856 278.771529v473.470355a49.561134 49.561134 0 0 0 27.42015 44.36076l445.813825 222.197771a49.403547 49.403547 0 0 0 44.203173 0l445.735031-222.197771a49.561134 49.561134 0 0 0 27.42015-44.36076V282.080857a49.324753 49.324753 0 0 0-26.474628-43.730412z m-472.761213 223.931228L340.588874 379.863635l379.0757-203.050941L883.318747 261.988506z m3.545709-393.967678l137.258339 71.623324-381.045538 204.075257-149.707718-73.593162zM82.303665 326.441618l158.138626 77.848013v173.345778a33.014491 33.014491 0 0 0 66.028982 0v-141.040429l172.085082 84.703051v418.31488L82.303665 741.919931z m462.596847 613.171293v-422.33335l396.25269-211.245469v435.807045z"  ></path></symbol><symbol id="icon-xuanzejingxiang" viewBox="0 0 1024 1024"><path d="M548.603948 0a18.210919 18.210919 0 0 1 18.21092 18.210919v987.487107a18.210919 18.210919 0 0 1-18.21092 18.210919h-72.843678a18.210919 18.210919 0 0 1-18.210919-18.210919V18.210919a18.210919 18.210919 0 0 1 18.210919-18.210919zM365.766317 109.265517a18.210919 18.210919 0 0 1 18.210919 18.210919v72.843678a18.210919 18.210919 0 0 1-18.210919 18.210919H109.265517v585.116842h256.045527a18.210919 18.210919 0 0 1 18.210919 18.210919v72.843678a18.210919 18.210919 0 0 1-18.210919 18.210919H18.210919a18.210919 18.210919 0 0 1-18.210919-18.210919v-766.679708a18.210919 18.210919 0 0 1 18.210919-18.21092z m566.905922 694.837631v109.265516h-109.265517v-109.265516z m-182.837631 0v109.265516h-109.265517v-109.265516z m274.256447-164.535657v109.265516h-109.265517v-109.265516z m0-182.837631v109.265516h-109.265517v-109.265516z m0-182.837632v109.265517h-109.265517v-109.265517zM749.743553 109.265517v109.265516h-109.265516V109.265517z m182.837631 0v109.265516h-109.265516V109.265517z"  ></path></symbol><symbol id="icon-baocunbingfanhui" viewBox="0 0 1024 1024"><path d="M195.381615 89.081884h382.051717v228.863542a68.461708 68.461708 0 0 0 77.512808 77.512808h228.863542v484.199851a38.041844 38.041844 0 0 1-5.104004 16.87724 84.862574 84.862574 0 0 1-13.270411 18.170254 56.620418 56.620418 0 0 1-36.884936 20.416017h-632.896502a56.620418 56.620418 0 0 1-36.884936-20.416017 84.862574 84.862574 0 0 1-13.270411-18.170254 38.041844 38.041844 0 0 1-5.104004-16.87724V144.273181a38.041844 38.041844 0 0 1 5.104004-16.87724 84.862574 84.862574 0 0 1 13.270411-18.170254 56.620418 56.620418 0 0 1 36.884936-20.416017z m241.317312 432.683437l23.410365-23.410365a39.266805 39.266805 0 1 0-55.531564-55.531565L315.087524 532.313596a39.266805 39.266805 0 0 0 27.221355 68.053387h206.678137a55.667671 55.667671 0 1 1 0 111.267289h-93.913675a39.266805 39.266805 0 0 0 0 78.533609H548.578696a134.133226 134.133226 0 1 0 0-268.334507z m226.41362-503.595067a60.499461 60.499461 0 0 0-43.145848-18.034147H195.381615A144.000968 144.000968 0 0 0 51.108434 144.409288v735.31685a144.000968 144.000968 0 0 0 144.273181 144.273181h632.896503a147.403637 147.403637 0 0 0 144.273181-144.273181V357.552497a60.499461 60.499461 0 0 0-17.421667-42.465314z m3.402669 288.342203V148.832758l157.679698 157.679699H666.515216z"  ></path></symbol><symbol id="icon-zidingyijingxiang" viewBox="0 0 1116 1024"><path d="M595.247277 1016.045693h-483.497068a103.873886 103.873886 0 0 1-103.561952-103.561952v-483.497068a103.561953 103.561953 0 0 1 103.561952-103.172036h331.819359v56.45998H111.750209a46.790039 46.790039 0 0 0-46.790038 46.790039v483.497068a46.790039 46.790039 0 0 0 46.790038 46.790039h483.497068a46.790039 46.790039 0 0 0 46.790039-46.790039v-241.748534h56.45998v241.748534a103.561953 103.561953 0 0 1-103.561952 103.561953z"  ></path><path d="M595.247277 1023.844033h-483.497068a111.906176 111.906176 0 0 1-111.360292-111.360292v-483.497068a111.516259 111.516259 0 0 1 111.360292-110.970376h339.617699v72.05666H111.750209a38.991699 38.991699 0 0 0-38.991699 38.991699v483.497068a38.991699 38.991699 0 0 0 38.991699 38.991699h483.497068a38.991699 38.991699 0 0 0 38.991699-38.991699v-249.546874h72.05666v249.546874a111.516259 111.516259 0 0 1-111.048359 111.282309z m-483.497068-690.231056A95.841596 95.841596 0 0 0 15.986597 429.37659v483.497068a96.231513 96.231513 0 0 0 95.763612 95.373696h483.497068a95.841596 95.841596 0 0 0 95.763613-95.763613v-233.950194h-41.175234v233.950194a54.978296 54.978296 0 0 1-54.588379 54.588378h-483.497068a54.978296 54.978296 0 0 1-54.588378-54.588378v-483.497068a54.978296 54.978296 0 0 1 54.588378-54.588379h324.021019v-40.8633z"  ></path><path d="M1003.958267 698.887213h-483.497068a103.873886 103.873886 0 0 1-103.561953-103.561952v-483.497068A103.873886 103.873886 0 0 1 520.461199 7.954307h483.497068a103.561953 103.561953 0 0 1 104.41977 103.873886v483.497068a103.561953 103.561953 0 0 1-104.41977 103.561952zM520.461199 64.25832a47.413906 47.413906 0 0 0-46.790039 47.413906v483.497068a46.790039 46.790039 0 0 0 46.790039 46.790039h483.497068a46.790039 46.790039 0 0 0 47.95979-46.790039v-483.497068a47.413906 47.413906 0 0 0-47.95979-47.413906z"  ></path><path d="M1004.816084 706.685553H520.305232a111.906176 111.906176 0 0 1-111.360293-111.360292v-483.497068A111.828193 111.828193 0 0 1 520.305232 0.155967h484.588835a110.658442 110.658442 0 0 1 78.529282 32.441093 112.062143 112.062143 0 0 1 32.831011 79.231133v483.497068a112.140126 112.140126 0 0 1-32.908994 79.075165 110.658442 110.658442 0 0 1-78.529282 32.285127zM520.305232 15.59668a96.231513 96.231513 0 0 0-95.763613 96.075546v483.497068A96.231513 96.231513 0 0 0 520.305232 690.932907h484.510852a95.217729 95.217729 0 0 0 67.455639-27.76209 96.38748 96.38748 0 0 0 28.307974-68.001523v-483.497068a96.38748 96.38748 0 0 0-28.22999-68.15749 95.139746 95.139746 0 0 0-67.533623-27.840073H520.305232z m484.510852 634.628893H520.305232a54.978296 54.978296 0 0 1-54.588379-54.588379v-483.497068a55.368213 55.368213 0 0 1 54.588379-55.212245h484.276902a54.588379 54.588379 0 0 1 38.991699 15.596679 55.602163 55.602163 0 0 1 16.376514 38.991699v483.497068a55.290229 55.290229 0 0 1-16.454497 38.991699 54.588379 54.588379 0 0 1-38.679766 16.220547zM520.305232 71.978676a39.69355 39.69355 0 0 0-38.991699 39.615567v483.497068a38.991699 38.991699 0 0 0 38.991699 38.991699h484.510852a38.991699 38.991699 0 0 0 27.52814-11.307593 39.537583 39.537583 0 0 0 11.775493-28.074023v-483.497068a39.849516 39.849516 0 0 0-11.775493-28.152007 38.991699 38.991699 0 0 0-27.840074-11.46356H520.305232z"  ></path></symbol><symbol id="icon-bendishangchuan" viewBox="0 0 1024 1024"><path d="M529.422023 426.428172v333.916154a35.774176 35.774176 0 0 1-70.975964 0V426.428172l-56.523197 62.175517a35.774176 35.774176 0 0 1-52.51649-47.72275l118.197876-130.074902a35.344885 35.344885 0 0 1 52.51649 0l118.197876 130.074902a35.774176 35.774176 0 0 1-52.444942 47.72275zM116.731135 74.553382a34.200112 34.200112 0 0 0-36.632756 31.123532v812.574623a34.200112 34.200112 0 0 0 36.632756 31.123533h789.893795a34.200112 34.200112 0 0 0 36.632756-31.123533V222.15763a34.27166 34.27166 0 0 0-36.632756-31.123533H535.145892a108.968139 108.968139 0 0 1-85.07099-39.566238l-51.872554-63.534936a38.850755 38.850755 0 0 0-30.050308-13.45109H116.731135z m789.893795 945.8692H116.731135a105.032979 105.032979 0 0 1-107.322527-102.099496V105.748463A105.032979 105.032979 0 0 1 116.731135 3.577418h251.420905a108.89659 108.89659 0 0 1 85.07099 39.566238l51.872554 63.534935a38.850755 38.850755 0 0 0 30.121856 13.45109h371.479038a105.032979 105.032979 0 0 1 107.322527 102.099497v696.093908a105.104528 105.104528 0 0 1-107.107881 102.099496z"  ></path></symbol><symbol id="icon-sousuo" viewBox="0 0 1024 1024"><path d="M853.870282 799.648577a480.64016 480.64016 0 1 0-226.91662 149.899916 38.356386 38.356386 0 0 0-22.369493-73.369505 412.315948 412.315948 0 1 1 172.755702-106.194303 44.374265 44.374265 0 0 0 0.486293 62.245544l179.806955 179.806955a38.356386 38.356386 0 0 0 54.282492-54.221705z"  ></path></symbol><symbol id="icon-jiyugongwangjingxiang" viewBox="0 0 1029 1024"><path d="M317.2765 36.013224H147.005979A111.208834 111.208834 0 0 0 36.013224 147.005979v575.779419a111.208834 111.208834 0 0 0 110.992755 110.992755h170.270521a111.352887 111.352887 0 0 0 110.992755-111.785046V147.005979A111.208834 111.208834 0 0 0 317.2765 36.013224z m37.021594 686.123936a37.3097 37.3097 0 0 1-37.021594 37.669832H147.005979a37.3097 37.3097 0 0 1-37.021594-37.021594V147.005979a37.3097 37.3097 0 0 1 37.021594-37.021594h170.270521a37.3097 37.3097 0 0 1 37.021594 37.021594z m36.877541 191.734402H73.034817a37.021594 37.021594 0 0 0 0 74.115214h318.140818a37.021594 37.021594 0 0 0 0-74.115214zM882.756137 36.013224H712.485616a111.208834 111.208834 0 0 0-110.992755 110.992755v575.779419a111.208834 111.208834 0 0 0 110.992755 110.992755h170.270521a111.352887 111.352887 0 0 0 111.208835-111.857073V146.933952A111.280861 111.280861 0 0 0 882.756137 36.013224z m36.877541 686.123936a37.3097 37.3097 0 0 1-37.021594 37.669832H712.485616a37.3097 37.3097 0 0 1-37.021594-37.021594V147.005979a37.3097 37.3097 0 0 1 37.021594-37.021594h170.270521a37.3097 37.3097 0 0 1 37.021594 37.021594v575.131181z m37.021594 191.734402H638.514455a37.021594 37.021594 0 0 0 0 74.115214h318.140817a37.021594 37.021594 0 0 0 0-74.115214zM514.556939 36.013224a37.09362 37.09362 0 0 0-37.021594 37.021593v37.021594a37.021594 37.021594 0 0 0 74.115214 0v-37.021594A37.381726 37.381726 0 0 0 514.556939 36.013224z m0 402.62784a36.661462 36.661462 0 0 0-37.021594 37.021593v72.530633a37.09362 37.09362 0 0 0 74.115214 0.792291V475.374552a36.877541 36.877541 0 0 0-37.09362-36.733488z m0-219.752691a36.661462 36.661462 0 0 0-37.021594 37.021594v73.106844a37.021594 37.021594 0 0 0 74.115214 0V255.909967a36.805515 36.805515 0 0 0-37.09362-37.021594z m0 438.857143a36.661462 36.661462 0 0 0-37.021594 37.021594v72.530632a37.09362 37.09362 0 0 0 74.115214 0.792291V694.76711a36.805515 36.805515 0 0 0-37.09362-37.021594z m0 219.104452a36.661462 36.661462 0 0 0-37.021594 37.021594v36.877541a36.661462 36.661462 0 0 0 37.021594 37.021594 37.165647 37.165647 0 0 0 37.021594-37.021594v-37.021594a36.733488 36.733488 0 0 0-37.021594-36.877541z"  ></path></symbol><symbol id="icon-gonggongjingxiang" viewBox="0 0 1024 1024"><path d="M515.409476 1023.991387a463.688796 463.688796 0 0 1-357.672023-168.24869 31.941411 31.941411 0 1 1 49.096461-40.913718 400.021309 400.021309 0 0 0 551.904512 62.375475 32.084968 32.084968 0 0 1 38.903921 51.106257 455.14716 455.14716 0 0 1-282.232871 95.680676z m423.492863-346.402807a27.850039 27.850039 0 0 1-6.101168-0.43067 31.941411 31.941411 0 0 1-25.122458-37.755466 404.902244 404.902244 0 0 0 7.680294-78.956296 398.226848 398.226848 0 0 0-221.795414-358.389808 31.726075 31.726075 0 0 1-14.355691-43.06707 32.084968 32.084968 0 0 1 43.067071-14.355691 462.468562 462.468562 0 0 1 257.110413 415.597234 457.515849 457.515849 0 0 1-9.25942 91.589303 31.726075 31.726075 0 0 1-31.008291 25.768464zM82.872529 577.888312h-1.148455a32.156746 32.156746 0 0 1-31.223627-33.233423 466.559934 466.559934 0 0 1 356.380011-436.412984 32.156746 32.156746 0 0 1 15.360589 62.375474 400.954429 400.954429 0 0 0-306.637544 376.262642 33.089866 33.089866 0 0 1-32.515639 31.008291z m0 0"  ></path><path d="M515.337698 255.961957a127.980979 127.980979 0 1 1 128.196314-127.765643 128.268093 128.268093 0 0 1-128.196314 127.765643z"  ></path><path d="M515.409476 63.739265a63.9546 63.9546 0 1 0 63.954601 63.9546 64.098157 64.098157 0 0 0-63.954601-63.9546z m-386.168068 810.16338a128.196314 128.196314 0 1 1 128.196314-128.196314 128.268093 128.268093 0 0 1-128.268092 128.196314z"  ></path><path d="M129.16963 681.679952a64.026379 64.026379 0 1 0 63.9546 64.026379 64.098157 64.098157 0 0 0-63.9546-64.026379z m765.588962 192.222693a128.196314 128.196314 0 1 1 128.196314-128.196314 128.268093 128.268093 0 0 1-128.124536 128.124535z"  ></path><path d="M894.83037 681.679952a63.9546 63.9546 0 1 0 63.9546 63.9546 64.098157 64.098157 0 0 0-63.9546-63.9546z"  ></path></symbol><symbol id="icon-shuaxin" viewBox="0 0 1024 1024"><path d="M511.991431 0.017138a511.991431 511.991431 0 1 0 511.991431 511.991431 47.414548 47.414548 0 1 0-94.829096 0 420.875522 420.875522 0 0 1-417.162335 417.162335A420.875522 420.875522 0 0 1 94.829096 512.008569 420.875522 420.875522 0 0 1 511.991431 94.846234a349.896515 349.896515 0 0 1 218.078359 66.337523v9.497191l-47.414549 57.125962c-18.994382 18.994382 0 57.125962 28.562981 57.125961l218.078359 9.497192c18.994382 0 37.917357-28.562981 37.917357-47.414549L900.7336 37.934495A36.774838 36.774838 0 0 0 834.396077 28.580119l-37.917357 57.125961A501.708758 501.708758 0 0 0 511.991431 0.017138z"  ></path></symbol><symbol id="icon-xinjian2" viewBox="0 0 1024 1024"><path d="M822.146022 820.78166a436.564065 436.564065 0 1 0-617.234953 0 436.564065 436.564065 0 0 0 617.234953 0z m52.415166 52.415167a511.855051 511.855051 0 1 1 0-722.614855 511.855051 511.855051 0 0 1 0.068696 722.752247z"  ></path><path d="M551.208386 474.553039h203.271923a37.920278 37.920278 0 0 1 0 75.56577H551.551867v202.928442a37.920278 37.920278 0 0 1-75.565771 0V550.118809H272.439389a37.920278 37.920278 0 0 1 0-75.56577h203.546707V271.006332a37.920278 37.920278 0 0 1 75.565771 0z"  ></path></symbol><symbol id="icon-fuzhi" viewBox="0 0 1024 1024"><path d="M660.058353 237.206588a63.427765 63.427765 0 0 1 63.427765 63.427765v591.811765a63.427765 63.427765 0 0 1-63.427765 63.427764h-465.016471a63.427765 63.427765 0 0 1-63.367529-63.427764V300.634353a63.427765 63.427765 0 0 1 63.427765-63.427765z m-21.142588 84.329412H216.003765v549.526588h422.731294z m190.102588-253.409882a63.427765 63.427765 0 0 1 63.126588 57.344V701.861647a42.224941 42.224941 0 0 1-84.329412 4.939294V152.455529H385.264941a42.164706 42.164706 0 0 1-42.164706-37.345882v-4.939294a42.164706 42.164706 0 0 1 37.345883-42.164706h4.939294z"  ></path></symbol><symbol id="icon-chakanxiangqing" viewBox="0 0 1024 1024"><path d="M749.146353 292.924235a31.563294 31.563294 0 0 0-31.442824-31.442823H316.717176a31.442824 31.442824 0 0 0 0 62.885647h400.986353a31.563294 31.563294 0 0 0 31.442824-31.442824z m-432.429177 156.611765a31.442824 31.442824 0 0 0 0 62.885647h187.27153a31.442824 31.442824 0 0 0 0-62.885647z m450.981648 322.198588a27.949176 27.949176 0 0 0-6.746353-5.12 154.503529 154.503529 0 0 0 28.129882-89.088 158.479059 158.479059 0 1 0-158.479059 156.611765 159.563294 159.563294 0 0 0 86.91953-25.6 31.382588 31.382588 0 0 0 5.662117 7.830588l81.618824 81.618824a31.503059 31.503059 0 0 0 44.513882-44.513883z m-137.09553 0.602353a94.750118 94.750118 0 1 1 96.015059-94.750117 95.412706 95.412706 0 0 1-95.954824 94.750117z"  ></path><path d="M582.656 887.988706h-349.364706a62.885647 62.885647 0 0 1-62.704941-62.704941V199.559529a62.885647 62.885647 0 0 1 62.704941-62.704941h536.094118a62.885647 62.885647 0 0 1 62.704941 62.704941v312.018824a31.563294 31.563294 0 0 0 63.126588 0V198.475294c0-68.969412-27.045647-125.409882-96.015059-125.409882H237.086118a125.831529 125.831529 0 0 0-125.409883 125.409882v626.989177a125.831529 125.831529 0 0 0 125.409883 125.409882h345.148235a31.442824 31.442824 0 0 0 0.421647-62.885647z"  ></path><path d="M832.572235 637.048471a31.563294 31.563294 0 1 0 31.563294-31.442824 31.503059 31.503059 0 0 0-31.563294 31.442824z"  ></path></symbol><symbol id="icon-xiazai" viewBox="0 0 1024 1024"><path d="M912.384 668.551529v88.545883a99.448471 99.448471 0 0 1-99.568941 99.508706H211.184941a99.448471 99.448471 0 0 1-99.568941-99.508706v-88.545883a49.814588 49.814588 0 0 0-99.568941 0v87.100236a199.800471 199.800471 0 0 0 199.80047 199.80047h600.184471a199.800471 199.800471 0 0 0 199.800471-199.80047v-87.100236a49.814588 49.814588 0 0 0-99.568942 0z"  ></path><path d="M728.003765 398.516706a50.778353 50.778353 0 0 0-71.740236 0l-95.171764 95.171765V125.530353a49.814588 49.814588 0 1 0-99.568941 0v368.158118l-95.171765-95.171765a50.718118 50.718118 0 1 0-71.740235 71.740235l177.995294 177.995294a54.753882 54.753882 0 0 0 77.462588 0l177.874823-177.995294a50.537412 50.537412 0 0 0 0.060236-71.740235z"  ></path></symbol><symbol id="icon-bianji" viewBox="0 0 1024 1024"><path d="M198.354824 835.764706a78.305882 78.305882 0 0 1-77.040942-91.617882l36.502589-209.498353a78.305882 78.305882 0 0 1 21.805176-42.164706L597.413647 74.691765a78.305882 78.305882 0 0 1 110.592 0l172.875294 172.875294a78.305882 78.305882 0 0 1 0 110.592l-417.792 417.91247a77.402353 77.402353 0 0 1-42.164706 21.684706l-209.377882 36.502589a73.547294 73.547294 0 0 1-13.191529 1.505882z m43.309176-284.069647l-34.334118 196.969412 196.969412-34.334118 411.105882-411.105882-162.635294-162.635295z m619.399529 420.141176H162.936471a42.706824 42.706824 0 1 1 0-85.413647h698.247529a42.706824 42.706824 0 1 1 0 85.413647z"  ></path></symbol><symbol id="icon-shiyanduibi" viewBox="0 0 1024 1024"><path d="M974.426353 316.536471a502.061176 502.061176 0 1 0 39.755294 195.463529 501.820235 501.820235 0 0 0-39.755294-195.463529z m-157.515294 500.555294a431.164235 431.164235 0 1 1 126.494117-304.971294 428.574118 428.574118 0 0 1-126.494117 304.971294z"  ></path><path d="M511.819294 3.915294a506.759529 506.759529 0 1 1-197.812706 39.996235A505.976471 505.976471 0 0 1 511.819294 3.915294z m0 1004.242824a494.712471 494.712471 0 1 0-193.114353-39.032471 493.146353 493.146353 0 0 0 193.234824 39.032471z m0-933.647059a437.488941 437.488941 0 1 1-309.308235 128.180706 434.477176 434.477176 0 0 1 309.308235-128.060236z m0 862.689882a425.441882 425.441882 0 1 0-300.694588-124.626823 422.490353 422.490353 0 0 0 300.694588 124.988235z"  ></path><path d="M180.224 512.602353a70.716235 70.716235 0 1 0 70.716235-70.716235A70.716235 70.716235 0 0 0 180.224 512.602353z"  ></path><path d="M250.940235 435.862588A76.739765 76.739765 0 1 1 174.200471 512.602353a76.860235 76.860235 0 0 1 76.739764-76.739765z m0 141.492706a64.692706 64.692706 0 1 0-64.692706-64.692706 64.752941 64.752941 0 0 0 64.692706 64.632471z"  ></path><path d="M440.500706 512.602353a70.716235 70.716235 0 1 0 70.716235-70.716235A70.716235 70.716235 0 0 0 440.500706 512.602353z"  ></path><path d="M511.216941 435.862588A76.739765 76.739765 0 1 1 434.477176 512.602353a76.860235 76.860235 0 0 1 76.739765-76.739765z m0 141.492706a64.692706 64.692706 0 1 0-64.692706-64.692706 64.752941 64.752941 0 0 0 64.692706 64.632471z"  ></path><path d="M701.982118 512a70.716235 70.716235 0 1 0 70.716235-70.716235A70.716235 70.716235 0 0 0 701.982118 512z"  ></path><path d="M772.698353 588.8a76.739765 76.739765 0 1 1 76.739765-76.739765 76.860235 76.860235 0 0 1-76.739765 76.739765z m0-141.432471a64.692706 64.692706 0 1 0 64.692706 64.692706 64.752941 64.752941 0 0 0-64.692706-64.752941z"  ></path></symbol><symbol id="icon-shangchuan" viewBox="0 0 1024 1024"><path d="M808.237176 393.336471a297.622588 297.622588 0 0 0-592.655058 0 221.003294 221.003294 0 0 0-197.029647 238.953411 216.124235 216.124235 0 0 0 216.244705 217.750589h32.346353a26.985412 26.985412 0 0 0 0-53.729883h-32.346353a175.465412 175.465412 0 0 1-2.409411-349.364706l24.094117 6.02353 3.132236-29.57553a251.181176 251.181176 0 0 1 502.241882 0l4.879059 29.033412 24.094117-5.662118a175.465412 175.465412 0 0 1-2.409411 349.364706h-36.442353a26.985412 26.985412 0 0 0 0 53.729883h36.683294a216.124235 216.124235 0 0 0 216.244706-217.750589 221.003294 221.003294 0 0 0-196.668236-238.772705z"  ></path><path d="M511.939765 114.567529a320.150588 320.150588 0 0 1 303.947294 270.21553 231.183059 231.183059 0 0 1 198.535529 247.868235 225.942588 225.942588 0 0 1-215.461647 226.605177h-46.501647a36.141176 36.141176 0 0 1 0-71.800471h37.707294a166.610824 166.610824 0 0 0 2.168471-331.294118l-32.587294 7.589647-6.505412-38.972235a242.206118 242.206118 0 0 0-484.291765 0l-4.276706 39.875765-33.249882-8.432941a166.610824 166.610824 0 0 0 2.288941 331.294117h33.551059a36.141176 36.141176 0 0 1 0 71.800471H225.159529a225.942588 225.942588 0 0 1-215.461647-226.605177 231.183059 231.183059 0 0 1 198.475294-247.868235 320.150588 320.150588 0 0 1 303.766589-270.275765z m286.900706 726.678589a207.932235 207.932235 0 0 0 197.511529-209.076706 212.208941 212.208941 0 0 0-188.476235-229.556706l-7.168-0.361412-1.264941-7.107765a288.647529 288.647529 0 0 0-574.885648 0l-1.264941 7.107765-7.168 0.361412a212.208941 212.208941 0 0 0-188.476235 229.556706 207.932235 207.932235 0 0 0 197.451294 209.317647H267.143529a18.070588 18.070588 0 0 0 0-35.659294h-33.551058a184.560941 184.560941 0 0 1-1.264942-367.435294h1.144471l15.36 3.915294 2.048-19.215059a260.156235 260.156235 0 0 1 520.131765-0.301177l3.252706 19.275295 15.962353-3.734589h1.325176a184.560941 184.560941 0 0 1-1.264941 367.435294h-37.707294a18.070588 18.070588 0 0 0 0 35.659295h37.165176c2.831059-0.301176 5.963294-0.180706 9.035294-0.180706z"  ></path><path d="M530.974118 491.339294a26.864941 26.864941 0 0 0-38.128942 0l-151.792941 151.792941a26.864941 26.864941 0 0 0 37.888 38.128941l106.134589-106.134588v328.824471a26.864941 26.864941 0 1 0 53.729882 0V575.126588l107.459765 106.134588a26.864941 26.864941 0 1 0 37.888-38.128941z"  ></path><path d="M511.879529 474.172235a36.141176 36.141176 0 0 1 25.47953 10.601412l153.057882 151.732706a36.141176 36.141176 0 0 1-50.597647 50.959059L547.779765 596.570353v307.2a36.141176 36.141176 0 1 1-71.800471 0v-307.2L385.325176 687.284706a36.141176 36.141176 0 0 1-50.657882 0 36.141176 36.141176 0 0 1 0-50.959059l151.732706-151.732706a36.141176 36.141176 0 0 1 25.479529-10.420706z m153.238589 205.643294a18.070588 18.070588 0 0 0 12.589176-30.479058L524.589176 497.543529a18.070588 18.070588 0 0 0-25.359058 0l-151.792942 151.792942a18.070588 18.070588 0 0 0 0 25.359058 18.070588 18.070588 0 0 0 25.118118 0l121.494588-121.494588v350.629647a18.070588 18.070588 0 1 0 35.659294 0V553.381647l122.819765 121.313882a17.709176 17.709176 0 0 0 12.589177 5.12z"  ></path></symbol><symbol id="icon-xiangqing" viewBox="0 0 1024 1024"><path d="M308.464941 297.261176h410.322824a24.094118 24.094118 0 0 0 0-48.188235H308.464941a24.094118 24.094118 0 1 0 0 48.188235z m-2.349176 169.923765h410.322823a24.094118 24.094118 0 1 0 0-48.188235H305.995294a24.094118 24.094118 0 0 0 0 48.188235z m271.058823 145.709177a24.094118 24.094118 0 0 0-24.094117-24.094118H309.368471a24.094118 24.094118 0 1 0 0 48.188235H552.96a24.094118 24.094118 0 0 0 24.094118-23.853176z"  ></path><path d="M308.464941 240.037647h410.322824a33.249882 33.249882 0 0 1 0 66.258824H308.464941a33.249882 33.249882 0 1 1 0-66.258824z m410.322824 48.188235a15.179294 15.179294 0 0 0 0-30.117647H308.464941a15.179294 15.179294 0 1 0 0 30.117647zM306.115765 409.660235h410.322823a33.249882 33.249882 0 1 1 0 66.258824H305.995294a33.249882 33.249882 0 0 1 0-66.258824z m410.322823 48.188236a15.179294 15.179294 0 1 0 0-30.117647H305.995294a15.179294 15.179294 0 0 0 0 30.117647zM309.187765 579.282824H552.96a33.249882 33.249882 0 1 1 0 66.258823H309.248a33.249882 33.249882 0 1 1 0-66.258823z m243.712 48.188235a15.179294 15.179294 0 1 0 0-30.117647H309.187765a15.179294 15.179294 0 1 0 0 30.117647z"  ></path><path d="M881.423059 673.249882l0.783059-1.204706a0.722824 0.722824 0 0 0 0-0.421647c0-0.421647 0.481882-0.903529 0.783058-1.264941l0.602353-1.204706v-0.421647c0-0.421647 0.421647-0.963765 0.602353-1.385411 0-0.421647 0-0.903529 0.421647-1.264942s0 0 0-0.421647 0-0.963765 0.421647-1.445647a6.625882 6.625882 0 0 0 0-1.385412v-0.421647a7.890824 7.890824 0 0 0 0-1.566117v-466.221177a121.313882 121.313882 0 0 0-121.193411-121.133176h-505.976471a121.313882 121.313882 0 0 0-121.193412 121.133176v635.301647a121.313882 121.313882 0 0 0 121.193412 121.133177H605.906824l0.783058-0.421647 0.783059-0.421647a5.421176 5.421176 0 0 0 0.783059-0.481883 5.481412 5.481412 0 0 0 0.783059-0.481882l0.783059-0.602353 0.662588-0.602353h0.421647l0.602353-0.481882 0.903529-0.90353 263.830589-267.926588a12.047059 12.047059 0 0 0 1.084235-1.204706zM186.127059 829.921882V193.897412a72.704 72.704 0 0 1 72.704-72.704h505.97647a72.704 72.704 0 0 1 72.704 72.704v440.801882h-142.637176a121.313882 121.313882 0 0 0-121.193412 121.133177v146.793411H259.011765a72.704 72.704 0 0 1-72.884706-72.704z m435.802353 37.76753v-111.796706a72.704 72.704 0 0 1 72.704-72.704h109.025882z"  ></path><path d="M599.04 960.150588H259.072a130.349176 130.349176 0 0 1-130.228706-130.16847V193.897412a130.349176 130.349176 0 0 1 130.228706-130.168471h505.976471a130.349176 130.349176 0 0 1 130.228705 130.168471v465.980235a20.841412 20.841412 0 0 1 0 2.409412 13.432471 13.432471 0 0 1 0 1.987765v1.987764l-0.421647 1.204706V668.732235l-0.361411 0.783059-0.361412 1.505882-0.722824 0.90353v0.903529l-1.566117 2.108236v1.325176l-2.650353 2.650353-1.204706 1.325176-1.445647 1.505883-263.710118 267.806117v0.963765l-4.035765 2.590118h-0.301176l-2.048 2.048h-0.361412l-0.602353 0.602353h-1.686588l-0.542118 0.542117h-1.746823l-0.963765 0.361412a9.758118 9.758118 0 0 1-1.927529 0.783059l-0.90353 0.301176-1.204706 0.602353h-5.782588zM259.132235 81.799529A112.278588 112.278588 0 0 0 146.974118 193.897412v636.02447a112.278588 112.278588 0 0 0 112.158117 112.097883H601.750588l1.024-0.481883h0.421647l0.90353-0.421647 1.385411-0.903529 1.264942-1.204706h0.361411l0.722824-0.602353h0.481882l0.421647-0.421647 265.035294-269.372235 1.445648-1.92753 0.602352-1.204706v-2.409411l1.084236-1.084236V193.897412a112.278588 112.278588 0 0 0-112.158118-112.097883z m323.704471 829.861647H259.132235a81.799529 81.799529 0 0 1-81.739294-81.739294V193.897412a81.799529 81.799529 0 0 1 81.739294-81.739294h505.976471a81.799529 81.799529 0 0 1 81.739294 81.739294v449.837176h-151.672471a112.278588 112.278588 0 0 0-112.158117 112.097883zM259.132235 130.228706a63.728941 63.728941 0 0 0-63.668706 63.668706v636.02447a63.728941 63.728941 0 0 0 63.668706 63.668706h305.633883v-137.697882a130.349176 130.349176 0 0 1 130.228706-130.168471h133.601882V193.897412a63.728941 63.728941 0 0 0-63.668706-63.668706z m354.063059 759.506823v-133.842823a81.799529 81.799529 0 0 1 81.739294-81.739294h130.590118z m81.739294-197.571764a63.728941 63.728941 0 0 0-63.668706 63.668706v89.810823l151.070118-153.479529z"  ></path></symbol><symbol id="icon-shanchu" viewBox="0 0 1024 1024"><path d="M766.012235 947.320471H257.566118a80.414118 80.414118 0 0 1-81.859765-78.908236V258.168471a32.045176 32.045176 0 0 1 32.647529-31.442824 32.406588 32.406588 0 0 1 32.64753 31.442824v610.243764a16.323765 16.323765 0 0 0 16.624941 16.022589h507.663059a16.323765 16.323765 0 0 0 16.624941-16.022589V258.168471a32.045176 32.045176 0 0 1 32.587294-31.442824 32.406588 32.406588 0 0 1 32.647529 31.442824v610.243764a79.872 79.872 0 0 1-81.136941 78.908236z"  ></path><path d="M766.012235 953.344H257.566118a86.558118 86.558118 0 0 1-87.883294-84.931765V258.168471a38.128941 38.128941 0 0 1 38.671058-37.466353 38.610824 38.610824 0 0 1 38.671059 37.466353v610.243764a10.300235 10.300235 0 0 0 10.601412 9.999059h507.663059a10.300235 10.300235 0 0 0 10.601412-9.999059V258.168471a38.128941 38.128941 0 0 1 38.610823-37.466353 38.610824 38.610824 0 0 1 38.671059 37.466353v610.243764a81.558588 81.558588 0 0 1-24.094118 58.608941 89.449412 89.449412 0 0 1-63.066353 26.322824zM208.353882 232.749176a26.081882 26.081882 0 0 0-26.624 25.419295v610.243764a74.511059 74.511059 0 0 0 75.836236 72.884706h508.446117a77.342118 77.342118 0 0 0 54.753883-22.708706 69.632 69.632 0 0 0 20.540235-50.055529V258.168471a26.383059 26.383059 0 0 0-26.804706-25.419295 26.081882 26.081882 0 0 0-26.624 25.419295v610.243764a22.347294 22.347294 0 0 1-22.648471 22.046118H257.566118a22.347294 22.347294 0 0 1-22.648471-22.046118V258.168471a26.383059 26.383059 0 0 0-26.563765-25.419295z"  ></path><path d="M913.950118 265.938824H109.327059a32.045176 32.045176 0 0 1-32.64753-31.442824 32.045176 32.045176 0 0 1 32.64753-31.442824h805.345882a32.045176 32.045176 0 0 1 32.64753 31.442824 32.527059 32.527059 0 0 1-33.370353 31.442824z"  ></path><path d="M913.950118 271.962353H109.327059a38.128941 38.128941 0 0 1-38.671059-37.466353 38.128941 38.128941 0 0 1 38.671059-37.466353h805.345882a38.128941 38.128941 0 0 1 38.671059 37.466353 38.430118 38.430118 0 0 1-39.393882 37.466353zM109.327059 209.076706a26.081882 26.081882 0 0 0-26.624 25.419294 26.081882 26.081882 0 0 0 26.624 25.419294h804.623059a26.684235 26.684235 0 0 0 27.166117-25.419294 26.081882 26.081882 0 0 0-26.443294-25.419294z"  ></path><path d="M425.321412 805.526588a32.045176 32.045176 0 0 1-32.64753-31.442823V363.580235a32.045176 32.045176 0 0 1 32.64753-31.442823 32.406588 32.406588 0 0 1 32.647529 31.442823v410.50353a32.406588 32.406588 0 0 1-32.647529 31.442823z"  ></path><path d="M425.321412 811.550118a38.128941 38.128941 0 0 1-38.671059-37.466353V363.580235a38.128941 38.128941 0 0 1 38.671059-37.466353 38.610824 38.610824 0 0 1 38.671059 37.466353v410.50353a38.610824 38.610824 0 0 1-38.671059 37.466353z m0-473.389177a26.081882 26.081882 0 0 0-26.624 25.419294v410.50353a26.081882 26.081882 0 0 0 26.624 25.419294 26.383059 26.383059 0 0 0 26.624-25.419294V363.580235a26.383059 26.383059 0 0 0-26.624-25.419294z"  ></path><path d="M618.797176 805.526588a32.045176 32.045176 0 0 1-32.647529-31.442823V363.580235a32.045176 32.045176 0 0 1 32.647529-31.442823 32.406588 32.406588 0 0 1 32.64753 31.442823v410.50353a31.683765 31.683765 0 0 1-32.64753 31.442823z"  ></path><path d="M618.797176 811.550118a38.128941 38.128941 0 0 1-38.671058-37.466353V363.580235a38.128941 38.128941 0 0 1 38.671058-37.466353 38.610824 38.610824 0 0 1 38.671059 37.466353v410.50353a34.996706 34.996706 0 0 1-10.119529 25.539764 39.815529 39.815529 0 0 1-28.55153 11.926589z m0-473.389177a26.081882 26.081882 0 0 0-26.624 25.419294v410.50353a26.081882 26.081882 0 0 0 26.624 25.419294 27.708235 27.708235 0 0 0 19.877648-8.252235 23.190588 23.190588 0 0 0 6.686117-16.986353V363.580235a26.383059 26.383059 0 0 0-26.563765-25.419294z"  ></path><path d="M576.933647 139.565176H446.464a32.045176 32.045176 0 0 1-32.647529-31.442823 32.406588 32.406588 0 0 1 32.647529-31.442824h131.072a32.045176 32.045176 0 0 1 32.647529 31.442824 32.527059 32.527059 0 0 1-33.249882 31.442823z"  ></path><path d="M576.933647 145.588706H446.464a38.128941 38.128941 0 0 1-38.671059-37.466353 38.610824 38.610824 0 0 1 38.671059-37.466353h131.072a38.128941 38.128941 0 0 1 38.671059 37.466353 38.430118 38.430118 0 0 1-39.273412 37.466353zM446.464 82.703059a26.383059 26.383059 0 0 0-26.624 25.419294 26.081882 26.081882 0 0 0 26.624 25.419294h130.469647a26.684235 26.684235 0 0 0 27.226353-25.419294 26.081882 26.081882 0 0 0-26.624-25.419294z"  ></path></symbol><symbol id="icon-peizhi" viewBox="0 0 1024 1024"><path d="M512.060235 313.344a198.776471 198.776471 0 1 0 198.776471 198.776471 198.776471 198.776471 0 0 0-198.776471-198.776471z m-128.602353 198.776471a128.602353 128.602353 0 1 1 128.602353 128.602353 128.602353 128.602353 0 0 1-128.542117-128.662589z"  ></path><path d="M604.400941 56.079059H419.779765c-36.141176 0-65.596235 0-89.931294 2.409412a167.032471 167.032471 0 0 0-69.150118 20.058353 164.984471 164.984471 0 0 0-52.043294 49.754352c-14.336 19.757176-29.093647 45.296941-47.164235 76.438589L69.812706 362.797176c-18.070588 31.201882-32.948706 56.801882-43.128471 79.149177a150.588235 150.588235 0 0 0 0 140.288c10.119529 22.287059 25.057882 48.188235 43.128471 79.149176l91.678118 158.057412c18.070588 31.141647 32.828235 56.681412 47.164235 76.438588a150.588235 150.588235 0 0 0 121.193412 69.812706c24.094118 2.409412 53.850353 2.409412 89.931294 2.409412h184.621176c36.141176 0 65.596235 0 89.931294-2.409412a151.371294 151.371294 0 0 0 121.193412-69.812706c14.336-19.757176 29.093647-45.296941 47.164235-76.438588l91.617883-158.117647c18.070588-31.201882 32.948706-56.801882 43.12847-79.149176a150.588235 150.588235 0 0 0 0-140.288c-10.179765-22.287059-25.057882-48.188235-43.12847-79.149177l-91.678118-158.057412c-18.070588-31.141647-32.828235-56.681412-47.164235-76.438588A150.588235 150.588235 0 0 0 694.272 58.428235c-24.395294-2.349176-53.850353-2.349176-89.871059-2.349176zM295.695059 139.324235a96.677647 96.677647 0 0 1 41.020235-11.083294c20.48-1.987765 46.561882-2.048 84.751059-2.048h181.248c38.189176 0 64.271059 0 84.751059 2.108235a82.823529 82.823529 0 0 1 71.198117 40.899765c12.047059 16.685176 25.118118 39.213176 44.212706 72.282353l89.99153 155.045647c19.215059 33.129412 32.286118 55.777882 40.839529 74.511059a82.221176 82.221176 0 0 1 0 82.221176c-8.553412 18.733176-21.624471 41.381647-40.839529 74.511059l-89.99153 155.045647c-19.094588 32.948706-32.225882 55.476706-44.212706 72.282353a83.124706 83.124706 0 0 1-71.198117 40.96c-20.48 1.987765-46.561882 2.048-84.751059 2.048H421.466353c-38.189176 0-64.271059 0-84.751059-2.108235a82.823529 82.823529 0 0 1-71.198118-40.899765c-12.047059-16.685176-25.118118-39.213176-44.212705-72.282353L131.312941 627.772235c-19.215059-33.129412-32.286118-55.777882-40.839529-74.511059a82.221176 82.221176 0 0 1 0-82.221176c8.553412-18.733176 21.624471-41.381647 40.839529-74.511059l89.99153-155.045647c19.094588-32.948706 32.225882-55.476706 44.212705-72.282353a97.460706 97.460706 0 0 1 30.177883-29.876706z"  ></path></symbol><symbol id="icon-tiaoshi" viewBox="0 0 1024 1024"><path d="M549.586824 169.020235V69.270588a37.888 37.888 0 1 0-75.776 0v99.749647a148.359529 148.359529 0 0 0 0 286.418824v497.061647a37.888 37.888 0 0 0 75.776 0V455.439059a148.359529 148.359529 0 0 0 0-286.418824z m-37.707295 216.124236a72.282353 72.282353 0 1 1 72.282353-72.282353 72.282353 72.282353 0 0 1-72.282353 72.282353z m-271.058823 181.308235V69.270588a38.008471 38.008471 0 0 0-75.896471 0v497.182118a148.359529 148.359529 0 0 0 0 286.418823v99.629177a38.008471 38.008471 0 1 0 75.896471 0v-99.508706a148.359529 148.359529 0 0 0 0-286.418824z m-37.888 215.702588a72.282353 72.282353 0 1 1 72.282353-72.282353 72.282353 72.282353 0 0 1-72.704 72.282353z m766.614588-72.282353a148.359529 148.359529 0 0 0-110.471529-143.239529V69.270588a37.888 37.888 0 1 0-75.776 0v497.182118a148.359529 148.359529 0 0 0 0 286.418823v99.629177a37.888 37.888 0 0 0 75.776 0v-99.508706a148.359529 148.359529 0 0 0 110.471529-143.299765z m-148.359529 72.282353a72.282353 72.282353 0 1 1 72.282353-72.282353 72.282353 72.282353 0 0 1-72.643765 72.282353z"  ></path></symbol><symbol id="icon-yunhang" viewBox="0 0 1024 1024"><path d="M511.518118 24.395294a487.122824 487.122824 0 1 0 487.122823 487.122824A487.905882 487.905882 0 0 0 511.518118 24.395294z m0 899.252706a412.190118 412.190118 0 1 1 412.190117-412.190118 412.672 412.672 0 0 1-412.190117 412.190118z"  ></path><path d="M458.631529 292.562824a37.466353 37.466353 0 0 0-59.51247 30.117647v397.552941a37.466353 37.466353 0 0 0 59.51247 30.117647l273.528471-198.776471a37.466353 37.466353 0 0 0 0-60.596706z"  ></path></symbol><symbol id="icon-zhongzhi" viewBox="0 0 1024 1024"><path d="M25.359059 512A487.183059 487.183059 0 0 1 512.060235 25.298824a483.870118 483.870118 0 0 1 343.883294 142.817882A483.448471 483.448471 0 0 1 998.640941 512a487.183059 487.183059 0 0 1-486.580706 486.701176A487.183059 487.183059 0 0 1 25.359059 512z m69.692235 0a416.286118 416.286118 0 0 0 249.434353 382.132706 413.515294 413.515294 0 0 0 166.791529 34.876235 415.262118 415.262118 0 0 0 280.816942-108.845176L203.836235 231.905882A413.394824 413.394824 0 0 0 95.051294 512z m159.683765-327.619765l584.944941 584.884706A415.623529 415.623529 0 0 0 928.888471 512a418.635294 418.635294 0 0 0-235.881412-375.747765 413.153882 413.153882 0 0 0-180.705883-41.200941 417.972706 417.972706 0 0 0-257.566117 89.328941z"  ></path></symbol><symbol id="icon-tingzhi" viewBox="0 0 1024 1024"><path d="M500.796235 60.235294A440.560941 440.560941 0 1 1 60.235294 500.796235 440.560941 440.560941 0 0 1 500.796235 60.235294z m0 73.426824a367.134118 367.134118 0 1 0 367.134118 367.134117 367.134118 367.134118 0 0 0-367.134118-367.134117z m110.110118 220.28047a36.683294 36.683294 0 0 1 36.683294 36.683294v220.280471a36.683294 36.683294 0 0 1-36.683294 36.683294H390.625882a36.683294 36.683294 0 0 1-36.683294-36.683294V390.625882a36.683294 36.683294 0 0 1 36.683294-36.683294z"  ></path></symbol></svg>',function(t){var a=(a=document.getElementsByTagName("script"))[a.length-1],h=a.getAttribute("data-injectcss"),a=a.getAttribute("data-disable-injectsvg");if(!a){var l,i,v,o,z,m=function(a,h){h.parentNode.insertBefore(a,h)};if(h&&!t.__iconfont__svg__cssinject__){t.__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)}}l=function(){var a,h=document.createElement("div");h.innerHTML=t._iconfont_svg_string_4511447,(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?m(h,a.firstChild):a.appendChild(h))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(l,0):(i=function(){document.removeEventListener("DOMContentLoaded",i,!1),l()},document.addEventListener("DOMContentLoaded",i,!1)):document.attachEvent&&(v=l,o=t.document,z=!1,p(),o.onreadystatechange=function(){"complete"==o.readyState&&(o.onreadystatechange=null,n())})}function n(){z||(z=!0,v())}function p(){try{o.documentElement.doScroll("left")}catch(a){return void setTimeout(p,50)}n()}}(window);
\ No newline at end of file
diff --git a/react-ui/src/overrides.less b/react-ui/src/overrides.less
index c65420fb..e962088a 100644
--- a/react-ui/src/overrides.less
+++ b/react-ui/src/overrides.less
@@ -52,3 +52,88 @@
 .ant-table-wrapper .ant-table-thead > tr > td {
   background-color: #fff;
 }
+
+.ant-pro-page-container {
+  overflow-y: auto;
+}
+
+// Input
+.ant-input-textarea-affix-wrapper.ant-input-affix-wrapper {
+  padding: 0;
+}
+
+// Modal
+.ant-modal {
+  .ant-modal-close {
+    top: 27px;
+    right: 27px;
+    width: 26px;
+    height: 26px;
+    color: @text-color-secondary;
+    border: 2px solid @text-color-secondary;
+    border-radius: 50%;
+
+    &:hover,
+    &:active {
+      color: #272536;
+      background-color: transparent;
+      border: 2px solid #272536;
+    }
+  }
+
+  .ant-input-affix-wrapper {
+    height: 46px;
+    padding: 1px 11px;
+  }
+
+  .ant-select-single {
+    height: 46px;
+  }
+
+  .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
+    line-height: 46px;
+  }
+}
+
+// Confirm Modal
+.ant-modal-confirm {
+  .ant-modal-content {
+    padding: 40px 67px;
+    background-image: url(/assets/images/modal-back.png);
+    background-repeat: no-repeat;
+    background-position: top center;
+    background-size: 100%;
+    border-radius: 20px;
+  }
+  .ant-modal-confirm-body {
+    .anticon {
+      display: none;
+    }
+  }
+
+  .ant-modal-confirm-paragraph {
+    max-width: 100%;
+    margin-top: 27px;
+    text-align: center;
+  }
+
+  .ant-modal-confirm-btns {
+    margin-top: 40px;
+    text-align: center;
+
+    .ant-btn {
+      height: 40px;
+      padding: 0 30px;
+      font-size: @font-size-content;
+      border-radius: 10px;
+    }
+    .ant-btn-default {
+      color: @text-color;
+      background: rgba(22, 100, 255, 0.06);
+      border-color: transparent;
+    }
+    .ant-btn + .ant-btn {
+      margin-left: 20px;
+    }
+  }
+}
diff --git a/react-ui/src/pages/Dataset/index.jsx b/react-ui/src/pages/Dataset/index.jsx
index 297e6d81..4d39b34e 100644
--- a/react-ui/src/pages/Dataset/index.jsx
+++ b/react-ui/src/pages/Dataset/index.jsx
@@ -46,7 +46,7 @@ const Dataset = () => {
   const onFinish = (values) => {};
   const routeToIntro = (e, record) => {
     e.stopPropagation();
-    navgite({ pathname: '/dataset/datasetIntro' });
+    navgite({ pathname: '/dataset/dataset' });
   };
   const onFinishFailed = (errorInfo) => {
     console.log('Failed:', errorInfo);
diff --git a/react-ui/src/pages/Dataset/personalData.jsx b/react-ui/src/pages/Dataset/personalData.jsx
index 0dd09739..0d126025 100644
--- a/react-ui/src/pages/Dataset/personalData.jsx
+++ b/react-ui/src/pages/Dataset/personalData.jsx
@@ -117,14 +117,14 @@ const PublicData = (React.FC = () => {
   };
   const chooseDatasetType = (val, item) => {
     console.log(val, item);
-    if (item.path == queryFlow.data_type) {
+    if (item.id == queryFlow.data_type) {
       setActiveType('');
       setQueryFlow({ ...queryFlow, data_type: null });
       getDatasetlist({ ...queryFlow, data_type: null });
     } else {
-      setActiveType(item.path);
-      setQueryFlow({ ...queryFlow, data_type: item.path });
-      getDatasetlist({ ...queryFlow, data_type: item.path });
+      setActiveType(item.id);
+      setQueryFlow({ ...queryFlow, data_type: item.id });
+      getDatasetlist({ ...queryFlow, data_type: item.id });
     }
     // setQueryFlow({...queryFlow,data_type:item.path},()=>{
     //   getDatasetlist()
@@ -132,14 +132,14 @@ const PublicData = (React.FC = () => {
   };
   const chooseDatasetTag = (val, item) => {
     console.log(val, item);
-    if (item.path == queryFlow.data_tag) {
+    if (item.id == queryFlow.data_tag) {
       setActiveTag('');
       setQueryFlow({ ...queryFlow, data_tag: null });
       getDatasetlist({ ...queryFlow, data_tag: null });
     } else {
-      setActiveTag(item.path);
-      setQueryFlow({ ...queryFlow, data_tag: item.path });
-      getDatasetlist({ ...queryFlow, data_tag: item.path });
+      setActiveTag(item.id);
+      setQueryFlow({ ...queryFlow, data_tag: item.id });
+      getDatasetlist({ ...queryFlow, data_tag: item.id });
     }
     // setQueryFlow({...queryFlow,data_type:item.path},()=>{
     //   getDatasetlist()
@@ -155,7 +155,7 @@ const PublicData = (React.FC = () => {
   const routeToIntro = (e, record) => {
     e.stopPropagation();
     console.log(record);
-    navgite({ pathname: `/dataset/datasetIntro/${record.id}` });
+    navgite({ pathname: `/dataset/dataset/${record.id}` });
   };
   const onFinishFailed = (errorInfo) => {
     console.log('Failed:', errorInfo);
@@ -196,7 +196,7 @@ const PublicData = (React.FC = () => {
                         <div
                           className={[
                             Styles.messageBox,
-                            item.path === activeType ? Styles.active : null,
+                            item.id === activeType ? Styles.active : null,
                           ].join(' ')}
                           onClick={(e) => {
                             chooseDatasetType(e, item);
@@ -230,7 +230,7 @@ const PublicData = (React.FC = () => {
                         <div
                           className={[
                             Styles.messageBox,
-                            item.path === activeTag ? Styles.active : null,
+                            item.id === activeTag ? Styles.active : null,
                           ].join(' ')}
                           onClick={(e) => {
                             chooseDatasetTag(e, item);
diff --git a/react-ui/src/pages/Dataset/publicData.jsx b/react-ui/src/pages/Dataset/publicData.jsx
index 19ae0323..bf5980d4 100644
--- a/react-ui/src/pages/Dataset/publicData.jsx
+++ b/react-ui/src/pages/Dataset/publicData.jsx
@@ -76,14 +76,14 @@ const PublicData = () => {
   };
   const chooseDatasetType = (val, item) => {
     console.log(val, item);
-    if (item.path == queryFlow.data_type) {
+    if (item.id == queryFlow.data_type) {
       setActiveType('');
       setQueryFlow({ ...queryFlow, data_type: null });
       getDatasetlist({ ...queryFlow, data_type: null });
     } else {
-      setActiveType(item.path);
-      setQueryFlow({ ...queryFlow, data_type: item.path });
-      getDatasetlist({ ...queryFlow, data_type: item.path });
+      setActiveType(item.id);
+      setQueryFlow({ ...queryFlow, data_type: item.id });
+      getDatasetlist({ ...queryFlow, data_type: item.id });
     }
     // setQueryFlow({...queryFlow,data_type:item.path},()=>{
     //   getDatasetlist()
@@ -91,14 +91,14 @@ const PublicData = () => {
   };
   const chooseDatasetTag = (val, item) => {
     console.log(val, item);
-    if (item.path == queryFlow.data_tag) {
+    if (item.id == queryFlow.data_tag) {
       setActiveTag('');
       setQueryFlow({ ...queryFlow, data_tag: null });
       getDatasetlist({ ...queryFlow, data_tag: null });
     } else {
-      setActiveTag(item.path);
-      setQueryFlow({ ...queryFlow, data_tag: item.path });
-      getDatasetlist({ ...queryFlow, data_tag: item.path });
+      setActiveTag(item.id);
+      setQueryFlow({ ...queryFlow, data_tag: item.id });
+      getDatasetlist({ ...queryFlow, data_tag: item.id });
     }
     // setQueryFlow({...queryFlow,data_type:item.path},()=>{
     //   getDatasetlist()
@@ -108,7 +108,7 @@ const PublicData = () => {
   const routeToIntro = (e, record) => {
     e.stopPropagation();
     console.log(record);
-    navgite({ pathname: `/dataset/datasetIntro/${record.id}` });
+    navgite({ pathname: `/dataset/dataset/${record.id}` });
   };
   const onFinishFailed = (errorInfo) => {
     console.log('Failed:', errorInfo);
@@ -146,7 +146,7 @@ const PublicData = () => {
                         <div
                           className={[
                             Styles.messageBox,
-                            item.path === activeType ? Styles.active : null,
+                            item.id === activeType ? Styles.active : null,
                           ].join(' ')}
                           onClick={(e) => {
                             chooseDatasetType(e, item);
@@ -180,7 +180,7 @@ const PublicData = () => {
                         <div
                           className={[
                             Styles.messageBox,
-                            item.path === activeTag ? Styles.active : null,
+                            item.id === activeTag ? Styles.active : null,
                           ].join(' ')}
                           onClick={(e) => {
                             chooseDatasetTag(e, item);
diff --git a/react-ui/src/pages/Docs/index.less b/react-ui/src/pages/Docs/index.less
new file mode 100644
index 00000000..e69de29b
diff --git a/react-ui/src/pages/Docs/index.tsx b/react-ui/src/pages/Docs/index.tsx
new file mode 100644
index 00000000..fcf4ed12
--- /dev/null
+++ b/react-ui/src/pages/Docs/index.tsx
@@ -0,0 +1,9 @@
+const Docs = () => {
+  return (
+    <iframe
+      style={{ width: '100%', height: '100%', border: 0 }}
+      src={'/assets/材料科研软件平台使用文档.pdf'}
+    ></iframe>
+  );
+};
+export default Docs;
diff --git a/react-ui/src/pages/Experiment/index.less b/react-ui/src/pages/Experiment/index.less
index 94264bdf..50ec2305 100644
--- a/react-ui/src/pages/Experiment/index.less
+++ b/react-ui/src/pages/Experiment/index.less
@@ -24,7 +24,7 @@
   align-items: center;
   width: 100%;
   padding: 0 0 0 33px;
-  color: #1d1d20;
+  color: @text-color;
   font-size: 15px;
 
   & > div {
@@ -76,16 +76,18 @@
 .statusBox:hover .statusIcon {
   visibility: visible;
 }
-.experimentBox{
+.experimentBox {
   height: calc(100% - 20px);
-  .experimentTable{
+  .experimentTable {
     height: calc(100% - 60px);
-    :global{
-      .ant-table-wrapper .ant-table{
+    :global {
+      .ant-table-wrapper .ant-table {
         // overflow-y: auto;
         height: calc(100% - 48px);
       }
+      .ant-table-row-expand-icon-cell {
+        padding: 0 30px;
+      }
     }
   }
-
-}
\ No newline at end of file
+}
diff --git a/react-ui/src/pages/Experiment/status.ts b/react-ui/src/pages/Experiment/status.ts
index 2a075951..9f568795 100644
--- a/react-ui/src/pages/Experiment/status.ts
+++ b/react-ui/src/pages/Experiment/status.ts
@@ -16,7 +16,7 @@ export enum ExperimentStatus {
 }
 
 type ExperimentStatusKeys = keyof typeof ExperimentStatus;
-type ExperimentStatusValues = (typeof ExperimentStatus)[ExperimentStatusKeys];
+export type ExperimentStatusValues = (typeof ExperimentStatus)[ExperimentStatusKeys];
 
 export const experimentStatusInfo: Record<ExperimentStatusValues, StatusInfo | undefined> = {
   Running: {
diff --git a/react-ui/src/pages/Mirror/create.tsx b/react-ui/src/pages/Mirror/create.tsx
index d50e8877..8ac38f6c 100644
--- a/react-ui/src/pages/Mirror/create.tsx
+++ b/react-ui/src/pages/Mirror/create.tsx
@@ -11,7 +11,7 @@ import SubAreaTitle from '@/components/SubAreaTitle';
 import { CommonTabKeys } from '@/enums';
 import { createMirrorReq } from '@/services/mirror';
 import { to } from '@/utils/promise';
-import { mirrorNameKey } from '@/utils/sessionKeys';
+import { getSessionItemThenRemove, mirrorNameKey } from '@/utils/sessionStorage';
 import { getFileListFromEvent } from '@/utils/ui';
 import { useNavigate } from '@umijs/max';
 import { Button, Col, Form, Input, Row, Upload, UploadFile, message, type UploadProps } from 'antd';
@@ -56,14 +56,11 @@ function MirrorCreate() {
   };
 
   useEffect(() => {
-    const name = sessionStorage.getItem(mirrorNameKey);
+    const name = getSessionItemThenRemove(mirrorNameKey);
     if (name) {
       form.setFieldValue('name', name);
       setNameDisabled(true);
     }
-    return () => {
-      sessionStorage.removeItem(mirrorNameKey);
-    };
   }, []);
 
   // 创建公网、本地镜像
diff --git a/react-ui/src/pages/Mirror/info.tsx b/react-ui/src/pages/Mirror/info.tsx
index ee461c2b..8f26dd9f 100644
--- a/react-ui/src/pages/Mirror/info.tsx
+++ b/react-ui/src/pages/Mirror/info.tsx
@@ -9,6 +9,7 @@ import KFIcon from '@/components/KFIcon';
 import PageTitle from '@/components/PageTitle';
 import SubAreaTitle from '@/components/SubAreaTitle';
 import { useDomSize } from '@/hooks';
+import { useCacheState } from '@/hooks/pageCacheState';
 import {
   deleteMirrorVersionReq,
   getMirrorInfoReq,
@@ -16,17 +17,17 @@ import {
 } from '@/services/mirror';
 import themes from '@/styles/theme.less';
 import { to } from '@/utils/promise';
-import { mirrorNameKey } from '@/utils/sessionKeys';
+import { mirrorNameKey, setSessionStorageItem } from '@/utils/sessionStorage';
 import { modalConfirm } from '@/utils/ui';
 import { useNavigate, useParams, useSearchParams } from '@umijs/max';
 import {
+  App,
   Button,
   Col,
   ConfigProvider,
   Flex,
   Row,
   Table,
-  message,
   type TablePaginationConfig,
   type TableProps,
 } from 'antd';
@@ -56,17 +57,19 @@ function MirrorInfo() {
   const navigate = useNavigate();
   const urlParams = useParams();
   const [searchParams] = useSearchParams();
+  const [cacheState, setCacheState] = useCacheState();
   const [mirrorInfo, setMirrorInfo] = useState<MirrorInfoData>({});
   const [tableData, setTableData] = useState<MirrorVersionData[]>([]);
   const [topRef, { height: topHeight }] = useDomSize<HTMLDivElement>(0, 0, [mirrorInfo]);
   const [total, setTotal] = useState(0);
-  const [pagination, setPagination] = useState<TablePaginationConfig>({
-    showSizeChanger: true,
-    showQuickJumper: true,
-    current: 1,
-    pageSize: 10,
-  });
+  const [pagination, setPagination] = useState<TablePaginationConfig>(
+    cacheState?.pagination ?? {
+      current: 1,
+      pageSize: 10,
+    },
+  );
   const isPublic = searchParams.get('isPublic') === 'true';
+  const { message } = App.useApp();
   useEffect(() => {
     getMirrorInfo();
   }, []);
@@ -115,7 +118,7 @@ function MirrorInfo() {
       // 如果是一页的唯一数据，删除时，请求第一页的数据
       // 否则直接刷新这一页的数据
       // 避免回到第一页
-      if (tableData.length > 1) {
+      if (tableData.length === 1) {
         setPagination((prev) => ({
           ...prev,
           current: 1,
@@ -146,7 +149,10 @@ function MirrorInfo() {
 
   const createMirrorVersion = () => {
     navigate(`/dataset/mirror/create`);
-    sessionStorage.setItem(mirrorNameKey, mirrorInfo.name || '');
+    setSessionStorageItem(mirrorNameKey, mirrorInfo.name || '');
+    setCacheState({
+      pagination,
+    });
   };
 
   const columns: TableProps<MirrorVersionData>['columns'] = [
@@ -256,13 +262,14 @@ function MirrorInfo() {
               </Col>
             </Row>
           </div>
-          <Flex justify="space-between" align="center" style={{ marginTop: '40px' }}>
+          <Flex justify="flex-start" align="center" style={{ marginTop: '40px' }}>
             <SubAreaTitle
               title="镜像版本"
               image={require('@/assets/img/mirror-version.png')}
             ></SubAreaTitle>
             {!isPublic && (
               <Button
+                style={{ marginRight: 0, marginLeft: 'auto' }}
                 type="default"
                 onClick={createMirrorVersion}
                 icon={<KFIcon type="icon-xinjian2" />}
@@ -270,6 +277,14 @@ function MirrorInfo() {
                 新增镜像版本
               </Button>
             )}
+            <Button
+              style={{ marginLeft: '20px' }}
+              type="default"
+              onClick={getMirrorVersionList}
+              icon={<KFIcon type="icon-shuaxin" />}
+            >
+              刷新
+            </Button>
           </Flex>
         </div>
         <div
@@ -280,7 +295,7 @@ function MirrorInfo() {
             dataSource={tableData}
             columns={columns}
             scroll={{ y: 'calc(100% - 55px)' }}
-            pagination={{ ...pagination, total }}
+            pagination={{ ...pagination, total, showSizeChanger: true, showQuickJumper: true }}
             onChange={handleTableChange}
             rowKey="id"
           />
diff --git a/react-ui/src/pages/Mirror/list.tsx b/react-ui/src/pages/Mirror/list.tsx
index 6feca192..06685548 100644
--- a/react-ui/src/pages/Mirror/list.tsx
+++ b/react-ui/src/pages/Mirror/list.tsx
@@ -7,11 +7,12 @@ import CommonTableCell from '@/components/CommonTableCell';
 import DateTableCell from '@/components/DateTableCell';
 import KFIcon from '@/components/KFIcon';
 import { CommonTabKeys } from '@/enums';
+import { useCacheState } from '@/hooks/pageCacheState';
 import { deleteMirrorReq, getMirrorListReq } from '@/services/mirror';
 import themes from '@/styles/theme.less';
 import { to } from '@/utils/promise';
 import { modalConfirm } from '@/utils/ui';
-import { useNavigate, useSearchParams } from '@umijs/max';
+import { useNavigate } from '@umijs/max';
 import {
   Button,
   ConfigProvider,
@@ -50,20 +51,17 @@ export type MirrorData = {
 
 function MirrorList() {
   const navigate = useNavigate();
-  const [searchParams, setSearchParams] = useSearchParams();
-  const isPrivate = searchParams.get('isPublic') === 'false';
-  const [activeTab, setActiveTab] = useState<string>(
-    isPrivate ? CommonTabKeys.Private : CommonTabKeys.Public,
-  );
-  const [searchText, setSearchText] = useState('');
+  const [cacheState, setCacheState] = useCacheState();
+  const [activeTab, setActiveTab] = useState<string>(cacheState?.activeTab ?? CommonTabKeys.Public);
+  const [searchText, setSearchText] = useState(cacheState?.searchText);
   const [tableData, setTableData] = useState<MirrorData[]>([]);
   const [total, setTotal] = useState(0);
-  const [pagination, setPagination] = useState<TablePaginationConfig>({
-    showSizeChanger: true,
-    showQuickJumper: true,
-    current: 1,
-    pageSize: 10,
-  });
+  const [pagination, setPagination] = useState<TablePaginationConfig>(
+    cacheState?.pagination ?? {
+      current: 1,
+      pageSize: 10,
+    },
+  );
 
   useEffect(() => {
     getMirrorList();
@@ -73,17 +71,12 @@ function MirrorList() {
   const hanleTabChange: TabsProps['onChange'] = (value) => {
     setSearchText('');
     setPagination({
-      showSizeChanger: true,
-      showQuickJumper: true,
       current: 1,
       pageSize: 10,
     });
     setTotal(0);
     setTableData([]);
     setActiveTab(value);
-    setSearchParams([['isPublic', value === CommonTabKeys.Public ? 'true' : 'false']], {
-      replace: true,
-    });
   };
   // 获取镜像列表
   const getMirrorList = async (params?: Record<string, any>) => {
@@ -131,11 +124,11 @@ function MirrorList() {
 
   // 查看详情
   const toDetail = (record: MirrorData) => {
-    console.log('record', record);
-    navigate(`/dataset/mirror/${record.id}?isPublic=${activeTab === CommonTabKeys.Public}`, {
-      state: {
-        isPublic: activeTab === CommonTabKeys.Public,
-      },
+    navigate(`/dataset/mirror/${record.id}?isPublic=${activeTab === CommonTabKeys.Public}`);
+    setCacheState({
+      activeTab,
+      pagination,
+      searchText,
     });
   };
 
@@ -153,6 +146,11 @@ function MirrorList() {
   // 创建镜像
   const createMirror = () => {
     navigate(`/dataset/mirror/create`);
+    setCacheState({
+      activeTab,
+      pagination,
+      searchText,
+    });
   };
 
   // 分页切换
@@ -276,7 +274,12 @@ function MirrorList() {
             dataSource={tableData}
             columns={columns}
             scroll={{ y: 'calc(100% - 55px)' }}
-            pagination={{ ...pagination, total: total }}
+            pagination={{
+              ...pagination,
+              total: total,
+              showSizeChanger: true,
+              showQuickJumper: true,
+            }}
             onChange={handleTableChange}
             rowKey="id"
           />
diff --git a/react-ui/src/pages/Model/index.jsx b/react-ui/src/pages/Model/index.jsx
index 12396a66..310823f4 100644
--- a/react-ui/src/pages/Model/index.jsx
+++ b/react-ui/src/pages/Model/index.jsx
@@ -46,7 +46,7 @@ const Dataset = () => {
   const onFinish = (values) => {};
   const routeToIntro = (e, record) => {
     e.stopPropagation();
-    navgite({ pathname: '/dataset/datasetIntro' });
+    navgite({ pathname: '/dataset/dataset' });
   };
   const onFinishFailed = (errorInfo) => {
     console.log('Failed:', errorInfo);
diff --git a/react-ui/src/pages/Model/personalData.jsx b/react-ui/src/pages/Model/personalData.jsx
index 34ff8f2a..e951e741 100644
--- a/react-ui/src/pages/Model/personalData.jsx
+++ b/react-ui/src/pages/Model/personalData.jsx
@@ -121,14 +121,14 @@ const PublicData = () => {
 
   const chooseModelType = (val, item) => {
     console.log(val, item);
-    if (item.path == queryFlow.model_type) {
+    if (item.id == queryFlow.model_type) {
       setActiveType('');
       setQueryFlow({ ...queryFlow, model_type: null });
       getModelLists({ ...queryFlow, model_type: null });
     } else {
-      setActiveType(item.path);
-      setQueryFlow({ ...queryFlow, model_type: item.path });
-      getModelLists({ ...queryFlow, model_type: item.path });
+      setActiveType(item.id);
+      setQueryFlow({ ...queryFlow, model_type: item.id });
+      getModelLists({ ...queryFlow, model_type: item.id });
     }
 
     // setQueryFlow({...queryFlow,data_type:item.path},()=>{
@@ -136,14 +136,14 @@ const PublicData = () => {
     // })
   };
   const chooseModelTag = (val, item) => {
-    if (item.path == queryFlow.model_tag) {
+    if (item.id == queryFlow.model_tag) {
       setActiveTag('');
       setQueryFlow({ ...queryFlow, model_tag: null });
       getModelLists({ ...queryFlow, model_tag: null });
     } else {
-      setActiveTag(item.path);
-      setQueryFlow({ ...queryFlow, model_tag: item.path });
-      getModelLists({ ...queryFlow, model_tag: item.path });
+      setActiveTag(item.id);
+      setQueryFlow({ ...queryFlow, model_tag: item.id });
+      getModelLists({ ...queryFlow, model_tag: item.id });
     }
     // setQueryFlow({...queryFlow,data_type:item.path},()=>{
     //   getDatasetlist()
@@ -152,7 +152,7 @@ const PublicData = () => {
   const routeToIntro = (e, record) => {
     e.stopPropagation();
     console.log(record);
-    navgite({ pathname: `/dataset/modelIntro/${record.id}` });
+    navgite({ pathname: `/dataset/model/${record.id}` });
   };
   const onFinishFailed = (errorInfo) => {
     console.log('Failed:', errorInfo);
@@ -190,7 +190,7 @@ const PublicData = () => {
                         <div
                           className={[
                             Styles.messageBox,
-                            item.path === activeType ? Styles.active : null,
+                            item.id === activeType ? Styles.active : null,
                           ].join(' ')}
                           onClick={(e) => {
                             chooseModelType(e, item);
@@ -231,7 +231,7 @@ const PublicData = () => {
                         <div
                           className={[
                             Styles.messageBox,
-                            item.path === activeTag ? Styles.active : null,
+                            item.id === activeTag ? Styles.active : null,
                           ].join(' ')}
                           onClick={(e) => {
                             chooseModelTag(e, item);
diff --git a/react-ui/src/pages/Model/publicData.jsx b/react-ui/src/pages/Model/publicData.jsx
index 36261368..5cb7082e 100644
--- a/react-ui/src/pages/Model/publicData.jsx
+++ b/react-ui/src/pages/Model/publicData.jsx
@@ -77,14 +77,14 @@ const PublicData = () => {
   };
   const chooseModelType = (val, item) => {
     console.log(val, item);
-    if (item.path == queryFlow.model_type) {
+    if (item.id == queryFlow.model_type) {
       setActiveType('');
       setQueryFlow({ ...queryFlow, model_type: null });
       getModelLists({ ...queryFlow, model_type: null });
     } else {
-      setActiveType(item.path);
-      setQueryFlow({ ...queryFlow, model_type: item.path });
-      getModelLists({ ...queryFlow, model_type: item.path });
+      setActiveType(item.id);
+      setQueryFlow({ ...queryFlow, model_type: item.id });
+      getModelLists({ ...queryFlow, model_type: item.id });
     }
 
     // setQueryFlow({...queryFlow,data_type:item.path},()=>{
@@ -92,14 +92,14 @@ const PublicData = () => {
     // })
   };
   const chooseModelTag = (val, item) => {
-    if (item.path == queryFlow.model_tag) {
+    if (item.id == queryFlow.model_tag) {
       setActiveTag('');
       setQueryFlow({ ...queryFlow, model_tag: null });
       getModelLists({ ...queryFlow, model_tag: null });
     } else {
-      setActiveTag(item.path);
-      setQueryFlow({ ...queryFlow, model_tag: item.path });
-      getModelLists({ ...queryFlow, model_tag: item.path });
+      setActiveTag(item.id);
+      setQueryFlow({ ...queryFlow, model_tag: item.id });
+      getModelLists({ ...queryFlow, model_tag: item.id });
     }
     // setQueryFlow({...queryFlow,data_type:item.path},()=>{
     //   getDatasetlist()
@@ -109,7 +109,7 @@ const PublicData = () => {
   const routeToIntro = (e, record) => {
     e.stopPropagation();
     console.log(record);
-    navgite({ pathname: `/dataset/modelIntro/${record.id}` });
+    navgite({ pathname: `/dataset/model/${record.id}` });
   };
   const onFinishFailed = (errorInfo) => {
     console.log('Failed:', errorInfo);
@@ -147,7 +147,7 @@ const PublicData = () => {
                         <div
                           className={[
                             Styles.messageBox,
-                            item.path === activeType ? Styles.active : null,
+                            item.id === activeType ? Styles.active : null,
                           ].join(' ')}
                           onClick={(e) => {
                             chooseModelType(e, item);
@@ -181,7 +181,7 @@ const PublicData = () => {
                         <div
                           className={[
                             Styles.messageBox,
-                            item.path === activeTag ? Styles.active : null,
+                            item.id === activeTag ? Styles.active : null,
                           ].join(' ')}
                           onClick={(e) => {
                             chooseModelTag(e, item);
diff --git a/react-ui/src/pages/Monitor/Job/detail.tsx b/react-ui/src/pages/Monitor/Job/detail.tsx
index 476f5816..f664b76a 100644
--- a/react-ui/src/pages/Monitor/Job/detail.tsx
+++ b/react-ui/src/pages/Monitor/Job/detail.tsx
@@ -1,9 +1,9 @@
 import { DictValueEnumObj } from '@/components/DictTag';
+import KFModal from '@/components/KFModal';
 import { getValueEnumLabel } from '@/utils/options';
 import { FormattedMessage, useIntl } from '@umijs/max';
-import { Button, Descriptions, Modal } from 'antd';
+import { Button, Descriptions } from 'antd';
 import React, { useEffect } from 'react';
-
 /* *
  *
  * @author whiteshader@163.com
@@ -39,7 +39,7 @@ const OperlogForm: React.FC<OperlogFormProps> = (props) => {
   };
 
   return (
-    <Modal
+    <KFModal
       width={800}
       title={intl.formatMessage({
         id: 'monitor.job.detail',
@@ -124,7 +124,7 @@ const OperlogForm: React.FC<OperlogFormProps> = (props) => {
           {values.invokeTarget}
         </Descriptions.Item>
       </Descriptions>
-    </Modal>
+    </KFModal>
   );
 };
 
diff --git a/react-ui/src/pages/Monitor/Job/edit.tsx b/react-ui/src/pages/Monitor/Job/edit.tsx
index 9e927e78..58dc7785 100644
--- a/react-ui/src/pages/Monitor/Job/edit.tsx
+++ b/react-ui/src/pages/Monitor/Job/edit.tsx
@@ -11,7 +11,7 @@ import {
 import { FormattedMessage, useIntl } from '@umijs/max';
 import { Form, Modal } from 'antd';
 import React, { useEffect } from 'react';
-
+import KFModal from '@/components/KFModal';
 /**
  * 定时任务调度 Edit Form
  *
@@ -66,7 +66,7 @@ const JobForm: React.FC<JobFormProps> = (props) => {
   };
 
   return (
-    <Modal
+    <KFModal
       width={640}
       title={intl.formatMessage({
         id: 'monitor.job.title',
@@ -238,7 +238,7 @@ const JobForm: React.FC<JobFormProps> = (props) => {
           ]}
         />
       </ProForm>
-    </Modal>
+    </KFModal>
   );
 };
 
diff --git a/react-ui/src/pages/Monitor/JobLog/detail.tsx b/react-ui/src/pages/Monitor/JobLog/detail.tsx
index f9311219..d6b25913 100644
--- a/react-ui/src/pages/Monitor/JobLog/detail.tsx
+++ b/react-ui/src/pages/Monitor/JobLog/detail.tsx
@@ -1,16 +1,10 @@
 import { DictValueEnumObj } from '@/components/DictTag';
+import KFModal from '@/components/KFModal';
 import { getValueEnumLabel } from '@/utils/options';
 import { FormattedMessage, useIntl } from '@umijs/max';
-import { Descriptions, Modal } from 'antd';
+import { Descriptions } from 'antd';
 import React, { useEffect } from 'react';
 
-/* *
- *
- * @author whiteshader@163.com
- * @datetime  2021/09/16
- *
- * */
-
 export type JobLogFormValueType = Record<string, unknown> & Partial<API.Monitor.JobLog>;
 
 export type JobLogFormProps = {
@@ -33,7 +27,7 @@ const JobLogDetailForm: React.FC<JobLogFormProps> = (props) => {
   };
 
   return (
-    <Modal
+    <KFModal
       width={640}
       title={intl.formatMessage({
         id: 'monitor.job.log.title',
@@ -95,7 +89,7 @@ const JobLogDetailForm: React.FC<JobLogFormProps> = (props) => {
           {getValueEnumLabel(statusOptions, values.status, '未知')}
         </Descriptions.Item>
       </Descriptions>
-    </Modal>
+    </KFModal>
   );
 };
 
diff --git a/react-ui/src/pages/Pipeline/components/ResourceSelectorModal/index.less b/react-ui/src/pages/Pipeline/components/ResourceSelectorModal/index.less
index fddea2b7..bfff8100 100644
--- a/react-ui/src/pages/Pipeline/components/ResourceSelectorModal/index.less
+++ b/react-ui/src/pages/Pipeline/components/ResourceSelectorModal/index.less
@@ -22,7 +22,7 @@
     height: 398px;
     margin-right: 15px;
     padding: 15px;
-    background-color: @background-color-primay;
+    background-color: @background-color-primary;
     border: 1px solid @border-color;
     border-radius: 8px;
 
@@ -31,7 +31,7 @@
       padding-left: 0;
       background-color: transparent;
       border-width: 0;
-      border-bottom: 1px solid @border-color-second;
+      border-bottom: 1px solid @border-color-secondary;
       border-radius: 0;
     }
   }
@@ -40,7 +40,7 @@
     width: calc(100% - 488px - 15px);
     height: 398px;
     padding: 15px;
-    background-color: @background-color-primay;
+    background-color: @background-color-primary;
     border: 1px solid @border-color;
     border-radius: 8px;
 
@@ -49,7 +49,7 @@
       padding: 3px 0 6px;
       color: @text-color;
       font-size: @font-size;
-      border-bottom: 1px solid @border-color-second;
+      border-bottom: 1px solid @border-color-secondary;
     }
     &__files {
       height: calc(100% - 75px);
diff --git a/react-ui/src/pages/System/Config/edit.tsx b/react-ui/src/pages/System/Config/edit.tsx
index 3e91bc2f..97048e26 100644
--- a/react-ui/src/pages/System/Config/edit.tsx
+++ b/react-ui/src/pages/System/Config/edit.tsx
@@ -1,4 +1,5 @@
 import { DictValueEnumObj } from '@/components/DictTag';
+import KFModal from '@/components/KFModal';
 import {
   ProForm,
   ProFormDigit,
@@ -7,9 +8,8 @@ import {
   ProFormTextArea,
 } from '@ant-design/pro-components';
 import { FormattedMessage, useIntl } from '@umijs/max';
-import { Form, Modal } from 'antd';
+import { Form } from 'antd';
 import React, { useEffect } from 'react';
-
 export type ConfigFormData = Record<string, unknown> & Partial<API.System.Config>;
 
 export type ConfigFormProps = {
@@ -53,7 +53,7 @@ const ConfigForm: React.FC<ConfigFormProps> = (props) => {
   };
 
   return (
-    <Modal
+    <KFModal
       width={640}
       title={intl.formatMessage({
         id: 'system.config.title',
@@ -166,7 +166,7 @@ const ConfigForm: React.FC<ConfigFormProps> = (props) => {
           ]}
         />
       </ProForm>
-    </Modal>
+    </KFModal>
   );
 };
 
diff --git a/react-ui/src/pages/System/Dept/edit.tsx b/react-ui/src/pages/System/Dept/edit.tsx
index 736761fa..8a04deaa 100644
--- a/react-ui/src/pages/System/Dept/edit.tsx
+++ b/react-ui/src/pages/System/Dept/edit.tsx
@@ -1,4 +1,5 @@
 import { DictValueEnumObj } from '@/components/DictTag';
+import KFModal from '@/components/KFModal';
 import {
   ProForm,
   ProFormDigit,
@@ -7,10 +8,9 @@ import {
   ProFormTreeSelect,
 } from '@ant-design/pro-components';
 import { FormattedMessage, useIntl } from '@umijs/max';
-import { Form, Modal } from 'antd';
+import { Form } from 'antd';
 import { DataNode } from 'antd/es/tree';
 import React, { useEffect } from 'react';
-
 export type DeptFormData = Record<string, unknown> & Partial<API.System.Dept>;
 
 export type DeptFormProps = {
@@ -59,7 +59,7 @@ const DeptForm: React.FC<DeptFormProps> = (props) => {
   };
 
   return (
-    <Modal
+    <KFModal
       width={640}
       title={intl.formatMessage({
         id: 'system.dept.title',
@@ -204,7 +204,7 @@ const DeptForm: React.FC<DeptFormProps> = (props) => {
           ]}
         />
       </ProForm>
-    </Modal>
+    </KFModal>
   );
 };
 
diff --git a/react-ui/src/pages/System/Dict/edit.tsx b/react-ui/src/pages/System/Dict/edit.tsx
index e7f5e625..9593cddb 100644
--- a/react-ui/src/pages/System/Dict/edit.tsx
+++ b/react-ui/src/pages/System/Dict/edit.tsx
@@ -1,4 +1,5 @@
 import { DictValueEnumObj } from '@/components/DictTag';
+import KFModal from '@/components/KFModal';
 import {
   ProForm,
   ProFormDigit,
@@ -7,9 +8,8 @@ import {
   ProFormTextArea,
 } from '@ant-design/pro-components';
 import { FormattedMessage, useIntl } from '@umijs/max';
-import { Form, Modal } from 'antd';
+import { Form } from 'antd';
 import React, { useEffect } from 'react';
-
 export type DictTypeFormData = Record<string, unknown> & Partial<API.System.DictType>;
 
 export type DictTypeFormProps = {
@@ -52,7 +52,7 @@ const DictTypeForm: React.FC<DictTypeFormProps> = (props) => {
   };
 
   return (
-    <Modal
+    <KFModal
       width={640}
       title={intl.formatMessage({
         id: 'system.dict.title',
@@ -146,7 +146,7 @@ const DictTypeForm: React.FC<DictTypeFormProps> = (props) => {
           ]}
         />
       </ProForm>
-    </Modal>
+    </KFModal>
   );
 };
 
diff --git a/react-ui/src/pages/System/DictData/edit.tsx b/react-ui/src/pages/System/DictData/edit.tsx
index 75646f15..8f03931a 100644
--- a/react-ui/src/pages/System/DictData/edit.tsx
+++ b/react-ui/src/pages/System/DictData/edit.tsx
@@ -1,4 +1,5 @@
 import { DictValueEnumObj } from '@/components/DictTag';
+import KFModal from '@/components/KFModal';
 import {
   ProForm,
   ProFormDigit,
@@ -8,9 +9,8 @@ import {
   ProFormTextArea,
 } from '@ant-design/pro-components';
 import { FormattedMessage, useIntl } from '@umijs/max';
-import { Form, Modal } from 'antd';
+import { Form } from 'antd';
 import React, { useEffect } from 'react';
-
 export type DataFormData = Record<string, unknown> & Partial<API.System.DictData>;
 
 export type DataFormProps = {
@@ -58,7 +58,7 @@ const DictDataForm: React.FC<DataFormProps> = (props) => {
   };
 
   return (
-    <Modal
+    <KFModal
       width={640}
       title={intl.formatMessage({
         id: 'system.dict.data.title',
@@ -246,7 +246,7 @@ const DictDataForm: React.FC<DataFormProps> = (props) => {
           ]}
         />
       </ProForm>
-    </Modal>
+    </KFModal>
   );
 };
 
diff --git a/react-ui/src/pages/System/Logininfor/edit.tsx b/react-ui/src/pages/System/Logininfor/edit.tsx
index 1e4a82c4..6248b376 100644
--- a/react-ui/src/pages/System/Logininfor/edit.tsx
+++ b/react-ui/src/pages/System/Logininfor/edit.tsx
@@ -1,4 +1,5 @@
 import { DictValueEnumObj } from '@/components/DictTag';
+import KFModal from '@/components/KFModal';
 import {
   ProForm,
   ProFormDigit,
@@ -7,9 +8,8 @@ import {
   ProFormTimePicker,
 } from '@ant-design/pro-components';
 import { FormattedMessage, useIntl } from '@umijs/max';
-import { Form, Modal } from 'antd';
+import { Form } from 'antd';
 import React, { useEffect } from 'react';
-
 export type LogininforFormData = Record<string, unknown> & Partial<API.Monitor.Logininfor>;
 
 export type LogininforFormProps = {
@@ -53,7 +53,7 @@ const LogininforForm: React.FC<LogininforFormProps> = (props) => {
   };
 
   return (
-    <Modal
+    <KFModal
       width={640}
       title={intl.formatMessage({
         id: 'system.logininfor.title',
@@ -209,7 +209,7 @@ const LogininforForm: React.FC<LogininforFormProps> = (props) => {
           ]}
         />
       </ProForm>
-    </Modal>
+    </KFModal>
   );
 };
 
diff --git a/react-ui/src/pages/System/Menu/edit.tsx b/react-ui/src/pages/System/Menu/edit.tsx
index 00a39c74..db4e6e88 100644
--- a/react-ui/src/pages/System/Menu/edit.tsx
+++ b/react-ui/src/pages/System/Menu/edit.tsx
@@ -1,5 +1,6 @@
 import { DictValueEnumObj } from '@/components/DictTag';
 import IconSelector from '@/components/IconSelector';
+import KFModal from '@/components/KFModal';
 import { createIcon } from '@/utils/IconUtil';
 import {
   ProForm,
@@ -10,7 +11,7 @@ import {
   ProFormTreeSelect,
 } from '@ant-design/pro-components';
 import { FormattedMessage, useIntl } from '@umijs/max';
-import { Form, Modal } from 'antd';
+import { Form } from 'antd';
 import { DataNode } from 'antd/es/tree';
 import React, { useEffect, useState } from 'react';
 
@@ -73,7 +74,7 @@ const MenuForm: React.FC<MenuFormProps> = (props) => {
   };
 
   return (
-    <Modal
+    <KFModal
       width={640}
       title={intl.formatMessage({
         id: 'system.menu.title',
@@ -367,7 +368,7 @@ const MenuForm: React.FC<MenuFormProps> = (props) => {
           }}
         />
       </ProForm>
-      <Modal
+      <KFModal
         width={800}
         open={iconSelectorOpen}
         onCancel={() => {
@@ -382,8 +383,8 @@ const MenuForm: React.FC<MenuFormProps> = (props) => {
             setIconSelectorOpen(false);
           }}
         />
-      </Modal>
-    </Modal>
+      </KFModal>
+    </KFModal>
   );
 };
 
diff --git a/react-ui/src/pages/System/Notice/edit.tsx b/react-ui/src/pages/System/Notice/edit.tsx
index 2e5446bf..1c45cb75 100644
--- a/react-ui/src/pages/System/Notice/edit.tsx
+++ b/react-ui/src/pages/System/Notice/edit.tsx
@@ -1,4 +1,5 @@
 import { DictValueEnumObj } from '@/components/DictTag';
+import KFModal from '@/components/KFModal';
 import {
   ProForm,
   ProFormDigit,
@@ -8,9 +9,8 @@ import {
   ProFormTextArea,
 } from '@ant-design/pro-components';
 import { FormattedMessage, useIntl } from '@umijs/max';
-import { Form, Modal } from 'antd';
+import { Form } from 'antd';
 import React, { useEffect } from 'react';
-
 export type NoticeFormData = Record<string, unknown> & Partial<API.System.Notice>;
 
 export type NoticeFormProps = {
@@ -55,7 +55,7 @@ const NoticeForm: React.FC<NoticeFormProps> = (props) => {
   };
 
   return (
-    <Modal
+    <KFModal
       width={640}
       title={intl.formatMessage({
         id: 'system.notice.title',
@@ -168,7 +168,7 @@ const NoticeForm: React.FC<NoticeFormProps> = (props) => {
           ]}
         />
       </ProForm>
-    </Modal>
+    </KFModal>
   );
 };
 
diff --git a/react-ui/src/pages/System/Operlog/detail.tsx b/react-ui/src/pages/System/Operlog/detail.tsx
index 74e2c3bc..6a4358f9 100644
--- a/react-ui/src/pages/System/Operlog/detail.tsx
+++ b/react-ui/src/pages/System/Operlog/detail.tsx
@@ -1,9 +1,9 @@
 import { DictValueEnumObj } from '@/components/DictTag';
+import KFModal from '@/components/KFModal';
 import { getValueEnumLabel } from '@/utils/options';
 import { FormattedMessage, useIntl } from '@umijs/max';
-import { Descriptions, Modal } from 'antd';
+import { Descriptions } from 'antd';
 import React from 'react';
-
 export type OperlogFormData = Record<string, unknown> & Partial<API.Monitor.Operlog>;
 
 export type OperlogFormProps = {
@@ -28,7 +28,7 @@ const OperlogDetailForm: React.FC<OperlogFormProps> = (props) => {
   };
 
   return (
-    <Modal
+    <KFModal
       width={640}
       title={intl.formatMessage({
         id: 'monitor.operlog.title',
@@ -107,7 +107,7 @@ const OperlogDetailForm: React.FC<OperlogFormProps> = (props) => {
           {values.operTime?.toString()}
         </Descriptions.Item>
       </Descriptions>
-    </Modal>
+    </KFModal>
   );
 };
 
diff --git a/react-ui/src/pages/System/Post/edit.tsx b/react-ui/src/pages/System/Post/edit.tsx
index 15d56b82..abf5a87e 100644
--- a/react-ui/src/pages/System/Post/edit.tsx
+++ b/react-ui/src/pages/System/Post/edit.tsx
@@ -1,4 +1,5 @@
 import { DictValueEnumObj } from '@/components/DictTag';
+import KFModal from '@/components/KFModal';
 import {
   ProForm,
   ProFormDigit,
@@ -7,9 +8,8 @@ import {
   ProFormTextArea,
 } from '@ant-design/pro-components';
 import { FormattedMessage, useIntl } from '@umijs/max';
-import { Form, Modal } from 'antd';
+import { Form } from 'antd';
 import React, { useEffect } from 'react';
-
 export type PostFormData = Record<string, unknown> & Partial<API.System.Post>;
 
 export type PostFormProps = {
@@ -53,7 +53,7 @@ const PostForm: React.FC<PostFormProps> = (props) => {
   };
 
   return (
-    <Modal
+    <KFModal
       width={640}
       title={intl.formatMessage({
         id: 'system.post.title',
@@ -160,7 +160,7 @@ const PostForm: React.FC<PostFormProps> = (props) => {
           ]}
         />
       </ProForm>
-    </Modal>
+    </KFModal>
   );
 };
 
diff --git a/react-ui/src/pages/System/Role/components/DataScope.tsx b/react-ui/src/pages/System/Role/components/DataScope.tsx
index b8e92a71..01502cdb 100644
--- a/react-ui/src/pages/System/Role/components/DataScope.tsx
+++ b/react-ui/src/pages/System/Role/components/DataScope.tsx
@@ -1,10 +1,10 @@
+import KFModal from '@/components/KFModal';
 import { Key, ProForm, ProFormDigit, ProFormSelect, ProFormText } from '@ant-design/pro-components';
 import { FormattedMessage, useIntl } from '@umijs/max';
-import { Checkbox, Col, Form, Modal, Row, Tree } from 'antd';
+import { Checkbox, Col, Form, Row, Tree } from 'antd';
 import { CheckboxValueType } from 'antd/es/checkbox/Group';
 import { DataNode } from 'antd/es/tree';
 import React, { useEffect, useState } from 'react';
-
 /* *
  *
  * @author whiteshader@163.com
@@ -90,7 +90,7 @@ const DataScopeForm: React.FC<DataScopeFormProps> = (props) => {
   };
 
   return (
-    <Modal
+    <KFModal
       width={640}
       title={intl.formatMessage({
         id: 'system.user.auth.role',
@@ -234,7 +234,7 @@ const DataScopeForm: React.FC<DataScopeFormProps> = (props) => {
           </Row>
         </ProForm.Item>
       </ProForm>
-    </Modal>
+    </KFModal>
   );
 };
 
diff --git a/react-ui/src/pages/System/Role/components/UserSelectorModal.tsx b/react-ui/src/pages/System/Role/components/UserSelectorModal.tsx
index e09d6143..c769cd1b 100644
--- a/react-ui/src/pages/System/Role/components/UserSelectorModal.tsx
+++ b/react-ui/src/pages/System/Role/components/UserSelectorModal.tsx
@@ -1,4 +1,5 @@
 import DictTag from '@/components/DictTag';
+import KFModal from '@/components/KFModal';
 import { getDictValueEnum } from '@/services/system/dict';
 import {
   ActionType,
@@ -8,9 +9,7 @@ import {
   RequestData,
 } from '@ant-design/pro-components';
 import { FormattedMessage, useIntl } from '@umijs/max';
-import { Modal } from 'antd';
 import React, { useEffect, useRef, useState } from 'react';
-
 /* *
  *
  * @author whiteshader@163.com
@@ -90,7 +89,7 @@ const UserSelectorModal: React.FC<DataScopeFormProps> = (props) => {
   ];
 
   return (
-    <Modal
+    <KFModal
       width={800}
       title={intl.formatMessage({
         id: 'system.role.auth.user',
@@ -122,7 +121,7 @@ const UserSelectorModal: React.FC<DataScopeFormProps> = (props) => {
           },
         }}
       />
-    </Modal>
+    </KFModal>
   );
 };
 
diff --git a/react-ui/src/pages/System/Role/edit.tsx b/react-ui/src/pages/System/Role/edit.tsx
index dda8d9eb..00c64247 100644
--- a/react-ui/src/pages/System/Role/edit.tsx
+++ b/react-ui/src/pages/System/Role/edit.tsx
@@ -1,4 +1,5 @@
 import { DictValueEnumObj } from '@/components/DictTag';
+import KFModal from '@/components/KFModal';
 import {
   ProForm,
   ProFormDigit,
@@ -7,10 +8,9 @@ import {
   ProFormTextArea,
 } from '@ant-design/pro-components';
 import { FormattedMessage, useIntl } from '@umijs/max';
-import { Form, Modal } from 'antd';
+import { Form } from 'antd';
 import Tree, { DataNode } from 'antd/es/tree';
 import React, { useEffect, useState } from 'react';
-
 export type RoleFormData = Record<string, unknown> & Partial<API.System.Role>;
 
 export type RoleFormProps = {
@@ -61,7 +61,7 @@ const RoleForm: React.FC<RoleFormProps> = (props) => {
   };
 
   return (
-    <Modal
+    <KFModal
       width={640}
       title={intl.formatMessage({
         id: 'system.role.title',
@@ -198,7 +198,7 @@ const RoleForm: React.FC<RoleFormProps> = (props) => {
           ]}
         />
       </ProForm>
-    </Modal>
+    </KFModal>
   );
 };
 
diff --git a/react-ui/src/pages/System/User/components/AuthRole.tsx b/react-ui/src/pages/System/User/components/AuthRole.tsx
index 4cc25a35..6a199fb6 100644
--- a/react-ui/src/pages/System/User/components/AuthRole.tsx
+++ b/react-ui/src/pages/System/User/components/AuthRole.tsx
@@ -1,15 +1,8 @@
+import KFModal from '@/components/KFModal';
 import { ProForm, ProFormSelect } from '@ant-design/pro-components';
 import { useIntl } from '@umijs/max';
-import { Form, Modal } from 'antd';
+import { Form } from 'antd';
 import React, { useEffect } from 'react';
-
-/* *
- *
- * @author whiteshader@163.com
- * @datetime  2023/02/06
- *
- * */
-
 export type FormValueType = any & Partial<API.System.Dept>;
 
 export type AuthRoleFormProps = {
@@ -40,7 +33,7 @@ const AuthRoleForm: React.FC<AuthRoleFormProps> = (props) => {
   };
 
   return (
-    <Modal
+    <KFModal
       width={640}
       title={intl.formatMessage({
         id: 'system.user.auth.role',
@@ -74,7 +67,7 @@ const AuthRoleForm: React.FC<AuthRoleFormProps> = (props) => {
           rules={[{ required: true, message: '请选择角色!' }]}
         />
       </ProForm>
-    </Modal>
+    </KFModal>
   );
 };
 
diff --git a/react-ui/src/pages/System/User/components/ResetPwd.tsx b/react-ui/src/pages/System/User/components/ResetPwd.tsx
index 5d33efce..fd5d2870 100644
--- a/react-ui/src/pages/System/User/components/ResetPwd.tsx
+++ b/react-ui/src/pages/System/User/components/ResetPwd.tsx
@@ -1,15 +1,9 @@
+import KFModal from '@/components/KFModal';
 import { ProForm, ProFormText } from '@ant-design/pro-components';
 import { useIntl } from '@umijs/max';
-import { Form, Modal } from 'antd';
+import { Form } from 'antd';
 import React from 'react';
 
-/* *
- *
- * @author whiteshader@163.com
- * @datetime  2023/02/06
- *
- * */
-
 export type FormValueType = any & Partial<API.System.User>;
 
 export type UpdateFormProps = {
@@ -44,7 +38,7 @@ const UpdateForm: React.FC<UpdateFormProps> = (props) => {
   };
 
   return (
-    <Modal
+    <KFModal
       width={640}
       title={intl.formatMessage({
         id: 'system.user.reset.password',
@@ -88,7 +82,7 @@ const UpdateForm: React.FC<UpdateFormProps> = (props) => {
           ]}
         />
       </ProForm>
-    </Modal>
+    </KFModal>
   );
 };
 
diff --git a/react-ui/src/pages/System/User/edit.tsx b/react-ui/src/pages/System/User/edit.tsx
index 2b68b53e..101ec96c 100644
--- a/react-ui/src/pages/System/User/edit.tsx
+++ b/react-ui/src/pages/System/User/edit.tsx
@@ -1,4 +1,5 @@
 import { DictValueEnumObj } from '@/components/DictTag';
+import KFModal from '@/components/KFModal';
 import {
   ProForm,
   ProFormRadio,
@@ -8,17 +9,10 @@ import {
   ProFormTreeSelect,
 } from '@ant-design/pro-components';
 import { FormattedMessage, useIntl } from '@umijs/max';
-import { Form, Modal } from 'antd';
+import { Form } from 'antd';
 import { DataNode } from 'antd/es/tree';
 import React, { useEffect } from 'react';
 
-/* *
- *
- * @author whiteshader@163.com
- * @datetime  2023/02/06
- *
- * */
-
 export type UserFormData = Record<string, unknown> & Partial<API.System.User>;
 
 export type UserFormProps = {
@@ -74,7 +68,7 @@ const UserForm: React.FC<UserFormProps> = (props) => {
   };
 
   return (
-    <Modal
+    <KFModal
       width={640}
       title={intl.formatMessage({
         id: 'system.user.title',
@@ -260,7 +254,7 @@ const UserForm: React.FC<UserFormProps> = (props) => {
           ]}
         />
       </ProForm>
-    </Modal>
+    </KFModal>
   );
 };
 
diff --git a/react-ui/src/pages/Tool/Gen/components/PreviewCode.tsx b/react-ui/src/pages/Tool/Gen/components/PreviewCode.tsx
index 1e364d16..14242a59 100644
--- a/react-ui/src/pages/Tool/Gen/components/PreviewCode.tsx
+++ b/react-ui/src/pages/Tool/Gen/components/PreviewCode.tsx
@@ -1,10 +1,10 @@
+import KFModal from '@/components/KFModal';
 import { useIntl } from '@umijs/max';
 import type { TabsProps } from 'antd';
-import { Modal, Tabs } from 'antd';
+import { Tabs } from 'antd';
 import 'highlight.js/styles/base16/material.css';
 import React, { useEffect } from 'react';
 import Highlight from 'react-highlight';
-
 interface PreviewTableProps {
   open: boolean;
   data?: any;
@@ -26,7 +26,7 @@ const PreviewTableCode: React.FC<PreviewTableProps> = (props) => {
   useEffect(() => {}, []);
 
   return (
-    <Modal
+    <KFModal
       width={900}
       title={intl.formatMessage({
         id: 'gen.preview',
@@ -43,7 +43,7 @@ const PreviewTableCode: React.FC<PreviewTableProps> = (props) => {
       }}
     >
       <Tabs defaultActiveKey="1" items={panes}></Tabs>
-    </Modal>
+    </KFModal>
   );
 };
 
diff --git a/react-ui/src/pages/User/Center/components/AvatarCropper/index.tsx b/react-ui/src/pages/User/Center/components/AvatarCropper/index.tsx
index 66bd3bae..a2e19b0b 100644
--- a/react-ui/src/pages/User/Center/components/AvatarCropper/index.tsx
+++ b/react-ui/src/pages/User/Center/components/AvatarCropper/index.tsx
@@ -1,3 +1,4 @@
+import KFModal from '@/components/KFModal';
 import { uploadAvatar } from '@/services/system/user';
 import {
   MinusOutlined,
@@ -7,7 +8,7 @@ import {
   UploadOutlined,
 } from '@ant-design/icons';
 import { useIntl } from '@umijs/max';
-import { Button, Col, Modal, Row, Space, Upload, message } from 'antd';
+import { Button, Col, Row, Space, Upload, message } from 'antd';
 import React, { useEffect, useRef, useState } from 'react';
 import { Cropper } from 'react-cropper';
 import './cropper.css';
@@ -88,7 +89,7 @@ const AvatarCropperForm: React.FC<AvatarCropperProps> = (props) => {
     };
   };
   return (
-    <Modal
+    <KFModal
       width={800}
       title={intl.formatMessage({
         id: 'system.user.modify_avatar',
@@ -137,7 +138,7 @@ const AvatarCropperForm: React.FC<AvatarCropperProps> = (props) => {
           </Space>
         </Col>
       </Row>
-    </Modal>
+    </KFModal>
   );
 };
 
diff --git a/react-ui/src/pages/Workspace/components/AssetsManagement/index.less b/react-ui/src/pages/Workspace/components/AssetsManagement/index.less
new file mode 100644
index 00000000..122d3bf4
--- /dev/null
+++ b/react-ui/src/pages/Workspace/components/AssetsManagement/index.less
@@ -0,0 +1,54 @@
+.assets-management {
+  flex: 1;
+  width: 100%;
+  padding: 20px 20px 0;
+  background-color: white;
+  border-radius: 4px;
+
+  :global {
+    .ant-select-filled {
+      background-color: rgba(138, 138, 138, 0.12);
+      border-radius: 2px;
+
+      .ant-select-selection-item {
+        color: @text-color-secondary !important;
+        font-size: 13px;
+      }
+    }
+  }
+
+  &__title {
+    color: @text-color;
+    font-weight: 500;
+    font-size: @font-size-title;
+  }
+
+  &__increase {
+    display: inline-block;
+    margin-top: 12px;
+    margin-bottom: 30px;
+    padding: 2px 7px;
+    color: @primary-color-secondary;
+    font-size: 13px;
+    background-color: rgba(187, 210, 255, 0.29);
+    border-radius: 2px;
+  }
+
+  &__summary {
+    display: flex;
+    flex-direction: column;
+    width: 33.33%;
+
+    &__title {
+      margin-bottom: 12px;
+      color: @text-color-secondary;
+      font-size: @font-size;
+    }
+
+    &__value {
+      color: @text-color;
+      font-weight: 500;
+      font-size: 22px;
+    }
+  }
+}
diff --git a/react-ui/src/pages/Workspace/components/AssetsManagement/index.tsx b/react-ui/src/pages/Workspace/components/AssetsManagement/index.tsx
new file mode 100644
index 00000000..dc1af6c9
--- /dev/null
+++ b/react-ui/src/pages/Workspace/components/AssetsManagement/index.tsx
@@ -0,0 +1,81 @@
+import { CommonTabKeys } from '@/enums';
+import { getWorkspaceAssetCountReq } from '@/services/workspace';
+import { to } from '@/utils/promise';
+import { Flex, Select } from 'antd';
+import { useEffect, useState } from 'react';
+import styles from './index.less';
+function AssetsManagement() {
+  const [type, setType] = useState(CommonTabKeys.Public);
+  const [assetCounts, setAssetCounts] = useState<{ title: string; value: number }[]>([]);
+  useEffect(() => {
+    getWorkspacAssetCount();
+  }, [type]);
+  // 获取工作空间资产数量
+  const getWorkspacAssetCount = async () => {
+    const params = {
+      isPublic: type === CommonTabKeys.Public,
+    };
+    const [res] = await to(getWorkspaceAssetCountReq(params));
+    if (res && res.data) {
+      const { component, dataset, image, model, workflow } = res.data;
+      const items = [
+        {
+          title: '数据集',
+          value: dataset,
+        },
+        {
+          title: '模型',
+          value: model,
+        },
+        {
+          title: '镜像',
+          value: image,
+        },
+        {
+          title: '组件',
+          value: component,
+        },
+        {
+          title: '代码配置',
+          value: 0,
+        },
+        {
+          title: '流水线模版',
+          value: workflow,
+        },
+      ];
+      setAssetCounts(items);
+    }
+  };
+
+  return (
+    <div className={styles['assets-management']}>
+      <Flex justify="space-between">
+        <div className={styles['assets-management__title']}>AI资产</div>
+        <Select
+          size="small"
+          value={type}
+          style={{ width: 70 }}
+          onChange={setType}
+          variant="filled"
+          options={[
+            { value: CommonTabKeys.Public, label: '公开' },
+            { value: CommonTabKeys.Private, label: '个人' },
+          ]}
+        />
+      </Flex>
+
+      <div className={styles['assets-management__increase']}>今日新增数量：5</div>
+      <Flex justify="space-between" gap="22px 0" wrap="wrap">
+        {assetCounts.map((item, index) => (
+          <div className={styles['assets-management__summary']} key={index}>
+            <div className={styles['assets-management__summary__title']}>{item.title}</div>
+            <div className={styles['assets-management__summary__value']}>{item.value}</div>
+          </div>
+        ))}
+      </Flex>
+    </div>
+  );
+}
+
+export default AssetsManagement;
diff --git a/react-ui/src/pages/Workspace/components/ExperimentChart/index.less b/react-ui/src/pages/Workspace/components/ExperimentChart/index.less
new file mode 100644
index 00000000..3891b3f4
--- /dev/null
+++ b/react-ui/src/pages/Workspace/components/ExperimentChart/index.less
@@ -0,0 +1,7 @@
+.experiment-chart {
+  width: 295px;
+  min-width: 295px;
+  height: 140px;
+  background-color: @workspace-background;
+  border-radius: 4px;
+}
diff --git a/react-ui/src/pages/Workspace/components/ExperimentChart/index.tsx b/react-ui/src/pages/Workspace/components/ExperimentChart/index.tsx
new file mode 100644
index 00000000..f4d30fe1
--- /dev/null
+++ b/react-ui/src/pages/Workspace/components/ExperimentChart/index.tsx
@@ -0,0 +1,214 @@
+import themes from '@/styles/theme.less';
+import * as echarts from 'echarts';
+import React, { useEffect, useRef } from 'react';
+import styles from './index.less';
+
+const color1 = new echarts.graphic.LinearGradient(
+  0,
+  0,
+  0,
+  1,
+  [
+    { offset: 0, color: '#c73131' },
+    { offset: 1, color: '#ff7e96' },
+  ],
+  false,
+);
+
+const color2 = new echarts.graphic.LinearGradient(
+  0,
+  0,
+  0,
+  1,
+  [
+    { offset: 0, color: '#6ac21d' },
+    { offset: 1, color: '#96e850' },
+  ],
+  false,
+);
+const color3 = new echarts.graphic.LinearGradient(
+  0,
+  0,
+  0,
+  1,
+  [
+    { offset: 0, color: '#8c8c8c' },
+    { offset: 1, color: '#c8c6c6' },
+  ],
+  false,
+);
+const color4 = new echarts.graphic.LinearGradient(
+  0,
+  0,
+  0,
+  1,
+  [
+    { offset: 0, color: '#ecb934' },
+    { offset: 1, color: '#f0864d' },
+  ],
+  false,
+);
+
+const color5 = new echarts.graphic.LinearGradient(
+  0,
+  0,
+  0,
+  1,
+  [
+    { offset: 0, color: '#7ea9fe' },
+    { offset: 1, color: '#1664ff' },
+  ],
+  false,
+);
+
+const color6 = new echarts.graphic.LinearGradient(
+  0,
+  0,
+  0,
+  1,
+  [
+    { offset: 0, color: 'rgba(255, 255, 255, 0.62)' },
+    { offset: 1, color: '#ebf2ff ' },
+  ],
+  false,
+);
+
+export type ExperimentStatistics = {
+  Failed: number;
+  Pending: number;
+  Running: number;
+  Succeeded: number;
+  Terminated: number;
+};
+
+type ExperimentChartProps = {
+  style?: React.CSSProperties;
+  chartData: ExperimentStatistics;
+};
+
+function ExperimentChart({ chartData, style }: ExperimentChartProps) {
+  const chartRef = useRef<HTMLDivElement>(null);
+  const total =
+    chartData.Failed +
+    chartData.Pending +
+    chartData.Running +
+    chartData.Succeeded +
+    chartData.Terminated;
+  const options: echarts.EChartsOption = {
+    title: {
+      show: true,
+      left: '29%',
+      top: 'center',
+      textAlign: 'center',
+      text: [`{a|${total}}`, '{b|实验状态}'].join('\n'),
+      textStyle: {
+        rich: {
+          a: {
+            color: themes['textColor'],
+            fontSize: 20,
+            fontWeight: 700,
+            lineHeight: 28,
+          },
+          b: {
+            color: themes['textColorSecondary'],
+            fontSize: 10,
+            fontWeight: 'normal',
+          },
+        },
+      },
+    },
+    tooltip: {
+      trigger: 'item',
+    },
+    legend: {
+      top: 'center',
+      right: '5%',
+      orient: 'vertical',
+      icon: 'circle',
+      itemWidth: 6,
+      itemGap: 20,
+      height: 100,
+    },
+    color: [color1, color2, color3, color4, color5],
+    series: [
+      {
+        type: 'pie',
+        radius: ['70%', '80%'],
+        center: ['30%', '50%'],
+        avoidLabelOverlap: false,
+        padAngle: 3,
+        itemStyle: {
+          borderRadius: 3,
+        },
+        label: {
+          show: false,
+        },
+        emphasis: {
+          label: {
+            show: false,
+          },
+        },
+        labelLine: {
+          show: false,
+        },
+        data: [
+          { value: chartData.Failed, name: '失败' },
+          { value: chartData.Succeeded, name: '成功' },
+          { value: chartData.Terminated, name: '中止' },
+          { value: chartData.Pending, name: '等待' },
+          { value: chartData.Running, name: '运行中' },
+        ],
+      },
+      {
+        type: 'pie',
+        radius: '60%',
+        center: ['30%', '50%'],
+        avoidLabelOverlap: false,
+        label: {
+          show: false,
+        },
+        tooltip: {
+          show: false,
+        },
+        emphasis: {
+          label: {
+            show: false,
+          },
+          disabled: true,
+        },
+        animation: false,
+        labelLine: {
+          show: false,
+        },
+        data: [
+          {
+            value: 100,
+            itemStyle: { color: color6, borderColor: 'rgba(22, 100, 255, 0.08)', borderWidth: 1 },
+          },
+        ],
+      },
+    ],
+  };
+
+  useEffect(() => {
+    // 创建一个echarts实例，返回echarts实例
+    const chart = echarts.init(chartRef.current);
+
+    // 设置图表实例的配置项和数据
+    chart.setOption(options);
+
+    // 组件卸载
+    return () => {
+      // myChart.dispose() 销毁实例
+      chart.dispose();
+    };
+  }, []);
+
+  return (
+    <div className={styles['experiment-chart']} style={style}>
+      <div style={{ width: '100%', height: '100%' }} ref={chartRef}></div>
+    </div>
+  );
+}
+
+export default ExperimentChart;
diff --git a/react-ui/src/pages/Workspace/components/ExperimentTable/index.less b/react-ui/src/pages/Workspace/components/ExperimentTable/index.less
new file mode 100644
index 00000000..85c5e42d
--- /dev/null
+++ b/react-ui/src/pages/Workspace/components/ExperimentTable/index.less
@@ -0,0 +1,58 @@
+.experiment-table {
+  flex: 1;
+  min-width: 500px;
+  height: 140px;
+  padding: 12px 24px;
+  background-color: @workspace-background;
+  border-radius: 4px;
+
+  &__header {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-bottom: 4px;
+    color: @text-color;
+    font-size: @font-size;
+    line-height: 20px;
+  }
+
+  &__content {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 6px 0;
+    color: .addAlpha(@text-color, 0.75) [];
+    font-size: 14px;
+    line-height: 20px;
+    border-bottom: 1px solid rgba(234, 234, 234, 0.8);
+
+    &:last-child {
+      border-bottom: 0;
+    }
+  }
+
+  &__status {
+    width: 20%;
+  }
+
+  &__duration {
+    width: 25%;
+  }
+
+  &__date {
+    width: 35%;
+  }
+
+  &__operation {
+    width: 20%;
+
+    :global {
+      .ant-btn-link {
+        height: 20px;
+        padding: 0;
+        line-height: 20px;
+        border: 0;
+      }
+    }
+  }
+}
diff --git a/react-ui/src/pages/Workspace/components/ExperimentTable/index.tsx b/react-ui/src/pages/Workspace/components/ExperimentTable/index.tsx
new file mode 100644
index 00000000..7a179a39
--- /dev/null
+++ b/react-ui/src/pages/Workspace/components/ExperimentTable/index.tsx
@@ -0,0 +1,59 @@
+import KFIcon from '@/components/KFIcon';
+import { ExperimentStatusValues, experimentStatusInfo } from '@/pages/Experiment/status';
+import { ExperimentInstance } from '@/types';
+import { elapsedTime, formatDate } from '@/utils/date';
+import { useNavigate } from '@umijs/max';
+import { Button } from 'antd';
+import styles from './index.less';
+type ExperimentTableProps = {
+  tableData: ExperimentInstance[];
+  style?: React.CSSProperties;
+};
+
+function ExperimentTable({ tableData = [], style }: ExperimentTableProps) {
+  const navgite = useNavigate();
+  const gotoExperiment = (record: ExperimentInstance) => {
+    navgite(`/pipeline/experimentPytorchtext/${record.workflow_id}/${record.id}`);
+  };
+
+  return (
+    <div className={styles['experiment-table']} style={style}>
+      <div className={styles['experiment-table__header']}>
+        <div className={styles['experiment-table__status']}>状态</div>
+        <div className={styles['experiment-table__duration']}>运行时长</div>
+        <div className={styles['experiment-table__date']}>开始时间</div>
+        <div className={styles['experiment-table__operation']}>操作</div>
+      </div>
+      {tableData?.map((item) => (
+        <div className={styles['experiment-table__content']} key={item.id}>
+          <div className={styles['experiment-table__status']} style={{ paddingLeft: '6.5px' }}>
+            <img
+              src={experimentStatusInfo[item.status as ExperimentStatusValues]?.icon}
+              width={17}
+              height={17}
+            />
+          </div>
+          <div className={styles['experiment-table__duration']}>
+            {elapsedTime(
+              new Date(item.create_time),
+              item.finish_time ? new Date(item.finish_time) : new Date(),
+            )}
+          </div>
+          <div className={styles['experiment-table__date']}>{formatDate(item.create_time)}</div>
+          <div className={styles['experiment-table__operation']}>
+            <Button
+              size="small"
+              type="link"
+              icon={<KFIcon type="icon-xiangqing2" font={14} />}
+              onClick={() => gotoExperiment(item)}
+            >
+              详情
+            </Button>
+          </div>
+        </div>
+      ))}
+    </div>
+  );
+}
+
+export default ExperimentTable;
diff --git a/react-ui/src/pages/Workspace/components/QuickStart/WorkArrow.tsx b/react-ui/src/pages/Workspace/components/QuickStart/WorkArrow.tsx
new file mode 100644
index 00000000..76ca1ca7
--- /dev/null
+++ b/react-ui/src/pages/Workspace/components/QuickStart/WorkArrow.tsx
@@ -0,0 +1,60 @@
+import styles from './index.less';
+
+type WorkArrowProps = {
+  width?: number;
+  height?: number;
+  x: number;
+  y: number;
+  arrowLeft: number;
+  arrorwTop: number;
+  borderLeft?: number;
+  borderTop?: number;
+  borderRight?: number;
+  borderBottom?: number;
+  arrrowAngle?: number;
+};
+
+function WorkArrow({
+  width = 1,
+  height = 1,
+  x,
+  y,
+  arrowLeft,
+  arrorwTop,
+  borderLeft = 0,
+  borderTop = 0,
+  borderRight = 0,
+  borderBottom = 0,
+  arrrowAngle = 0,
+}: WorkArrowProps) {
+  return (
+    <div
+      className={styles['work-arrow']}
+      style={{
+        left: `${x}px`,
+        top: `${y}px`,
+        width: `${width}px`,
+        height: `${height}px`,
+        borderLeftWidth: `${borderLeft}px`,
+        borderTopWidth: `${borderTop}px`,
+        borderRightWidth: `${borderRight}px`,
+        borderBottomWidth: `${borderBottom}px`,
+      }}
+    >
+      <img
+        className={styles['work-arrow__img']}
+        src={require('@/assets/img/blue-triangle.png')}
+        alt=""
+        width={10}
+        height={9}
+        style={{
+          left: `${arrowLeft}px`,
+          top: `${arrorwTop}px`,
+          transform: `rotate(${arrrowAngle}deg)`,
+        }}
+      />
+    </div>
+  );
+}
+
+export default WorkArrow;
diff --git a/react-ui/src/pages/Workspace/components/QuickStart/WorkFlow.tsx b/react-ui/src/pages/Workspace/components/QuickStart/WorkFlow.tsx
new file mode 100644
index 00000000..9401bbe3
--- /dev/null
+++ b/react-ui/src/pages/Workspace/components/QuickStart/WorkFlow.tsx
@@ -0,0 +1,31 @@
+import { Button } from 'antd';
+import styles from './index.less';
+
+type WorkFlowProps = {
+  content: string;
+  buttonText: string;
+  tips?: string;
+  onClick?: () => void;
+  buttonTop?: number;
+  x: number;
+  y: number;
+};
+
+function WorkFlow({ content, buttonText, tips, buttonTop = 20, x, y, onClick }: WorkFlowProps) {
+  return (
+    <div className={styles['work-flow']} style={{ left: `${x}px`, top: `${y}px` }}>
+      {tips && <div className={styles['work-flow__tips']}>{tips}</div>}
+      <div className={styles['work-flow__content']}>{content}</div>
+      <Button
+        className={styles['work-flow__button']}
+        type="primary"
+        style={{ marginTop: `${buttonTop}px` }}
+        onClick={onClick}
+      >
+        {buttonText}
+      </Button>
+    </div>
+  );
+}
+
+export default WorkFlow;
diff --git a/react-ui/src/pages/Workspace/components/QuickStart/index.less b/react-ui/src/pages/Workspace/components/QuickStart/index.less
new file mode 100644
index 00000000..f5eb76f4
--- /dev/null
+++ b/react-ui/src/pages/Workspace/components/QuickStart/index.less
@@ -0,0 +1,96 @@
+.quick-start {
+  width: calc(100% - 326px);
+  padding: 20px 30px;
+  background-color: white;
+  border-radius: 4px;
+
+  &__title {
+    margin-bottom: 20px;
+    color: @text-color;
+    font-weight: 500;
+    font-size: @font-size-title;
+  }
+
+  &__content {
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 610px;
+    background-image: url(@/assets/img/workspace-quick-start.png);
+    background-repeat: no-repeat;
+    background-position: top left;
+    background-size: 100% 100%;
+
+    &__canvas {
+      position: relative;
+      width: 1223px;
+      height: 610px;
+      transform-origin: center left;
+
+      &__model {
+        position: absolute;
+        top: 358px;
+        left: 920px;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        color: @primary-color;
+        font-size: @font-size;
+      }
+
+      &__task {
+        position: absolute;
+        top: 110px;
+        left: 603px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 131px;
+        height: 41px;
+        color: @primary-color;
+        font-size: @font-size;
+        background-color: rgba(22, 100, 255, 0.05);
+        border: 1px dashed @primary-color;
+        border-radius: 4px;
+        box-shadow: 0px 0px 6px rgba(22, 100, 255, 0.07);
+      }
+    }
+  }
+}
+
+.work-flow {
+  position: absolute;
+  width: 192px;
+  padding: 15px;
+  background-color: white;
+  border: 1px solid;
+  border-color: rgba(22, 100, 255, 0.08);
+  border-radius: 0px 8px 0px 0px;
+  box-shadow: 0px 0px 10px rgba(22, 100, 255, 0.06);
+
+  &__content {
+    color: @text-color-secondary;
+    font-size: @font-size;
+  }
+
+  &__tips {
+    position: absolute;
+    top: -16px;
+    left: 0;
+    padding: 4px 10px;
+    color: white;
+    font-size: @font-size;
+    background-color: #333333;
+  }
+}
+
+.work-arrow {
+  position: absolute;
+  border: 0 dashed @primary-color;
+
+  &__img {
+    position: absolute;
+  }
+}
diff --git a/react-ui/src/pages/Workspace/components/QuickStart/index.tsx b/react-ui/src/pages/Workspace/components/QuickStart/index.tsx
new file mode 100644
index 00000000..d1995244
--- /dev/null
+++ b/react-ui/src/pages/Workspace/components/QuickStart/index.tsx
@@ -0,0 +1,149 @@
+import KFIcon from '@/components/KFIcon';
+import { useNavigate } from '@umijs/max';
+import { debounce } from 'lodash';
+import { useEffect, useState } from 'react';
+import WorkArrow from './WorkArrow';
+import WorkFlow from './WorkFlow';
+import styles from './index.less';
+
+function QuickStart() {
+  const navgite = useNavigate();
+  const [scale, setScale] = useState(1);
+
+  useEffect(() => {
+    const changeScale = () => {
+      const width = document.body.offsetWidth - 256 - 80 - 60 - 326 - 15 - 8;
+      const ratio = width >= 1223 ? 1 : width / 1223;
+      setScale(ratio);
+    };
+
+    const debounceFunc = debounce(changeScale, 16);
+    window.addEventListener('resize', debounceFunc);
+
+    return () => {
+      window.removeEventListener('resize', debounceFunc);
+    };
+  }, []);
+
+  return (
+    <div className={styles['quick-start']}>
+      <div className={styles['quick-start__title']}>快速开始</div>
+      <div className={styles['quick-start__content']}>
+        <div
+          className={styles['quick-start__content__canvas']}
+          style={{ transform: `scale(${scale})` }}
+        >
+          <WorkFlow
+            content="为开发者提供数据智能标注与数据回流服务"
+            buttonText="数据准备"
+            buttonTop={40}
+            x={20}
+            y={309}
+            onClick={() => navgite('/datasetPreparation/datasetAnnotation')}
+          />
+          <WorkFlow
+            content="为开发者提供定制化编辑器，开发者可根据自己需求选择配置，保存编译器中的调试环境为镜像供训练使用"
+            buttonText="开发环境"
+            buttonTop={20}
+            x={248}
+            y={301}
+            onClick={() => navgite('/developmentEnvironment')}
+          />
+          <WorkFlow
+            content="为开发者提供定制化编辑器，开发者可根据自己需求选择配置，保存编译器中的调试环境为镜像供训练使用"
+            tips="可视化建模Designer"
+            buttonText="流水线"
+            buttonTop={20}
+            x={476}
+            y={276}
+            onClick={() => navgite('/pipeline/pipelineText')}
+          />
+          <WorkFlow
+            content="开发者可以在这里运行流水线模板，产生实验实例，对比实验训练过程与产生的实验训练数据"
+            buttonText="实验"
+            buttonTop={40}
+            x={699}
+            y={295}
+            onClick={() => navgite('/pipeline/experimentText')}
+          />
+          <WorkFlow
+            content="支持异构硬件(CPU/GPU)的模型加载，高吞吐，低延迟；支持大规模复杂模型的一键部署，实时弹性扩缩容；提供完整的运维监控体系。"
+            tips="模型在线服务"
+            buttonText="模型在线部署"
+            buttonTop={20}
+            x={1010}
+            y={263}
+            onClick={() => navgite('/modelDseployment')}
+          />
+          <div className={styles['quick-start__content__canvas__model']}>
+            <KFIcon type="icon-moxingguanli" font={38} />
+            <span>模型管理</span>
+          </div>
+          <div className={styles['quick-start__content__canvas__task']}>
+            <KFIcon type="icon-tiaoduguanli" font={13} style={{ marginRight: '5px' }} />
+            <span>任务自动调度</span>
+          </div>
+          <WorkArrow
+            x={213}
+            y={378}
+            width={22}
+            height={1}
+            arrowLeft={22}
+            arrorwTop={-4}
+            borderBottom={1}
+          />
+          <WorkArrow
+            x={441}
+            y={378}
+            width={22}
+            height={1}
+            arrowLeft={22}
+            arrorwTop={-4}
+            borderBottom={1}
+          />
+          <WorkArrow
+            x={893}
+            y={378}
+            width={22}
+            height={1}
+            arrowLeft={22}
+            arrorwTop={-4}
+            borderBottom={1}
+          />
+          <WorkArrow
+            x={974}
+            y={378}
+            width={22}
+            height={1}
+            arrowLeft={22}
+            arrorwTop={-4}
+            borderBottom={1}
+          />
+          <WorkArrow
+            x={532}
+            y={139}
+            width={54}
+            height={125}
+            arrowLeft={54}
+            arrorwTop={-4}
+            borderLeft={1}
+            borderTop={1}
+          />
+          <WorkArrow
+            x={740}
+            y={127}
+            width={49}
+            height={156}
+            arrowLeft={44}
+            arrorwTop={156}
+            arrrowAngle={90}
+            borderRight={1}
+            borderTop={1}
+          />
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export default QuickStart;
diff --git a/react-ui/src/pages/Workspace/components/TotalStatistics/index.less b/react-ui/src/pages/Workspace/components/TotalStatistics/index.less
new file mode 100644
index 00000000..aec9945b
--- /dev/null
+++ b/react-ui/src/pages/Workspace/components/TotalStatistics/index.less
@@ -0,0 +1,41 @@
+.total-statistics {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 400px;
+  height: 140px;
+  background-color: @workspace-background;
+  border-radius: 4px;
+
+  &__icon {
+    width: 85px;
+    height: 80px;
+    margin-right: 40px;
+  }
+
+  &__title {
+    position: relative;
+    margin-bottom: 6px;
+    color: @text-color-secondary;
+    font-size: @font-size-content;
+  }
+
+  &__title-shadow {
+    position: absolute;
+    bottom: 6px;
+    left: 0;
+    width: 79px;
+    height: 6px;
+    background-color: linear-gradient(
+      87.07deg,
+      rgba(22, 100, 255, 0.6) 0%,
+      rgba(22, 100, 255, 0) 100%
+    );
+  }
+
+  &__count {
+    color: @text-color;
+    font-weight: 700;
+    font-size: 25px;
+  }
+}
diff --git a/react-ui/src/pages/Workspace/components/TotalStatistics/index.tsx b/react-ui/src/pages/Workspace/components/TotalStatistics/index.tsx
new file mode 100644
index 00000000..c1eba291
--- /dev/null
+++ b/react-ui/src/pages/Workspace/components/TotalStatistics/index.tsx
@@ -0,0 +1,25 @@
+import styles from './index.less';
+
+type TotalStatisticsProps = {
+  icon: string;
+  title: string;
+  count?: string | number;
+  style?: React.CSSProperties;
+};
+
+function TotalStatistics({ icon = '', title = '', count = 0, style }: TotalStatisticsProps) {
+  return (
+    <div className={styles['total-statistics']} style={style}>
+      <img className={styles['total-statistics__icon']} src={icon} />
+      <div>
+        <div className={styles['total-statistics__title']}>
+          <span>{title}</span>
+          <div className={styles['total-statistics__title-shadow']}></div>
+        </div>
+        <div className={styles['total-statistics__count']}>{count ?? '--'}</div>
+      </div>
+    </div>
+  );
+}
+
+export default TotalStatistics;
diff --git a/react-ui/src/pages/Workspace/components/UserSpace/index.less b/react-ui/src/pages/Workspace/components/UserSpace/index.less
new file mode 100644
index 00000000..b95fdf6d
--- /dev/null
+++ b/react-ui/src/pages/Workspace/components/UserSpace/index.less
@@ -0,0 +1,65 @@
+.user-space {
+  margin-bottom: 16px;
+  padding-bottom: 20px;
+  background-color: white;
+  border-radius: 4px;
+  &__title {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 107px;
+    color: @text-color;
+    font-size: @font-size-title;
+    background-image: url(@/assets/img/workspace-user.png);
+    background-repeat: no-repeat;
+    background-position: top left;
+    background-size: 100% 100%;
+  }
+
+  &__avatar {
+    position: relative;
+    top: -28px;
+    width: 56px;
+    height: 56px;
+  }
+
+  &__name {
+    margin-top: -20px;
+    margin-bottom: 8px;
+    color: @text-color;
+    font-size: @font-size-content;
+  }
+
+  &__role {
+    display: inline-block;
+    padding: 1px 7px;
+    color: @primary-color-secondary;
+    font-size: 13px;
+    background-color: rgba(187, 210, 255, 0.29);
+    border-radius: 2px;
+  }
+
+  &__participant {
+    &__title {
+      color: @text-color-secondary;
+      font-size: @font-size-content;
+    }
+
+    &__count {
+      width: 24px;
+      height: 24px;
+      color: #8a8a8a;
+      font-size: 12px;
+      line-height: 24px;
+      text-align: center;
+      background-color: rgba(153, 153, 153, 0.13);
+      border-radius: 50%;
+    }
+
+    &__user {
+      width: 36px;
+      height: 36px;
+    }
+  }
+}
diff --git a/react-ui/src/pages/Workspace/components/UserSpace/index.tsx b/react-ui/src/pages/Workspace/components/UserSpace/index.tsx
new file mode 100644
index 00000000..503ea9fc
--- /dev/null
+++ b/react-ui/src/pages/Workspace/components/UserSpace/index.tsx
@@ -0,0 +1,47 @@
+import { useModel } from '@umijs/max';
+import { Divider, Flex, Space } from 'antd';
+import styles from './index.less';
+
+type UserSpaceProps = {
+  users: any[];
+};
+
+function UserSpace({ users = [] }: UserSpaceProps) {
+  const { initialState } = useModel('@@initialState');
+  const { currentUser } = initialState || {};
+
+  return (
+    <div className={styles['user-space']}>
+      <div className={styles['user-space__title']}>工作空间管理</div>
+      <div style={{ padding: '0 20px' }}>
+        <img className={styles['user-space__avatar']} src={currentUser?.avatar} alt="" />
+        <div className={styles['user-space__name']}>{currentUser?.nickName}</div>
+        <div className={styles['user-space__role']}>{currentUser?.roleNames?.[0]?.roleName}</div>
+        <Divider
+          dashed
+          style={{ borderColor: 'rgba(22, 100, 255, 0.19)', margin: '20px 0' }}
+        ></Divider>
+        <div className={styles['user-space__participant']}>
+          <Space align="center" size={10} style={{ marginBottom: '20px' }}>
+            <div className={styles['user-space__participant__title']}>参与者</div>
+            <div className={styles['user-space__participant__count']}>8</div>
+          </Space>
+          <Flex align="center" gap={12} wrap="wrap">
+            {users?.map((item, index) => {
+              return (
+                <img
+                  className={styles['user-space__participant__user']}
+                  key={index}
+                  src={require(`@/assets/img/user-avatar/${index + 1}.png`)}
+                  alt=""
+                />
+              );
+            })}
+          </Flex>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export default UserSpace;
diff --git a/react-ui/src/pages/Workspace/components/WorkspaceIntro/index.less b/react-ui/src/pages/Workspace/components/WorkspaceIntro/index.less
new file mode 100644
index 00000000..0b9a0ddf
--- /dev/null
+++ b/react-ui/src/pages/Workspace/components/WorkspaceIntro/index.less
@@ -0,0 +1,43 @@
+.workspace-intro {
+  display: flex;
+  align-items: center;
+  margin-bottom: 16px;
+  padding: 0 30px;
+  background-image: url(@/assets/img/workspace-intro.png);
+  background-repeat: no-repeat;
+  background-position: top right;
+  background-size: 100% 100%;
+  border-radius: 4px;
+
+  &__left {
+    padding: 30px 0 34px;
+  }
+
+  &__right {
+    display: flex;
+    flex: 1;
+    align-items: center;
+    justify-content: center;
+  }
+
+  &__title {
+    margin-bottom: 20px;
+    color: @text-color;
+    font-weight: 500;
+    font-size: 20px;
+  }
+
+  &__content {
+    max-width: 980px;
+    margin-bottom: 20px;
+    color: @text-color-secondary;
+    font-size: @font-size-title;
+    line-height: 1.8;
+    letter-spacing: 1px;
+  }
+
+  &__icon {
+    width: 363px;
+    height: 216px;
+  }
+}
diff --git a/react-ui/src/pages/Workspace/components/WorkspaceIntro/index.tsx b/react-ui/src/pages/Workspace/components/WorkspaceIntro/index.tsx
new file mode 100644
index 00000000..49c03711
--- /dev/null
+++ b/react-ui/src/pages/Workspace/components/WorkspaceIntro/index.tsx
@@ -0,0 +1,43 @@
+import { Button } from 'antd';
+import styles from './index.less';
+
+function WorkspaceIntro() {
+  return (
+    <div className={styles['workspace-intro']}>
+      <div className={styles['workspace-intro__left']}>
+        <div className={styles['workspace-intro__title']}>自主实验平台</div>
+        <div className={styles['workspace-intro__content']}>
+          材料领域的自主实验系统是一种用于材料研究和开发的技术平台，它旨在提供实验数据收集、分析和可视化等功能，
+          以支持材料工程师、科学家和研究人员在材料设计、性能评估和工艺优化方面的工作
+        </div>
+        <div className={styles['workspace-intro__buttons']}>
+          <Button
+            type="primary"
+            style={{ marginRight: '20px' }}
+            icon={
+              <img src={require('@/assets/img/functional-material.png')} width={19} height={19} />
+            }
+          >
+            功能材料自主实验系统
+          </Button>
+          <Button
+            type="default"
+            icon={
+              <img src={require('@/assets/img/molecular-material.png')} width={19} height={19} />
+            }
+          >
+            分子材料自主实验系统
+          </Button>
+        </div>
+      </div>
+      <div className={styles['workspace-intro__right']}>
+        <img
+          className={styles['workspace-intro__icon']}
+          src={require('@/assets/img/workspace-intro-icon.png')}
+        />
+      </div>
+    </div>
+  );
+}
+
+export default WorkspaceIntro;
diff --git a/react-ui/src/pages/Workspace/index.less b/react-ui/src/pages/Workspace/index.less
new file mode 100644
index 00000000..1a454f38
--- /dev/null
+++ b/react-ui/src/pages/Workspace/index.less
@@ -0,0 +1,45 @@
+.workspace {
+  height: 100%;
+  padding: 20px 30px 10px;
+  overflow-y: auto;
+  background-color: linear-gradient(#ecf2fe, #f9fafb);
+
+  &__overview {
+    margin-bottom: 16px;
+    padding: 20px 30px;
+    background-color: white;
+    border-radius: 4px;
+
+    &__title {
+      margin-bottom: 20px;
+      color: @text-color;
+      font-weight: 500;
+      font-size: @font-size-title;
+    }
+
+    &__content {
+      display: flex;
+      gap: 15px;
+      align-items: center;
+
+      @media screen and (max-width: 1800px) {
+        flex-wrap: wrap;
+      }
+    }
+  }
+
+  &__quick-start {
+    display: flex;
+    gap: 15px;
+    align-items: flex-start;
+    width: 100%;
+  }
+
+  &__user {
+    display: flex;
+    flex-direction: column;
+    width: 326px;
+    min-width: 326px;
+    height: 700px;
+  }
+}
diff --git a/react-ui/src/pages/Workspace/index.tsx b/react-ui/src/pages/Workspace/index.tsx
new file mode 100644
index 00000000..55acd264
--- /dev/null
+++ b/react-ui/src/pages/Workspace/index.tsx
@@ -0,0 +1,71 @@
+import { getWorkspaceOverviewReq } from '@/services/workspace';
+import { ExperimentInstance } from '@/types';
+import { to } from '@/utils/promise';
+import { useEffect, useState } from 'react';
+import AssetsManagement from './components/AssetsManagement';
+import ExperimentChart, { type ExperimentStatistics } from './components/ExperimentChart';
+import ExperitableTable from './components/ExperimentTable';
+import QuickStart from './components/QuickStart';
+import TotalStatistics from './components/TotalStatistics';
+import UserSpace from './components/UserSpace';
+import WorkspaceIntro from './components/WorkspaceIntro';
+import styles from './index.less';
+
+type OverviewData = {
+  workflowCount: number;
+  runningExperimentInsCount: number;
+  experimentInsStatus: ExperimentStatistics;
+  latestExperimentInsList: ExperimentInstance[];
+};
+
+function Workspace() {
+  const [overviewData, setOverviewData] = useState<OverviewData>();
+  const users: number[] = new Array(8).fill(0);
+  useEffect(() => {
+    getWorkspaceOverview();
+  }, []);
+
+  // 获取工作空间概况
+  const getWorkspaceOverview = async () => {
+    const [res] = await to(getWorkspaceOverviewReq());
+    if (res && res.data) {
+      setOverviewData(res.data);
+    }
+  };
+
+  return (
+    <div className={styles.workspace}>
+      <WorkspaceIntro></WorkspaceIntro>
+      <div className={styles['workspace__overview']}>
+        <div className={styles['workspace__overview__title']}>运行概览</div>
+        <div className={styles['workspace__overview__content']}>
+          <TotalStatistics
+            icon={require('@/assets/img/workspace-pipeline.png')}
+            title="流水线总数"
+            count={overviewData?.workflowCount}
+          />
+          <TotalStatistics
+            icon={require('@/assets/img/workspace-experiment.png')}
+            title="正在运行实例总数"
+            count={overviewData?.runningExperimentInsCount}
+          />
+          <ExperitableTable
+            tableData={overviewData?.latestExperimentInsList || []}
+          ></ExperitableTable>
+          {overviewData?.experimentInsStatus && (
+            <ExperimentChart chartData={overviewData?.experimentInsStatus}></ExperimentChart>
+          )}
+        </div>
+      </div>
+      <div className={styles['workspace__quick-start']}>
+        <QuickStart></QuickStart>
+        <div className={styles['workspace__user']}>
+          <UserSpace users={users}></UserSpace>
+          <AssetsManagement></AssetsManagement>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export default Workspace;
diff --git a/react-ui/src/requestConfig.ts b/react-ui/src/requestConfig.ts
index 501e78c5..2a9d6413 100644
--- a/react-ui/src/requestConfig.ts
+++ b/react-ui/src/requestConfig.ts
@@ -46,7 +46,8 @@ export const requestConfig: RequestConfig = {
   ],
   responseInterceptors: [
     (response: any) => {
-      const { status, data } = response;
+      const { status, data } = response || {};
+      console.log('response2', response);
       if (status >= 200 && status < 300) {
         if (data && (data instanceof Blob || data.code === 200)) {
           return response;
diff --git a/react-ui/src/services/ant-design-pro/typings.d.ts b/react-ui/src/services/ant-design-pro/typings.d.ts
index 0da99b38..e94832c6 100644
--- a/react-ui/src/services/ant-design-pro/typings.d.ts
+++ b/react-ui/src/services/ant-design-pro/typings.d.ts
@@ -14,6 +14,9 @@ declare namespace API {
     };
     address?: string;
     phone?: string;
+    roleNames?: {
+      roleName?: string;
+    }[];
   };
 
   type ErrorResponse = {
diff --git a/react-ui/src/services/mirror/index.ts b/react-ui/src/services/mirror/index.ts
index 331408a2..5820f631 100644
--- a/react-ui/src/services/mirror/index.ts
+++ b/react-ui/src/services/mirror/index.ts
@@ -1,7 +1,7 @@
 /*
  * @Author: 赵伟
  * @Date: 2024-04-16 14:29:44
- * @Description:
+ * @Description: 镜像管理接口
  */
 import { request } from '@umijs/max';
 
diff --git a/react-ui/src/services/workspace/index.ts b/react-ui/src/services/workspace/index.ts
new file mode 100644
index 00000000..c6cd9696
--- /dev/null
+++ b/react-ui/src/services/workspace/index.ts
@@ -0,0 +1,21 @@
+/*
+ * @Author: 赵伟
+ * @Date: 2024-04-16 14:29:44
+ * @Description: 工作空间接口
+ */
+import { request } from '@umijs/max';
+
+// 获取工作空间概况
+export function getWorkspaceOverviewReq() {
+  return request(`/api/mmp/workspace/overview`, {
+    method: 'GET',
+  });
+}
+
+// 获取工作空间概况
+export function getWorkspaceAssetCountReq(params: any) {
+  return request(`/api/mmp/workspace/assetCount`, {
+    method: 'GET',
+    params,
+  });
+}
diff --git a/react-ui/src/styles/theme.less b/react-ui/src/styles/theme.less
index 0f93891e..c6514915 100644
--- a/react-ui/src/styles/theme.less
+++ b/react-ui/src/styles/theme.less
@@ -6,6 +6,7 @@
 
 // 颜色
 @primary-color: #1664ff; // 主色调
+@primary-color-secondary: #4e89ff;
 @primary-color-hover: #69b1ff;
 @background-color: #f9fafb; // 页面背景颜色
 @text-color: #1d1d20;
@@ -15,17 +16,35 @@
 @warning-color: #f98e1b;
 
 @border-color: rgba(22, 100, 255, 0.3);
-@border-color-second: rgba(22, 100, 255, 0.1);
-@background-color-primay: rgba(22, 100, 255, 0.03);
+@border-color-secondary: rgba(22, 100, 255, 0.1);
+@background-color-primary: rgba(22, 100, 255, 0.03);
 @background-color-gray: rgba(4, 3, 3, 0.06);
 
 @heading-color: rgba(0, 0, 0, 0.85);
 @input-icon-hover-color: rgba(0, 0, 0, 0.85);
 @border-color-base: #d9d9d9;
 @link-hover-color: #69b1ff;
+@sider-background-color: #f2f5f7;
+
+@workspace-background: linear-gradient(
+  179.03deg,
+  rgba(138, 138, 138, 0.06) 0%,
+  rgba(22, 100, 255, 0.02) 100%
+);
 
 // 字体大小
 @font-size: 15px;
+@font-size-title: 18px;
+@font-size-content: 16px;
+
+// 函数
+.addAlpha(@color, @alpha) {
+  @red: red(@color);
+  @green: green(@color);
+  @blue: blue(@color);
+
+  @result: rgba(@red, @green, @blue, @alpha);
+}
 
 // 导出变量
 :export {
@@ -34,5 +53,7 @@
   errorColor: @error-color;
   warningColor: @warning-color;
   textColor: @text-color;
+  textColorSecondary: @text-color-secondary;
   fontSize: @font-size;
+  siderBGColor: @sider-background-color;
 }
diff --git a/react-ui/src/types.ts b/react-ui/src/types.ts
index 8e49075e..a0f53f2d 100644
--- a/react-ui/src/types.ts
+++ b/react-ui/src/types.ts
@@ -12,3 +12,19 @@ export type PipelineGlobalParam = {
   param_value: number | string | boolean;
   is_sensitive: number;
 };
+
+// 实验实例
+export type ExperimentInstance = {
+  id: number;
+  experiment_id: number;
+  workflow_id: number;
+  create_time: string;
+  finish_time: string;
+  update_time: string;
+  status: string;
+  argo_ins_name: string;
+  argo_ins_ns: string;
+  nodes_result: string;
+  nodes_status: string;
+  global_param: PipelineGlobalParam[];
+};
diff --git a/react-ui/src/utils/date.ts b/react-ui/src/utils/date.ts
index be36af05..eaab9f3f 100644
--- a/react-ui/src/utils/date.ts
+++ b/react-ui/src/utils/date.ts
@@ -36,3 +36,15 @@ export const isValidDate = (date: Date): boolean => {
   }
   return false;
 };
+
+// 格式化日期
+export const formatDate = (text: Date | string, format = 'YYYY-MM-DD HH:mm:ss'): string => {
+  if (text === undefined || text === null || text === '') {
+    return '--';
+  }
+  if (!dayjs(text).isValid()) {
+    return '--';
+  }
+
+  return dayjs(text).format(format);
+};
diff --git a/react-ui/src/utils/sessionKeys.ts b/react-ui/src/utils/sessionKeys.ts
deleted file mode 100644
index 522ce516..00000000
--- a/react-ui/src/utils/sessionKeys.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-// 用于新建镜像
-export const mirrorNameKey = 'mirror-name';
diff --git a/react-ui/src/utils/sessionStorage.ts b/react-ui/src/utils/sessionStorage.ts
new file mode 100644
index 00000000..fd006c7a
--- /dev/null
+++ b/react-ui/src/utils/sessionStorage.ts
@@ -0,0 +1,30 @@
+// 用于新建镜像
+export const mirrorNameKey = 'mirror-name';
+
+export const getSessionStorageItem = (key: string, isObject: boolean = false) => {
+  const jsonStr = sessionStorage.getItem(key);
+  if (!isObject) {
+    return jsonStr;
+  }
+  if (jsonStr) {
+    try {
+      return JSON.parse(jsonStr);
+    } catch (error) {
+      return undefined;
+    }
+  }
+  return undefined;
+};
+
+export const setSessionStorageItem = (key: string, state?: any, isObject: boolean = false) => {
+  if (state) {
+    sessionStorage.setItem(key, isObject ? JSON.stringify(state) : state);
+  }
+};
+
+// 获取之后就删除，多用于上一个页面传递数据到下一个页面
+export const getSessionItemThenRemove = (key: string, isObject: boolean = false) => {
+  const res = getSessionStorageItem(key, isObject);
+  sessionStorage.removeItem(key);
+  return res;
+};
diff --git a/react-ui/src/utils/ui.tsx b/react-ui/src/utils/ui.tsx
index ddf83f6f..108bc8c0 100644
--- a/react-ui/src/utils/ui.tsx
+++ b/react-ui/src/utils/ui.tsx
@@ -12,6 +12,8 @@ import { Modal, type ModalFuncProps, type UploadFile } from 'antd';
 export function modalConfirm({ title, content, onOk, ...rest }: ModalFuncProps) {
   Modal.confirm({
     ...rest,
+    width: 600,
+    centered: true,
     title: (
       <div>
         <img
@@ -51,7 +53,7 @@ export const gotoLoginPage = (toHome: boolean = true) => {
   const { pathname, search } = window.location;
   const urlParams = new URLSearchParams();
   urlParams.append('redirect', pathname + search);
-  const newSearch = toHome ? '' : urlParams.toString();
+  const newSearch = toHome && pathname && pathname !== PageEnum.LOGIN ? '' : urlParams.toString();
   if (window.location.pathname !== PageEnum.LOGIN) {
     history.replace({
       pathname: PageEnum.LOGIN,
diff --git a/ruoyi-modules/management-platform/src/main/java/com/ruoyi/platform/utils/K8sClientUtil.java b/ruoyi-modules/management-platform/src/main/java/com/ruoyi/platform/utils/K8sClientUtil.java
index 35ae8632..5f146711 100644
--- a/ruoyi-modules/management-platform/src/main/java/com/ruoyi/platform/utils/K8sClientUtil.java
+++ b/ruoyi-modules/management-platform/src/main/java/com/ruoyi/platform/utils/K8sClientUtil.java
@@ -344,6 +344,19 @@ public class K8sClientUtil {
                 .withImage(image)
                 .withPorts(new V1ContainerPort().containerPort(port).protocol("TCP"))
                 .withVolumeMounts(new V1VolumeMount().name("workspace").mountPath(mountPath).subPath(subPath))
+                .withNewSecurityContext().withNewPrivileged(true).endSecurityContext()
+                .addNewEnv()
+                .withName("HTTP_PROXY")
+                .withValue("http://172.20.32.253:3128")
+                .endEnv()
+                .addNewEnv()
+                .withName("HTTPS_PROXY")
+                .withValue("http://172.20.32.253:3128")
+                .endEnv()
+                .addNewEnv()
+                .withName("NO_PROXY")
+                .withValue("localhost,kubernetes.default.svc")
+                .endEnv()
                 .endContainer()
                 .addNewVolume()
                 .withName("workspace").withPersistentVolumeClaim(new V1PersistentVolumeClaimVolumeSource().claimName(pvcName))