diff --git a/src/views/monitor/realtimeMonitor/components/callStatics.vue b/src/views/monitor/realtimeMonitor/components/callStatics.vue
index 978b4e4..040f0c3 100644
--- a/src/views/monitor/realtimeMonitor/components/callStatics.vue
+++ b/src/views/monitor/realtimeMonitor/components/callStatics.vue
@@ -21,11 +21,11 @@
               align="center"/>
           </el-table-column>
           <el-table-column
-            class-name="darker-head"
             v-for="column in allColumns"
             :key="column.text"
             :prop="column.value"
             :label="column.text"
+            class-name="darker-head"
             align="center"/>
         </el-table>
       </div>
@@ -57,7 +57,7 @@
         { text: '转移通话', value: 'transfer' },
         { text: '总体接通率', value: 'alljtl' }
       ],
-      data:[
+      data: [
         {
           insuccess: '0',
           giveup: '0',
@@ -84,7 +84,8 @@
   .statistic-div{
     width:100%
   }
-  .box{
+
+  .head-class{.box{
     position:relative;
     margin-top: 20px;
     border:2px solid $themeColor;
@@ -95,19 +96,18 @@
       border-color: #C3DFF4 !important;
     }
   }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
+    .box::before{
+      content:attr(title);
+      position:absolute;
+      left:20px;
+      color: #15428b;
+      font-weight: bold;
+      transform:translateY(-50%);
+      -webkit-transform:translate(0,-50%);
+      padding:0 10px;
+      background-color:#fff;
+      font-size:14px;
+    }
     th{
       background-color: #66b1ff;
     }

diff --git a/src/views/monitor/realtimeMonitor/components/callStatics.vue b/src/views/monitor/realtimeMonitor/components/callStatics.vue
index 978b4e4..040f0c3 100644
--- a/src/views/monitor/realtimeMonitor/components/callStatics.vue
+++ b/src/views/monitor/realtimeMonitor/components/callStatics.vue
@@ -21,11 +21,11 @@
               align="center"/>
           </el-table-column>
           <el-table-column
-            class-name="darker-head"
             v-for="column in allColumns"
             :key="column.text"
             :prop="column.value"
             :label="column.text"
+            class-name="darker-head"
             align="center"/>
         </el-table>
       </div>
@@ -57,7 +57,7 @@
         { text: '转移通话', value: 'transfer' },
         { text: '总体接通率', value: 'alljtl' }
       ],
-      data:[
+      data: [
         {
           insuccess: '0',
           giveup: '0',
@@ -84,7 +84,8 @@
   .statistic-div{
     width:100%
   }
-  .box{
+
+  .head-class{.box{
     position:relative;
     margin-top: 20px;
     border:2px solid $themeColor;
@@ -95,19 +96,18 @@
       border-color: #C3DFF4 !important;
     }
   }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
+    .box::before{
+      content:attr(title);
+      position:absolute;
+      left:20px;
+      color: #15428b;
+      font-weight: bold;
+      transform:translateY(-50%);
+      -webkit-transform:translate(0,-50%);
+      padding:0 10px;
+      background-color:#fff;
+      font-size:14px;
+    }
     th{
       background-color: #66b1ff;
     }
diff --git a/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue b/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue
index 10c1c2d..58e2521 100644
--- a/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue
+++ b/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue
@@ -94,7 +94,7 @@
     .table{
       margin: 20px 0px;
       box-sizing: border-box;
-      border-color: #C3DFF4 !important;
+      /*border-color: #C3DFF4 !important;*/
     }
   }
   .box::before{
@@ -123,20 +123,20 @@
     color: #000000;
     font-weight: normal !important;
     th{
-      background-color: $themeColor !important;
+      // background-color: $themeColor !important;
       font-weight: normal !important;
-      border-color: $boderColor !important;
+      // border-color: $boderColor !important;
     }
     th.is-leaf{
-      background-color: $leafColor !important;
+      // background-color: $leafColor !important;
     }
     th.darker-head{
-      background-color: $themeColor !important;
+      // background-color: $themeColor !important;
     }
   }
   .statistic-class{
     td{
-      border-color: $boderColor !important;
+      // border-color: $boderColor !important;
     }
   }
 </style>

diff --git a/src/views/monitor/realtimeMonitor/components/callStatics.vue b/src/views/monitor/realtimeMonitor/components/callStatics.vue
index 978b4e4..040f0c3 100644
--- a/src/views/monitor/realtimeMonitor/components/callStatics.vue
+++ b/src/views/monitor/realtimeMonitor/components/callStatics.vue
@@ -21,11 +21,11 @@
               align="center"/>
           </el-table-column>
           <el-table-column
-            class-name="darker-head"
             v-for="column in allColumns"
             :key="column.text"
             :prop="column.value"
             :label="column.text"
+            class-name="darker-head"
             align="center"/>
         </el-table>
       </div>
@@ -57,7 +57,7 @@
         { text: '转移通话', value: 'transfer' },
         { text: '总体接通率', value: 'alljtl' }
       ],
-      data:[
+      data: [
         {
           insuccess: '0',
           giveup: '0',
@@ -84,7 +84,8 @@
   .statistic-div{
     width:100%
   }
-  .box{
+
+  .head-class{.box{
     position:relative;
     margin-top: 20px;
     border:2px solid $themeColor;
@@ -95,19 +96,18 @@
       border-color: #C3DFF4 !important;
     }
   }
-  .box::before{
-    content:attr(title);
-    position:absolute;
-    left:20px;
-    color: #15428b;
-    font-weight: bold;
-    transform:translateY(-50%);
-    -webkit-transform:translate(0,-50%);
-    padding:0 10px;
-    background-color:#fff;
-    font-size:14px;
-  }
-  .head-class{
+    .box::before{
+      content:attr(title);
+      position:absolute;
+      left:20px;
+      color: #15428b;
+      font-weight: bold;
+      transform:translateY(-50%);
+      -webkit-transform:translate(0,-50%);
+      padding:0 10px;
+      background-color:#fff;
+      font-size:14px;
+    }
     th{
       background-color: #66b1ff;
     }
diff --git a/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue b/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue
index 10c1c2d..58e2521 100644
--- a/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue
+++ b/src/views/monitor/realtimeMonitor/components/satisfiedStatics.vue
@@ -94,7 +94,7 @@
     .table{
       margin: 20px 0px;
       box-sizing: border-box;
-      border-color: #C3DFF4 !important;
+      /*border-color: #C3DFF4 !important;*/
     }
   }
   .box::before{
@@ -123,20 +123,20 @@
     color: #000000;
     font-weight: normal !important;
     th{
-      background-color: $themeColor !important;
+      // background-color: $themeColor !important;
       font-weight: normal !important;
-      border-color: $boderColor !important;
+      // border-color: $boderColor !important;
     }
     th.is-leaf{
-      background-color: $leafColor !important;
+      // background-color: $leafColor !important;
     }
     th.darker-head{
-      background-color: $themeColor !important;
+      // background-color: $themeColor !important;
     }
   }
   .statistic-class{
     td{
-      border-color: $boderColor !important;
+      // border-color: $boderColor !important;
     }
   }
 </style>
diff --git a/src/views/monitor/realtimeMonitor/realtimeMonitor.vue b/src/views/monitor/realtimeMonitor/realtimeMonitor.vue
index 08273ef..768deae 100644
--- a/src/views/monitor/realtimeMonitor/realtimeMonitor.vue
+++ b/src/views/monitor/realtimeMonitor/realtimeMonitor.vue
@@ -3,7 +3,7 @@
   <app-container>
     <div class="monitor-title">实时监控</div>
     <call-statics/>
-    <el-row>
+    <el-row :gutter="10">
       <el-col span="12">
         <satisfied-statics/>
       </el-col>
@@ -38,7 +38,8 @@
   font-weight: 700;
   padding: 5px;
   text-align: center;
-  background-color: #9accf3;
+  //background-color: #9accf3;
+  background-color: #F5F7FA;
 }
 
 </style>