diff --git a/css/index.css b/css/index.css
index f7b14bc..cf89d54 100644
--- a/css/index.css
+++ b/css/index.css
@@ -345,6 +345,15 @@
   gap: 10px;
   opacity: 0;
   transition: all 0.3s;
+  animation: listShow 0.3s forwards;
+}
+@keyframes listShow {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
 }
 .recruit .list .list-item.active {
   opacity: 1;
diff --git a/css/index.less b/css/index.less
index 86e1452..0cf2cc0 100644
--- a/css/index.less
+++ b/css/index.less
@@ -386,6 +386,16 @@
             gap: 10px;
             opacity: 0;
             transition: all 0.3s;
+            animation: listShow 0.3s forwards;
+            @keyframes listShow {
+                0% {
+                    opacity: 0;
+                }
+
+                100% {
+                    opacity: 1;
+                }
+            }
             &.active {
                 opacity: 1;
             }