diff --git a/src/pages/index/index.module.scss b/src/pages/index/index.module.scss
index 7e2a8ef..8ab7721 100644
--- a/src/pages/index/index.module.scss
+++ b/src/pages/index/index.module.scss
@@ -90,15 +90,7 @@
     overflow: hidden;
     text-overflow: ellipsis;
   }
-}
-
-.active-child-item {
-  width: 100%;
-  float: left;
-  height: auto;
-  box-sizing: border-box;
-  padding-left: 20px;
-  .category-child-tit {
+  .act-category-child-tit {
     width: 100%;
     font-size: 14px;
     font-weight: 400;
diff --git a/src/pages/index/index.tsx b/src/pages/index/index.tsx
index d7ff20f..0f4dae0 100644
--- a/src/pages/index/index.tsx
+++ b/src/pages/index/index.tsx
@@ -163,16 +163,13 @@ const IndexPage = () => {
     return (
       <>
         {data.map((item: any) => (
-          <div
-            key={item.key}
-            className={
-              item.key === categoryId
-                ? styles["active-child-item"]
-                : styles["child-item"]
-            }
-          >
+          <div key={item.key} className={styles["child-item"]}>
             <div
-              className={styles["category-child-tit"]}
+              className={
+                item.key === categoryId
+                  ? styles["act-category-child-tit"]
+                  : styles["category-child-tit"]
+              }
               onClick={() => {
                 setCategoryId(item.key);
                 setCategoryText(item.title);