diff --git a/src/views/shoppingMall/index.vue b/src/views/shoppingMall/index.vue
index 4ae8593..08ef0eb 100644
--- a/src/views/shoppingMall/index.vue
+++ b/src/views/shoppingMall/index.vue
@@ -47,7 +47,7 @@
           </el-dropdown-menu>
         </el-dropdown>
         <div
-          class="myCar"
+          class="myCart"
           v-if="
             userInfo.registerShare != 0 &&
             userInfo.registerFans != 0 &&
@@ -1198,6 +1198,7 @@ export default {
     margin-right: 30px;
     margin-bottom: 30px;
     overflow: hidden;
+    transition: all 0.3s ease-in-out;
 
     .goodBtm {
       width: 278px;
@@ -1234,7 +1235,8 @@ export default {
   }
 
   .good_i:hover {
-    transform: scale(1.1);
+    transform: translateY(-4px);
+    box-shadow: 0px 6px 16px 0px rgba(172, 172, 172, 0.6);
   }
 
   .goodImg {
@@ -1442,14 +1444,14 @@ export default {
   color: #00417c;
 }
 
-.myCar {
+.myCart {
   display: flex;
   width: 168px;
   height: 32px;
   border-radius: 4px;
-  border: 2px solid #d81e06;
+  border: 2px solid var(--primary-color);
   font-size: 23px;
-  color: #d81e06;
+  color: var(--primary-color);
   justify-content: center;
   align-items: center;
   position: relative;