diff --git a/template/admin/src/pages/statistic/balance/index.vue b/template/admin/src/pages/statistic/balance/index.vue
index 4cbeef7ce..380158a0b 100644
--- a/template/admin/src/pages/statistic/balance/index.vue
+++ b/template/admin/src/pages/statistic/balance/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <Card :bordered="false" dis-hover class="ivu-mt">
+    <Card :bordered="false" dis-hover class="ivu-mb-16">
       <dateRadio @selectDate="onSelectDate"></dateRadio>
       <DatePicker
         :editable="false"
@@ -13,11 +13,11 @@
         placeholder="请选择时间"
         style="width: 200px"
         :options="options"
-        class="mr20"
+        class="mr20 "
       ></DatePicker>
     </Card>
     <cards-data :cardLists="cardLists" v-if="cardLists.length >= 0"></cards-data>
-    <Card :bordered="false" dis-hover>
+    <Card class="ivu-mb-16" :bordered="false" dis-hover>
       <h3>余额使用趋势</h3>
       <echarts-new :option-data="optionData" :styles="style" height="100%" width="100%" v-if="optionData"></echarts-new>
     </Card>
@@ -52,7 +52,7 @@
           </Table>
         </div>
       </Card>
-      <Card :bordered="false" dis-hover class="ivu-mt">
+      <Card :bordered="false" dis-hover class="ivu-mt ml10">
         <div class="acea-row row-between-wrapper">
           <h3 class="header-title">余额消耗</h3>
           <div class="change-style" @click="echartRight = !echartRight">切换样式</div>
@@ -335,10 +335,10 @@ export default {
 .code-row-bg {
   display: flex;
   flex-wrap: nowrap;
+  justify-content: space-between;
 }
 .code-row-bg .ivu-mt {
-  min-width: 50%;
-  margin: 0 5px;
+  min-width: 49%;
 }
 .ech-box {
   margin-top: 10px;
diff --git a/template/admin/src/pages/statistic/order/index.vue b/template/admin/src/pages/statistic/order/index.vue
index 7ca4f9e59..d48994cd6 100644
--- a/template/admin/src/pages/statistic/order/index.vue
+++ b/template/admin/src/pages/statistic/order/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <Card :bordered="false" dis-hover class="ivu-mt">
+    <Card :bordered="false" dis-hover class="ivu-mb-16">
       <dateRadio @selectDate="onSelectDate"></dateRadio>
       <DatePicker
         :editable="false"
@@ -17,7 +17,7 @@
       ></DatePicker>
     </Card>
     <cards-data :cardLists="cardLists" v-if="cardLists.length >= 0"></cards-data>
-    <Card :bordered="false" dis-hover>
+    <Card class="ivu-mb-16" :bordered="false" dis-hover>
       <h3>营业趋势</h3>
       <echarts-new :option-data="optionData" :styles="style" height="100%" width="100%" v-if="optionData"></echarts-new>
     </Card>
@@ -361,10 +361,10 @@ export default {
 .code-row-bg {
   display: flex;
   flex-wrap: nowrap;
+  justify-content: space-between;
 }
 .code-row-bg .ivu-mt {
-  width: 100%;
-  margin: 0 5px;
+  width: calc(50% - 10px);
 }
 .ech-box {
   margin-top: 10px;
diff --git a/template/admin/src/pages/statistic/product/components/productRanking.vue b/template/admin/src/pages/statistic/product/components/productRanking.vue
index 509dbd6f3..0047f4a62 100644
--- a/template/admin/src/pages/statistic/product/components/productRanking.vue
+++ b/template/admin/src/pages/statistic/product/components/productRanking.vue
@@ -1,5 +1,5 @@
 <template>
-  <Card :bordered="false" dis-hover class="ivu-mt">
+  <Card :bordered="false" dis-hover class="ivu-mt-16">
     <div class="acea-row row-between-wrapper mb20">
       <div class="header-title">商品排行</div>
       <div class="acea-row">
diff --git a/template/admin/src/pages/statistic/transaction/components/transaction.vue b/template/admin/src/pages/statistic/transaction/components/transaction.vue
index a8da545da..73b28e312 100644
--- a/template/admin/src/pages/statistic/transaction/components/transaction.vue
+++ b/template/admin/src/pages/statistic/transaction/components/transaction.vue
@@ -1,5 +1,5 @@
 <template>
-  <Card :bordered="false" dis-hover class="ivu-mt">
+  <Card :bordered="false" dis-hover class="ivu-mt-16">
     <div class="acea-row row-between-wrapper mb20">
       <div class="header-title">
         交易概况