diff --git a/src/assets/home-imgs/border_bg.png b/src/assets/home-imgs/border_bg.png
new file mode 100644
index 0000000..5262c03
Binary files /dev/null and b/src/assets/home-imgs/border_bg.png differ
diff --git a/src/assets/home-imgs/num_bg.png b/src/assets/home-imgs/num_bg.png
new file mode 100644
index 0000000..a8713c6
Binary files /dev/null and b/src/assets/home-imgs/num_bg.png differ
diff --git a/src/components/TitleBackground/index.vue b/src/components/TitleBackground/index.vue
index 049d666..135bb07 100644
--- a/src/components/TitleBackground/index.vue
+++ b/src/components/TitleBackground/index.vue
@@ -21,7 +21,7 @@ const props = defineProps({
 .title-background {
     width: 100%;
     height: 38px;
-    padding-left: 38px;
+    padding-left: 48px;
     background: url('@/assets/home-imgs/title.png') no-repeat center center;
     background-size: 100% 100%;
     line-height: 12px;
diff --git a/src/views/home/components/right-two/index.vue b/src/views/home/components/right-two/index.vue
index 3d0597d..544d08f 100644
--- a/src/views/home/components/right-two/index.vue
+++ b/src/views/home/components/right-two/index.vue
@@ -20,10 +20,10 @@
                     <span> {{ item.total }} </span>
                 </div>
                 <div>
-                    <span style="padding-left: 10px; font-size: 18px; font-weight: bold">
+                    <span style="font-weight: bold" class="amount-text">
                         {{ item.amount }}
                     </span>
-                    <span style="font-size: 14px; margin-left: 4px"> {{ item.unit }} </span>
+                    <span style="font-size: 14px"> {{ item.unit }} </span>
                 </div>
             </div>
         </div>
@@ -220,11 +220,14 @@ const onHandleTabs = (component, index) => {
     padding: 20px 2px;
 
     .content-item {
+        padding: 10px;
         display: flex;
         flex-direction: column;
         justify-content: space-around;
-        border: 1px solid #00deff;
+        // border: 1px solid #00deff;
         color: #b9e8fe;
+        background: url('@/assets/home-imgs/border_bg.png') no-repeat center center;
+        background-size: 100% 100%;
     }
 
     .item-1 {
@@ -284,4 +287,14 @@ const onHandleTabs = (component, index) => {
     width: 100%;
     height: 80%;
 }
+
+.amount-text {
+    background: url('@/assets/home-imgs/num_bg.png') no-repeat center center;
+    background-size: 100% 100%;
+    width: 48px;
+    height: 48px;
+    display: inline-block;
+    text-align: center;
+    font-size: 22px;
+}
 </style>