diff --git a/src/views/Index.vue b/src/views/Index.vue
index e488d4c9..7b9a3a02 100644
--- a/src/views/Index.vue
+++ b/src/views/Index.vue
@@ -134,7 +134,7 @@
                 </div>
                 </a>
                 <div class="case-inter">
-                  <interactBar style="width:200px;display:flex" :type="3" :readonly="true" :data="ca" :shares="false" :views="false"></interactBar>
+                  <interactBar :type="3" :readonly="true" :data="ca" :shares="false" :views="false"></interactBar>
                 </div>
                 <div style="height:40px;margin-top:10px">
                     <authorInfo :avatar="ca.authorInfo.avatar" :name="ca.authorInfo.name" :sex="ca.authorInfo.sex"></authorInfo></div>
@@ -682,7 +682,7 @@ export default {
     }
     .case-title{
       margin-top: 10px;
-      font-size: 14px;
+      font-size: 16px;
       color: #333;
       font-weight: bold;
       margin-bottom:10px;
@@ -694,9 +694,17 @@ export default {
     line-height: 18px;
     margin-bottom:12px;
     }
-    .case-inter{
+   ::v-deep .case-inter{
       width: 100%;
+      padding-bottom: 10px;
       border-bottom: 1px solid #f3f3f3;
+      .interact-bar-btns{
+        justify-content: space-between !important;
+        .interact-bar-btn{
+          margin: 0 0 0 0;
+        }
+      }
+
     }
 
   }