diff --git a/front/src/assets/home/top-select.png b/front/src/assets/home/top-select.png
new file mode 100644
index 00000000..b4da3c49
Binary files /dev/null and b/front/src/assets/home/top-select.png differ
diff --git a/front/src/views/newHome/components/Navigation.vue b/front/src/views/newHome/components/Navigation.vue
index 988b11ad..1a8a2b0d 100644
--- a/front/src/views/newHome/components/Navigation.vue
+++ b/front/src/views/newHome/components/Navigation.vue
@@ -312,7 +312,7 @@
     .main {
       width: 8.8rem;
       height: 1.48rem;
-      background: rgba(255, 255, 255, 0.18);
+      // background: rgba(255, 255, 255, 0.18);
       padding: 0.2rem 0.4rem;
       border-radius: 0.02rem;
       margin-top: 1.36rem;
@@ -321,7 +321,7 @@
         justify-content: flex-start;
         span {
           cursor: pointer;
-          padding: 0.05rem 0;
+          padding: 0.1rem 0;
           width: 1.2rem;
           text-align: center;
           margin: 0 0.1rem;
@@ -345,15 +345,19 @@
         //   );
         // }
         .select {
-          background: linear-gradient(
-            to bottom,
-            rgba(255, 255, 255, 0.6) 0%,
-            rgba(61, 122, 214, 0.8) 20%,
-            rgb(50, 116, 215) 50%,
-            rgba(61, 122, 214, 0.8) 80%,
-            rgba(255, 255, 255, 0.6) 100%
-          ) !important;
-          border-radius: 0.5rem;
+          // background: linear-gradient(
+          //   to bottom,
+          //   rgba(255, 255, 255, 0.6) 0%,
+          //   rgba(31, 116, 243, 0.8) 20%,
+          //   rgba(0, 102, 255, 0.8) 50%,
+          //   rgba(61, 122, 214, 0.8) 80%,
+          //   rgba(255, 255, 255, 0.6) 100%
+          // ) !important;
+          background: url('~@/assets/home/top-select.png') no-repeat;
+          background-size: 95%;
+          background-position: 50% 40%;
+          // border-radius: 0.5rem;
+          font-weight: 600;
           // border-left: 0.02rem solid #fff;
         }
       }