diff --git a/src/views/onlineHome/bankAgriculture/collectionAccount/collectionList.vue b/src/views/onlineHome/bankAgriculture/collectionAccount/collectionList.vue
index bc32dfd2..6c733b81 100644
--- a/src/views/onlineHome/bankAgriculture/collectionAccount/collectionList.vue
+++ b/src/views/onlineHome/bankAgriculture/collectionAccount/collectionList.vue
@@ -24,7 +24,7 @@
         <van-swipe-cell v-for="(item,index) in applicationList" :key="index">
           <van-cell center :to="{name:'collectionDetail', query: {id:item.id}}">
             <template #icon>
-              <van-icon name="../../../../../static/images/onlineHome/yinnongList5.png" size="22" color="#539FFD" style="margin-right: 10px;" />
+              <van-icon name="../../../../../static/images/onlineHome/icon_yn9.png" size="30" color="#539FFD" style="margin-right: 10px;" />
             </template>
             <template #label>
               <p>{{item.payeeAccount}}</p>
diff --git a/src/views/onlineHome/bankAgriculture/paymentAccount/paymentAccountList.vue b/src/views/onlineHome/bankAgriculture/paymentAccount/paymentAccountList.vue
index 02497b8c..3b938ed7 100644
--- a/src/views/onlineHome/bankAgriculture/paymentAccount/paymentAccountList.vue
+++ b/src/views/onlineHome/bankAgriculture/paymentAccount/paymentAccountList.vue
@@ -24,7 +24,7 @@
         <van-swipe-cell v-for="(item,index) in applicationList" :key="index">
           <van-cell :title="item.accountType" center :to="{name:'paymentAccountDetail', query: {id:item.id,type:'modify'}}">
             <template #icon>
-              <van-icon name="../../../../../static/images/onlineHome/yinnongList2.png" size="22" color="#539FFD" style="margin-right: 10px;" />
+              <van-icon name="../../../../../static/images/onlineHome/icon_yn10.png" size="30" color="#539FFD" style="margin-right: 10px;" />
             </template>
             <template #label>
               <p><span><i>￥</i>{{item.balance}}</span></p>
diff --git a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalList.vue b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalList.vue
index 4aef63c5..6d4c7fb7 100644
--- a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalList.vue
+++ b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalList.vue
@@ -23,7 +23,7 @@
         <van-swipe-cell v-for="(item,index) in applicationList" :key="index">
           <van-cell :title="item.payer" center :to="{name:'approvalDetail', query: {id:item.id}}">
             <template #icon>
-              <van-icon name="../../../../../static/images/onlineHome/yinnongList1.png" size="22" color="#FF4646" style="margin-right: 10px;" />
+              <van-icon name="../../../../../static/images/onlineHome/icon_yn1.png" size="30" color="#FF4646" style="margin-right: 10px;" />
             </template>
             <template #label>
               <p><span><i>￥</i>{{item.expenditureAmount}}</span><i style="margin-right: 30px;"></i>{{item.applyDate}}</p>
diff --git a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalList10.vue b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalList10.vue
index a0941340..efb554fb 100644
--- a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalList10.vue
+++ b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalList10.vue
@@ -24,7 +24,7 @@
         <van-swipe-cell v-for="(item,index) in applicationList" :key="index">
           <van-cell :title="item.payer" :value="item.auditStatus" center :to="{name:'approvalDetail10', query: {id:item.id}}">
             <template #icon>
-              <van-icon name="../../../../../static/images/onlineHome/yinnongList7.png" size="22" color="#539FFD" style="margin-right: 10px;" />
+              <van-icon name="../../../../../static/images/onlineHome/icon_yn6.png" size="30" color="#539FFD" style="margin-right: 10px;" />
             </template>
             <template #label>
               <p><span><i>￥</i>{{item.expenditureAmount}}</span><i style="margin-right: 1rem;"></i>{{item.applyDate}}</p>
diff --git a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalList11.vue b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalList11.vue
index af651c86..878f8652 100644
--- a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalList11.vue
+++ b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalList11.vue
@@ -24,7 +24,7 @@
         <van-swipe-cell v-for="(item,index) in applicationList" :key="index">
           <van-cell :title="item.payer" :value="item.auditStatus" center :to="{name:'approvalDetail11', query: {id:item.id}}">
             <template #icon>
-              <van-icon name="../../../../../static/images/onlineHome/yinnongList6.png" size="22" color="#539FFD" style="margin-right: 10px;" />
+              <van-icon name="../../../../../static/images/onlineHome/icon_yn7.png" size="30" color="#539FFD" style="margin-right: 10px;" />
             </template>
             <template #label>
               <p><span><i>￥</i>{{item.expenditureAmount}}</span><i style="margin-right: 1rem;"></i>{{item.applyDate}}</p>
diff --git a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalList12.vue b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalList12.vue
index fd2c0c09..0755111f 100644
--- a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalList12.vue
+++ b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalList12.vue
@@ -24,7 +24,7 @@
         <van-swipe-cell v-for="(item,index) in applicationList" :key="index">
           <van-cell :title="item.payer" :value="item.auditStatus" center :to="{name:'approvalDetail12', query: {id:item.id}}">
             <template #icon>
-              <van-icon name="../../../../../static/images/onlineHome/yinnongList3.png" size="22" color="#539FFD" style="margin-right: 10px;" />
+              <van-icon name="../../../../../static/images/onlineHome/icon_yn8.png" size="30" color="#539FFD" style="margin-right: 10px;" />
             </template>
             <template #label>
               <p><span><i>￥</i>{{item.expenditureAmount}}</span><i style="margin-right: 1rem;"></i>{{item.applyDate}}</p>
diff --git a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalList2.vue b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalList2.vue
index d7203051..cca67c6f 100644
--- a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalList2.vue
+++ b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalList2.vue
@@ -24,7 +24,7 @@
         <van-swipe-cell v-for="(item,index) in applicationList" :key="index">
           <van-cell :title="item.payer" :value="item.auditStatus" center :to="{name:'approvalDetail2', query: {id:item.id}}">
             <template #icon>
-              <van-icon name="../../../../../static/images/onlineHome/yinnongList8.png" size="22" color="#539FFD" style="margin-right: 10px;" />
+              <van-icon name="../../../../../static/images/onlineHome/icon_yn2.png" size="30" color="#539FFD" style="margin-right: 10px;" />
             </template>
             <template #label>
               <p><span><i>￥</i>{{item.expenditureAmount}}</span><i style="margin-right: 1rem;"></i>{{item.applyDate}}</p>
diff --git a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalList3.vue b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalList3.vue
index b54bcbe7..f45fa3ff 100644
--- a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalList3.vue
+++ b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalList3.vue
@@ -24,7 +24,7 @@
         <van-swipe-cell v-for="(item,index) in applicationList" :key="index">
           <van-cell :title="item.payer" :value="item.auditStatus" center :to="{name:'approvalDetail3', query: {id:item.id}}">
             <template #icon>
-              <van-icon name="../../../../../static/images/onlineHome/yinnongList9.png" size="22" color="#539FFD" style="margin-right: 10px;" />
+              <van-icon name="../../../../../static/images/onlineHome/icon_yn3.png" size="30" color="#539FFD" style="margin-right: 10px;" />
             </template>
             <template #label>
               <p><span><i>￥</i>{{item.expenditureAmount}}</span><i style="margin-right: 1rem;"></i>{{item.applyDate}}</p>
diff --git a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalList4.vue b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalList4.vue
index 20968af9..d69374a7 100644
--- a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalList4.vue
+++ b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalList4.vue
@@ -24,7 +24,7 @@
         <van-swipe-cell v-for="(item,index) in applicationList" :key="index">
           <van-cell :title="item.payer" :value="item.auditStatus" center :to="{name:'approvalDetail4', query: {id:item.id}}">
             <template #icon>
-              <van-icon name="../../../../../static/images/onlineHome/yinnongList10.png" size="22" color="#539FFD" style="margin-right: 10px;" />
+              <van-icon name="../../../../../static/images/onlineHome/icon_yn4.png" size="30" color="#539FFD" style="margin-right: 10px;" />
             </template>
             <template #label>
               <p><span><i>￥</i>{{item.expenditureAmount}}</span><i style="margin-right: 1rem;"></i>{{item.applyDate}}</p>
diff --git a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalList5.vue b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalList5.vue
index 542bffdf..43af80ff 100644
--- a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalList5.vue
+++ b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalList5.vue
@@ -24,7 +24,7 @@
         <van-swipe-cell v-for="(item,index) in applicationList" :key="index">
           <van-cell :title="item.payer" :value="item.auditStatus" center :to="{name:'approvalDetail5', query: {id:item.id}}">
             <template #icon>
-              <van-icon name="../../../../../static/images/onlineHome/yinnongList4.png" size="22" color="#539FFD" style="margin-right: 10px;" />
+              <van-icon name="../../../../../static/images/onlineHome/icon_yn5.png" size="30" color="#539FFD" style="margin-right: 10px;" />
             </template>
             <template #label>
               <p><span><i>￥</i>{{item.expenditureAmount}}</span><i style="margin-right: 1rem;"></i>{{item.applyDate}}</p>
diff --git a/src/views/onlineHome/homestead/certificate/certificateList.vue b/src/views/onlineHome/homestead/certificate/certificateList.vue
index dbc50ab8..5bc274f7 100644
--- a/src/views/onlineHome/homestead/certificate/certificateList.vue
+++ b/src/views/onlineHome/homestead/certificate/certificateList.vue
@@ -19,7 +19,7 @@
         <van-swipe-cell  v-for="(item,index) in applicationList" :key="index">
           <van-cell :title="item.zrfdbmc+'-'+item.lzfs" value="查看证书" center :to="{name:'certificateSee', query: {id:item.id}}">
             <template #icon>
-              <van-icon name="../../../static/images/icon/icon_zs.png" size="22" color="#7790FE" style="margin-right: 10px;" />
+              <van-icon name="../../../static/images/onlineHome/icon_zjd7.png" size="30" color="#7790FE" style="margin-right: 10px;" />
             </template>
             <template #label>
               <p>{{item.zrfdbzjhm}}</p>
diff --git a/src/views/onlineHome/homestead/circulation/circulationList.vue b/src/views/onlineHome/homestead/circulation/circulationList.vue
index 8aa6b595..53c915a0 100644
--- a/src/views/onlineHome/homestead/circulation/circulationList.vue
+++ b/src/views/onlineHome/homestead/circulation/circulationList.vue
@@ -23,7 +23,7 @@
         <van-swipe-cell v-for="(item,index) in applicationList" :key="index">
           <van-cell :title="item.shyqrdm" :value="item.auditStatus" center :to="{name:'circulationDetail', query: {id:item.id}}">
             <template #icon>
-              <van-icon name="../../../static/images/icon/icon_jt.png" size="22" color="#539FFD" style="margin-right: 10px;" />
+              <van-icon name="../../../static/images/onlineHome/icon_zjd2.png" size="30" color="#539FFD" style="margin-right: 10px;" />
             </template>
             <template #label>
               <p><b style="color: #FFA63E;">{{item.lzfs}}</b><i style="margin-right: 0.5rem;"></i><b style="color: #333333;">{{item.zrfdbmc}}</b><i style="margin-right: 0.5rem;"></i>{{item.lzmj}}㎡</p>
diff --git a/src/views/onlineHome/homestead/homeApplication/applicationList.vue b/src/views/onlineHome/homestead/homeApplication/applicationList.vue
index f13a62b5..c2364c18 100644
--- a/src/views/onlineHome/homestead/homeApplication/applicationList.vue
+++ b/src/views/onlineHome/homestead/homeApplication/applicationList.vue
@@ -24,7 +24,7 @@
         <van-swipe-cell v-for="(item,index) in applicationList" :key="index">
           <van-cell :title="item.ywh" :value="item.houseApplyStatus" center :to="{name:'applicationForm', query: {id:item.id,type:'modify'}}">
             <template #icon>
-              <van-icon name="../../../static/images/icon/icon_fz.png" size="22" color="#539FFD" style="margin-right: 10px;" />
+              <van-icon name="../../../static/images/onlineHome/icon_zjd1.png" size="30" color="#539FFD" style="margin-right: 10px;" />
             </template>
             <template #label>
               <p>{{item.projectName}}</p>
diff --git a/src/views/onlineHome/homestead/homesteadUtilize/homesteadUtilize.vue b/src/views/onlineHome/homestead/homesteadUtilize/homesteadUtilize.vue
index 29f4aa6a..2c70b5f7 100644
--- a/src/views/onlineHome/homestead/homesteadUtilize/homesteadUtilize.vue
+++ b/src/views/onlineHome/homestead/homesteadUtilize/homesteadUtilize.vue
@@ -23,7 +23,7 @@
         <van-swipe-cell v-for="(item,index) in applicationList" :key="index">
           <van-cell :title="item.zjddm" center :to="{name:'homesteadUtilizeDetail', query: {id:item.id}}" >
             <template #icon>
-              <van-icon name="../../../static/images/icon/icon_ly.png" size="22" color="#539FFD" style="margin-right: 10px;" />
+              <van-icon name="../../../static/images/onlineHome/icon_zjd6.png" size="30" color="#539FFD" style="margin-right: 10px;" />
             </template>
             <template #label>
               <p><b style="color: #7DDA4F;">{{item.zjdlyzk}}</b><i style="margin-right: 0.5rem;"></i>{{item.zjdxzyy}}<span style="float: right">{{item.dcsj}}</span></p>
diff --git a/src/views/onlineHome/homestead/mortgage/mortgageList.vue b/src/views/onlineHome/homestead/mortgage/mortgageList.vue
index d507faa2..6cb75739 100644
--- a/src/views/onlineHome/homestead/mortgage/mortgageList.vue
+++ b/src/views/onlineHome/homestead/mortgage/mortgageList.vue
@@ -23,7 +23,7 @@
         <van-swipe-cell v-for="(item,index) in applicationList" :key="index">
           <van-cell :title="item.zjddm" :value="item.auditStatus" center :to="{name:'mortgageDetail', query: {id:item.id}}" >
             <template #icon>
-              <van-icon name="../../../static/images/icon/icon_dy.png" size="22" color="#539FFD" style="margin-right: 10px;" />
+              <van-icon name="../../../static/images/onlineHome/icon_zjd4.png" size="30" color="#539FFD" style="margin-right: 10px;" />
             </template>
             <template #label>
               <p><b style="color: #3AC2DB;">{{item.dyfs}}</b><i style="margin-right: 0.5rem;"></i><b style="color: #333333;">{{item.dyr}}</b><i style="margin-right: 0.5rem;"></i>{{item.dybdclx}}</p>
diff --git a/src/views/onlineHome/homestead/paidExit/paidExitList.vue b/src/views/onlineHome/homestead/paidExit/paidExitList.vue
index 9d79a45e..0cc055d0 100644
--- a/src/views/onlineHome/homestead/paidExit/paidExitList.vue
+++ b/src/views/onlineHome/homestead/paidExit/paidExitList.vue
@@ -23,7 +23,7 @@
         <van-swipe-cell v-for="(item,index) in applicationList" :key="index">
           <van-cell :title="item.zjddm" :value="item.auditStatus" center :to="{name:'paidExitDetail', query: {id:item.id}}" >
             <template #icon>
-              <van-icon name="../../../static/images/icon/icon_tc.png" size="22" color="#539FFD" style="margin-right: 10px;" />
+              <van-icon name="../../../static/images/onlineHome/icon_zjd3.png" size="30" color="#539FFD" style="margin-right: 10px;" />
             </template>
             <template #label>
               <p><b style="color: #539FFD;">{{item.tcfs}}</b><i style="margin-right: 0.5rem;"></i><b style="color: #333333;">{{item.sqrxm}}</b><i style="margin-right: 0.5rem;"></i>{{item.tcmj}}㎡</p>
diff --git a/src/views/onlineHome/homestead/paidUtilize/paidUtilizeList.vue b/src/views/onlineHome/homestead/paidUtilize/paidUtilizeList.vue
index 9252ad76..0083e22e 100644
--- a/src/views/onlineHome/homestead/paidUtilize/paidUtilizeList.vue
+++ b/src/views/onlineHome/homestead/paidUtilize/paidUtilizeList.vue
@@ -23,7 +23,7 @@
         <van-swipe-cell v-for="(item,index) in applicationList" :key="index">
           <van-cell :title="item.zjddm" :value="item.auditStatus" center :to="{name:'paidUtilizeDteail', query: {id:item.id}}" >
             <template #icon>
-              <van-icon name="../../../static/images/icon/icon_sy.png" size="22" color="#539FFD" style="margin-right: 10px;" />
+              <van-icon name="../../../static/images/onlineHome/icon_zjd9.png" size="30" color="#539FFD" style="margin-right: 10px;" />
             </template>
             <template #label>
               <p>{{item.shyqrdm}}</p>
diff --git a/src/views/onlineHome/homestead/publicityInformation/informationList.vue b/src/views/onlineHome/homestead/publicityInformation/informationList.vue
index dcfd0dc8..c67e7cdc 100644
--- a/src/views/onlineHome/homestead/publicityInformation/informationList.vue
+++ b/src/views/onlineHome/homestead/publicityInformation/informationList.vue
@@ -24,7 +24,7 @@
         <van-swipe-cell v-for="(item,index) in informationList" :key="index">
           <van-cell :title="item.projectName" :value="item.announceStatus" center :to="{name:'informationDetail', query: {id:item.applyProposerId}}">
             <template #icon>
-              <van-icon name="../../../static/images/icon/icon_gs.png" size="22" color="#539FFD" style="margin-right: 10px;" />
+              <van-icon name="../../../static/images/onlineHome/icon_zjd8.png" size="30" color="#539FFD" style="margin-right: 10px;" />
             </template>
             <template #label>
               <p>{{item.announceType}}<i style="margin-right: 0.2rem;"></i>{{item.startDate}}至{{item.endDate}}</p>
diff --git a/src/views/onlineHome/homestead/reporting/taskReportingList.vue b/src/views/onlineHome/homestead/reporting/taskReportingList.vue
index b1a12c20..5ac4b5de 100644
--- a/src/views/onlineHome/homestead/reporting/taskReportingList.vue
+++ b/src/views/onlineHome/homestead/reporting/taskReportingList.vue
@@ -22,7 +22,7 @@
               <p class="van-ellipsis">{{item.title}}</p>
             </template>
             <template #icon>
-              <van-icon name="../../../static/images/icon/icon_tr.png" size="22" color="#539FFD" style="margin-right: 10px;" />
+              <van-icon name="../../../static/images/onlineHome/icon_zjd10.png" size="30" color="#539FFD" style="margin-right: 10px;" />
             </template>
             <template #label>
               <p>{{item.reportDeadline}}</p>
diff --git a/src/views/onlineHome/homestead/supervision/supervisionList.vue b/src/views/onlineHome/homestead/supervision/supervisionList.vue
index 1b30dd82..7cfc3fa5 100644
--- a/src/views/onlineHome/homestead/supervision/supervisionList.vue
+++ b/src/views/onlineHome/homestead/supervision/supervisionList.vue
@@ -23,7 +23,7 @@
         <van-swipe-cell v-for="(item,index) in applicationList" :key="index">
           <van-cell :title="item.zjddm" :value="item.status" center >
             <template #icon>
-              <van-icon name="../../../static/images/icon/icon_tr.png" size="22" color="#539FFD" style="margin-right: 10px;" />
+              <van-icon name="../../../static/images/onlineHome/icon_zjd12.png" size="30" color="#539FFD" style="margin-right: 10px;" />
             </template>
             <template #label>
               <p>{{item.jglx}}<i style="margin-right: 0.5rem;"></i>{{item.taskSource}}</p>
diff --git a/src/views/onlineHome/homestead/task/taskList.vue b/src/views/onlineHome/homestead/task/taskList.vue
index 5c41d668..c47e8c4b 100644
--- a/src/views/onlineHome/homestead/task/taskList.vue
+++ b/src/views/onlineHome/homestead/task/taskList.vue
@@ -26,7 +26,7 @@
               <p class="van-ellipsis">{{item.title}}</p>
             </template>
             <template #icon>
-              <van-icon name="../../../static/images/icon/icon_tr.png" size="22" color="#539FFD" style="margin-right: 10px;" />
+              <van-icon name="../../../static/images/onlineHome/icon_zjd11.png" size="30" color="#539FFD" style="margin-right: 10px;" />
             </template>
             <template #label>
               <p>
diff --git a/src/views/onlineHome/homestead/utilization/utilizationList.vue b/src/views/onlineHome/homestead/utilization/utilizationList.vue
index 6bebf5e9..07c70b8e 100644
--- a/src/views/onlineHome/homestead/utilization/utilizationList.vue
+++ b/src/views/onlineHome/homestead/utilization/utilizationList.vue
@@ -23,7 +23,7 @@
         <van-swipe-cell v-for="(item,index) in applicationList" :key="index">
           <van-cell :title="item.nmfwdm" center :to="{name:'utilizationDetail', query: {id:item.id}}" >
             <template #icon>
-              <van-icon name="../../../static/images/icon/icon_ly.png" size="22" color="#539FFD" style="margin-right: 10px;" />
+              <van-icon name="../../../static/images/onlineHome/icon_zjd5.png" size="30" color="#539FFD" style="margin-right: 10px;" />
             </template>
             <template #label>
               <p><b style="color: #7DDA4F;">{{item.lyzk}}</b><i style="margin-right: 0.5rem;"></i>{{item.fwzt}}<span style="float: right">{{item.dcsj}}</span></p>
diff --git a/src/views/onlineHome/workbench.vue b/src/views/onlineHome/workbench.vue
index 3cedf2a0..3a74dcef 100644
--- a/src/views/onlineHome/workbench.vue
+++ b/src/views/onlineHome/workbench.vue
@@ -29,7 +29,7 @@
           <img :src="image" style="width:100%;height: 120px"/>
         </van-swipe-item>
       </van-swipe>
-      <van-row style="margin:2%;width:96%;padding:20px 0;border-radius: 6px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); min-height: 100px;background: #fff;">
+      <van-row style="min-height: 100px;" class="indexCard">
         <van-cell style="border-radius: 6px;" is-link to="done">
           <template #title>
             <p style="display:inline-block;background: #EC4B2C;height:20px;width: 20px;border-radius: 2px;margin-right: 10px;float: left"></p>
@@ -42,8 +42,7 @@
           </template>
         </van-cell>
       </van-row>
-      <!--
-      <van-row style="margin:2%;width:96%;padding:20px 0;border-radius: 6px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);background: #fff">
+      <van-row class="indexCard">
         <van-cell style="border-radius: 6px;">
           <template #title>
             <p style="display:inline-block;background: #FFA63E;height:20px;width: 20px;border-radius: 2px;margin-right: 10px;float: left"></p>
@@ -52,14 +51,14 @@
         </van-cell>
           <van-grid :border="false">
             <van-grid-item text="用章申请" >
-              <div slot="default" style="background:#FFA63E;padding: 10px;text-align:center;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px" >
+              <div slot="default" class="icon" style="background:#FFA63E;" >
                 <img src="../../../static/images/onlineHome/icon1.png" style="height: 25px;vertical-align: center;" alt />
               </div>
               <p style="margin-top: 5px;color: #666666;">用章申请</p>
             </van-grid-item>
             <van-grid-item text="宅基地申请" >
               <div slot="default">
-                <div style="background:#539FFD;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px">
+                <div class="icon" style="background:#539FFD;">
                   <img src="../../../static/images/onlineHome/icon2.png" style="width: 25px" alt />
                 </div>
               </div>
@@ -67,7 +66,7 @@
             </van-grid-item>
             <van-grid-item text="宅基地流转" >
               <div slot="default">
-                <div style="background:#FFA63E;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px ">
+                <div class="icon" style="background:#FFA63E;">
                   <img src="../../../static/images/onlineHome/icon3.png" style="width: 25px;margin-top:5px;display: inline-block" alt />
                 </div>
               </div>
@@ -75,7 +74,7 @@
             </van-grid-item>
             <van-grid-item text="宅基地退出" >
               <div slot="default">
-                <div style="background:#539FFD;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px ">
+                <div class="icon" style="background:#539FFD;">
                   <img src="../../../static/images/onlineHome/icon4.png" style="width: 25px" alt />
                 </div>
               </div>
@@ -83,7 +82,7 @@
             </van-grid-item>
             <van-grid-item text="付款申请" >
               <div slot="default">
-                <div style="background:#FF4646;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px ">
+                <div class="icon" style="background:#FF4646;">
                   <img src="../../../static/images/onlineHome/icon5.png" style="width: 25px" alt />
                 </div>
               </div>
@@ -91,7 +90,7 @@
             </van-grid-item>
             <van-grid-item text="项目申报" >
               <div slot="default">
-                <div style="background:#FF6464;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px ">
+                <div class="icon" style="background:#FF6464;">
                   <img src="../../../static/images/onlineHome/icon6.png" style="width: 25px" alt />
                 </div>
               </div>
@@ -99,7 +98,7 @@
             </van-grid-item>
             <van-grid-item text="拨付申请" >
               <div slot="default">
-                <div style="background:#FF7E45;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px ">
+                <div class="icon" style="background:#FF7E45;">
                   <img src="../../../static/images/onlineHome/icon7.png" style="width: 25px" alt />
                 </div>
               </div>
@@ -107,7 +106,7 @@
             </van-grid-item>
             <van-grid-item text="验收申请" >
               <div slot="default">
-                <div style="background:#7DDA4F;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px ">
+                <div class="icon" style="background:#7DDA4F;">
                   <img src="../../../static/images/onlineHome/icon8.png" style="width: 25px" alt />
                 </div>
               </div>
@@ -115,7 +114,7 @@
             </van-grid-item>
           </van-grid>
       </van-row>
-      <van-row  style="margin:2%;width:96%;padding:20px 0;border-radius: 6px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);background: #fff">
+      <van-row  class="indexCard">
         <van-cell style="border-radius: 6px;">
           <template #title>
             <p style="font-weight: bold;font-size: 18px;display: inline-block">农村三资管理</p>
@@ -123,14 +122,14 @@
         </van-cell>
         <van-grid :border="false">
           <van-grid-item text="支出明细" to="expenditureDetail">
-            <div slot="default" style="background:#FF4646;padding: 10px;text-align:center;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px" >
+            <div class="icon" slot="default" style="background:#FF4646;" >
               <img src="../../../static/images/onlineHome/icon9.png" style="height: 25px;vertical-align: center;" alt />
             </div>
             <p style="margin-top: 5px;color: #666666;">支出明细</p>
           </van-grid-item>
           <van-grid-item text="收入明细" to="incomeDetail">
             <div slot="default">
-              <div style="background:#FF4646;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px">
+              <div class="icon" style="background:#FF4646;">
                 <img src="../../../static/images/onlineHome/icon9.png" style="width: 25px" alt />
               </div>
             </div>
@@ -138,7 +137,7 @@
           </van-grid-item>
           <van-grid-item text="收支明细" to="inAndOutDetail">
             <div slot="default">
-              <div style="background:#FF4646;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px ">
+              <div class="icon" style="background:#FF4646;">
                 <img src="../../../static/images/onlineHome/icon9.png" style="width: 25px;" alt />
               </div>
             </div>
@@ -146,7 +145,7 @@
           </van-grid-item>
           <van-grid-item text="现金银行" >
             <div slot="default">
-              <div style="background:#3AC2DB;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px ">
+              <div class="icon" style="background:#3AC2DB;">
                 <img src="../../../static/images/onlineHome/icon10.png" style="width: 25px" alt />
               </div>
             </div>
@@ -154,7 +153,7 @@
           </van-grid-item>
         </van-grid>
       </van-row>
-      <van-row  style="margin:2%;width:96%;padding:20px 0;border-radius: 6px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);background: #fff">
+      <van-row  class="indexCard">
         <van-cell style="border-radius: 6px;">
           <template #title>
             <p style="font-weight: bold;font-size: 18px;display: inline-block">农村产权交易管理</p>
@@ -162,14 +161,14 @@
         </van-cell>
         <van-grid :border="false">
           <van-grid-item text="挂牌项目" >
-            <div slot="default" style="background:#FF4646;padding: 10px;text-align:center;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px" >
+            <div class="icon" slot="default" style="background:#FF4646;" >
               <img src="../../../static/images/onlineHome/icon6.png" style="width: 25px;" alt />
             </div>
             <p style="margin-top: 5px;color: #666666;">挂牌项目</p>
           </van-grid-item>
           <van-grid-item text="成交公示" >
             <div slot="default">
-              <div style="background:#C5685F;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px">
+              <div class="icon" style="background:#C5685F;">
                 <img src="../../../static/images/onlineHome/icon11.png" style="width: 25px" alt />
               </div>
             </div>
@@ -177,7 +176,7 @@
           </van-grid-item>
           <van-grid-item text="合同管理" >
             <div slot="default">
-              <div style="background:#539FFD;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px ">
+              <div class="icon" style="background:#539FFD;">
                 <img src="../../../static/images/onlineHome/icon12.png" style="width: 25px;" alt />
               </div>
             </div>
@@ -185,7 +184,7 @@
           </van-grid-item>
           <van-grid-item text="招标管理" >
             <div slot="default">
-              <div style="background:#3AC2DB;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px ">
+              <div class="icon" style="background:#3AC2DB;">
                 <img src="../../../static/images/onlineHome/icon13.png" style="width: 25px" alt />
               </div>
             </div>
@@ -193,7 +192,7 @@
           </van-grid-item>
         </van-grid>
       </van-row>
-      <van-row  style="margin:2%;width:96%;padding:20px 0;border-radius: 6px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);background: #fff">
+      <van-row  class="indexCard">
         <van-cell style="border-radius: 6px;">
           <template #title>
             <p style="font-weight: bold;font-size: 18px;display: inline-block">农村产权交易管理</p>
@@ -201,14 +200,14 @@
         </van-cell>
         <van-grid :border="false">
           <van-grid-item text="宅基地申请" >
-            <div slot="default" style="background:#539FFD;padding: 10px;text-align:center;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px" >
+            <div slot="default"class="icon"  style="background:#539FFD;" >
               <img src="../../../static/images/onlineHome/icon2.png" style="width: 25px;" alt />
             </div>
             <p style="margin-top: 5px;color: #666666;">宅基地申请</p>
           </van-grid-item>
           <van-grid-item text="证书打印" >
             <div slot="default">
-              <div style="background:#7790FE;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px">
+              <div class="icon" style="background:#7790FE;">
                 <img src="../../../static/images/onlineHome/icon12.png" style="width: 25px" alt />
               </div>
             </div>
@@ -216,7 +215,7 @@
           </van-grid-item>
           <van-grid-item text="公示查询" >
             <div slot="default">
-              <div style="background:#C5685F;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px ">
+              <div class="icon" style="background:#C5685F;">
                 <img src="../../../static/images/onlineHome/icon11.png" style="width: 25px;" alt />
               </div>
             </div>
@@ -224,7 +223,7 @@
           </van-grid-item>
           <van-grid-item text="巡查执法" >
             <div slot="default">
-              <div style="background:#1D6FE9;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px ">
+              <div class="icon" style="background:#1D6FE9;">
                 <img src="../../../static/images/onlineHome/icon16.png" style="width: 25px" alt />
               </div>
             </div>
@@ -232,7 +231,7 @@
           </van-grid-item>
           <van-grid-item text="村庄规划" >
             <div slot="default">
-              <div style="background:#FFCE05;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px">
+              <div class="icon" style="background:#FFCE05;">
                 <img src="../../../static/images/onlineHome/icon17.png" style="width: 25px" alt />
               </div>
             </div>
@@ -240,7 +239,7 @@
           </van-grid-item>
           <van-grid-item text="基础档案" >
             <div slot="default">
-              <div style="background:#FF7E45;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px ">
+              <div class="icon" style="background:#FF7E45;">
                 <img src="../../../static/images/onlineHome/icon18.png" style="width: 25px;" alt />
               </div>
             </div>
@@ -248,7 +247,7 @@
           </van-grid-item>
           <van-grid-item text="盘活利用" >
             <div slot="default">
-              <div style="background:#7DDA4F;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px ">
+              <div class="icon" style="background:#7DDA4F;">
                 <img src="../../../static/images/onlineHome/icon19.png" style="width: 25px" alt />
               </div>
             </div>
@@ -256,7 +255,7 @@
           </van-grid-item>
         </van-grid>
       </van-row>
-      <van-row  style="margin:2%;width:96%;padding:20px 0;padding:20px 0;border-radius: 6px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);background: #fff">
+      <van-row  class="indexCard">
         <van-cell style="border-radius: 6px;">
           <template #title>
             <p style="font-weight: bold;font-size: 18px;display: inline-block">农村产权制度改革管理</p>
@@ -264,14 +263,14 @@
         </van-cell>
         <van-grid :border="false">
           <van-grid-item text="财务管理" >
-            <div slot="default" style="background:#FF4646;padding: 10px;text-align:center;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px" >
+            <div slot="default" class="icon"  style="background:#FF4646;" >
               <img src="../../../static/images/onlineHome/icon6.png" style="width: 25px;" alt />
             </div>
             <p style="margin-top: 5px;color: #666666;">财务管理</p>
           </van-grid-item>
           <van-grid-item text="资产管理" >
             <div slot="default">
-              <div style="background:#FF6464;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px">
+              <div class="icon" style="background:#FF6464;">
                 <img src="../../../static/images/onlineHome/icon11.png" style="width: 25px" alt />
               </div>
             </div>
@@ -279,7 +278,7 @@
           </van-grid-item>
           <van-grid-item text="合同管理" >
             <div slot="default">
-              <div style="background:#539FFD;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px ">
+              <div class="icon" style="background:#539FFD;">
                 <img src="../../../static/images/onlineHome/icon12.png" style="width: 25px;" alt />
               </div>
             </div>
@@ -287,7 +286,7 @@
           </van-grid-item>
           <van-grid-item text="股权管理" >
             <div slot="default">
-              <div style="background:#FFA63E;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px ">
+              <div class="icon" style="background:#FFA63E;">
                 <img src="../../../static/images/onlineHome/icon13.png" style="width: 25px" alt />
               </div>
             </div>
@@ -295,8 +294,7 @@
           </van-grid-item>
         </van-grid>
       </van-row>
-      -->
-      <van-row  style="margin:2%;width:96%;padding:20px 0;padding:20px 0;border-radius: 6px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);background: #fff">
+      <van-row  class="indexCard">
         <van-cell style="border-radius: 6px;">
           <template #title>
             <p style="font-weight: bold;font-size: 18px;display: inline-block">银农支付</p>
@@ -304,72 +302,68 @@
         </van-cell>
         <van-grid :border="false">
           <van-grid-item text="常用转账" :to="{name:'approvalList'}" >
-            <div slot="default" style="background:#FF4646;padding: 10px;text-align:center;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px" >
-              <img src="../../../static/images/onlineHome/yinnongIcon1.png" style="width: 25px;" alt />
+            <div class="icon" slot="default" style="background:#FF4646;" >
+              <img src="../../../static/images/onlineHome/icon_Y1.png" alt />
             </div>
             <p style="margin-top: 5px;color: #666666;">常用转账</p>
           </van-grid-item>
-          <!--
           <van-grid-item text="信用卡转账" :to="{name:'approvalList2'}" >
-            <div slot="default" style="background:#3ac2db;padding: 10px;text-align:center;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px" >
-              <img src="../../../static/images/onlineHome/yinnongIcon8.png" style="width: 25px;" alt />
+            <div class="icon" slot="default" style="background:#3ac2db;" >
+              <img src="../../../static/images/onlineHome/icon_Y2.png" alt />
             </div>
             <p style="margin-top: 5px;color: #666666;">信用卡转账</p>
           </van-grid-item>
           <van-grid-item text="虚拟挂账" :to="{name:'approvalList3'}" >
-            <div slot="default" style="background:#FFA63E;padding: 10px;text-align:center;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px" >
-              <img src="../../../static/images/onlineHome/yinnongIcon9.png" style="width: 25px;" alt />
+            <div class="icon" slot="default" style="background:#FFA63E;" >
+              <img src="../../../static/images/onlineHome/icon_Y3.png" alt />
             </div>
             <p style="margin-top: 5px;color: #666666;">虚拟挂账</p>
           </van-grid-item>
           <van-grid-item text="虚拟转账" :to="{name:'approvalList4'}" >
-            <div slot="default" style="background:#c568f5;padding: 10px;text-align:center;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px" >
-              <img src="../../../static/images/onlineHome/yinnongIcon10.png" style="width: 25px;" alt />
+            <div class="icon" slot="default" style="background:#c568f5;" >
+              <img src="../../../static/images/onlineHome/icon_Y4.png" alt />
             </div>
             <p style="margin-top: 5px;color: #666666;">虚拟转账</p>
           </van-grid-item>
           <van-grid-item text="母子转账" :to="{name:'approvalList5'}" >
-            <div slot="default" style="background:#1D6FE9;padding: 10px;text-align:center;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px" >
-              <img src="../../../static/images/onlineHome/yinnongIcon4.png" style="width: 25px;" alt />
+            <div class="icon" slot="default" style="background:#1D6FE9;" >
+              <img src="../../../static/images/onlineHome/icon_Y5.png" alt />
             </div>
             <p style="margin-top: 5px;color: #666666;">母子转账</p>
           </van-grid-item>
-          -->
           <van-grid-item text="现金提现" :to="{name:'approvalList10'}" >
-            <div slot="default" style="background:#FF6464;padding: 10px;text-align:center;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px" >
-              <img src="../../../static/images/onlineHome/yinnongIcon7.png" style="width: 25px;" alt />
+            <div class="icon" slot="default" style="background:#FF6464;" >
+              <img src="../../../static/images/onlineHome/icon_Y6.png" alt />
             </div>
             <p style="margin-top: 5px;color: #666666;">现金提现</p>
           </van-grid-item>
           <van-grid-item text="现金使用" :to="{name:'approvalList11'}" >
-            <div slot="default" style="background:#7790FE;padding: 10px;text-align:center;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px" >
-              <img src="../../../static/images/onlineHome/yinnongIcon6.png" style="width: 25px;" alt />
+            <div class="icon" slot="default" style="background:#7790FE;" >
+              <img src="../../../static/images/onlineHome/icon_Y7.png" alt />
             </div>
             <p style="margin-top: 5px;color: #666666;">现金使用</p>
           </van-grid-item>
           <van-grid-item text="汇票支出" :to="{name:'approvalList12'}" >
-            <div slot="default" style="background:#539ffd;padding: 10px;text-align:center;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px" >
-              <img src="../../../static/images/onlineHome/yinnongIcon3.png" style="width: 25px;" alt />
+            <div class="icon" slot="default" style="background:#539ffd;" >
+              <img src="../../../static/images/onlineHome/icon_Y8.png" alt />
             </div>
             <p style="margin-top: 5px;color: #666666;">汇票支出</p>
           </van-grid-item>
           <van-grid-item text="收款账户" :to="{name:'collectionList'}" >
-            <div slot="default" style="background:#7dda4f;padding: 10px;text-align:center;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px" >
-              <img src="../../../static/images/onlineHome/yinnongIcon5.png" style="width: 25px;" alt />
+            <div class="icon" slot="default" style="background:#7dda4f;" >
+              <img src="../../../static/images/onlineHome/icon_Y9.png" alt />
             </div>
             <p style="margin-top: 5px;color: #666666;">收款账户</p>
           </van-grid-item>
           <van-grid-item text="付款账户" :to="{name:'paymentAccountList'}" >
-            <div slot="default" style="background:#FF4646;padding: 10px;text-align:center;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px" >
-              <img src="../../../static/images/onlineHome/yinnongIcon2.png" style="width: 25px;" alt />
+            <div class="icon" slot="default" style="background:#FF4646;" >
+              <img src="../../../static/images/onlineHome/icon_Y10.png" alt />
             </div>
             <p style="margin-top: 5px;color: #666666;">付款账户</p>
           </van-grid-item>
         </van-grid>
       </van-row>
-
-      <!--
-      <van-row  style="margin:2%;width:96%;padding:20px 0;padding:20px 0;border-radius: 6px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);background: #fff">
+      <van-row  class="indexCard">
         <van-cell style="border-radius: 6px;">
           <template #title>
             <p style="font-weight: bold;font-size: 18px;display: inline-block">农村宅基地审批管理</p>
@@ -377,102 +371,101 @@
         </van-cell>
         <van-grid :border="false">
           <van-grid-item text="建房申请" :to="{name:'applicationList'}" >
-            <div slot="default" style="background:#539ffd;padding: 10px;text-align:center;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px" >
-              <img src="../../../static/images/onlineHome/icon_zjd1.png" style="width: 25px;" alt />
+            <div class="icon" slot="default" style="background:#539ffd;" >
+              <img src="../../../static/images/onlineHome/icon_Z1.png" alt />
             </div>
             <p style="margin-top: 5px;color: #666666;">建房申请</p>
           </van-grid-item>
           <van-grid-item text="使用权流转" :to="{name:'circulationList'}" >
             <div slot="default">
-              <div style="background:#ffa63e;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px">
-                <img src="../../../static/images/onlineHome/icon_zjd5.png" style="width: 25px" alt />
+              <div class="icon" style="background:#ffa63e;">
+                <img src="../../../static/images/onlineHome/icon_Z2.png" alt />
               </div>
             </div>
             <p style="margin-top: 5px;color: #666666;">使用权流转</p>
           </van-grid-item>
           <van-grid-item text="有偿退出" :to="{name:'paidExit'}" >
             <div slot="default">
-              <div style="background:#539ffd;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px ">
-                <img src="../../../static/images/onlineHome/icon_zjd7.png" style="width: 25px;" alt />
+              <div class="icon" style="background:#539ffd;">
+                <img src="../../../static/images/onlineHome/icon_Z3.png" alt />
               </div>
             </div>
             <p style="margin-top: 5px;color: #666666;">有偿退出</p>
           </van-grid-item>
           <van-grid-item text="使用权抵押" :to="{name:'mortgage'}" >
             <div slot="default">
-              <div style="background:#3ac2db;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px ">
-                <img src="../../../static/images/onlineHome/icon_zjd6.png" style="width: 25px" alt />
+              <div class="icon" style="background:#3ac2db;">
+                <img src="../../../static/images/onlineHome/icon_Z4.png" alt />
               </div>
             </div>
             <p style="margin-top: 5px;color: #666666;">使用权抵押</p>
           </van-grid-item>
           <van-grid-item text="农房利用" :to="{name:'utilization'}" >
             <div slot="default">
-              <div style="background:#7dda4f;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px ">
-                <img src="../../../static/images/onlineHome/icon_zjd4.png" style="width: 25px" alt />
+              <div class="icon" style="background:#7dda4f;">
+                <img src="../../../static/images/onlineHome/icon_Z5.png" alt />
               </div>
             </div>
             <p style="margin-top: 5px;color: #666666;">农房利用</p>
           </van-grid-item>
           <van-grid-item text="宅基地利用" :to="{name:'homesteadUtilize'}" >
             <div slot="default">
-              <div style="background:#7dda4f;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px ">
-                <img src="../../../static/images/onlineHome/icon_zjd4.png" style="width: 25px" alt />
+              <div class="icon" style="background:#7dda4f;">
+                <img src="../../../static/images/onlineHome/icon_Z6.png" alt />
               </div>
             </div>
             <p style="margin-top: 5px;color: #666666;">宅基地利用</p>
           </van-grid-item>
           <van-grid-item text="证书查看" :to="{name:'certificateList'}" >
             <div slot="default">
-              <div style="background:#7790fe;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px ">
-                <img src="../../../static/images/onlineHome/icon_zjd2.png" style="width: 25px" alt />
+              <div class="icon" style="background:#7790fe;">
+                <img src="../../../static/images/onlineHome/icon_Z7.png" alt />
               </div>
             </div>
             <p style="margin-top: 5px;color: #666666;">证书查看</p>
           </van-grid-item>
           <van-grid-item text="公示信息" :to="{name:'informationList'}" >
             <div slot="default">
-              <div style="background:#c568f5;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px ">
-                <img src="../../../static/images/onlineHome/icon_zjd3.png" style="width: 25px" alt />
+              <div class="icon" style="background:#c568f5">
+                <img src="../../../static/images/onlineHome/icon_Z8.png" alt />
               </div>
             </div>
             <p style="margin-top: 5px;color: #666666;">公示信息</p>
           </van-grid-item>
           <van-grid-item text="有偿利用" :to="{name:'paidUtilizeList'}" >
             <div slot="default">
-              <div style="background:#FFA63E;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px ">
-                <img src="../../../static/images/onlineHome/icon22.png" style="width: 25px" alt />
+              <div class="icon" style="background:#FFA63E;">
+                <img src="../../../static/images/onlineHome/icon_Z9.png" alt />
               </div>
             </div>
             <p style="margin-top: 5px;color: #666666;">有偿利用</p>
           </van-grid-item>
           <van-grid-item text="任务上报" :to="{name:'taskReportingList'}" >
             <div slot="default">
-              <div style="background:#1D6FE9;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px ">
-                <img src="../../../static/images/onlineHome/icon21.png" style="width: 25px" alt />
+              <div class="icon" style="background:#1D6FE9">
+                <img src="../../../static/images/onlineHome/icon_Z10.png" alt />
               </div>
             </div>
             <p style="margin-top: 5px;color: #666666;">任务上报</p>
           </van-grid-item>
           <van-grid-item text="任务发布" :to="{name:'task'}" >
             <div slot="default">
-              <div style="background:#1D6FE9;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px ">
-                <img src="../../../static/images/onlineHome/icon21.png" style="width: 25px" alt />
+              <div class="icon" style="background:#1D6FE9;">
+                <img src="../../../static/images/onlineHome/icon_Z11.png"  alt />
               </div>
             </div>
             <p style="margin-top: 5px;color: #666666;">任务发布</p>
           </van-grid-item>
           <van-grid-item text="违法监管" :to="{name:'supervisionList'}" >
             <div slot="default">
-              <div style="background:#1D6FE9;padding: 10px;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px ">
-                <img src="../../../static/images/onlineHome/icon21.png" style="width: 25px" alt />
+              <div class="icon" style="background:#1D6FE9;">
+                <img src="../../../static/images/onlineHome/icon_Z12.png"  alt />
               </div>
             </div>
             <p style="margin-top: 5px;color: #666666;">违法监管</p>
           </van-grid-item>
         </van-grid>
       </van-row>
-      -->
       <onlineHomeIndex></onlineHomeIndex>
     </div>
 </template>
@@ -567,4 +560,18 @@
   >>>.app-container{
     padding:0;
   }
+  >>> .icon{
+    padding: 15px;
+    border-radius: 10px;
+    box-sizing: border-box;
+    width: 80px;
+    height: 80px;
+    text-align:center;
+  }
+  >>> .icon img{
+    width:50px;
+  }
+  >>> .indexCard{
+    margin:2%;width:96%;padding:20px 0;padding:20px 0;border-radius: 6px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);background: #fff
+  }
 </style>
diff --git a/src/views/onlineHomeIndex.vue b/src/views/onlineHomeIndex.vue
index 0639b433..0d4d980a 100644
--- a/src/views/onlineHomeIndex.vue
+++ b/src/views/onlineHomeIndex.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="app-container">
     <router-view />
-    <van-tabbar route :placeholder="true">
+    <van-tabbar route :placeholder="true" >
       <van-tabbar-item replace to="/onlineHome/publicity" icon="bullhorn-o">公示</van-tabbar-item>
       <van-tabbar-item replace to="/onlineHome/workbench" icon="apps-o">工作台</van-tabbar-item>
       <van-tabbar-item replace to="/onlineHome/home" icon="wap-home-o">家园</van-tabbar-item>
@@ -11,7 +11,7 @@
 </template>
 <script>
 export default {
-  name: "onlineHomeIndex",
+   name: "onlineHomeIndex",
   data() {
     return {
       active: 0,
@@ -27,7 +27,9 @@ export default {
 };
 </script>
 
-<style scoped lang="scss">
-
+<style scoped >
 
+>>> .van-tabbar{
+  height:2rem;
+}
 </style>
diff --git a/static/images/onlineHome/icon_Y1.png b/static/images/onlineHome/icon_Y1.png
new file mode 100644
index 00000000..c8a62972
Binary files /dev/null and b/static/images/onlineHome/icon_Y1.png differ
diff --git a/static/images/onlineHome/icon_Y10.png b/static/images/onlineHome/icon_Y10.png
new file mode 100644
index 00000000..24706e63
Binary files /dev/null and b/static/images/onlineHome/icon_Y10.png differ
diff --git a/static/images/onlineHome/icon_Y2.png b/static/images/onlineHome/icon_Y2.png
new file mode 100644
index 00000000..daa05d48
Binary files /dev/null and b/static/images/onlineHome/icon_Y2.png differ
diff --git a/static/images/onlineHome/icon_Y3.png b/static/images/onlineHome/icon_Y3.png
new file mode 100644
index 00000000..fc77c413
Binary files /dev/null and b/static/images/onlineHome/icon_Y3.png differ
diff --git a/static/images/onlineHome/icon_Y4.png b/static/images/onlineHome/icon_Y4.png
new file mode 100644
index 00000000..bbe27137
Binary files /dev/null and b/static/images/onlineHome/icon_Y4.png differ
diff --git a/static/images/onlineHome/icon_Y5.png b/static/images/onlineHome/icon_Y5.png
new file mode 100644
index 00000000..3947e09a
Binary files /dev/null and b/static/images/onlineHome/icon_Y5.png differ
diff --git a/static/images/onlineHome/icon_Y6.png b/static/images/onlineHome/icon_Y6.png
new file mode 100644
index 00000000..6dfab496
Binary files /dev/null and b/static/images/onlineHome/icon_Y6.png differ
diff --git a/static/images/onlineHome/icon_Y7.png b/static/images/onlineHome/icon_Y7.png
new file mode 100644
index 00000000..8120de39
Binary files /dev/null and b/static/images/onlineHome/icon_Y7.png differ
diff --git a/static/images/onlineHome/icon_Y8.png b/static/images/onlineHome/icon_Y8.png
new file mode 100644
index 00000000..696cb93d
Binary files /dev/null and b/static/images/onlineHome/icon_Y8.png differ
diff --git a/static/images/onlineHome/icon_Y9.png b/static/images/onlineHome/icon_Y9.png
new file mode 100644
index 00000000..eda020d3
Binary files /dev/null and b/static/images/onlineHome/icon_Y9.png differ
diff --git a/static/images/onlineHome/icon_Z1.png b/static/images/onlineHome/icon_Z1.png
new file mode 100644
index 00000000..4533956d
Binary files /dev/null and b/static/images/onlineHome/icon_Z1.png differ
diff --git a/static/images/onlineHome/icon_Z10.png b/static/images/onlineHome/icon_Z10.png
new file mode 100644
index 00000000..00c3db00
Binary files /dev/null and b/static/images/onlineHome/icon_Z10.png differ
diff --git a/static/images/onlineHome/icon_Z11.png b/static/images/onlineHome/icon_Z11.png
new file mode 100644
index 00000000..39d5c88b
Binary files /dev/null and b/static/images/onlineHome/icon_Z11.png differ
diff --git a/static/images/onlineHome/icon_Z12.png b/static/images/onlineHome/icon_Z12.png
new file mode 100644
index 00000000..dbc9b859
Binary files /dev/null and b/static/images/onlineHome/icon_Z12.png differ
diff --git a/static/images/onlineHome/icon_Z2.png b/static/images/onlineHome/icon_Z2.png
new file mode 100644
index 00000000..073612ba
Binary files /dev/null and b/static/images/onlineHome/icon_Z2.png differ
diff --git a/static/images/onlineHome/icon_Z3.png b/static/images/onlineHome/icon_Z3.png
new file mode 100644
index 00000000..4b186947
Binary files /dev/null and b/static/images/onlineHome/icon_Z3.png differ
diff --git a/static/images/onlineHome/icon_Z4.png b/static/images/onlineHome/icon_Z4.png
new file mode 100644
index 00000000..a4f3bee6
Binary files /dev/null and b/static/images/onlineHome/icon_Z4.png differ
diff --git a/static/images/onlineHome/icon_Z5.png b/static/images/onlineHome/icon_Z5.png
new file mode 100644
index 00000000..00cd708f
Binary files /dev/null and b/static/images/onlineHome/icon_Z5.png differ
diff --git a/static/images/onlineHome/icon_Z6.png b/static/images/onlineHome/icon_Z6.png
new file mode 100644
index 00000000..d0631ec8
Binary files /dev/null and b/static/images/onlineHome/icon_Z6.png differ
diff --git a/static/images/onlineHome/icon_Z7.png b/static/images/onlineHome/icon_Z7.png
new file mode 100644
index 00000000..b7649a97
Binary files /dev/null and b/static/images/onlineHome/icon_Z7.png differ
diff --git a/static/images/onlineHome/icon_Z8.png b/static/images/onlineHome/icon_Z8.png
new file mode 100644
index 00000000..02443184
Binary files /dev/null and b/static/images/onlineHome/icon_Z8.png differ
diff --git a/static/images/onlineHome/icon_Z9.png b/static/images/onlineHome/icon_Z9.png
new file mode 100644
index 00000000..268fb307
Binary files /dev/null and b/static/images/onlineHome/icon_Z9.png differ
diff --git a/static/images/onlineHome/icon_yn1.png b/static/images/onlineHome/icon_yn1.png
new file mode 100644
index 00000000..532b3f9b
Binary files /dev/null and b/static/images/onlineHome/icon_yn1.png differ
diff --git a/static/images/onlineHome/icon_yn10.png b/static/images/onlineHome/icon_yn10.png
new file mode 100644
index 00000000..9001ecfe
Binary files /dev/null and b/static/images/onlineHome/icon_yn10.png differ
diff --git a/static/images/onlineHome/icon_yn2.png b/static/images/onlineHome/icon_yn2.png
new file mode 100644
index 00000000..cbe172c3
Binary files /dev/null and b/static/images/onlineHome/icon_yn2.png differ
diff --git a/static/images/onlineHome/icon_yn3.png b/static/images/onlineHome/icon_yn3.png
new file mode 100644
index 00000000..19bce44a
Binary files /dev/null and b/static/images/onlineHome/icon_yn3.png differ
diff --git a/static/images/onlineHome/icon_yn4.png b/static/images/onlineHome/icon_yn4.png
new file mode 100644
index 00000000..01885a5e
Binary files /dev/null and b/static/images/onlineHome/icon_yn4.png differ
diff --git a/static/images/onlineHome/icon_yn5.png b/static/images/onlineHome/icon_yn5.png
new file mode 100644
index 00000000..49e18f6b
Binary files /dev/null and b/static/images/onlineHome/icon_yn5.png differ
diff --git a/static/images/onlineHome/icon_yn6.png b/static/images/onlineHome/icon_yn6.png
new file mode 100644
index 00000000..2436023c
Binary files /dev/null and b/static/images/onlineHome/icon_yn6.png differ
diff --git a/static/images/onlineHome/icon_yn7.png b/static/images/onlineHome/icon_yn7.png
new file mode 100644
index 00000000..7b603c84
Binary files /dev/null and b/static/images/onlineHome/icon_yn7.png differ
diff --git a/static/images/onlineHome/icon_yn8.png b/static/images/onlineHome/icon_yn8.png
new file mode 100644
index 00000000..b0229e33
Binary files /dev/null and b/static/images/onlineHome/icon_yn8.png differ
diff --git a/static/images/onlineHome/icon_yn9.png b/static/images/onlineHome/icon_yn9.png
new file mode 100644
index 00000000..e034a4c1
Binary files /dev/null and b/static/images/onlineHome/icon_yn9.png differ
diff --git a/static/images/onlineHome/icon_zjd1.png b/static/images/onlineHome/icon_zjd1.png
index 8ee37466..9e6fa461 100644
Binary files a/static/images/onlineHome/icon_zjd1.png and b/static/images/onlineHome/icon_zjd1.png differ
diff --git a/static/images/onlineHome/icon_zjd10.png b/static/images/onlineHome/icon_zjd10.png
new file mode 100644
index 00000000..d182839e
Binary files /dev/null and b/static/images/onlineHome/icon_zjd10.png differ
diff --git a/static/images/onlineHome/icon_zjd11.png b/static/images/onlineHome/icon_zjd11.png
new file mode 100644
index 00000000..6b713729
Binary files /dev/null and b/static/images/onlineHome/icon_zjd11.png differ
diff --git a/static/images/onlineHome/icon_zjd12.png b/static/images/onlineHome/icon_zjd12.png
new file mode 100644
index 00000000..c0c7ae4d
Binary files /dev/null and b/static/images/onlineHome/icon_zjd12.png differ
diff --git a/static/images/onlineHome/icon_zjd2.png b/static/images/onlineHome/icon_zjd2.png
index 7174ce19..be5cdb74 100644
Binary files a/static/images/onlineHome/icon_zjd2.png and b/static/images/onlineHome/icon_zjd2.png differ
diff --git a/static/images/onlineHome/icon_zjd3.png b/static/images/onlineHome/icon_zjd3.png
index e7a66809..546eb76f 100644
Binary files a/static/images/onlineHome/icon_zjd3.png and b/static/images/onlineHome/icon_zjd3.png differ
diff --git a/static/images/onlineHome/icon_zjd4.png b/static/images/onlineHome/icon_zjd4.png
index 3bb30809..cb94fe15 100644
Binary files a/static/images/onlineHome/icon_zjd4.png and b/static/images/onlineHome/icon_zjd4.png differ
diff --git a/static/images/onlineHome/icon_zjd5.png b/static/images/onlineHome/icon_zjd5.png
index 6e10145f..55331afc 100644
Binary files a/static/images/onlineHome/icon_zjd5.png and b/static/images/onlineHome/icon_zjd5.png differ
diff --git a/static/images/onlineHome/icon_zjd6.png b/static/images/onlineHome/icon_zjd6.png
index 89b51503..7bf706ba 100644
Binary files a/static/images/onlineHome/icon_zjd6.png and b/static/images/onlineHome/icon_zjd6.png differ
diff --git a/static/images/onlineHome/icon_zjd7.png b/static/images/onlineHome/icon_zjd7.png
index f8868b16..60f564ed 100644
Binary files a/static/images/onlineHome/icon_zjd7.png and b/static/images/onlineHome/icon_zjd7.png differ
diff --git a/static/images/onlineHome/icon_zjd8.png b/static/images/onlineHome/icon_zjd8.png
new file mode 100644
index 00000000..636e95cd
Binary files /dev/null and b/static/images/onlineHome/icon_zjd8.png differ
diff --git a/static/images/onlineHome/icon_zjd9.png b/static/images/onlineHome/icon_zjd9.png
new file mode 100644
index 00000000..c3f05ed0
Binary files /dev/null and b/static/images/onlineHome/icon_zjd9.png differ