diff --git a/src/components/apartment/seachModule.vue b/src/components/apartment/seachModule.vue
index 0576afc..deb6e5e 100644
--- a/src/components/apartment/seachModule.vue
+++ b/src/components/apartment/seachModule.vue
@@ -109,9 +109,9 @@
                                 <div class="option-box flexacenter flex1 option-input-box">
                                     <div class="flex1">
                                         <input class="option-input" type="number" v-model="pitchValue['rent_min']"
-                                            @blur="rentBlur" @input="rentInput" /> ~ <input class="option-input"
+                                            @blur="rentBlur" @input="rentInput" /><span style="font-size: 18px;">~</span><input class="option-input"
                                             type="number" v-model="pitchValue['rent_max']" @blur="rentBlur"
-                                            @input="rentInput" /> HK$/月
+                                            @input="rentInput" />HK$/月
                                     </div>
 
                                     <div class="eliminate flexcenter" @click="clearingAmount"
diff --git a/src/components/public/apartment-item.vue b/src/components/public/apartment-item.vue
index a491501..efe06aa 100644
--- a/src/components/public/apartment-item.vue
+++ b/src/components/public/apartment-item.vue
@@ -61,6 +61,12 @@ const goapArtmentDetails = () => redirectToExternalWebsite(`/apartmentDetail?uni
     height: fit-content;
     cursor: pointer;
 
+    &:hover {
+        -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.256862745098039);
+        -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.256862745098039);
+        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.256862745098039);
+    }
+
     .img {
         width: 366px;
         height: 244px;
diff --git a/src/components/public/public-list-item.vue b/src/components/public/public-list-item.vue
index a10cd38..9a823a3 100644
--- a/src/components/public/public-list-item.vue
+++ b/src/components/public/public-list-item.vue
@@ -24,7 +24,8 @@
                         <div class="tab-item mg-l-8 flexacenter" v-if="data.gender">
                             {{ listData.gender[data.gender] }}
                         </div>
-                        <div class="tab-item mg-l-8 flexacenter" v-if="data.rentalduration != '' && data.rentalduration != null">
+                        <div class="tab-item mg-l-8 flexacenter"
+                            v-if="data.rentalduration != '' && data.rentalduration != null">
                             {{ data.rentalduration == 0 ? '租期不限' : listData['rentalduration'][data.rentalduration] }}
                         </div>
 
@@ -345,6 +346,12 @@ img {
     position: relative;
     margin-bottom: 20px;
 
+    &:hover {
+        -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1784313725490196);
+        -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1784313725490196);
+        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1784313725490196);
+    }
+
     .mg-t-10 {
         margin-top: 10px;
     }
diff --git a/src/views/apartmentDetail.vue b/src/views/apartmentDetail.vue
index 31e4375..178a078 100644
--- a/src/views/apartmentDetail.vue
+++ b/src/views/apartmentDetail.vue
@@ -908,6 +908,10 @@ const publicJump = path => router.push(path)
                                 background-color: rgba(255, 255, 255, 0.501960784313725);
                             }
 
+                            &:hover::after {
+                                background-color: transparent;
+                            }
+
                             &.pitch {
                                 &::after {
                                     height: 0;
@@ -1061,6 +1065,10 @@ const publicJump = path => router.push(path)
                 padding: 0 17px;
                 cursor: pointer;
 
+                &:hover {
+                    color: #494848;
+                }
+
                 &.pitch {
                     background-color: #000;
                     font-weight: 650;
@@ -1100,6 +1108,12 @@ const publicJump = path => router.push(path)
                     background: linear-gradient(125.145545499706deg, rgba(98, 177, 255, 1) -11%, rgba(128, 255, 255, 1) 135%);
                     font-size: 16px;
                     color: #FFFFFF;
+
+                    &:hover {
+                        background: -webkit-linear-gradient(324.854454500294deg, rgba(128, 255, 255, 1) -11%, rgba(98, 177, 255, 1) 135%);
+                        background: -moz-linear-gradient(125.145545499706deg, rgba(128, 255, 255, 1) -11%, rgba(98, 177, 255, 1) 135%);
+                        background: linear-gradient(125.145545499706deg, rgba(128, 255, 255, 1) -11%, rgba(98, 177, 255, 1) 135%);
+                    }
                 }
             }
         }
@@ -1255,6 +1269,12 @@ const publicJump = path => router.push(path)
                             font-size: 16px;
                             color: #FFFFFF;
                             cursor: pointer;
+
+                            &:hover {
+                                background: -webkit-linear-gradient(321.966692522331deg, rgba(128, 255, 255, 1) -13%, rgba(98, 177, 255, 1) 137%);
+                                background: -moz-linear-gradient(128.033307477669deg, rgba(128, 255, 255, 1) -13%, rgba(98, 177, 255, 1) 137%);
+                                background: linear-gradient(128.033307477669deg, rgba(128, 255, 255, 1) -13%, rgba(98, 177, 255, 1) 137%);
+                            }
                         }
 
                         .full-occupancy {
diff --git a/src/views/user.vue b/src/views/user.vue
index 226f7a7..9e2bf9d 100644
--- a/src/views/user.vue
+++ b/src/views/user.vue
@@ -426,7 +426,7 @@ onUnmounted(() => {
 
         .info-right {
 
-            .operate-item:hover .btn-qrcode{
+            .operate-item:hover .btn-qrcode {
                 display: block;
             }
 
@@ -534,6 +534,10 @@ onUnmounted(() => {
             margin-right: 10px;
             cursor: pointer;
 
+            &:hover {
+                color: #000;
+            }
+
             &.pitch {
                 background-color: rgba(98, 177, 255, 1);
                 border-radius: 8px;