diff --git a/src/components/navMenu/index.vue b/src/components/navMenu/index.vue
index 8c109df39..c115b7ba8 100644
--- a/src/components/navMenu/index.vue
+++ b/src/components/navMenu/index.vue
@@ -208,23 +208,30 @@
             ]
           },
           {
-            title: '我的工作',
+            title: '工作中心',
             path: '/processCenter',
             'icon-class': 'el-icon-s-platform',
             menuId: '3fadf',
-            children: [
-              {
-                title: '流程中心',
-                path: '/processCenter',
-                menuId: '7455dc97eac2933341e18be659f07e89'
-              },
-              {
-                title: '新建流程',
-                path: '/createProcessNew',
-                menuId: 'b53e6722b33a37c0fa2d87a9b06cca40'
-              }
-            ]
+            isChildren: true // 判断没有子菜单
           },
+          // {
+          //   title: '我的工作',
+          //   path: '/processCenter',
+          //   'icon-class': 'el-icon-s-platform',
+          //   menuId: '3fadf',
+          //   children: [
+          //     {
+          //       title: '流程中心',
+          //       path: '/processCenter',
+          //       menuId: '7455dc97eac2933341e18be659f07e89'
+          //     },
+          //     {
+          //       title: '新建流程',
+          //       path: '/createProcessNew',
+          //       menuId: 'b53e6722b33a37c0fa2d87a9b06cca40'
+          //     }
+          //   ]
+          // },
           {
             title: '本地工具',
             path: '/localTool',
diff --git a/src/components/panel/PanelContent.vue b/src/components/panel/PanelContent.vue
index 1ebd8a353..db561f29a 100644
--- a/src/components/panel/PanelContent.vue
+++ b/src/components/panel/PanelContent.vue
@@ -17,6 +17,6 @@ export default {
     height: calc(~'100% - 30px');
     position: relative;
     background: @subContainerContentColor;
-    overflow: hidden;
+    overflow: auto;
   }
 </style>
diff --git a/src/pages/processCenter/pages/processList/index.vue b/src/pages/processCenter/pages/processList/index.vue
index dc8e893b7..1d4d4ffb9 100644
--- a/src/pages/processCenter/pages/processList/index.vue
+++ b/src/pages/processCenter/pages/processList/index.vue
@@ -17,6 +17,7 @@ import AlreadyProcess from './tabComponents/alreadyProcess'
 import AlreadySend from './tabComponents/alreadySend'
 import MonitorProcess from './tabComponents/monitorProcess'
 import TaskDraft from './tabComponents/taskDraft'
+import NewProcess from './tabComponents/newProcess'
 
 export default {
   name: 'index',
@@ -47,7 +48,11 @@ export default {
         {
           title: '草稿',
           name: 'TaskDraft'
-        }
+        },
+        {
+          title: '新建流程',
+          name: 'NewProcess'
+        },
       ]
 
       return list.filter(item => {
@@ -80,7 +85,8 @@ export default {
     AlreadyProcess,
     AlreadySend,
     MonitorProcess,
-    TaskDraft
+    TaskDraft,
+    NewProcess
     // SideBar,
     // MyProcess
   },
diff --git a/src/pages/processCenter/pages/processList/tabComponents/newProcess/index.vue b/src/pages/processCenter/pages/processList/tabComponents/newProcess/index.vue
new file mode 100644
index 000000000..40f0209ab
--- /dev/null
+++ b/src/pages/processCenter/pages/processList/tabComponents/newProcess/index.vue
@@ -0,0 +1,740 @@
+<!--新建流程页面-->
+<template>
+  <div id="NewProcess">
+    <div v-if="bzfggllc">
+      <el-divider content-position="left"><h2>标准法规政策相关流程</h2></el-divider>
+      <div class="process-box">
+        <div class="process-name">
+          <el-card shadow="hover" v-btn-permission="'9adff72ab464793564c5d1de20b45620'">
+            <div class="card-box" @click="handleCreateProcess('1')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">标准入库流程</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+        <div class="process-name">
+          <el-card shadow="hover" v-btn-permission="'f4eeb9ed48eac5686a456a5582508d9c'">
+            <div class="card-box" @click="handleCreateProcess('2')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">标准调研流程</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+        <div class="process-name">
+          <el-card shadow="hover" v-btn-permission="'fc25b770ad3752cdec52f3bd7b35a6a1'">
+            <div class="card-box" @click="handleCreateProcess('3')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">标准征求意见流程</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+        <div class="process-name">
+          <el-card shadow="hover" v-btn-permission="'2d0f99ba961c551b1d8cad8ad5223731'">
+            <div class="card-box" @click="handleCreateProcess('6')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">标准清单发布/更新流程</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+        <div class="process-name">
+          <el-card shadow="hover" v-btn-permission="'2564bd61852551b99e0fe3d49a89b288'">
+            <div class="card-box" @click="handleCreateProcess('9')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">标准解读流程</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+        <div class="process-name">
+          <el-card shadow="hover" v-btn-permission="'344c9c97b581400718451e8b8a319382'">
+            <div class="card-box" @click="handleCreateProcess('12')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">政策征求意见流程</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+        <div class="process-name">
+          <el-card shadow="hover" v-btn-permission="'90c7bae6308595f053c6f6f90167e493'">
+            <div class="card-box" @click="handleCreateProcess('7')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">标准合规评估流程</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+        <div class="process-name">
+          <el-card shadow="hover" v-btn-permission="'7751d25f72d0a6515e4110ae41837db8'">
+            <div class="card-box" @click="handleCreateProcess('10')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">项目合规评估流程-项目</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+        <div class="process-name">
+          <el-card shadow="hover" v-btn-permission="'a5694521151720f41a8b22d550bf435a'">
+            <div class="card-box" @click="handleCreateProcess('13')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">重点认证标准/政策合规性项目审查流程</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+        <div class="process-name">
+          <el-card shadow="hover" v-btn-permission="'14f54ef4475d9210b1ee7872ab69eca8'">
+            <div class="card-box" @click="handleCreateProcess('11')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">项目清单确认流程</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+        <div class="process-name">
+          <el-card shadow="hover" v-btn-permission="'9c8cc1b74b1caa16f34a47895b489833'">
+            <div class="card-box" @click="handleCreateProcess('laws1')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">政策入库流程</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+        <div class="process-name">
+          <el-card shadow="hover" v-btn-permission="'a151f5e2ee44f8df81e201b8696fca31'">
+            <div class="card-box" @click="handleCreateProcess('8')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">未符合项整改流程</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+      </div>
+    </div>
+    <div>
+      <el-divider content-position="left"><h2>企业标准相关流程</h2></el-divider>
+      <div class="process-box">
+        <div class="process-name">
+          <el-card shadow="hover" v-btn-permission="''">
+            <div class="card-box" @click="handleCreateProcess('buss1')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">企标制修订-技术标准</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+        <div class="process-name">
+          <el-card shadow="hover" v-btn-permission="''">
+            <div class="card-box" @click="handleCreateProcess('buss2')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">企标制修订-产品标准</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+        <div class="process-name">
+          <el-card shadow="hover" v-btn-permission="'5af5073695c2e1d12ca3d5a6afae67b5'">
+            <div class="card-box" @click="handleCreateProcess('23')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">企标复审流程</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+        <div class="process-name">
+          <el-card shadow="hover" v-btn-permission="'5104360fd3822e73b45e65d2337cf143'">
+            <div class="card-box" @click="handleCreateProcess('24')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">企标废止流程</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+        <div class="process-name">
+          <el-card shadow="hover" v-btn-permission="'afa3d1aee5fd8027b18675621afdeff6'">
+            <div class="card-box" @click="handleCreateProcess('25')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">企标制修订计划管控</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+
+      </div>
+    </div>
+    <div>
+      <el-divider content-position="left"><h2>标准化活动相关流程</h2></el-divider>
+      <div class="process-box">
+        <div class="process-name">
+          <el-card shadow="hover" v-btn-permission="'b196ef0253cebd1adfc3a8432a28e377'">
+            <div class="card-box" @click="handleCreateProcess('17')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">政策课题入会流程</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+        <div class="process-name">
+          <el-card shadow="hover" v-btn-permission="'2f2752bc8a37b87d6eaadae3fcfe61c4'">
+            <div class="card-box" @click="handleCreateProcess('18')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">政策课题参会流程</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+        <div class="process-name">
+          <el-card shadow="hover" v-btn-permission="'7845345e5fa2b0a93eb0e021bd3486f1'">
+            <div class="card-box" @click="handleCreateProcess('20')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">外部标准化协会入会流程</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+        <div class="process-name">
+          <el-card shadow="hover" v-btn-permission="'321e497259b08734941a308960da2bae'">
+            <div class="card-box" @click="handleCreateProcess('21')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">外部标准化协会参会流程</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+        <div class="process-name">
+          <el-card shadow="hover" v-btn-permission="'8f65a365dd67634e29925098162ee8d5'">
+            <div class="card-box" @click="handleCreateProcess('16')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">外部署名推荐审批流程</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+        <div class="process-name">
+          <el-card shadow="hover" v-btn-permission="'0efd0f4b7a15fd1b687cc0ac36e9e7d9'">
+            <div class="card-box" @click="handleCreateProcess('14')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">参与外部标准制修订信息提报流程</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+        <div class="process-name">
+          <el-card shadow="hover" v-btn-permission="'e5217a4776525b1ba63511b730a2e02d'">
+            <div class="card-box" @click="handleCreateProcess('15')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">加入标准化协会信息提报流程</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+      </div>
+    </div>
+
+  </div>
+</template>
+<script>
+export default {
+  name: 'NewProcess',
+  data () {
+    return {
+      type: '',
+      size: true
+    }
+  },
+  methods: {
+    getImg (num) {
+      var url = ''
+      if (num == 0) {
+        url = require('@/assets/images/shangqi/img/process1.png')
+      } else if (num == 1) {
+        url = require('@/assets/images/shangqi/img/process2.png')
+      } else if (num == 2) {
+        url = require('@/assets/images/shangqi/img/process3.png')
+      } else if (num == 3) {
+        url = require('@/assets/images/shangqi/img/process4.png')
+      } else if (num == 4) {
+        url = require('@/assets/images/shangqi/img/process5.png')
+      } else if (num == 5) {
+        url = require('@/assets/images/shangqi/img/process6.png')
+      }
+      return url
+    },
+    // 新建流程
+    handleCreateProcess (prcType) {
+      this.$store.commit('setDetailMap', this.$route.path)
+      this.$store.commit('setHandleInfo')
+      switch (prcType) {
+        case 'buss1':
+          // 企标制修订-技术标准
+          this.$router.push({
+            name: 'bussLibrary1'
+          })
+          break
+        case 'buss2':
+          // 企标制修订-产品标准
+          this.$router.push({
+            name: 'bussLibraryProduct1'
+          })
+          break
+        case '2':
+          // 标准调研流程
+          this.$router.push({
+            name: 'bzdyStep1'
+          })
+          break
+        case 'laws1':
+          // 政策入库流程
+          this.$router.push({
+            name: 'zcrkStep1'
+          })
+          break
+        case '1':
+          // 标准入库流程
+          this.$router.push({
+            name: 'bzrkStep1'
+          })
+          break
+        case '3':
+          // 标准征求意见流程
+          this.$router.push({
+            name:'bzzqyjStep1'
+          })
+          break
+        case '4':
+          this.$router.push({
+            name: 'bzfyStep1'
+          })
+          // 标准需求(翻译)申请流程
+          break
+        case '5':
+          this.$router.push({
+            name: 'bzffStep1'
+          })
+          // 标准发放申请流程
+          break
+        case '6':
+          //标准清单发布流程
+          this.$router.push({
+            name:'bzqdfbStep1'
+          })
+          break
+        case '7':
+          //项目评估流程 - 标准
+          this.$router.push({
+            name: 'xmpgStep1'
+          })
+          break
+        case '8':
+          //未符合项整改流程
+          this.$router.push({
+            name:'wfhxzgStep1'
+          })
+          break
+        case '9':
+          // 标准解读流程
+          this.$router.push({
+            name:'bzjdStep1'
+          })
+          break
+        case '10':
+          //项目评估流程- 项目
+          this.$router.push({
+            name: 'xmpg2Step1'
+          })
+          break
+        case '11':
+          // 项目清单确认流程
+          this.$router.push({
+            name:'xmqdqrStep1'
+          })
+          break
+        case '12':
+          // 政策征求意见流程
+          this.$router.push({
+            name: 'zczqyjStep1'
+          })
+          break
+        case '13':
+          // 重点认证标准/政策合规性项目审查流程
+          this.$router.push({
+            name: 'zdrzbzORzchgxxmscStep1'
+          })
+          break
+        case '17':
+          //政策课题入会流程
+          this.$router.push({
+            name: 'zcrhStep1'
+          })
+          break
+        case '18':
+          //政策课题参会流程
+          this.$router.push({
+            name: 'zcchStep1'
+          })
+          break
+        case '19':
+          //政策课题会后流程
+          this.$router.push({
+            name: 'zchhStep1'
+          })
+          break
+        case '16':
+          //外部署名推荐审批流程
+          this.$router.push({
+            name: 'wbsmStep1'
+          })
+          break
+        case '15':
+          //加入标准化协会信息提报流程
+          this.$router.push({
+            name: 'jrbzhxhStep1'
+          })
+          break
+        case '14':
+          //参与外部标准制修订信息提报流程
+          this.$router.push({
+            name: 'cywbbzzxdStep1'
+          })
+          break
+        // 外部标准化协会入会流程
+        case '20':
+          this.$router.push({
+            name: 'bzrhStep1'
+          })
+          break
+        // 外部标准化协会参会流程
+        case '21':
+          this.$router.push({
+            name: 'bzchStep1'
+          })
+          break
+        // 企标复审流程
+        case '23':
+          this.$router.push({
+            name: 'qbfsStep1'
+          })
+          break
+        // 企标废止流程
+        case '24':
+          this.$router.push({
+            name: 'qbfzStep1'
+          })
+          break
+        // 企标制修订计划管控
+        case '25':
+          this.$router.push({
+            name: 'qbzxdjhgkStep1'
+          })
+          break
+      }
+    },
+    checkPermission(permissionIdArray) {
+      return permissionIdArray.some(id => {
+        return this.$hasPermission(id)
+      })
+    }
+  },
+  watch: {
+    $route (newVal) {
+      this.type = newVal.params.type
+    }
+  },
+  computed: {
+    /**
+     * 标准法规管理流程
+     * @returns {boolean}
+     */
+    bzfggllc() {
+      const idArray = ['2564bd61852551b99e0fe3d49a89b288', '2d0f99ba961c551b1d8cad8ad5223731', '7751d25f72d0a6515e4110ae41837db8', '90c7bae6308595f053c6f6f90167e493', '9adff72ab464793564c5d1de20b45620', 'a151f5e2ee44f8df81e201b8696fca31', 'f4eeb9ed48eac5686a456a5582508d9c', 'fc25b770ad3752cdec52f3bd7b35a6a1']
+      return this.checkPermission(idArray)
+    },
+    /**
+     * 政策管理流程
+     * @returns {boolean}
+     */
+    zcgllc() {
+      const idArray = ['GFG2G4NGWBXQ5GMS33KU', '3PJAEEHWU6NYDB6MNZ6V']
+      return this.checkPermission(idArray)
+    },
+    /**
+     * 企标管理流程
+     * @returns {boolean}
+     */
+    qbgllc() {
+      const idArray = ['L9AVMSGJPTD8T5SEGK6W', 'JCZTCC97UPRNGFJFC5HJ', 'ZZUF89DR92R8WEZYSHN5', '2PNXPCPW5CAWJHDYFHRY', 'K4KS87V6KFSA35VZFPC3']
+      return this.checkPermission(idArray)
+    },
+    /**
+     * 标准采购翻译申请流程
+     * @returns {boolean}
+     */
+    bzcgfysqlc() {
+      const idArray = ['C2C8BENY5MRSZGP7W5RK', 'WR9C2TYTHD8TTRVJ5LH4']
+      return this.checkPermission(idArray)
+    },
+    /**
+     * 工作组会议管理流程
+     * @returns {boolean}
+     */
+    gzzhygllc() {
+      const idArray = ['7FM6KNU2DCDY7G46RD2E']
+      return this.checkPermission(idArray)
+    },
+    /**
+     * 标准法规清单管理流程
+     * @returns {boolean}
+     */
+    bzfgqdgllc() {
+      const idArray = ['4TR77UXU6RYHZPFHZND9']
+      return this.checkPermission(idArray)
+    }
+  },
+  mounted () {
+    let width = document.body.clientWidth
+    if (width > 1900) {
+      this.size = true
+    } else {
+      this.size = false
+    }
+    this.type = this.$route.params.type
+  }
+}
+</script>
+<style lang="less" scoped>
+#NewProcess{
+  width: 100%;
+  //height: 100%;
+  padding: 15px 15px 0;
+  background: #ffffff;
+  /deep/.el-card__body {
+    padding: 0;
+  }
+  .el-card {
+    margin: 25px;
+    border-radius: 10px;
+  }
+  .card-box {
+    cursor: pointer;
+    .card-top {
+      width: 100%;
+      background: #2d8cf0;
+      height: 100px;
+      display: flex;
+      justify-content: space-between;
+      .card-top-left {
+        img {
+          margin: 30px;
+          width: 40px;
+          height: 40px;
+        }
+      }
+      .card-top-right {
+        width: 250px;
+        .card-top-right-text {
+          margin: 40px 0 5px 0;
+          color: #e6e6e6;
+          font-size: 18px;
+        }
+        .card-top-right-line {
+          height: 3px;
+          width: 250px;
+          background: #e6e6e6;
+        }
+      }
+    }
+    .card-bottom {
+      width: calc(~'100% - 60px');
+      color: #c1c1c1;
+      margin: 10px 30px;
+      line-height: 20px;
+      font-size: 14px;
+      height: 100px;
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
+      -webkit-line-clamp: 5;
+      overflow: hidden;
+    }
+  }
+  .card-box:hover {
+    .card-top {
+      .card-top-right {
+        .card-top-right-text {
+          color: rgb(247, 186, 42);
+        }
+        .card-top-right-line {
+          background: rgb(247, 186, 42);
+        }
+      }
+    }
+    .card-bottom {
+      color: #2d8cf0;
+    }
+  }
+  .process-box{
+    margin-left: -5px;
+    margin-right: -5px;
+    padding-top: 20px;
+    padding-bottom: 20px;
+    .process-name{
+      margin-bottom: 10px;
+      text-align: center;
+      display: inline-block;
+    }
+    //.process-name:hover {
+    //  transform:translateY(-5px);
+    //  border: 1px dashed #2d8cf0;
+    //  background: #c6e2ff;
+    //  color: #2d8cf0;
+    //}
+  }
+}
+
+</style>