diff --git a/css/index.css b/css/index.css
index b78983d..f7b14bc 100644
--- a/css/index.css
+++ b/css/index.css
@@ -343,6 +343,11 @@
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 10px;
+  opacity: 0;
+  transition: all 0.3s;
+}
+.recruit .list .list-item.active {
+  opacity: 1;
 }
 .recruit .list .item {
   width: 565px;
diff --git a/css/index.less b/css/index.less
index c6b3e1a..86e1452 100644
--- a/css/index.less
+++ b/css/index.less
@@ -384,6 +384,11 @@
             display: grid;
             grid-template-columns: repeat(2, 1fr);
             gap: 10px;
+            opacity: 0;
+            transition: all 0.3s;
+            &.active {
+                opacity: 1;
+            }
         }
         .item {
             width: 565px;