diff --git a/src/views/home/components/finance.vue b/src/views/home/components/finance.vue
index 553f761..b019fef 100644
--- a/src/views/home/components/finance.vue
+++ b/src/views/home/components/finance.vue
@@ -9,6 +9,9 @@
     </div>
     <a-divider :margin="16" />
     <div class="finance-card">
+      <!-- <a-row>
+        <a-col :xs="24" :sm="12" :lg="8" :xl="4"></a-col>
+      </a-row> -->
       <a-card
         hoverable
         v-for="(item, index) in financeData"
diff --git a/src/views/home/components/shortcut.vue b/src/views/home/components/shortcut.vue
index 899352d..4877bb7 100644
--- a/src/views/home/components/shortcut.vue
+++ b/src/views/home/components/shortcut.vue
@@ -14,7 +14,6 @@
         :sm="12"
         :lg="8"
         :xl="4"
-        :gutter="[24, 12]"
         v-for="(item, index) in shortcut"
         :key="item.id"
         class="card-middling row-center card-box"
diff --git a/src/views/home/components/target-box.vue b/src/views/home/components/target-box.vue
index 08fcb17..6aa0e05 100644
--- a/src/views/home/components/target-box.vue
+++ b/src/views/home/components/target-box.vue
@@ -4,15 +4,24 @@
       <div>第三板指标</div>
     </div>
     <a-divider :margin="16" />
-    <div class="row-start-center">
-      <div class="target-grade" :class="'animated-fade-up-0'">
+    <a-row>
+      <a-col :xs="24" :sm="12" :lg="8" :xl="4" class="target-grade" :class="'animated-fade-up-0'">
         <div class="target-grade-innerbox">
           <div class="grade-value">{{ targetData.all.value }}</div>
           <div class="target-title">{{ targetData.all.title }}</div>
         </div>
-      </div>
-      <div v-for="(item, index) in targetData.list" :key="index" class="target-other" :class="'animated-fade-up-' + index">
-        <div>
+      </a-col>
+      <a-col
+        :xs="24"
+        :sm="12"
+        :lg="8"
+        :xl="4"
+        v-for="(item, index) in targetData.list"
+        :key="index"
+        class="target-other"
+        :class="'animated-fade-up-' + index"
+      >
+        <div class="target-other-innerbox">
           <div>
             <span class="other-value">{{ item.value }}</span>
             <span>
@@ -22,8 +31,8 @@
           </div>
           <div class="target-title">{{ item.title }}</div>
         </div>
-      </div>
-    </div>
+      </a-col>
+    </a-row>
   </div>
 </template>
 
@@ -99,6 +108,9 @@ const targetData = reactive({
     display: flex;
     align-items: center;
     justify-content: center;
+    .target-other-innerbox {
+      width: 100px;
+    }
     .other-value {
       font-family: "AliFangYuanTi";
       font-weight: bold;