diff --git a/front/src/views/instructionManual/index.vue b/front/src/views/instructionManual/index.vue
index 717e8b10..6e599ca7 100644
--- a/front/src/views/instructionManual/index.vue
+++ b/front/src/views/instructionManual/index.vue
@@ -11,24 +11,20 @@
           :clickData="clickData"></abilityDocTree>
       </div>
 
-      <div class="first-title-text new-guide-box" :style="{ color: '新手指引' === titleData.name ? '#0058e1' : '' }"
-        @click="changeName({ name: '新手指引' })">
-        <div class="guide-text">新手指引</div>
+      <div class="first-title-text new-guide-box" :style="{ color: '使用手册' === titleData.name ? '#0058e1' : '' }"
+        @click="changeName({ name: '使用手册' })">
+        <div class="guide-text">使用手册</div>
       </div>
 
       <!-- 技术文档 -->
-      <div class="right" v-if="titleData.name !== '新手指引'">
+      <div class="right" v-if="titleData.name !== '使用手册'">
         <div style="height: 100%">
           <iframe name="iframeName" width="1300" height="100%" id="iframeId" :frameborder="0"
             :src="doc_base_url + clickData.doc"></iframe>
         </div>
-        <!-- 使用手册 -->
-        <div class="manual" v-if="titleData.name === '新手指引'">
-          <p>使用手册</p>
-        </div>
       </div>
     </div>
-    <menuBook v-if="titleData.name === '新手指引'"></menuBook>
+    <menuBook v-if="titleData.name === '使用手册'"></menuBook>
   </div>
 
   <home-footer v-if="footShow"></home-footer>
@@ -45,7 +41,7 @@ import HomeFooter from '@/views/newHome/components/Footer'
 
 const titleList = ref([
   {
-    name: '新手指引',
+    name: '使用手册',
     className: 'newGuide',
   },
   {
@@ -85,7 +81,7 @@ const footShow = ref(true)
 
 const changeName = (item) => {
   titleData.value = item
-  if (item.name == '新手指引') {
+  if (item.name == '使用手册') {
     footShow.value = true
     clickData.value = {}
   }
@@ -224,24 +220,14 @@ onMounted(() => {
 }
 
 .left {
-  z-index: 10;
   width: 200px;
-  padding: 20px;
-  margin-right: 20px;
-  background: rgba(244, 245, 248, 1);
-  overflow-y: scroll;
+  padding-left: 10px;
+  padding-top: 10px;
+  background: #f4f5f8;
   position: absolute;
-  top: 200px;
-  left: 20px;
-}
-
-.right {
-  width: 1300px;
-  height: calc(100% - 20px);
-  position: absolute;
-  top: 10px;
-  left: 300px;
-  min-height: 600px;
+  top: 300px;
+  left: 85px;
+  max-height: 400px;
 }
 
 .manual {
@@ -287,32 +273,16 @@ onMounted(() => {
   margin-right: 8px;
 }
 
-.doc {
-  background: url('~@/assets/capabilityCloud/doc.png') no-repeat;
-  background-size: 100%;
-}
-
 .rela {
   width: 100%;
   height: 100%;
   position: relative;
 }
 
-.newGuide {
-  background: url('~@/assets/capabilityCloud/newGuide.png') no-repeat;
-  background-size: 100%;
-}
-
 .new-menu-box {
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
 }
-
-.rela {
-  width: 100%;
-  height: 100%;
-  position: relative;
-}
 </style>