diff --git a/pages/useList/useList.vue b/pages/useList/useList.vue
index 22efd0e..0fd593d 100644
--- a/pages/useList/useList.vue
+++ b/pages/useList/useList.vue
@@ -46,10 +46,10 @@
             class="table-row"
           >
             <text class="table-cell">{{ device.type }}</text>
-            <text class="table-cell">¥ {{ device.amount }}</text>
+            <text class="table-cell amount-cell">¥ {{ device.amount }}</text>
             <text class="table-cell">{{ device.rentDate }}</text>
-            <text class="table-cell">{{ device.period }}</text>
-            <text class="table-cell">{{ device.expiryDate }}</text>
+            <text class="table-cell period-cell">{{ device.period }}</text>
+            <text class="table-cell expiry-cell">{{ device.expiryDate }}</text>
           </view>
         </view>
 
@@ -198,7 +198,7 @@ export default {
   align-items: center;
   background: #f3f5f6;
   border-radius: 999px;
-  padding: 20rpx;
+  padding: 20rpx 50rpx;
 
   .search-input {
     padding: 0 20rpx;
@@ -270,14 +270,14 @@ export default {
 }
 
 .amount {
-  font-size: 28rpx;
-
+  font-size: 32rpx;
   font-weight: 500;
   padding-right: 78rpx;
 }
 
 .device-count {
-  font-size: 24rpx;
+  font-size: 32rpx;
+  font-weight: 500;
   color: #666;
 }
 
@@ -312,6 +312,18 @@ export default {
   text-align: center;
   font-size: 24rpx;
   color: #333;
+
+  &.amount-cell {
+    color: #ff6b35;
+  }
+
+  &.period-cell {
+    color: #ff6b35;
+  }
+
+  &.expiry-cell {
+    color: #ff4757;
+  }
 }
 
 .expand-btn {
@@ -319,7 +331,7 @@ export default {
   align-items: center;
   justify-content: center;
   padding: 20rpx 0;
-  color: #007aff;
+  //color: #007aff;
   font-size: 28rpx;
 
   .expand-text {
@@ -332,6 +344,6 @@ export default {
 }
 
 view {
-  border: red solid 1px;
+  //border: red solid 1px;
 }
 </style>