diff --git a/src/pages/index/index.jsx b/src/pages/index/index.jsx
index c42c564..df23607 100644
--- a/src/pages/index/index.jsx
+++ b/src/pages/index/index.jsx
@@ -26,7 +26,7 @@ import { AtIcon } from "taro-ui";
 const Index = () => {
   useEffect(() => {}, []);
 
-  return <View className="index">111</View>;
+  return <View className="index">11221</View>;
 };
 
 export default Index;
diff --git a/src/pages/index/index.scss b/src/pages/index/index.scss
index d4c8ec8..c38a77d 100644
--- a/src/pages/index/index.scss
+++ b/src/pages/index/index.scss
@@ -1,118 +1,15 @@
+.index {
+  width: 100vw;
+  height: 100vh;
 
-@media (min-width: 1536px) {
-  .index {
-    // padding: 100px;
-    // height: 100vh;
-    position: relative;
-    display: flex;
-    flex-direction: column;
-    // align-items: center;
-    // justify-content: center;
-    // background-color: aqua;
-    transform: rotate(-90deg);
-
-    .index_book {
-      width: 100%;
-      max-width: 1400px;
-
-      // max-width: 2000px;
-      // padding: 20px;
-      display: flex;
-      flex-direction: row;
-      align-items: center;
-      // justify-content: center;
-      justify-content: space-between;
-      background-color: #f0f5ff;
-      border-radius: 20px;
-
-      .index_book_left {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        justify-content: space-around;
-        // background-color: yellow;
-        // background-color: #69b1ff;
-        .card{
-          display: none;
-        }
-        .left_mobile {
-          display: none;
-        }
-        .left_btn {
-          display: flex;
-
-          .startRead {
-            // display: flex;
-            width: 200px;
-          }
-        }
-      }
-      .index_book_img {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        justify-content: center;
-        // background-color: yellow;
-      }
-    }
-
-    .group {
-      display: none;
-    }
-    .svgItems {
-      // width: 1400px;
-      width: 100%;
-      max-width: 1400px;
-      margin-top: 80px;
-      // padding: 0px;
-      display: flex;
-      flex-direction: row;
-      align-items: center;
-      justify-content: center;
-      // background-color: #69b1ff;
-      // background-color: yellow;
-      // background-color: brown;
-      .svgItem {
-        // min-width: 1400px;
-        width: 100%;
-        display: flex;
-        flex-direction: row;
-        align-items: center;
-        justify-content: space-around;
-        // background-color: #69b1ff;
-        .bookImg {
-          display: flex;
-          flex-direction: column;
-          align-items: center;
-          justify-content: center;
-          // background-color: yellow;
-          .bookImg_text {
-            margin-top: 20px;
-            font-size: 30px;
-          }
-        }
-      }
-    }
-
-    .index_btn {
-      .startRead {
-        display: none;
-      }
-    }
-
-    .footer {
-      // position: absolute;
-      position: fixed;
-      bottom: 0px;
-      display: flex;
-      flex-direction: row;
-      align-items: center;
-      justify-content: center;
-      width: 100%;
-      height: 60px;
-      // margin-bottom: 20px;
-      font-size: 14px;
-      background-color: yellow;
-    }
+  // PC 浏览器下旋转
+  @media (min-width: 1600px) {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 750px;  // 根据标准宽度调整
+    height: 1334px; // 保持竖屏比例
+    transform: rotate(-90deg) translate(-100vh, 0);
+    transform-origin: top left;
   }
 }