diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss
index 408e98b..fb24105 100644
--- a/src/assets/styles/index.scss
+++ b/src/assets/styles/index.scss
@@ -179,6 +179,15 @@
     
   }
 }
+.other-list{
+  .book-img{
+    width: 244px;
+  }
+  .list-middle .list-item .book-info{
+    flex: 1;
+  }
+}
+
 
 .list-middle{
   flex: 1;
diff --git a/src/views/index.vue b/src/views/index.vue
index aa414f3..7b37e5d 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -45,7 +45,9 @@
       </div>
       <div class="rack-list">
         <BookListItem :list-data.sync="rackList" />
-        <BookListItem :list-data.sync="otherList" :is-other-book="true" />
+        <div class="other-list">
+          <BookListItem :list-data.sync="otherList" :is-other-book="true" />
+        </div>
       </div>
     </div>
     <!-- 新书推荐 -->