diff --git a/src/views/abnormalAlarm/emailMonitor/instances/index.vue b/src/views/abnormalAlarm/emailMonitor/instances/index.vue
index bdb4098..c14c93c 100644
--- a/src/views/abnormalAlarm/emailMonitor/instances/index.vue
+++ b/src/views/abnormalAlarm/emailMonitor/instances/index.vue
@@ -86,20 +86,24 @@
           <div class="email-top-content-li email-top-content-item4">
             <div class="email-top-content-item4-left">
               <div class="email-top-content-item4-left-info">
-                <div class="email-top-content-item4-left-info-title">Store capacity</div>
+                <div class="email-top-content-item4-left-info-title">Used Capacity</div>
                 <div class="email-top-content-item4-left-info-val">
                   <h3>
-                    total：<span>{{ emailSpace.total || 0 }}</span>
-                  </h3>
-                  <h3>
-                    residue：<span>{{ emailSpace.residue || 0 }}</span>
+                    <span>{{ emailSpace.total || 0 }}</span>
                   </h3>
                 </div>
               </div>
               <img src="@/assets/images/abnormalAlarm/email-split.png" alt="" />
             </div>
             <div class="email-top-content-item4-right">
-              <div class="email-top-content-item4-right-chart" id="store"></div>
+              <div class="email-top-content-item4-right-info">
+                <div class="email-top-content-item4-right-info-title">An Unread Mail</div>
+                <div class="email-top-content-item4-right-info-val">
+                  <h3>
+                    <span>{{ emailSpace.AnUnreadMail || 0 }}</span>
+                  </h3>
+                </div>
+              </div>
             </div>
             <div class="email-top-content-li-rect" style="background: #e54f0d"></div>
           </div>
@@ -768,12 +772,12 @@ export default {
       width: 380px;
       border-left: 3px solid rgba(229, 79, 13, 0.8);
       &-left {
-        width: 172px;
+        width: 50%;
         height: 100%;
-        padding: 12px 15px;
+        padding: 12px 5px 12px 12px;
         float: left;
         &-info {
-          width: 140px;
+          width: 170px;
           height: 100%;
           float: left;
           &-title {
@@ -782,17 +786,20 @@ export default {
             font-weight: normal;
             line-height: 18px;
             color: #4fd3c8;
-            margin-top: 10px;
+            margin-top: 13px;
+            text-align: center;
           }
           &-val {
             font-family: ArialMT;
             font-size: 14px;
             font-weight: normal;
             line-height: 24px;
-            margin-top: 20px;
+            margin-top: 36px;
             h3 {
               color: #ade6ee;
               margin: 0;
+              font-size: 30px;
+              text-align: center;
               span {
                 font-family: MicrogrammaD-MediExte;
               }
@@ -801,13 +808,39 @@ export default {
         }
       }
       &-right {
-        width: 205px;
+        width: 50%;
         height: 100%;
-        padding: 0 15px 0 0;
+        padding: 12px 5px 12px 12px;
         float: left;
-        &-chart {
-          width: 100%;
+        &-info {
+          width: 170px;
           height: 100%;
+          float: left;
+          &-title {
+            font-family: ArialMT;
+            font-size: 16px;
+            font-weight: normal;
+            line-height: 18px;
+            color: #4fd3c8;
+            margin-top: 13px;
+            text-align: center;
+          }
+          &-val {
+            font-family: ArialMT;
+            font-size: 14px;
+            font-weight: normal;
+            line-height: 24px;
+            margin-top: 36px;
+            h3 {
+              color: #ade6ee;
+              margin: 0;
+              font-size: 30px;
+              text-align: center;
+              span {
+                font-family: MicrogrammaD-MediExte;
+              }
+            }
+          }
         }
       }
     }