diff --git a/src/assets/css/book/home.less b/src/assets/css/book/home.less
index 45c2be87e..9854feb94 100644
--- a/src/assets/css/book/home.less
+++ b/src/assets/css/book/home.less
@@ -18,6 +18,9 @@
             .mb(20px);
             justify-content: space-between;
             align-items: flex-end;
+            &.reading {
+                .mb(0);
+            }
             .u-all {
                 cursor: pointer;
                 color: #a5a5a5;
@@ -38,6 +41,10 @@
             .bold(700);
             color: #24292e;
         }
+        .list {
+            margin: 10px 0 0 -10px;
+            padding: 10px;
+        }
     }
     .m-operate {
         .flex;
@@ -73,7 +80,7 @@
         .flex;
         align-items: center;
         overflow: auto;
-        gap:20px;
+        gap: 20px;
         .m-book-card {
             flex-shrink: 0;
         }
diff --git a/src/views/book/Index.vue b/src/views/book/Index.vue
index c5204b4e2..ead0f1c49 100644
--- a/src/views/book/Index.vue
+++ b/src/views/book/Index.vue
@@ -27,7 +27,7 @@
             <template v-if="active === 0">
                 <div v-for="(item, i) in list" :key="i" class="m-book-list">
                     <template v-if="item.list.length">
-                        <div class="u-type">
+                        <div class="u-type" :class="{ reading: item.id === 8 }">
                             <div class="u-title">
                                 【{{ item.label }}】
                                 <span