From e33672cf85da88d515d5fe6ccc0a139c3cfaa5db Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期四, 28 八月 2025 22:53:54 +0800
Subject: [PATCH] 8.28更新

---
 src/books/rehabilitationMedicineIntroduction/view/components/chapter2.vue         |    6 
 src/books/rehabilitationMedicineIntroduction/view/components/header.vue           |  220 +++--
 src/books/preventiveDentistry/assets/main.less                                    |   30 
 src/books/preventiveDentistry/view/components/index.vue                           |  100 ++
 src/books/rehabilitationMedicineIntroduction/assets/main.less                     |  712 +++++++++++++++++++-
 src/books/rehabilitationMedicineIntroduction/view/components/index.vue            |    6 
 src/books/preventiveDentistry/assets/images/zongJie.svg                           |   16 
 src/books/rehabilitationMedicineIntroduction/assets/images/bg-wyh.png             |    0 
 src/assets/methods/examination.js                                                 |  557 +++++++++++----
 src/books/preventiveDentistry/assets/examinationList.js                           |    9 
 src/books/rehabilitationMedicineIntroduction/assets/images/pageHeader.png         |    0 
 src/components/bookVideo/index.vue                                                |   14 
 src/books/rehabilitationMedicineIntroduction/assets/images/knowledgeExpansion.png |    0 
 src/components/dialogExaminations/index.vue                                       |  116 +++
 src/assets/methods/resources.js                                                   |    3 
 src/books/rehabilitationMedicineIntroduction/view/components/chapter1.vue         |  179 ++--
 src/App.vue                                                                       |   10 
 src/books/preventiveDentistry/view/components/chapter001.vue                      |   92 ++
 src/books/rehabilitationMedicineIntroduction/assets/images/learnGoal.png          |    0 
 19 files changed, 1,615 insertions(+), 455 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index e3a754e..4c7722b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -13,10 +13,10 @@
     <physicalFactorTherapyTechnology v-if="activeBook.name == 'physicalFactorTherapyTechnology'">
     </physicalFactorTherapyTechnology>
     <occupationalTherapyTechniques v-if="activeBook.name == 'occupationalTherapyTechniques'">
-    </occupationalTherapyTechniques>
+    </occupationalTherapyTechniques>-->
     <rehabilitationMedicineIntroduction v-if="activeBook.name == 'rehabilitationMedicineIntroduction'">
     </rehabilitationMedicineIntroduction>
-    <rehabilitationAssessmentTechniques v-if="activeBook.name == 'rehabilitationAssessmentTechniques'">
+    <!-- <rehabilitationAssessmentTechniques v-if="activeBook.name == 'rehabilitationAssessmentTechniques'">
     </rehabilitationAssessmentTechniques>
     <rehabilitationPsychology v-if="activeBook.name == 'rehabilitationPsychology'"></rehabilitationPsychology>
     <humanKinematicsFundamentals v-if="activeBook.name == 'humanKinematicsFundamentals'"></humanKinematicsFundamentals> -->
@@ -76,11 +76,11 @@
     // orthodontics: () => import("@/books/orthodontics/view/index.vue"),
     // physicalFactorTherapyTechnology: () => import("@/books/physicalFactorTherapyTechnology/view/index.vue"),
     // occupationalTherapyTechniques: () => import("@/books/occupationalTherapyTechniques/view/index.vue"),
-    // rehabilitationMedicineIntroduction: () => import("@/books/rehabilitationMedicineIntroduction/view/index.vue"),
+    rehabilitationMedicineIntroduction: () => import("@/books/rehabilitationMedicineIntroduction/view/index.vue"),
     // rehabilitationAssessmentTechniques: () => import("@/books/rehabilitationAssessmentTechniques/view/index.vue"),
     // rehabilitationPsychology: () => import("@/books/rehabilitationPsychology/view/index.vue"),
     // humanKinematicsFundamentals: () => import("@/books/humanKinematicsFundamentals/view/index.vue"),
-      preventiveDentistry: () => import("./books/preventiveDentistry/view/index.vue"),
+    preventiveDentistry: () => import("./books/preventiveDentistry/view/index.vue"),
     // oralImaging: () => import("./books/oralImaging/view/index.vue"),
     // clinicalDiseasesSummary: () => import("./books/clinicalDiseasesSummary/view/index.vue"),
     // digitalDentalRestorationTechnology: () => import("./books/digitalDentalRestorationTechnology/view/index.vue"),
@@ -143,6 +143,8 @@
       // oralMaxillofacialSurgery               // 20 鍙h厰棰岄潰澶栫瀛�
       // oralHistopathology                     // 19 鍙h厰缁勭粐鐥呯悊瀛�
       // TCMRehabilitationTechnology            // 12 涓尰搴峰鎶�鏈�
+      // rehabilitationMedicineIntroduction     // 6  搴峰鍖诲瀵艰(w)
+      // rehabilitationAssessmentTechniques     // 7  搴峰璇勫畾鎶�鏈�(w)
       this.activeBook = await this.config.getBookConfig(
         process.env.VUE_APP_RESOURCE_CTX +
         (process.env.VUE_APP_ENV == "product"
diff --git a/src/assets/methods/examination.js b/src/assets/methods/examination.js
index 39764b8..984b098 100644
--- a/src/assets/methods/examination.js
+++ b/src/assets/methods/examination.js
@@ -2,7 +2,16 @@
 import { tokenKey } from "@/assets/js/config";
 import getPublicImage from "@/assets/js/middleGround/tool";
 // 鑾峰彇棰樼洰鍒楄〃
-const getQuestionList = async (page, questionList, activeBook) => {
+const getQuestionList = async (
+  page,
+  questionList,
+  activeBook,
+  bookQuestionsList
+) => {
+  if (!bookQuestionsList || !Array.isArray(bookQuestionsList) || bookQuestionsList.length === 0) {
+    console.warn("getQuestionList: 浼犲叆鐨� bookQuestionsList 涓虹┖鎴栨棤鏁堬紝灏嗚繑鍥炵┖鍒楄〃銆�");
+    return [];
+  }
   const token = localStorage.getItem(tokenKey);
   let collectList = [];
   if (token) collectList = await getCollectList(activeBook);
@@ -36,187 +45,244 @@
       catalogName: "绠�绛旈",
       infoList: [],
     },
+    {
+      catalogName: "鏉愭枡棰�",
+      infoList: [],
+    },
   ];
   let singleChoiceArr = []; // 鍗曢��
   let judgeArr = []; // 鍒ゆ柇
   let shortArr = []; // 绠�绛�
   let multipleChoiceArr = []; // 澶氶��
   let completionArr = []; // 濉┖
+  let materialArr = []; // 鏉愭枡
   // 11
-  for (let qindex = 0; qindex < questionList.length; qindex++) {
-    const qitem = questionList[qindex];
-    let query = {
-      storeInfo: activeBook.storeRefcode,
-      path: "*",
-      cmsPath: activeBook.rootCmsItemId,
-      cmsType: "*",
-      productId: activeBook.bookId,
-      queryType: "*",
-      itemIds: qitem + "",
-      itemFields: {
-        Embedded_QuestionBank_Stem: [],
-        Embedded_QuestionBank_AnalysisCon: [],
-        Embedded_QuestionBank_Answer: [],
-        Embedded_QuestionBank_Option: [],
-        Embedded_QuestionBank_QuestionType: [],
-        Embedded_QuestionBank_StemStyle: [],
-        Embedded_QuestionBank_OptionStyle: [],
-        Embedded_QuestionBank_KnowledgePoint: [],
-        Embedded_QuestionBank_Difficulty: [],
-      },
-    };
-    const res = await MG.store.getProductDetail(query);
-    if (!res.datas) return false;
-    res.datas.cmsDatas[0].datas.forEach((item, index) => {
-      let oldObj = {};
-      if (oldList) {
-        oldObj = oldList.find((item) => item.id == qitem);
-      }
-      const questionObj = {
-        number: index + 1, // 棰樺彿
-        id: item.id,
-        stem:
-          item.Embedded_QuestionBank_QuestionType == "completion"
-            ? JSON.parse(item.Embedded_QuestionBank_Stem)
-                .stemTxt.replaceAll("<vacancy>", ",input,")
-                .split(",")
-            : JSON.parse(item.Embedded_QuestionBank_Stem), // 棰樺共
-        answer: item.Embedded_QuestionBank_Answer, // 绛旀
-        option: item.Embedded_QuestionBank_Option
-          ? JSON.parse(item.Embedded_QuestionBank_Option)
-          : "", // 閫夋嫨棰橀�夐」
-        analysisCon: item.Embedded_QuestionBank_AnalysisCon, // 瑙f瀽
-        questionType: item.Embedded_QuestionBank_QuestionType, // 棰樺瀷
-        optionStyle: item.Embedded_QuestionBank_OptionStyle, // 閫夐」鏄剧ず绫诲瀷
-        stemStyle: item.Embedded_QuestionBank_StemStyle, // 棰樺共鏄剧ず绫诲瀷
-        difficulty: item.Embedded_QuestionBank_Difficulty
-          ? 4 - item.Embedded_QuestionBank_Difficulty
-          : 0, // 闅惧害绛夌骇
-        userAnswer: oldObj
-          ? oldObj.userAnswer
-          : item.Embedded_QuestionBank_QuestionType == "completion" ||
-            item.Embedded_QuestionBank_QuestionType == "multipleChoice"
-          ? []
-          : "",
-        isSubmit: false, // 鏌ョ湅瑙f瀽
-        isRight: null, // 鏄惁姝g‘
-        isComplete: false,
-        isCollect: collectList.indexOf(qitem) > -1 ? true : false,
-        isUnfold: "",
-      };
-      // 澶氶�夊拰濉┖绛旀鑲负鏁扮粍锛岃杞崲JSON鏍煎紡
-      if (
-        questionObj.questionType == "completion" ||
-        questionObj.questionType == "multipleChoice"
-      ) {
-        try {
-          questionObj.answer = JSON.parse(questionObj.answer);          
-        } catch (error) {
-          questionObj.answer = item.Embedded_QuestionBank_Answer;
+  for (let bindex = 0; bindex < questionList.length; bindex++) {
+    const qitem = questionList[bindex];
+    let foundItems = bookQuestionsList.find((citem) => citem.id == qitem);
+    if (
+      foundItems &&
+      foundItems.Embedded_QuestionBank_QuestionType == "material"
+    ) {
+      foundItems.childList = bookQuestionsList.filter(
+        (ditem) =>
+          ditem.productLinkInfo[0].LinkPath == foundItems.productLinkPath
+      );
+    }
+
+    let foundlist = [];
+    foundlist.push(foundItems);
+    if (foundlist.length > 0 && foundlist != undefined) {
+      foundlist.forEach((item, index) => {
+        const questionObj = handleQuestion(item, index + 1, oldList, collectList);
+        if (item.Embedded_QuestionBank_QuestionType == "judge") {
+          questionObj.type = "鍒ゆ柇棰�";
+          judgeArr.push(questionObj);
+        } else if (item.Embedded_QuestionBank_QuestionType == "singleChoice") {
+          questionObj.type = "鍗曢�夐";
+          singleChoiceArr.push(questionObj);
+        } else if (
+          item.Embedded_QuestionBank_QuestionType == "multipleChoice"
+        ) {
+          questionObj.type = "澶氶�夐";
+          multipleChoiceArr.push(questionObj);
+        } else if (item.Embedded_QuestionBank_QuestionType == "completion") {
+          questionObj.type = "濉┖棰�";
+          completionArr.push(questionObj);
+        } else if (item.Embedded_QuestionBank_QuestionType == "shortAnswer") {
+          questionObj.type = "绠�绛旈";
+          shortArr.push(questionObj);
+        } else if (item.Embedded_QuestionBank_QuestionType == "material") {
+          questionObj.type = "鏉愭枡棰�";
+          materialArr.push(questionObj);
         }
-      }
-      // 濉┖棰樻敼閫�
-      if (questionObj.questionType == "completion") {
-        let index = 0;
-        for (let i = 0; i < questionObj.stem.length; i++) {
-          const item = questionObj.stem[i];
-          if (item == "input") {
-            questionObj.stem[i] = {
-              num: index,
-              data: "input",
-            };
-            questionObj.userAnswer[index] = "";
-            index++;
-          }
-        }
-      }
-      // 鑾峰彇鍥剧墖
-      if (
-        questionObj.stemStyle == "Image" ||
-        questionObj.stemStyle == "TxtAndImage"
-      ) {
-        questionObj.stem.stemImage = getPublicImage(
-          questionObj.stem.stemImage,
-          150
-        );
-      }
-      if (
-        questionObj.optionStyle == "Image" ||
-        questionObj.optionStyle == "TxtAndImage"
-      ) {
-        questionObj.option.forEach((optionItem) => {
-          if (optionItem.img)
-            optionItem.img = getPublicImage(optionItem.img, 150);
-        });
-      }
-      // 棰樺共瀵屾枃鏈鐞�
-      if (questionObj.stemStyle == "RichText") {
-        // questionObj.option.txt = ''
-        questionObj.stem.stemTxt = questionObj.stem.stemTxt
-          .replace(
-            /\<img/gi,
-            '<img style="max-width: 300rpx !important;object-fit: contain;" class="stem-rich-img" '
-          )
-          .replace(/\<p/gi, '<p class="stem-rich-p"')
-          .replace("../file", process.env.VUE_APP_API_URL + "/file");
-      }
-      // 閫夐」瀵屾枃鏈鐞�
-      if (
-        questionObj.optionStyle == "RichText" &&
-        (questionObj.questionType == "singleChoice" ||
-          questionObj.questionType == "judge" ||
-          questionObj.questionType == "multipleChoice")
-      ) {
-        questionObj.option.forEach((item) => {
-          if (item.txt)
-            item.txt = item.txt
-              .replace(/\<img/gi, '<img class="option-rich-img"')
-              .replace(/\<p/gi, '<p class="stem-rich-p"')
-              .replace("../file", process.env.VUE_APP_API_URL + "/file");
-        });
-      }
-      // 瑙f瀽瀵屾枃鏈鐞�
-      if (
-        questionObj.analysisCon &&
-        typeof questionObj.analysisCon == "string"
-      ) {
-        questionObj.analysisCon = questionObj.analysisCon.replace(
-          /\<img/gi,
-          '<img style="max-width: 300rpx !important;object-fit: contain;" class="stem-rich-img" '
-        );
-      }
-      // 鍚姏棰樹慨鏀�
-      // if (questionObj.questionType == 'singleChoice') {
-      //   const src = this.extractSourceSrc(questionObj.stem.stemTxt)
-      //   if (src) {
-      //     questionObj.src = src
-      //     questionObj.stem.stemTxt = this.removeVideoAndAudioTags(questionObj.stem.stemTxt)
-      //   }
-      // }
-      if (item.Embedded_QuestionBank_QuestionType == "judge") {
-        questionObj.type = "鍒ゆ柇棰�";
-        judgeArr.push(questionObj);
-      } else if (item.Embedded_QuestionBank_QuestionType == "singleChoice") {
-        questionObj.type = "鍗曢�夐";
-        singleChoiceArr.push(questionObj);
-      } else if (item.Embedded_QuestionBank_QuestionType == "multipleChoice") {
-        questionObj.type = "澶氶�夐";
-        multipleChoiceArr.push(questionObj);
-      } else if (item.Embedded_QuestionBank_QuestionType == "completion") {
-        questionObj.type = "濉┖棰�";
-        completionArr.push(questionObj);
-      } else if (item.Embedded_QuestionBank_QuestionType == "shortAnswer") {
-        questionObj.type = "绠�绛旈";
-        shortArr.push(questionObj);
-      }
-    });
+      });
+    }
   }
+
+  // for (let qindex = 0; qindex < questionList.length; qindex++) {
+  //   const qitem = questionList[qindex];
+  //   let query = {
+  //     storeInfo: activeBook.storeRefcode,
+  //     path: "*",
+  //     cmsPath: activeBook.rootCmsItemId,
+  //     cmsType: "*",
+  //     productId: activeBook.bookId,
+  //     queryType: "*",
+  //     itemIds: qitem + "",
+  //     itemFields: {
+  //       Embedded_QuestionBank_Stem: [],
+  //       Embedded_QuestionBank_AnalysisCon: [],
+  //       Embedded_QuestionBank_Answer: [],
+  //       Embedded_QuestionBank_Option: [],
+  //       Embedded_QuestionBank_QuestionType: [],
+  //       Embedded_QuestionBank_StemStyle: [],
+  //       Embedded_QuestionBank_OptionStyle: [],
+  //       Embedded_QuestionBank_KnowledgePoint: [],
+  //       Embedded_QuestionBank_Difficulty: [],
+  //     },
+  //   };
+  //   const res = await MG.store.getProductDetail(query);
+  //   console.log(res.datas.cmsDatas[0].datas, "鏉愭枡棰�");
+  //   if (!res.datas) return false;
+  //   res.datas.cmsDatas[0].datas.forEach((item, index) => {
+  //     let oldObj = {};
+  //     if (oldList) {
+  //       oldObj = oldList.find((item) => item.id == qitem);
+  //     }
+  //     const questionObj = {
+  //       number: index + 1, // 棰樺彿
+  //       id: item.id,
+  //       stem:
+  //         item.Embedded_QuestionBank_QuestionType == "completion"
+  //           ? JSON.parse(item.Embedded_QuestionBank_Stem)
+  //               .stemTxt.replaceAll("<vacancy>", ",input,")
+  //               .split(",")
+  //           : JSON.parse(item.Embedded_QuestionBank_Stem), // 棰樺共
+  //       answer: item.Embedded_QuestionBank_Answer, // 绛旀
+  //       option: item.Embedded_QuestionBank_Option
+  //         ? JSON.parse(item.Embedded_QuestionBank_Option)
+  //         : "", // 閫夋嫨棰橀�夐」
+  //       analysisCon: item.Embedded_QuestionBank_AnalysisCon, // 瑙f瀽
+  //       questionType: item.Embedded_QuestionBank_QuestionType, // 棰樺瀷
+  //       optionStyle: item.Embedded_QuestionBank_OptionStyle, // 閫夐」鏄剧ず绫诲瀷
+  //       stemStyle: item.Embedded_QuestionBank_StemStyle, // 棰樺共鏄剧ず绫诲瀷
+  //       difficulty: item.Embedded_QuestionBank_Difficulty
+  //         ? 4 - item.Embedded_QuestionBank_Difficulty
+  //         : 0, // 闅惧害绛夌骇
+  //       userAnswer: oldObj
+  //         ? oldObj.userAnswer
+  //         : item.Embedded_QuestionBank_QuestionType == "completion" ||
+  //           item.Embedded_QuestionBank_QuestionType == "multipleChoice"
+  //         ? []
+  //         : "",
+  //       isSubmit: false, // 鏌ョ湅瑙f瀽
+  //       isRight: null, // 鏄惁姝g‘
+  //       isComplete: false,
+  //       isCollect: collectList.indexOf(qitem) > -1 ? true : false,
+  //       isUnfold: "",
+  //     };
+
+  //     console.log(item, "鏉愭枡棰�");
+
+  //     // 澶氶�夊拰濉┖绛旀鑲负鏁扮粍锛岃杞崲JSON鏍煎紡
+  //     if (
+  //       questionObj.questionType == "completion" ||
+  //       questionObj.questionType == "multipleChoice"
+  //     ) {
+  //       try {
+  //         questionObj.answer = JSON.parse(questionObj.answer);
+  //       } catch (error) {
+  //         questionObj.answer = item.Embedded_QuestionBank_Answer;
+  //       }
+  //     }
+  //     // 濉┖棰樻敼閫�
+  //     if (questionObj.questionType == "completion") {
+  //       let index = 0;
+  //       for (let i = 0; i < questionObj.stem.length; i++) {
+  //         const item = questionObj.stem[i];
+  //         if (item == "input") {
+  //           questionObj.stem[i] = {
+  //             num: index,
+  //             data: "input",
+  //           };
+  //           questionObj.userAnswer[index] = "";
+  //           index++;
+  //         }
+  //       }
+  //     }
+  //     // 鑾峰彇鍥剧墖
+  //     if (
+  //       questionObj.stemStyle == "Image" ||
+  //       questionObj.stemStyle == "TxtAndImage"
+  //     ) {
+  //       questionObj.stem.stemImage = getPublicImage(
+  //         questionObj.stem.stemImage,
+  //         150
+  //       );
+  //     }
+  //     if (
+  //       questionObj.optionStyle == "Image" ||
+  //       questionObj.optionStyle == "TxtAndImage"
+  //     ) {
+  //       questionObj.option.forEach((optionItem) => {
+  //         if (optionItem.img)
+  //           optionItem.img = getPublicImage(optionItem.img, 150);
+  //       });
+  //     }
+  //     // 棰樺共瀵屾枃鏈鐞�
+  //     if (questionObj.stemStyle == "RichText") {
+  //       // questionObj.option.txt = ''
+  //       questionObj.stem.stemTxt = questionObj.stem.stemTxt
+  //         .replace(
+  //           /\<img/gi,
+  //           '<img style="max-width: 300rpx !important;object-fit: contain;" class="stem-rich-img" '
+  //         )
+  //         .replace(/\<p/gi, '<p class="stem-rich-p"')
+  //         .replace("../file", process.env.VUE_APP_API_URL + "/file");
+  //     }
+  //     // 閫夐」瀵屾枃鏈鐞�
+  //     if (
+  //       questionObj.optionStyle == "RichText" &&
+  //       (questionObj.questionType == "singleChoice" ||
+  //         questionObj.questionType == "judge" ||
+  //         questionObj.questionType == "multipleChoice")
+  //     ) {
+  //       questionObj.option.forEach((item) => {
+  //         if (item.txt)
+  //           item.txt = item.txt
+  //             .replace(/\<img/gi, '<img class="option-rich-img"')
+  //             .replace(/\<p/gi, '<p class="stem-rich-p"')
+  //             .replace("../file", process.env.VUE_APP_API_URL + "/file");
+  //       });
+  //     }
+  //     // 瑙f瀽瀵屾枃鏈鐞�
+  //     if (
+  //       questionObj.analysisCon &&
+  //       typeof questionObj.analysisCon == "string"
+  //     ) {
+  //       questionObj.analysisCon = questionObj.analysisCon.replace(
+  //         /\<img/gi,
+  //         '<img style="max-width: 300rpx !important;object-fit: contain;" class="stem-rich-img" '
+  //       );
+  //     }
+  //     // 鍚姏棰樹慨鏀�
+  //     // if (questionObj.questionType == 'singleChoice') {
+  //     //   const src = this.extractSourceSrc(questionObj.stem.stemTxt)
+  //     //   if (src) {
+  //     //     questionObj.src = src
+  //     //     questionObj.stem.stemTxt = this.removeVideoAndAudioTags(questionObj.stem.stemTxt)
+  //     //   }
+  //     // }
+
+  //     if (item.Embedded_QuestionBank_QuestionType == "judge") {
+  //       questionObj.type = "鍒ゆ柇棰�";
+  //       judgeArr.push(questionObj);
+  //     } else if (item.Embedded_QuestionBank_QuestionType == "singleChoice") {
+  //       questionObj.type = "鍗曢�夐";
+  //       singleChoiceArr.push(questionObj);
+  //     } else if (item.Embedded_QuestionBank_QuestionType == "multipleChoice") {
+  //       questionObj.type = "澶氶�夐";
+  //       multipleChoiceArr.push(questionObj);
+  //     } else if (item.Embedded_QuestionBank_QuestionType == "completion") {
+  //       questionObj.type = "濉┖棰�";
+  //       completionArr.push(questionObj);
+  //     } else if (item.Embedded_QuestionBank_QuestionType == "shortAnswer") {
+  //       questionObj.type = "绠�绛旈";
+  //       shortArr.push(questionObj);
+  //     } else if (item.Embedded_QuestionBank_QuestionType == "material") {
+  //       questionObj.type = "鏉愭枡棰�";
+  //       materialArr.push(questionObj);
+  //     }
+  //   });
+  // }
   // 22
   cardList[0].infoList = singleChoiceArr;
   cardList[1].infoList = judgeArr;
   cardList[2].infoList = multipleChoiceArr;
   cardList[3].infoList = completionArr;
   cardList[4].infoList = shortArr;
+  cardList[5].infoList = materialArr;
   for (let index = 0; index < cardList.length; index++) {
     const item = cardList[index];
     for (let cindex = 0; cindex < item.infoList.length; cindex++) {
@@ -226,6 +292,163 @@
   }
   return cardList.filter((item) => item.infoList.length > 0);
 };
+
+// 澶勭悊棰樼洰閫昏緫
+const handleQuestion = (item, index, oldList, collectList) => {
+  // 娉ㄦ剰锛氳繖閲岀殑 qitem 搴旇鏄� item.id锛屾垜鍋囪浣犲師鏉ョ殑浠g爜閲� qitem 灏辨槸褰撳墠 item 鐨� id
+  const qitem = item.id;
+  let oldObj = {};
+  if (oldList) {
+    oldObj = oldList.find((oldItem) => oldItem.id == qitem);
+  }
+  // 1. 鏋勫缓 questionObj 鐨勫熀纭�缁撴瀯
+  const questionObj = {
+    number: index + 1, // 棰樺彿
+    id: item.id,
+    stem:
+      item.Embedded_QuestionBank_QuestionType == "completion"
+        ? JSON.parse(item.Embedded_QuestionBank_Stem)
+          .stemTxt.replaceAll("<vacancy>", ",input,")
+          .split(",")
+        : JSON.parse(item.Embedded_QuestionBank_Stem), // 棰樺共
+    answer: item.Embedded_QuestionBank_Answer, // 绛旀
+    option: item.Embedded_QuestionBank_Option
+      ? JSON.parse(item.Embedded_QuestionBank_Option)
+      : "", // 閫夋嫨棰橀�夐」
+    analysisCon: item.Embedded_QuestionBank_AnalysisCon, // 瑙f瀽
+    questionType: item.Embedded_QuestionBank_QuestionType, // 棰樺瀷
+    optionStyle: item.Embedded_QuestionBank_OptionStyle, // 閫夐」鏄剧ず绫诲瀷
+    stemStyle: item.Embedded_QuestionBank_StemStyle, // 棰樺共鏄剧ず绫诲瀷
+    difficulty: item.Embedded_QuestionBank_Difficulty
+      ? 4 - item.Embedded_QuestionBank_Difficulty
+      : 0, // 闅惧害绛夌骇
+    userAnswer: oldObj
+      ? oldObj.userAnswer
+      : item.Embedded_QuestionBank_QuestionType == "completion" ||
+        item.Embedded_QuestionBank_QuestionType == "multipleChoice"
+        ? []
+        : "",
+    isSubmit: false, // 鏌ョ湅瑙f瀽
+    isRight: null, // 鏄惁姝g‘
+    isComplete: false,
+    isCollect: collectList.indexOf(qitem) > -1 ? true : false,
+    isUnfold: "",
+  };
+
+
+
+  // 2. 澶勭悊澶氶�夊拰濉┖棰樼殑绛旀锛圝SON鏍煎紡杞崲锛�
+  if (
+    questionObj.questionType == "completion" ||
+    questionObj.questionType == "multipleChoice"
+  ) {
+    try {
+      questionObj.answer = JSON.parse(questionObj.answer);
+    } catch (error) {
+      console.error("瑙f瀽绛旀澶辫触:", error, item);
+      questionObj.answer = item.Embedded_QuestionBank_Answer; // 瑙f瀽澶辫触鍒欎繚鐣欏師鏍�
+    }
+  }
+
+  // 3. 濉┖棰樻敼閫�
+  if (questionObj.questionType == "completion") {
+    let inputIndex = 0; // 浣跨敤鏇村叿鎻忚堪鎬х殑鍙橀噺鍚�
+    for (let i = 0; i < questionObj.stem.length; i++) {
+      const stemPart = questionObj.stem[i]; // 浣跨敤鏇村叿鎻忚堪鎬х殑鍙橀噺鍚�
+      if (stemPart == "input") {
+        questionObj.stem[i] = {
+          num: inputIndex,
+          data: "input",
+        };
+        // 纭繚 userAnswer 鏄暟缁勪笖闀垮害瓒冲
+        if (!Array.isArray(questionObj.userAnswer)) {
+          questionObj.userAnswer = [];
+        }
+        questionObj.userAnswer[inputIndex] = "";
+        inputIndex++;
+      }
+    }
+  }
+
+  // 4. 鏉愭枡棰樺鐞� (鏍稿績閫掑綊鐐�)
+  if (questionObj.questionType == "material" && Array.isArray(item.childList)) {
+
+    // 閬嶅巻瀛愰鐩垪琛紝骞跺姣忎竴涓瓙椤归�掑綊璋冪敤 processQuestionItem
+    questionObj.childList = item.childList.map((childItem, childIndex) => {
+      // 瀛愰鐩�氬父涓嶉渶瑕� oldList 鍜� collectList锛屼絾涓轰簡閫昏緫缁熶竴锛屽彲浠ヤ紶鍏�
+      // 濡傛灉瀛愰鐩篃闇�瑕佺嫭绔嬬殑浣滅瓟鐘舵�佸拰鏀惰棌鐘舵�侊紝鍒欓渶瑕佽皟鏁� oldList 鍜� collectList 鐨勭粨鏋�
+      // 杩欓噷鍋囪瀹冧滑涓嶉渶瑕侊紝鎴栬�呯敱鐖剁骇鏉愭枡棰樼粺涓�绠$悊
+      return handleQuestion(childItem, childIndex + 1, null, []);
+    });
+  }
+
+  // 5. 鑾峰彇鍥剧墖
+  if (
+    questionObj.stemStyle == "Image" ||
+    questionObj.stemStyle == "TxtAndImage"
+  ) {
+    // 纭繚 stem 鏄竴涓璞′笖鏈� stemImage 灞炴��
+    if (questionObj.stem && typeof questionObj.stem === 'object' && questionObj.stem.stemImage) {
+      questionObj.stem.stemImage = getPublicImage(
+        questionObj.stem.stemImage,
+        150
+      );
+    }
+  }
+  if (
+    questionObj.optionStyle == "Image" ||
+    questionObj.optionStyle == "TxtAndImage"
+  ) {
+    questionObj.option.forEach((optionItem) => {
+      if (optionItem.img)
+        optionItem.img = getPublicImage(optionItem.img, 150);
+    });
+  }
+
+  // 6. 棰樺共瀵屾枃鏈鐞�
+  if (questionObj.stemStyle == "RichText") {
+    // 纭繚 stem 鏄竴涓璞′笖鏈� stemTxt 灞炴��
+    if (questionObj.stem && typeof questionObj.stem === 'object' && questionObj.stem.stemTxt) {
+      questionObj.stem.stemTxt = questionObj.stem.stemTxt
+        .replace(
+          /\<img/gi,
+          '<img style="max-width: 300rpx !important;object-fit: contain;" class="stem-rich-img" '
+        )
+        .replace(/\<p/gi, '<p class="stem-rich-p"')
+        .replace("../file", process.env.VUE_APP_API_URL + "/file");
+    }
+  }
+
+  // 7. 閫夐」瀵屾枃鏈鐞�
+  if (
+    questionObj.optionStyle == "RichText" &&
+    (questionObj.questionType == "singleChoice" ||
+      questionObj.questionType == "judge" ||
+      questionObj.questionType == "multipleChoice")
+  ) {
+    questionObj.option.forEach((optItem) => { // 浣跨敤鏇村叿鎻忚堪鎬х殑鍙橀噺鍚�
+      if (optItem.txt)
+        optItem.txt = optItem.txt
+          .replace(/\<img/gi, '<img class="option-rich-img"')
+          .replace(/\<p/gi, '<p class="stem-rich-p"')
+          .replace("../file", process.env.VUE_APP_API_URL + "/file");
+    });
+  }
+
+  // 8. 瑙f瀽瀵屾枃鏈鐞�
+  if (
+    questionObj.analysisCon &&
+    typeof questionObj.analysisCon == "string"
+  ) {
+    questionObj.analysisCon = questionObj.analysisCon.replace(
+      /\<img/gi,
+      '<img style="max-width: 300rpx !important;object-fit: contain;" class="stem-rich-img" '
+    );
+  }
+
+  return questionObj;
+};
+
 // 鑾峰彇鏀惰棌鍒楄〃
 const getCollectList = async (activeBook) => {
   const allCollect = [
diff --git a/src/assets/methods/resources.js b/src/assets/methods/resources.js
index 7f245ad..2413503 100644
--- a/src/assets/methods/resources.js
+++ b/src/assets/methods/resources.js
@@ -1,7 +1,7 @@
 import fileApi from "@/assets/js/middleGround/api/file";
 import identityApi from "../js/middleGround/api/identity";
 import { tokenKey } from "../js/config";
-export const getResourcePath = async (md5, appRefCode = "jingshieke") => {
+export const getResourcePath = async (md5, appRefCode = "PUMC") => {
   // const res = fileApi.getAliVod({
   //   md5,
   //   appRefCode,
@@ -16,7 +16,6 @@
     md5,
     appRefCode,
   });
-  console.log("res", res);
   if (typeof res === "string" && res.includes("http")) {
     return res;
   } else if (typeof res === "object" && res.data != "") {
diff --git a/src/books/preventiveDentistry/assets/examinationList.js b/src/books/preventiveDentistry/assets/examinationList.js
new file mode 100644
index 0000000..2fa0ec5
--- /dev/null
+++ b/src/books/preventiveDentistry/assets/examinationList.js
@@ -0,0 +1,9 @@
+const testData = {
+  2: {
+    18: [
+      1071, 1072, 1073, 1074, 1075, 1076, 1077, 1078, 21987,
+    ],
+  },
+};
+
+export default testData;
diff --git a/src/books/preventiveDentistry/assets/images/zongJie.svg b/src/books/preventiveDentistry/assets/images/zongJie.svg
index d354f5e..188b8ec 100644
--- a/src/books/preventiveDentistry/assets/images/zongJie.svg
+++ b/src/books/preventiveDentistry/assets/images/zongJie.svg
@@ -1 +1,15 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1755139571356" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="14731" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><path d="M579.2 659.2c6.4-9.6 12.8-19.2 16-28.8l28.8 19.2c-16 25.6-32 48-51.2 70.4l48-6.4c0 9.6 0 19.2 3.2 28.8-32 3.2-64 9.6-92.8 19.2-3.2-9.6-6.4-22.4-9.6-32 9.6-3.2 16-9.6 22.4-16 9.6-6.4 16-16 22.4-25.6-25.6 3.2-32 3.2-35.2 6.4-3.2-6.4-6.4-22.4-9.6-32 6.4-3.2 12.8-9.6 16-16 16-22.4 25.6-44.8 35.2-70.4l32 12.8c-12.8 25.6-25.6 48-41.6 70.4h16z m-64 128c35.2-3.2 70.4-9.6 105.6-19.2l3.2 28.8c-35.2 6.4-73.6 16-102.4 22.4l-6.4-32z m195.2-147.2v28.8h51.2v32h-134.4v-32h51.2V640h-57.6v-32h57.6v-32h35.2v32h57.6v32h-60.8z m-80 80h121.6v108.8h-32v-9.6h-57.6v12.8h-32v-112z m32 28.8v38.4h57.6v-38.4h-57.6zM236.8 537.6c12.8-19.2 19.2-38.4 22.4-60.8l32 6.4c-3.2 22.4-9.6 44.8-22.4 67.2l-32-12.8z m121.6-80H272v-92.8h41.6c-6.4-16-12.8-28.8-22.4-38.4l28.8-12.8c12.8 12.8 22.4 28.8 28.8 44.8l-16 6.4H384c9.6-16 19.2-32 25.6-51.2l32 12.8c-6.4 12.8-16 25.6-22.4 38.4h38.4v92.8h-89.6c16 9.6 28.8 22.4 41.6 35.2l-22.4 19.2c-12.8-16-28.8-28.8-44.8-41.6l16-12.8z m41.6 73.6c12.8 0 16-3.2 16-25.6 9.6 6.4 19.2 9.6 28.8 12.8-3.2 32-12.8 41.6-44.8 41.6h-51.2c-38.4 0-51.2-9.6-51.2-38.4v-51.2h35.2v48c0 9.6 3.2 9.6 19.2 9.6l48 3.2z m-92.8-102.4H416v-35.2H307.2v35.2z m147.2 41.6c16 19.2 28.8 38.4 38.4 60.8l-28.8 12.8c-9.6-22.4-19.2-41.6-35.2-60.8l25.6-12.8z"  p-id="14732"></path><path d="M825.6 960H204.8c-38.4 0-67.2-32-67.2-67.2V204.8c0-38.4 32-67.2 67.2-67.2h121.6c19.2 0 35.2 16 35.2 35.2s-16 35.2-35.2 35.2H204.8V896h617.6V204.8h-112c-19.2 0-35.2-16-35.2-35.2s16-35.2 35.2-35.2h112c38.4 0 67.2 32 67.2 67.2v688c3.2 38.4-28.8 70.4-64 70.4z" fill="#000333" p-id="14733"></path><path d="M636.8 272h-240c-57.6 0-102.4-44.8-102.4-102.4s44.8-102.4 102.4-102.4h240c57.6 0 102.4 44.8 102.4 102.4s-48 102.4-102.4 102.4z m-243.2-137.6c-19.2 0-35.2 16-35.2 35.2s16 35.2 35.2 35.2h240c19.2 0 35.2-16 35.2-35.2s-16-35.2-35.2-35.2h-240z"  p-id="14734"></path></svg>
\ No newline at end of file
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg t="1755139571356" class="icon" viewBox="0 0 1024 1024" version="1.1"
+    xmlns="http://www.w3.org/2000/svg" p-id="14731" xmlns:xlink="http://www.w3.org/1999/xlink"
+    width="32" height="32">
+    <path
+        d="M579.2 659.2c6.4-9.6 12.8-19.2 16-28.8l28.8 19.2c-16 25.6-32 48-51.2 70.4l48-6.4c0 9.6 0 19.2 3.2 28.8-32 3.2-64 9.6-92.8 19.2-3.2-9.6-6.4-22.4-9.6-32 9.6-3.2 16-9.6 22.4-16 9.6-6.4 16-16 22.4-25.6-25.6 3.2-32 3.2-35.2 6.4-3.2-6.4-6.4-22.4-9.6-32 6.4-3.2 12.8-9.6 16-16 16-22.4 25.6-44.8 35.2-70.4l32 12.8c-12.8 25.6-25.6 48-41.6 70.4h16z m-64 128c35.2-3.2 70.4-9.6 105.6-19.2l3.2 28.8c-35.2 6.4-73.6 16-102.4 22.4l-6.4-32z m195.2-147.2v28.8h51.2v32h-134.4v-32h51.2V640h-57.6v-32h57.6v-32h35.2v32h57.6v32h-60.8z m-80 80h121.6v108.8h-32v-9.6h-57.6v12.8h-32v-112z m32 28.8v38.4h57.6v-38.4h-57.6zM236.8 537.6c12.8-19.2 19.2-38.4 22.4-60.8l32 6.4c-3.2 22.4-9.6 44.8-22.4 67.2l-32-12.8z m121.6-80H272v-92.8h41.6c-6.4-16-12.8-28.8-22.4-38.4l28.8-12.8c12.8 12.8 22.4 28.8 28.8 44.8l-16 6.4H384c9.6-16 19.2-32 25.6-51.2l32 12.8c-6.4 12.8-16 25.6-22.4 38.4h38.4v92.8h-89.6c16 9.6 28.8 22.4 41.6 35.2l-22.4 19.2c-12.8-16-28.8-28.8-44.8-41.6l16-12.8z m41.6 73.6c12.8 0 16-3.2 16-25.6 9.6 6.4 19.2 9.6 28.8 12.8-3.2 32-12.8 41.6-44.8 41.6h-51.2c-38.4 0-51.2-9.6-51.2-38.4v-51.2h35.2v48c0 9.6 3.2 9.6 19.2 9.6l48 3.2z m-92.8-102.4H416v-35.2H307.2v35.2z m147.2 41.6c16 19.2 28.8 38.4 38.4 60.8l-28.8 12.8c-9.6-22.4-19.2-41.6-35.2-60.8l25.6-12.8z"
+        fill="#159a97" p-id="14732"></path>
+    <path
+        d="M825.6 960H204.8c-38.4 0-67.2-32-67.2-67.2V204.8c0-38.4 32-67.2 67.2-67.2h121.6c19.2 0 35.2 16 35.2 35.2s-16 35.2-35.2 35.2H204.8V896h617.6V204.8h-112c-19.2 0-35.2-16-35.2-35.2s16-35.2 35.2-35.2h112c38.4 0 67.2 32 67.2 67.2v688c3.2 38.4-28.8 70.4-64 70.4z"
+        fill="#159a97" p-id="14733"></path>
+    <path
+        d="M636.8 272h-240c-57.6 0-102.4-44.8-102.4-102.4s44.8-102.4 102.4-102.4h240c57.6 0 102.4 44.8 102.4 102.4s-48 102.4-102.4 102.4z m-243.2-137.6c-19.2 0-35.2 16-35.2 35.2s16 35.2 35.2 35.2h240c19.2 0 35.2-16 35.2-35.2s-16-35.2-35.2-35.2h-240z"
+        fill="#159a97" p-id="14734"></path>
+</svg>
\ No newline at end of file
diff --git a/src/books/preventiveDentistry/assets/main.less b/src/books/preventiveDentistry/assets/main.less
index b4225f2..757297d 100644
--- a/src/books/preventiveDentistry/assets/main.less
+++ b/src/books/preventiveDentistry/assets/main.less
@@ -230,17 +230,22 @@
         padding-left: 10%;
         display: flex;
         align-self: center;
-        cursor: pointer;
 
         img {
             width: 30px;
             margin-right: 5px;
         }
 
-        &:hover {
-            color: #00918e;
-            text-decoration: underline;
+        span {
+            cursor: pointer;
+
+            &:hover {
+                color: #00918e;
+                text-decoration: underline;
+            }
         }
+
+
     }
 
     .knowledgeExpansion-img {
@@ -1709,9 +1714,20 @@
         margin-top: 1.1em;
     }
 
-
-
     /*缁撴潫*/
+
+    .textarea-box {
+        font-size: 1em;
+        font-family: "Noto Sans SC";
+        width: 93%;
+        max-width: 93%;
+        border-color: #e9f2f3;
+
+        &:focus {
+            border-color: #40a8aa;
+            outline: none;
+        }
+    }
 }
 
 .pdfModal {
@@ -1721,6 +1737,7 @@
     .pdfBox-component {
         width: 100%;
         height: 100%;
+        overflow-y: auto;
         position: relative;
 
         .preview {
@@ -1795,6 +1812,7 @@
     }
 }
 
+
 .custom-dialog {
     overflow: hidden !important;
 
diff --git a/src/books/preventiveDentistry/view/components/chapter001.vue b/src/books/preventiveDentistry/view/components/chapter001.vue
index 83f6234..d630f51 100644
--- a/src/books/preventiveDentistry/view/components/chapter001.vue
+++ b/src/books/preventiveDentistry/view/components/chapter001.vue
@@ -48,10 +48,13 @@
               <p class="content">
                 璇蜂粠涓夌骇棰勯槻绛栫暐鐨勮搴︿负瀹堕暱鍒惰涓�浠介緥鐥呴闃茬殑椤圭洰涔︺��
               </p>
+              <p class="content">
+                <textarea class="textarea-box" v-model="questionData.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
+                  @change="setQuestionData"></textarea>
+              </p>
             </div>
           </div>
-
-          <div class="knowledgeExpansion" @click="toUrl(getResourceInfo('A1', 'md5'), '鏁欏璇句欢')">
+          <div class="knowledgeExpansion" @click="toUrl(getResourceInfo('A1'))">
             <div class="questionBank">
               <img src="../../assets/images/sanJiao.svg" alt="" />
               <span>鏁欏璇句欢</span>
@@ -61,8 +64,7 @@
               <span>鏁欏璇句欢</span>
             </div>
           </div>
-
-          <p class="center mb-30">
+          <p class="center mb-30 pt-70">
             <img class="g-pic" src="../../assets/images/0023_04.jpg" alt="" />
           </p>
           <p class="content">
@@ -81,7 +83,7 @@
           <h3 class="thirdTitle pt-70 mb-40">
             绗竴鑺�&nbsp;&nbsp;&nbsp;&nbsp;鍙h厰棰勯槻鍖诲鐨勫熀鏈杩�
           </h3>
-          <bookVideo :videoInfo="getResourceInfo('Z17')"  :BookId="config.activeBook.bookId"></bookVideo>
+          <bookVideo :videoInfo="getResourceInfo('Z17')" :BookId="config.activeBook.bookId"></bookVideo>
           <h4 class="fourthTitle">涓�銆佸彛鑵旈闃插尰瀛︾殑瀹氫箟</h4>
           <p class="content">
             鍙h厰棰勯槻鍖诲鏄竴闂ㄩ�氳繃鏈夌粍缁囨�х殑绀句細鍔姏锛岄闃插彛鑵旂柧鐥咃紝缁存姢鍙h厰鍋ュ悍鍙婃彁楂樼敓鍛借川閲忕殑绉戝銆傚彛鑵旈闃插尰瀛︽槸鍙h厰鍖诲鐨勪竴闂ㄥ垎鏀绉戝拰閲嶈缁勬垚閮ㄥ垎锛屽畠浠ヤ汉缇や负涓昏鐮旂┒瀵硅薄锛屽簲鐢ㄧ敓鐗╁銆佺幆澧冨尰瀛︺�侀闃插尰瀛︺�佷复搴婂尰瀛﹀強绀句細鍖诲鐨勭悊璁哄拰鏂规硶锛岀爺绌跺彛鑵斿仴搴峰強鍏跺奖鍝嶅洜绱犮�侀闃插彛鑵旂柧鐥呯殑鎺柦鍙婂绛栵紝杈惧埌棰勯槻鍙h厰鐤剧梾銆佷績杩涘彛鑵斿仴搴峰強鎻愰珮鐢熷懡璐ㄩ噺鐨勭洰鐨勩��
@@ -134,8 +136,7 @@
             浠庡彛鑵旈闃插尰瀛﹀彂灞曞巻绋嬬湅锛屽ぇ鑷村彲鍒嗕负3涓樁娈碉細鍘熷鍚挋鏃朵唬銆佺瀛﹀熀纭�褰㈡垚鏃朵唬銆佸彛鑵旈闃插尰瀛﹁癁鐢熶笌鍙戝睍鏃朵唬銆�
           </p>
           <h4 class="fourthTitle">涓�銆佸師濮嬪惎钂欐椂鏈�</h4>
-          <div class="theme-color">123</div>
-          <bookVideo  :videoInfo="getResourceInfo('Z15')" :BookId="config.activeBook.bookId"></bookVideo>
+          <bookVideo :videoInfo="getResourceInfo('Z15')" :BookId="config.activeBook.bookId"></bookVideo>
           <p class="content">
             涓崕姘戞棌鏂囧寲婧愯繙娴侀暱锛屽鍋ュ悍鐨勬帰绱㈠拰璁よ瘑宸查�炬暟鍗冨勾銆傚叕鍏冨墠绾�1400骞存澧熺敳楠ㄦ枃娓呮櫚璁拌浇浜嗚薄褰㈡枃瀛楀苟鍒绘湁浜嗏�滈娇鈥濆瓧鍜屸�滈緥鈥濆瓧銆傜敤榻垮瓧涓婇潰鍔犱竴涓皬铏潵琛ㄧず鈥滈緥鈥濆瓧锛岃涓烘槸鐢辫櫕铔�鎵�鑷达紝鑷充粖姘戦棿浠嶆湁鈥滆櫕鐗欌�濆拰鈥滆泙鐗欌�濅箣璇达紙鍥�1-1锛夈�傚彜涔︿腑杩樿杞戒簡澶氱鍙h厰鍗敓淇濆仴鐨勬柟娉曪紝濡傛急鍙c�佸捊娲ャ�佸墧鐗欍�佹彥榻跨瓑锛岄儴鍒嗘柟娉曟部鐢ㄨ嚦浠娿��
           </p>
@@ -335,7 +336,7 @@
             </div>
             <div class="knowledgeExpansion-box">
               <img src="../../assets/images/tuoZhan.svg" alt="" />
-              <span>鎷撳睍缁冧範</span>
+              <span @click="openQuestion(0)">鎷撳睍缁冧範</span>
             </div>
           </div>
           <p class="right-info fm-kt">
@@ -346,12 +347,17 @@
       </div>
     </div>
     <preView :md5="p_md5" :pdfTitle="somePdfTitleValue" ref="pdfDialogRef"></preView>
+    <dialogExaminations :cardList="interfaceQuestion" :questionIDList=questionIDList :page="questionNum"
+      :questionTitle="questionTitleMain" ref="dialogRef">
+    </dialogExaminations>
   </div>
 </template>
 
 <script>
+import testData from "../../assets/examinationList";
 import preView from "@/components/pdfview/index.vue";
 import bookVideo from "@/components/bookVideo/index.vue";
+import dialogExaminations from "@/components/dialogExaminations/index.vue";
 export default {
   props: {
     showPageList: {
@@ -361,19 +367,61 @@
       type: Function, // 鏄庣‘鎸囧畾瀹冩槸涓�涓嚱鏁�
       required: true
     },
+    interfaceQuestion: {
+      type: Array,
+      required: true,
+      default: () => [],
+    }
   },
   components: {
     preView,
     bookVideo,
+    dialogExaminations
   },
   data() {
     return {
       p_md5: "",
       somePdfTitleValue: "",
+      // 棰樼洰鐩稿叧
+      questionNum: 0,
+      questionTitleMain: "",
+      questionIDList: [],
+      chapterNum: 2,
+      cardArrayList: [],
+      examinations: [
+        {
+          questionTitleMain: "鎷撳睍缁冧範",
+          questionNum: 18,
+        },
+      ],
+      questionData: {
+        one: "",
+      },
+
     };
   },
-  mounted() { },
+  watch: {
+    interfaceQuestion: {
+      handler(newValue, oldValue) {
+        console.log('--- 瀛愮粍浠讹細interfaceQuestion 鏇存柊浜嗭紒 ---');
+        console.log('鏂板�� (newValue):', newValue);
+        console.log('鏃у�� (oldValue):', oldValue);
+        if (newValue && newValue.length > 0) {
+
+        }
+      },
+      deep: true,
+      immediate: true
+    },
+  },
+
+  mounted() {
+    console.log(this.interfaceQuestion, "interfaceQuestion");
+
+    this.getQuestionData()
+  },
   methods: {
+
     toUrl(val) {
       if (val != null) {
         this.p_md5 = val.md5;
@@ -381,6 +429,32 @@
         this.$refs.pdfDialogRef.openDialog();
       }
     },
+    setQuestionData() {
+      localStorage.setItem(
+        "preventiveDentistry-book-chapter01-questionData",
+        JSON.stringify(this.questionData)
+      );
+    },
+    getQuestionData() {
+      let questionData = localStorage.getItem("preventiveDentistry-book-chapter01-questionData");
+      if (questionData) {
+        this.questionData = JSON.parse(questionData);
+      }
+    },
+    openQuestion(num) {
+      if (num != undefined) {
+        this.questionNum = this.examinations[num].questionNum;
+        console.log(this.questionNum);
+        this.questionTitleMain = this.examinations[num].questionTitleMain;
+        console.log(this.questionTitleMain);
+        this.cardArrayList = this.interfaceQuestion;
+        console.log(this.cardArrayList);
+        this.questionIDList = testData[this.chapterNum][this.questionNum];
+        console.log(this.questionIDList);
+
+        this.$refs.dialogRef.openDialogQuestion();
+      }
+    },
   },
 };
 </script>
diff --git a/src/books/preventiveDentistry/view/components/index.vue b/src/books/preventiveDentistry/view/components/index.vue
index 832614f..bdc1a55 100644
--- a/src/books/preventiveDentistry/view/components/index.vue
+++ b/src/books/preventiveDentistry/view/components/index.vue
@@ -9,8 +9,8 @@
       transformOrigin: 'center top',
     }">
       <pageHeader v-if="showCatalogList.indexOf(1) > -1" :showPageList="loadPageList"></pageHeader>
-      <chapterOne v-if="showCatalogList.indexOf(2) > -1" :showPageList="loadPageList"
-        :getResourceInfo="resourceListFun">
+      <chapterOne v-if="showCatalogList.indexOf(2) > -1" :showPageList="loadPageList" :getResourceInfo="resourceListFun"
+        :interfaceQuestion="bookQuestionsList">
       </chapterOne>
       <chapterTwo v-if="showCatalogList.indexOf(3) > -1" :showPageList="loadPageList"
         :getResourceInfo="resourceListFun">
@@ -69,6 +69,9 @@
 import chapterTwelve from "./chapter012.vue"
 import chapterThirteen from "./chapter013.vue"
 import NoteIcon from "@/assets/images/biji.png";
+import getQuestionList from "@/assets/methods/examination";
+import testData from "../../assets/examinationList";
+import MG from "@/assets/js/middleGround/WebMiddleGroundApi";
 import _ from "lodash";
 import Swiper from "swiper/bundle";
 import "swiper/swiper-bundle.css";
@@ -94,6 +97,7 @@
       currentTime: null,
       videoList: [],
       resourceList: [],
+      bookQuestionsList: [],
     };
   },
   computed: {
@@ -152,10 +156,13 @@
         this.resourceList = newVal;
       },
     },
+    bookQuestionsList: {
+      handler(newVal, oldVal) {
+        this.bookQuestionsList = newVal;
+      },
+    }
   },
   mounted() {
-    console.log("666");
-    
     // 榛樿鍔犺浇绔犺妭
     this.showCatalogList = [1];
     // 婊氬姩鐩戝惉鑺傛祦
@@ -208,6 +215,9 @@
 
     this.getBookResourceList();
 
+    // 鑾峰彇鏁存湰涔﹂鐩�
+    this.getBookQuestionList();
+
     // 鍚姩椤电爜瑙傚療
     setTimeout(() => {
       this.initObservation();
@@ -215,7 +225,7 @@
 
     // 娴嬭瘯椤甸潰璺宠浆
     setTimeout(() => {
-      this.gotoPage(2, 14);
+      this.gotoPage(2, 18);
     }, 500);
 
     // const pageDom = (this.container ? this.container : document)
@@ -234,30 +244,64 @@
 
   },
   methods: {
-    // setZoom1() {
-    //   let scale = this.$store.state.qiankun.scale + 10;
-    //   const scrollBox = (
-    //     this.container ? this.container : document
-    //   ).querySelector(".page-main");
-    //   this.$store.commit("setZoom", scale);
-    // },
-    // setZoom2() {
-    //   let scale = this.$store.state.qiankun.scale - 10;
-    //   const scrollBox = (
-    //     this.container ? this.container : document
-    //   ).querySelector(".page-main");
-    //   this.$store.commit("setZoom", scale);
-    // },
     // 璇锋眰璧勬簮Json
-    async getBookResourceList() {
-      this.resourceList = await this.config.getBookResources(
-        process.env.VUE_APP_RESOURCE_CTX + (process.env.VUE_APP_ENV == "product"
+    getBookResourceList() {
+      this.config.getBookResources(
+        process.env.VUE_APP_RESOURCE_CTX + (process.env.VUE_APP_ENV === "product"
           ? process.env.VUE_APP_BOOK_ID
           : "preventiveDentistry")
-      );
-      console.log(this.resourceList, "resourceList");
-      
+      )
+        .then(data => {
+          this.resourceList = data;
+        })
+        .catch(error => {
+          console.error("鑾峰彇鍥句功璧勬簮鍒楄〃澶辫触:", error);
+        });
     },
+
+    // 鑾峰彇鍥句功闂鍒楄〃
+    getBookQuestionList() {
+      let query = {
+        storeInfo: this.config.activeBook.storeRefcode,
+        path: "*",
+        cmsPath: this.config.activeBook.rootCmsItemId,
+        cmsType: "*",
+        productId: this.config.activeBook.bookId,
+        queryType: "*",
+        itemFields: {
+          Embedded_QuestionBank_Stem: [],
+          Embedded_QuestionBank_AnalysisCon: [],
+          Embedded_QuestionBank_Answer: [],
+          Embedded_QuestionBank_Option: [],
+          Embedded_QuestionBank_QuestionType: [],
+          Embedded_QuestionBank_StemStyle: [],
+          Embedded_QuestionBank_OptionStyle: [],
+          Embedded_QuestionBank_KnowledgePoint: [],
+          Embedded_QuestionBank_Difficulty: [],
+        },
+      }
+      MG.store.getProductDetail(query)
+        .then(res => {
+          console.log(res.datas.cmsDatas[0].datas, "鑾峰彇bookQuestionList鎴愬姛");
+          let bookQuestionList = [];
+          if (res.datas.cmsDatas[0].datas.length > 0) {
+            res.datas.cmsDatas[0].datas.forEach(item => {
+              if (item.datas.Type === "questionBankItem") {
+                bookQuestionList.push(item);
+              }
+              if (item.id == 21987) {
+                console.log(item, "21987");
+              }
+            });
+          }
+          console.log(bookQuestionList, "bookQuestionList");
+          this.bookQuestionsList = bookQuestionList;
+        })
+        .catch(error => {
+          console.error("鑾峰彇鍥句功闂鍒楄〃澶辫触:", error);
+        });
+    },
+
     resourceListFun(id, key) {
       let data = this.resourceList.find(item => item.key == id)
       return key ? data[key] : data
@@ -609,7 +653,8 @@
             //         this.questionDataMap[page] = await getQuestionList(
             //           page,
             //           testData[catalog][page],
-            //           this.config.activeBook
+            //           this.config.activeBook,
+            //           this.bookQuestionsList,
             //         );
             //       } else {
             //         const obj = {};
@@ -617,7 +662,8 @@
             //           obj[key] = await getQuestionList(
             //             [],
             //             testData[catalog][page][key],
-            //             this.config.activeBook
+            //             this.config.activeBook,
+            //             this.bookQuestionsList,
             //           );
             //         }
             //         this.questionDataMap[page] = obj;
diff --git a/src/books/rehabilitationMedicineIntroduction/assets/images/bg-wyh.png b/src/books/rehabilitationMedicineIntroduction/assets/images/bg-wyh.png
new file mode 100644
index 0000000..ede517f
--- /dev/null
+++ b/src/books/rehabilitationMedicineIntroduction/assets/images/bg-wyh.png
Binary files differ
diff --git a/src/books/rehabilitationMedicineIntroduction/assets/images/knowledgeExpansion.png b/src/books/rehabilitationMedicineIntroduction/assets/images/knowledgeExpansion.png
new file mode 100644
index 0000000..a568b39
--- /dev/null
+++ b/src/books/rehabilitationMedicineIntroduction/assets/images/knowledgeExpansion.png
Binary files differ
diff --git a/src/books/rehabilitationMedicineIntroduction/assets/images/learnGoal.png b/src/books/rehabilitationMedicineIntroduction/assets/images/learnGoal.png
new file mode 100644
index 0000000..dda71e0
--- /dev/null
+++ b/src/books/rehabilitationMedicineIntroduction/assets/images/learnGoal.png
Binary files differ
diff --git a/src/books/rehabilitationMedicineIntroduction/assets/images/pageHeader.png b/src/books/rehabilitationMedicineIntroduction/assets/images/pageHeader.png
index 758c6dc..5e64581 100644
--- a/src/books/rehabilitationMedicineIntroduction/assets/images/pageHeader.png
+++ b/src/books/rehabilitationMedicineIntroduction/assets/images/pageHeader.png
Binary files differ
diff --git a/src/books/rehabilitationMedicineIntroduction/assets/main.less b/src/books/rehabilitationMedicineIntroduction/assets/main.less
index 69effe6..e032034 100644
--- a/src/books/rehabilitationMedicineIntroduction/assets/main.less
+++ b/src/books/rehabilitationMedicineIntroduction/assets/main.less
@@ -14,24 +14,24 @@
   }
 
   .bodystyle {
-    padding: 0 15%;
-    padding-top: 5px;
+    padding: 0 12%;
     padding-bottom: 80px;
     line-height: 30px;
     position: relative;
   }
 
   .page-header-left {
-    padding: 70px 0 0 0;
+    padding: 70px 0 20px 0;
   }
 
   .header-txt {
-    border-left: 2px solid #a11f45;
+    border-left: 2px solid #722436;
     margin-left: 12%;
     padding-left: 5px;
     line-height: 14px;
     font-size: 12px;
-    color: #a11f45;
+    color: #722436;
+    font-weight: 600;
   }
 
   .page-bottom-left {
@@ -39,7 +39,7 @@
     left: 12%;
     bottom: 60px;
     font-size: 15px;
-    font-weight: 600;
+    font-weight: 500;
   }
 
   .page-header-right {
@@ -47,6 +47,7 @@
     justify-content: end;
     align-items: center;
     padding-right: 10%;
+    padding-bottom: 20px;
     padding-top: 70px;
   }
 
@@ -62,15 +63,638 @@
 
   .page-bottom-right {
     position: absolute;
-    right: 10%;
-    bottom: 70px;
+    right: 12%;
+    bottom: 60px;
     font-size: 15px;
-    font-weight: 600;
+    font-weight: 500;
   }
 
   .img-0 {
     width: 100%;
   }
+
+
+  .mt-20 {
+    margin-top: 20px;
+  }
+
+  .mb-10 {
+    margin-bottom: 10px !important;
+  }
+
+
+  .mb-30 {
+    margin-bottom: 30px !important;
+  }
+
+  .mb-40 {
+    margin-bottom: 40px !important;
+  }
+
+  .pt-70 {
+    padding-top: 70px !important;
+  }
+
+  .pt-120 {
+    padding-top: 120px !important;
+  }
+
+
+
+
+  .mb-70 {
+    margin-bottom: 70px !important;
+  }
+
+  .mb-100 {
+    margin-bottom: 100px !important;
+  }
+
+  p {
+    margin-top: 0.2em;
+    margin-bottom: 0.2em !important;
+    text-indent: 2em;
+    line-height: 25px;
+    text-align: justify;
+  }
+
+
+
+  .center {
+    text-align: center;
+  }
+
+  .center-box {
+    width: 75%;
+    margin: 0 auto;
+  }
+
+  .center-box-one {
+    width: 50%;
+    margin: 0 auto;
+  }
+
+  .center-box-two {
+    width: 50%;
+    margin: 0 auto;
+  }
+
+  .center-box-three {
+    width: 65%;
+    margin: 0 auto;
+  }
+
+
+
+  .omit {
+    color: #722436;
+  }
+
+  .bold {
+    font-weight: bold;
+  }
+
+  .fc{
+    color: #722436;
+  }
+
+  .learnGoal {
+    background-color: #ede5e3;
+    border-radius: 10px;
+    padding-top: 30px;
+    padding-bottom: 10px;
+    margin-bottom: 30px;
+    position: relative;
+  }
+
+  .learnImg {
+    position: absolute;
+    top: -15px;
+    left: 40%;
+  }
+
+  .g-pic {
+    height: 2em;
+    vertical-align: middle;
+  }
+
+  .CaseStudy-title {
+    background-color: #91595b;
+    color: #fff;
+    padding-left: 20px;
+  }
+
+  .CaseStudy-content {
+    border: 3px solid #e9dedc;
+    padding: 5px 15px;
+  }
+
+  .knowledgeExpansion {
+    margin: 30px 0;
+    padding: 10px 0;
+    border-top: 10px solid #eadcdb;
+    border-bottom: 10px solid #eadcdb;
+    position: relative;
+  }
+
+  .questionBank {
+    position: relative;
+    line-height: 0px;
+    display: flex;
+    align-items: center;
+    top: -29px;
+    left: 30px;
+
+    img {
+      width: 13px;
+    }
+
+    span {
+      color: #00918e;
+      font-size: 14px;
+      font-weight: 600;
+      margin-left: 1px;
+    }
+
+  }
+
+  .knowledgeExpansion-box {
+    margin: 0 0 10px 0;
+    padding-left: 10%;
+    display: flex;
+    align-self: center;
+
+    img {
+      width: 30px;
+      margin-right: 5px;
+    }
+
+    span {
+      cursor: pointer;
+
+      &:hover {
+        color: #00918e;
+        text-decoration: underline;
+      }
+    }
+
+
+  }
+
+  .knowledgeExpansion-img {
+    position: absolute;
+    width: 80px;
+    top: -20px;
+    left: 25px;
+  }
+
+  .knowledgeExpansion-video {
+    padding: 0 8%;
+  }
+
+  /*<h2>浜岀骇鏍囬*/
+  h2.secondTitle {
+    text-align: center;
+    font-size: 1.35em;
+    line-height: 1.3em;
+    text-indent: 0em;
+    color: #009290;
+    margin: 15% auto 1em auto;
+
+  }
+
+  h2.secondTitle1 {
+    text-align: center;
+    font-size: 1.5em;
+    line-height: 1.3em;
+    text-indent: 0em;
+    color: #000;
+    margin: 15% auto 1em auto;
+
+  }
+
+  h4.fourthTitle {
+    font-size: 1.1em;
+    line-height: 1.3em;
+    text-indent: 2em;
+    margin-top: 1em;
+    color: #009290;
+  }
+
+  span.underline {
+    text-decoration: underline;
+    text-underline-offset: 6px;
+    text-decoration-color: #009290;
+  }
+
+
+  h1.firstTitle-l1 {
+    font-size: 2.2em;
+    line-height: 1.2em;
+    text-indent: 0em;
+    text-align: center;
+    color: #000;
+    margin: 0.3em auto 1.5em auto;
+  }
+
+
+  /*<h1>绡囩珷椤靛眳宸︿竴绾ф爣棰�*/
+  h1.firstTitle-l {
+    font-size: 26px;
+    line-height: 1.2em;
+    text-indent: 0em;
+    text-align: center;
+    color: #722436;
+    margin: 0.3em auto 1.8em auto;
+    position: relative;
+  }
+
+  .bgImg-box {
+    padding-top: 200px;
+    margin-bottom: 50px;
+    width: 100%;
+    position: relative;
+
+    .bg-wyh {
+      width: 100%;
+      margin: 0 auto;
+
+    }
+
+    .h1-title {
+      position: absolute;
+      bottom: -25px;
+      left: 18%;
+
+    }
+
+    .h1-title-center {
+      position: absolute;
+      bottom: -25px;
+      left: 12%;
+    }
+
+
+
+    .h1-title-two {
+      position: absolute;
+      bottom: -25px;
+      left: 35%;
+    }
+
+    .h1-title-three {
+      position: absolute;
+      bottom: -25px;
+      left: 41%;
+    }
+
+    .h1-title-four {
+      position: absolute;
+      bottom: -25px;
+      left: 42%;
+    }
+  }
+
+
+
+  .p-bqy {
+    line-height: 20px;
+    font-size: 12px;
+  }
+
+
+
+  /*鍥剧墖璇存槑灞呬腑鍔犵矖*/
+  .imgdescript-b {
+    font-family: "姹変华妤蜂綋", "ETrump KaiTi", "鏂规浠垮畫", "FZFSJW--GB1-0";
+    font-size: 0.95em;
+    margin: 0.3em auto;
+    text-align: center;
+    text-indent: 0em;
+    color: #00918e;
+    font-weight: bold;
+  }
+
+  /*鍥剧墖璇存槑灞呬腑*/
+  .imgdescript {
+    font-family: "姹変华妤蜂綋", "ETrump KaiTi", "鏂规浠垮畫", "FZFSJW--GB1-0";
+    font-size: 0.95em;
+    margin: 0.3em auto;
+    text-align: center;
+    text-indent: 0em;
+    color: #5A5A5A;
+  }
+
+  /*鍙充笅瑙掕鏄�*/
+  .right-info {
+    font-family: "姹変华妤蜂綋", "ETrump KaiTi", "鏂规浠垮畫", "FZFSJW--GB1-0";
+    font-size: 0.95em;
+    text-align: right;
+    margin-bottom: 0.5em;
+    color: #5A5A5A;
+  }
+
+  .fm-kt {
+    font-family: "kaiti";
+  }
+
+
+  .unitSummary {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+
+    .summary-lift {
+      padding: 15px 0;
+      background-color: #c9e1e1;
+      width: 45%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      cursor: pointer;
+
+      &:hover {
+        span {
+          color: #00918e;
+          text-decoration: underline;
+        }
+      }
+    }
+
+    .summary-right {
+      padding: 15px 0;
+      background-color: #c9e1e1;
+      width: 45%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      cursor: pointer;
+
+      &:hover {
+        span {
+          color: #00918e;
+          text-decoration: underline;
+        }
+      }
+    }
+  }
+
+
+
+
+  .img-float {
+    width: 310px;
+    float: left;
+    height: auto;
+    margin: auto;
+    margin-right: 20px;
+
+    img {
+      width: 100%;
+    }
+
+    p {
+      margin: 0;
+    }
+  }
+
+
+
+  .img-rights {
+    width: 310px;
+    float: right;
+    height: auto;
+    margin: auto;
+    margin-left: 20px;
+
+    img {
+      width: 100%;
+    }
+
+    p {
+      margin: 0 !important;
+    }
+  }
+
+
+  .w235 {
+    width: 235px;
+  }
+
+
+  .imgBox-003 {
+    width: 100%;
+    height: 280px;
+    margin-bottom: 18px;
+  }
+
+  .img-0 {
+    width: 100%;
+  }
+
+  .img-a {
+    width: 95%;
+  }
+
+  .img-b {
+    width: 70%;
+  }
+
+  .img-c {
+    width: 60%;
+  }
+
+  .img-d {
+    width: 50%;
+  }
+
+  .img-e {
+    width: 45%;
+  }
+
+  .img-f {
+    width: 40%;
+  }
+
+  .img-g {
+    width: 30%;
+  }
+
+  .img-h {
+    width: 20%;
+  }
+
+  .img-i {
+    width: 10%;
+  }
+
+  .img-j {
+    width: 5%;
+  }
+
+  .img-k {
+    width: 2%;
+  }
+
+  .w100 {
+    width: 100%;
+  }
+
+  .td-0 {
+    text-indent: 0em !important;
+  }
+
+
+  .video-box-cover {
+    border: 1px dashed #b2b2b2;
+    padding: 2% 2%;
+  }
+
+  .video-box {
+    margin: 20px 0 20px 0;
+    border: 2px dashed #00918e;
+    padding: 2% 2%;
+  }
+
+  .video-box-left {
+    margin: 20px 8% 20px 0;
+    border: 1px dashed #895B2E;
+    padding: 2% 2%;
+  }
+
+  .videoname {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+
+  .sInput {
+    width: 60px;
+    border: 0;
+    outline: none;
+    text-align: center;
+  }
+
+  .collect-btn {
+    cursor: pointer;
+    width: 20px;
+    height: 20px;
+    margin-left: 10px;
+    margin-top: 0.3%;
+  }
+
+  .fz-12 {
+    font-size: 12px;
+  }
+
+
+  .header {
+    display: flex;
+    align-items: center;
+    height: 2em;
+    font-size: 12px;
+    font-family: "Microsoft YaHei", sans-serif;
+    color: #333;
+    padding-top: 4em;
+    padding-left: 8.6em;
+    padding-bottom: 2em;
+  }
+
+  .header-divider {
+    width: 1.5px;
+    height: 1em;
+    background-color: #00918F;
+    margin: 0px 8px 0px 0px;
+  }
+
+  .header-right {
+    padding: 3px 0%;
+    /* 涓婁笅鍐呰竟璺濈‘淇濆瀭鐩村眳涓� */
+    color: #00918F;
+    line-height: 1;
+    /* 娑堥櫎琛岄珮褰卞搷 */
+    display: inline-flex;
+    /* 纭繚姘村钩灞呬腑 */
+    align-items: center;
+    /* 鍨傜洿灞呬腑 */
+    justify-content: center;
+    /* 姘村钩灞呬腑 */
+
+  }
+
+  .footer-container {
+    position: absolute;
+    bottom: 0;
+    font-family: "Times New Roman";
+    left: 694px;
+    bottom: 40px;
+    font-size: 15px;
+    font-weight: 600;
+  }
+
+  .footerstyle {
+    position: absolute;
+    bottom: 0;
+    font-family: "Times New Roman";
+    left: 100px;
+    bottom: 40px;
+    font-size: 15px;
+    font-weight: 600;
+  }
+
+
+  /* 椤电湁 */
+  .header-container {
+    padding: 15px 0;
+  }
+
+  .header-content {
+    max-width: 730px;
+    margin: 0 auto;
+    padding: 0 30px;
+    margin-top: 50px;
+    display: flex;
+    /* 寮�鍚脊鎬у竷灞�锛屽瓙鍏冪礌妯悜鎺掑垪 */
+    align-items: center;
+    /* 瀛愬厓绱犲瀭鐩村眳涓榻� */
+    justify-content: flex-end;
+    /* 鏂囧瓧灞呭乏锛屽浘鐗囧眳鍙筹紙涓ょ瀵归綈锛� */
+  }
+
+  .header-title {
+    font-size: 13px;
+    font-weight: bold;
+    text-align: right;
+    margin-bottom: 0;
+  }
+
+  .cs {
+    width: 4%;
+    margin: 0em 1em 0em 0.5em;
+  }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
   /* 2.0.0鐗堟湰*/
 
@@ -81,8 +705,9 @@
 
   /* 椤甸潰鑳屾櫙鑹�*/
   body.bodybg-color {
-    background-color: #a11f45;
+    background-color: #722436;
   }
+
   /* 鍨傜洿灞呬腑*/
   div.vertical-middle {
     padding-top: 35%;
@@ -97,6 +722,7 @@
     text-indent: 0em;
     color: #888888;
   }
+
   /*绔犳爣灞呭彸*/
   .sub-Title-r {
     text-align: left;
@@ -107,15 +733,8 @@
     color: #888888;
   }
 
-  /*<h1>绡囩珷椤靛眳宸︿竴绾ф爣棰�*/
-  h1.firstTitle-l {
-    font-size: 1.6em;
-    line-height: 1.2em;
-    text-indent: 0em;
-    text-align: left;
-    color: #a11f45;
-    margin: 0.3em auto 1.8em auto;
-  }
+
+
   /*绡囩珷椤靛壇鏍囬灞呭乏*/
   .subHead-l {
     text-align: left;
@@ -132,9 +751,10 @@
     line-height: 1.2em;
     text-indent: 0em;
     text-align: left;
-    color: #a11f45;
+    color: #722436;
     margin: 0.3em auto 1.8em auto;
   }
+
   /*绡囩珷椤靛壇鏍囬灞呭彸*/
   .subHead-r {
     font-size: 1.1em;
@@ -161,7 +781,7 @@
     text-indent: 0em;
     text-align: left;
     margin: 25% auto 2em auto;
-    color: #a11f45;
+    color: #722436;
   }
 
   /*<h1>甯﹀壇鏍囦竴绾ф爣棰�*/
@@ -171,7 +791,7 @@
     text-indent: 0em;
     text-align: left;
     margin: 25% auto 0em auto;
-    color: #a11f45;
+    color: #722436;
   }
 
   /*<h1>甯︾珷鏍囦竴绾ф爣棰�*/
@@ -181,7 +801,7 @@
     text-indent: 0em;
     text-align: left;
     margin: 0em auto 2em auto;
-    color: #a11f45;
+    color: #722436;
   }
 
   /*<h1>甯︾珷鏍囧強鍓爣涓�绾ф爣棰�*/
@@ -191,7 +811,7 @@
     text-indent: 0em;
     text-align: left;
     margin: 0em auto 0em auto;
-    color: #a11f45;
+    color: #722436;
   }
 
   /*<h2>浜岀骇鏍囬*/
@@ -199,7 +819,7 @@
     font-size: 1.35em;
     line-height: 1.3em;
     text-indent: 0em;
-    color: #a11f45;
+    color: #722436;
     margin: 10% auto 2em auto;
   }
 
@@ -208,7 +828,7 @@
     font-size: 1.35em;
     line-height: 1.3em;
     text-indent: 0em;
-    color: #a11f45;
+    color: #722436;
     margin: 0em auto 2em auto;
   }
 
@@ -217,7 +837,7 @@
     font-size: 1.35em;
     line-height: 1.3em;
     text-indent: 0em;
-    color: #a11f45;
+    color: #722436;
     margin: 25% auto 0em auto;
   }
 
@@ -226,7 +846,7 @@
     font-size: 1.35em;
     line-height: 1.3em;
     text-indent: 0em;
-    color: #a11f45;
+    color: #722436;
     margin: 0em auto 0em auto;
   }
 
@@ -234,9 +854,9 @@
   h3.thirdTitle {
     font-size: 1.2em;
     line-height: 1.3em;
-    text-indent: 0em;
+    text-indent: 2em;
     margin-top: 1em;
-    color: #a11f45;
+    color: #722436;
   }
 
   /*<h4>鍥涚骇鏍囬*/
@@ -245,7 +865,7 @@
     line-height: 1.3em;
     text-indent: 0em;
     margin-top: 1em;
-    color: #a11f45;
+    color: #722436;
   }
 
   /*<h5>浜旂骇鏍囬*/
@@ -254,7 +874,7 @@
     line-height: 1.3em;
     text-indent: 0em;
     margin-top: 1em;
-    color: #a11f45;
+    color: #722436;
   }
 
   /*<h6>鍏骇鏍囬*/
@@ -263,8 +883,9 @@
     line-height: 1.3em;
     text-indent: 0em;
     margin-top: 1em;
-    color: #a11f45;
+    color: #722436;
   }
+
   /*鏍囬浣滆�呭眳涓�*/
   .author {
     font-family: "姹変华妤蜂綋", "ETrump KaiTi", "鏂规浠垮畫", "FZFSJW--GB1-0";
@@ -275,6 +896,7 @@
     color: #5a5a5a;
     margin: -2em auto 3em auto;
   }
+
   /*鏍囬浣滆�呭眳宸�*/
   .author-l {
     font-family: "姹変华妤蜂綋", "ETrump KaiTi", "鏂规浠垮畫", "FZFSJW--GB1-0";
@@ -304,6 +926,7 @@
     margin: 20% auto 0.3em auto;
     color: #888888;
   }
+
   /*涓�绾ф爣棰樼珷鏍�*/
   .subHead-2 {
     text-align: left;
@@ -333,6 +956,7 @@
     margin: 20% auto 0.3em auto;
     color: #888888;
   }
+
   /*鐗堟潈鏍囬*/
   .copyright-title {
     font-size: 1.5em;
@@ -349,6 +973,7 @@
     text-indent: 0em;
     line-height: 1.8em;
   }
+
   /*鏂囧墠*/
   .preface {
     font-family: "姹変华妤蜂綋", "ETrump KaiTi", "鏂规浠垮畫", "FZFSJW--GB1-0";
@@ -366,6 +991,7 @@
     color: #5a5a5a;
     margin: 25% auto 0.3em auto;
   }
+
   /*姝f枃鍐呭*/
   .content {
     font-size: 1em;
@@ -407,7 +1033,7 @@
     line-height: 1.3em;
     margin: 1em auto;
     text-align: center;
-    color: #a11f45;
+    color: #722436;
     font-weight: bold;
   }
 
@@ -419,7 +1045,7 @@
     margin: 1em auto;
     text-align: left;
     text-indent: 0em;
-    color: #a11f45;
+    color: #722436;
     font-weight: bold;
   }
 
@@ -429,9 +1055,10 @@
     font-size: 1.05em;
     line-height: 1.3em;
     margin: 1em auto;
-    color: #a11f45;
+    color: #722436;
     text-indent: 2em;
     font-weight: bold;
+    margin-bottom: 10px !important;
   }
 
   /*寮曟枃鍐呭灞呭乏(寮曟枃銆佽瘲姝屻�佽瘲璇嶃�佷功淇°�佷功淇$О璋撱�佸眳鍙崇讲鍚�)*/
@@ -641,7 +1268,7 @@
 
   /*杈规*/
   .border {
-    border: 1px solid #a11f45;
+    border: 1px solid #722436;
     border-radius: 0.25em;
     padding: 0.25em;
     margin: 1em auto;
@@ -649,7 +1276,7 @@
 
   /*杈规搴曡壊*/
   .border bgColor {
-    border: 1px solid #a11f45;
+    border: 1px solid #722436;
     background: #d2d2d2;
     border-radius: 0.25em;
     padding: 0.25em;
@@ -681,6 +1308,7 @@
     float: left;
     margin-left: 4em;
   }
+
   /*琛ㄦ牸琛ㄥご*/
   .imgtitle {
     font-family: "姹変华鏃楅粦55S", "HYQiHei-55s";
@@ -688,8 +1316,10 @@
     margin: 1em auto -0.8em auto;
     text-align: center;
     text-indent: 0;
-    color: #5a5a5a;
+    font-weight: 600;
+    color: #722436;
   }
+
   /*鍥剧墖璇存槑灞呬腑*/
   .imgdescript {
     font-family: "姹変华妤蜂綋", "ETrump KaiTi", "鏂规浠垮畫", "FZFSJW--GB1-0";
@@ -709,6 +1339,7 @@
     text-indent: 2em;
     color: #5a5a5a;
   }
+
   /*鍥剧墖璇存槑灞呬腑鍔犵矖*/
   .imgdescript-b {
     font-family: "姹変华妤蜂綋", "ETrump KaiTi", "鏂规浠垮畫", "FZFSJW--GB1-0";
@@ -796,5 +1427,6 @@
   .pagebreak {
     page-break-after: always;
   }
+
   /*缁撴潫*/
-}
+}
\ No newline at end of file
diff --git a/src/books/rehabilitationMedicineIntroduction/view/components/chapter1.vue b/src/books/rehabilitationMedicineIntroduction/view/components/chapter1.vue
index 6b4889f..2900a87 100644
--- a/src/books/rehabilitationMedicineIntroduction/view/components/chapter1.vue
+++ b/src/books/rehabilitationMedicineIntroduction/view/components/chapter1.vue
@@ -4,37 +4,35 @@
         <div class="page-box" page="11">
             <div v-if="showPageList.indexOf(11) > -1">
                 <div class="bodystyle">
-                    <h1 class="firstTitle-l">绗竴绔犮��缁</h1>
-                    <div class="bodyPic"><img src="../../assets/images/0019-01.jpg" style="width:30%"  active="true" />
+                    <h1 class="firstTitle-l secondTitle mb-100 pt-120">绗竴绔犮��缁��銆�璁�</h1>
+                    <div class="learnGoal">
+                        <img class="learnImg img-h" src="../../assets/images/learnGoal.png" alt="" />
+                        <p class="center"><span class="bold fc">绱犺川鐩爣</span></p>
+                        <p class="content">鍏峰搴峰涓撲笟鎬濇兂锛屽缓绔嬪垵姝ョ殑搴峰鐞嗗康锛屼负鍚庣画鐨勪笓涓氳绋嬫墦涓嬭壇濂藉熀纭�銆�</p>
+                        <p class="center omit">........................</p>
+                        <p class="center"><span class="bold fc">鐭ヨ瘑鐩爣</span></p>
+                        <p class="content">锛�1锛夋帉鎻★細搴峰鐨勬蹇点�佸璞°�佸唴瀹癸紱搴峰鍖诲鐨勫畾涔夊強涓昏鍐呭銆�</p>
+                        <p class="content">锛�2锛夌啛鎮夛細搴峰銆佸尰瀛﹀悍澶嶄笌搴峰鍖诲鐨勫尯鍒拰鍏宠仈銆�</p>
+                        <p class="content">锛�3锛変簡瑙o細搴峰鍖诲鍙戝睍鍩虹銆佹垜鍥藉悍澶嶅尰瀛﹀彂灞曞拰鐜扮姸銆�</p>
+                        <p class="center omit">........................</p>
+                        <p class="center"><span class="bold fc">鑳藉姏鐩爣</span></p>
+                        <p class="content">鑳藉搴旂敤搴峰鐨勮瑙掔湅寰呭尰瀛﹀疄璺佃繃绋嬩腑鐨勫姛鑳介殰纰嶃��</p>
                     </div>
-                    <div class="bodyPic"><img src="../../assets/images/0019-02.jpg" style="width:30%"  active="true" />
+                    <div class="CaseStudy mb-30">
+                        <div class="CaseStudy-title">妗堜緥瀵煎叆</div>
+                        <div class="CaseStudy-content">
+                            <p class="titleQuot-1">銆愭渚嬨��</p>
+                            <p class="content">
+                                鎮h�咃紝濂筹紝53宀併�傚洜鍙宠偐閮ㄧ柤鐥涗即鍙虫墜鑲胯儉1鍛ㄥ埌鍖婚櫌灏辫瘖銆傛偅鑰�3涓湀鍓嶆棤鏄庢樉璇卞洜绐佺劧鍑虹幇鍙充晶鑲綋涓嶈兘娲诲姩锛屽浜哄彂鐜板悗绔嬪嵆閫佽嚦鎬ヨ瘖绉戙�傚叆闄㈡椂锛屾偅鑰呯蹇楁竻妤氾紝瑷�璇祦鍒╋紝鍙充晶鑲綋鑲屽姏0绾э紝鍙充晶鑲綋鑲屽紶鍔涘楂橈紝鍙充晶宸村鏂熀寰侀槼鎬с�傝瘖鏂负鑴戞姝汇�傚叆闄㈠悗缁欎簣鏀瑰杽鑴戝惊鐜�侀檷鍘嬨�佽惀鍏荤缁忕瓑娌荤枟锛岀梾鎯呴�愭笎绋冲畾锛岄仐鐣欏彸渚ц偄浣撴椿鍔ㄤ笉鍒╃棁鐘躲�傝繎1鍛ㄦ潵锛屾偅鑰呭嚭鐜板彸鑲╅儴鐤肩棝锛岃鍔ㄦ椿鍔ㄦ椂鐤肩棝鍔犻噸锛屽彸鎵嬭偪鑳�锛屽帇鐥涙槑鏄撅紝鏃犲叧鑺傜暩褰€��
+                            </p>
+                            <p class="titleQuot-1">銆愰棶棰樸��</p>
+                            <p class="content">浣滀负涓�鍚嶅悍澶嶆不鐤楀笀锛岃鎸夊浗闄呭姛鑳姐�佹畫鐤惧拰鍋ュ悍鍒嗙被浣撶郴瀵硅鎮h�呰繘琛屽悍澶嶈瘎瀹氥��</p>
+                        </div>
                     </div>
-                    <div class="bodyPic"><img src="../../assets/images/0019-03.jpg" style="width:80%"  active="true" />
-                    </div>
-                    <p class="center"><span class="bold">绱犺川鐩爣</span></p>
-                    <p class="content">鍏峰搴峰涓撲笟鎬濇兂锛屽缓绔嬪垵姝ョ殑搴峰鐞嗗康锛屼负鍚庣画鐨勪笓涓氳绋嬫墦涓嬭壇濂藉熀纭�銆�</p>
-                    <p class="center">........................</p>
-                    <p class="center"><span class="bold">鐭ヨ瘑鐩爣</span></p>
-                    <p class="content">锛�1锛夋帉鎻★細搴峰鐨勬蹇点�佸璞°�佸唴瀹癸紱搴峰鍖诲鐨勫畾涔夊強涓昏鍐呭銆�</p>
-                    <p class="content">锛�2锛夌啛鎮夛細搴峰銆佸尰瀛﹀悍澶嶄笌搴峰鍖诲鐨勫尯鍒拰鍏宠仈銆�</p>
-                    <p class="content">锛�3锛変簡瑙o細搴峰鍖诲鍙戝睍鍩虹銆佹垜鍥藉悍澶嶅尰瀛﹀彂灞曞拰鐜扮姸銆�</p>
-                    <p class="center">........................</p>
-                    <p class="center"><span class="bold">鑳藉姏鐩爣</span></p>
-                    <p class="content">鑳藉搴旂敤搴峰鐨勮瑙掔湅寰呭尰瀛﹀疄璺佃繃绋嬩腑鐨勫姛鑳介殰纰嶃��</p>
-                    <div class="bodyPic"><img src="../../assets/images/0019-04.jpg" style="width:80%"  active="true" />
-                    </div>
-                    <p class="titleQuot-1">銆愭渚嬨��</p>
-                    <p class="content">
-                        鎮h�咃紝濂筹紝53宀併�傚洜鍙宠偐閮ㄧ柤鐥涗即鍙虫墜鑲胯儉1鍛ㄥ埌鍖婚櫌灏辫瘖銆傛偅鑰�3涓湀鍓嶆棤鏄庢樉璇卞洜绐佺劧鍑虹幇鍙充晶鑲綋涓嶈兘娲诲姩锛屽浜哄彂鐜板悗绔嬪嵆閫佽嚦鎬ヨ瘖绉戙�傚叆闄㈡椂锛屾偅鑰呯蹇楁竻妤氾紝瑷�璇祦鍒╋紝鍙充晶鑲綋鑲屽姏0绾э紝鍙充晶鑲綋鑲屽紶鍔涘楂橈紝鍙充晶宸村鏂熀寰侀槼鎬с�傝瘖鏂负鑴戞姝汇�傚叆闄㈠悗缁欎簣鏀瑰杽鑴戝惊鐜�侀檷鍘嬨�佽惀鍏荤缁忕瓑娌荤枟锛岀梾鎯呴�愭笎绋冲畾锛岄仐鐣欏彸渚ц偄浣撴椿鍔ㄤ笉鍒╃棁鐘躲�傝繎1鍛ㄦ潵锛屾偅鑰呭嚭鐜板彸鑲╅儴鐤肩棝锛岃鍔ㄦ椿鍔ㄦ椂鐤肩棝鍔犻噸锛屽彸鎵嬭偪鑳�锛屽帇鐥涙槑鏄撅紝鏃犲叧鑺傜暩褰€��
-                    </p>
-                    <p class="titleQuot-1">銆愰棶棰樸��</p>
-                    <p class="content">浣滀负涓�鍚嶅悍澶嶆不鐤楀笀锛岃鎸夊浗闄呭姛鑳姐�佹畫鐤惧拰鍋ュ悍鍒嗙被浣撶郴瀵硅鎮h�呰繘琛屽悍澶嶈瘎瀹氥��</p>
-                    <p class="center"><img class="g-pic" src="../../assets/images/0019_05.jpg"  /></p>
+                    <p class="center mb-30"><img class="g-pic" src="../../assets/images/0019_05.jpg" /></p>
                     <p class="content">
                         搴峰鍖诲鏄尰瀛︾殑涓�涓噸瑕佸垎鏀紝鏄竴闂ㄥ叿鏈夌嫭绔嬬殑鐞嗚鍩虹銆佸姛鑳借瘎瀹氭柟娉曘�佹不鐤楁妧鏈拰瑙勮寖鐨勫尰瀛﹀簲鐢ㄥ绉戯紝鏃ㄥ湪鍔犻�熶汉浣撲激鐥呭悗鐨勬仮澶嶈繘绋嬶紝鍑忚交鎴栭闃插叾鍚庨仐鍔熻兘闅滅绋嬪害锛屽府鍔╃梾銆佷激銆佹畫鑰呭洖褰掔ぞ浼氾紝骞舵彁楂樼敓瀛樿川閲忋��
                     </p>
-
-
                 </div>
                 <div class="page-bottom-right">
                     001
@@ -59,15 +57,16 @@
                         Organization锛學HO锛夊皢搴峰锛坮ehabilitation锛夊畾涔変负锛氣�滈噰鍙栦竴鍒囨帾鏂戒互鍑忚交娈嬬柧甯︽潵鐨勫奖鍝嶅苟浣挎畫鐤句汉閲嶈繑绀句細銆傚悍澶嶄笉浠呮槸璁粌娈嬬柧浜轰娇鍏堕�傚簲鍛ㄥ洿鐨勭幆澧冿紝鑰屼笖涔熼渶瑕佽皟鏁存畫鐤句汉鍛ㄥ洿鐨勭幆澧冨拰绀句細鏉′欢浠ュ埄浜庝粬浠噸杩旂ぞ浼氥�傗��
                     </p>
                     <p class="content">搴峰鏄寚缁煎悎銆佸崗璋冨湴搴旂敤鍚勭鎺柦锛屼互鍑忓皯鐥呫�佷激銆佹畫鑰呯殑韬綋銆佸績鐞嗗拰绀句細鐨勫姛鑳介殰纰嶏紝鍙戞尌鐥呫�佷激銆佹畫鑰呯殑鏈�澶ф綔鑳斤紝浣垮叾鑳介噸杩旂ぞ浼氾紝鎻愰珮鐢熷瓨璐ㄩ噺銆�</p>
-                    <div class="bodyPic"><img src="../../assets/images/0020-01.jpg" style="width:80%"  active="true" />
+                    <div class="knowledgeExpansion">
+                        <img class="knowledgeExpansion-img" src="../../assets/images/knowledgeExpansion.png" alt="" />
+                        <p class="center"><span class="bold fc">鈥滃悍澶嶁�濅竴璇嶇殑鐢辨潵</span></p>
+                        <p class="quotation">
+                            搴峰锛坮ehabilitation锛変竴璇嶆潵鑷嫳鏂団�渞ehabilitation鈥濓紝鐢卞墠缂�鈥渞e-鈥濆拰璇嶆牴鈥渉abilitation鈥濇瀯鎴愶紝鎰忎负閲嶆柊鑾峰緱鏌愮鑳藉姏銆佽祫鏍兼垨閫傚簲姝e父绀句細鐢熸椿鐨勭姸鎬併�傗�渞ehabilitation鈥濆苟闈炰竴寮�濮嬪氨鐢ㄥ湪鍖诲涓婏紝鍦ㄤ腑涓栫邯瀹冪敤浜庡畻鏁欙紝鎸囨暀寰掕繚鍙嶄簡鏁欒鑰岃閫愬嚭鏁欓棬锛屽緱鍒拌郸鍏嶉噸鏂拌幏寰楁暀绫嶏紱鍦ㄨ繎浠o紝瀹冨張鐢ㄥ湪娉曞緥涓婏紝鎸囧洑寰掓湇鍒戞湡婊℃垨寰楀埌璧﹀厤锛涘湪鐜颁唬锛岃嫳鍥姐�佺編鍥界瓑鍥藉灏嗘畫鐤句汉鐨勫尰鐤楃鍒╀簨涓氱粺绉颁负鈥渞ehabilitation鈥濓紝鎰忎负浣挎畫鐤句汉閲嶆柊閫傚簲姝e父鐨勭ぞ浼氱敓娲伙紝閲嶆柊鎭㈠鍋氫汉鐨勬潈鍒┿�佽祫鏍煎拰灏婁弗銆�
+                        </p>
+                        <p class="quotation">
+                            鈥渞ehabilitation鈥濆湪涓嶅悓鐨勫浗瀹跺拰鍦板尯缈昏瘧涓嶅悓銆傛垜浠笉鑳界畝鍗曞湴鎸夊悍澶嶄袱涓眽瀛楃殑瀛椾箟涔犳儻鎬у湴灏嗗悍澶嶇悊瑙d负鐥呭悗鎭㈠鑷冲仴搴风殑杩囩▼锛岃繖涓庡浗闄呬笂搴峰鐨勫惈涔夋湁寰堝ぇ鐨勫樊寮傦紝鏄撲娇浜哄鐜颁唬搴峰浜х敓鏇茶В銆�
+                        </p>
                     </div>
-                    <p class="center"><span class="bold">鈥滃悍澶嶁�濅竴璇嶇殑鐢辨潵</span></p>
-                    <p class="quotation">
-                        搴峰锛坮ehabilitation锛変竴璇嶆潵鑷嫳鏂団�渞ehabilitation鈥濓紝鐢卞墠缂�鈥渞e-鈥濆拰璇嶆牴鈥渉abilitation鈥濇瀯鎴愶紝鎰忎负閲嶆柊鑾峰緱鏌愮鑳藉姏銆佽祫鏍兼垨閫傚簲姝e父绀句細鐢熸椿鐨勭姸鎬併�傗�渞ehabilitation鈥濆苟闈炰竴寮�濮嬪氨鐢ㄥ湪鍖诲涓婏紝鍦ㄤ腑涓栫邯瀹冪敤浜庡畻鏁欙紝鎸囨暀寰掕繚鍙嶄簡鏁欒鑰岃閫愬嚭鏁欓棬锛屽緱鍒拌郸鍏嶉噸鏂拌幏寰楁暀绫嶏紱鍦ㄨ繎浠o紝瀹冨張鐢ㄥ湪娉曞緥涓婏紝鎸囧洑寰掓湇鍒戞湡婊℃垨寰楀埌璧﹀厤锛涘湪鐜颁唬锛岃嫳鍥姐�佺編鍥界瓑鍥藉灏嗘畫鐤句汉鐨勫尰鐤楃鍒╀簨涓氱粺绉颁负鈥渞ehabilitation鈥濓紝鎰忎负浣挎畫鐤句汉閲嶆柊閫傚簲姝e父鐨勭ぞ浼氱敓娲伙紝閲嶆柊鎭㈠鍋氫汉鐨勬潈鍒┿�佽祫鏍煎拰灏婁弗銆�
-                    </p>
-                    <p class="quotation">
-                        鈥渞ehabilitation鈥濆湪涓嶅悓鐨勫浗瀹跺拰鍦板尯缈昏瘧涓嶅悓銆傛垜浠笉鑳界畝鍗曞湴鎸夊悍澶嶄袱涓眽瀛楃殑瀛椾箟涔犳儻鎬у湴灏嗗悍澶嶇悊瑙d负鐥呭悗鎭㈠鑷冲仴搴风殑杩囩▼锛岃繖涓庡浗闄呬笂搴峰鐨勫惈涔夋湁寰堝ぇ鐨勫樊寮傦紝鏄撲娇浜哄鐜颁唬搴峰浜х敓鏇茶В銆�
-                    </p>
                     <p class="titleQuot-1">锛堜簩锛夊悍澶嶅璞�</p>
                     <p class="content">
                         搴峰瀵硅薄涓烘殏鏃舵垨姘镐箙鐨勫姛鑳介殰纰嶈�咃紝鍖呮嫭娈嬬柧浜恒�佸悇绉嶆參鎬х梾鎮h�呫�佽�佸勾浜恒�佹�ユ�х柧鐥呮仮澶嶆湡鐨勬偅鑰呭強浜氬仴搴蜂汉缇ゃ�傝繖浜涙偅鑰呯殑鍔熻兘闅滅涓嶄粎涓庣敓鐞嗗姛鑳界浉鍏筹紝杩樹笌绀句細銆佸績鐞嗐�佽亴涓氥�佺幆澧冪瓑璇稿鍥犵礌鏈夊叧銆�</p>
@@ -88,23 +87,24 @@
         <div class="page-box" page="13">
             <div v-if="showPageList.indexOf(13) > -1">
                 <div class="page-header-right">
-                    <span class="header-title">绗竴绔�&nbsp;&nbsp;&nbsp;缁</span><img class="header-img" src="../../assets/images/pageHeader.png"  />
+                    <span class="header-title">绗竴绔�&nbsp;&nbsp;&nbsp;缁�夆�夆�夆�夆�夆�夆�夆�夎</span><img class="header-img"
+                        src="../../assets/images/pageHeader.png" />
                 </div>
                 <div class="bodystyle">
                     <p class="content"><span
-                            class="bold">1锛庡尰瀛﹀悍澶�</span>銆�鏄繍鐢ㄤ竴鍒囧尰瀛︽柟娉曚笌鎵嬫甯姪娈嬬柧浜哄噺杞诲姛鑳介殰纰嶏紝瀹炵幇鍏ㄩ潰搴峰鐩爣锛屽嵆閫氳繃涓村簥璇婃柇銆佹墜鏈�佽嵂鐗┿�佸悍澶嶅姛鑳借瘎瀹氬拰鍚勭搴峰娌荤枟鏂规硶锛屽鐗╃悊鐤楁硶銆佷綔涓氱枟娉曘�佽瑷�鐤楁硶銆佸績鐞嗙枟娉曘�佷紶缁熷悍澶嶇枟娉曠瓑娌荤枟鏂规硶锛屼娇浼ゆ畫鍙婂姛鑳介殰纰嶈�呮渶澶ч檺搴﹀湴鏀瑰杽鍜岃ˉ鍋垮叾鍔熻兘锛屼娇娈嬪瓨鐨勫姛鑳藉拰娼滃湪鐨勮兘鍔涘緱浠ュ厖鍒嗗彂鎸ワ紝浠庤�岃幏寰楁渶澶ч檺搴︾殑鐢熸椿鑷悊鑳藉姏銆傚尰瀛﹀悍澶嶆槸搴峰鐨勫熀纭�鍜屽嚭鍙戠偣锛屾槸瀹炵幇搴峰鐩爣鐨勬牴鏈繚璇併�傚尰瀛﹀悍澶嶇殑鎺柦搴斿敖鏃╄繘琛岋紝鎶撲綇鏃╂湡搴峰鐨勬椂鏈猴紝灏介噺鍑忓皯鍚勭缁у彂鎬у姛鑳介殰纰嶃��
+                            class="bold fc">1锛庡尰瀛﹀悍澶�</span>銆�鏄繍鐢ㄤ竴鍒囧尰瀛︽柟娉曚笌鎵嬫甯姪娈嬬柧浜哄噺杞诲姛鑳介殰纰嶏紝瀹炵幇鍏ㄩ潰搴峰鐩爣锛屽嵆閫氳繃涓村簥璇婃柇銆佹墜鏈�佽嵂鐗┿�佸悍澶嶅姛鑳借瘎瀹氬拰鍚勭搴峰娌荤枟鏂规硶锛屽鐗╃悊鐤楁硶銆佷綔涓氱枟娉曘�佽瑷�鐤楁硶銆佸績鐞嗙枟娉曘�佷紶缁熷悍澶嶇枟娉曠瓑娌荤枟鏂规硶锛屼娇浼ゆ畫鍙婂姛鑳介殰纰嶈�呮渶澶ч檺搴﹀湴鏀瑰杽鍜岃ˉ鍋垮叾鍔熻兘锛屼娇娈嬪瓨鐨勫姛鑳藉拰娼滃湪鐨勮兘鍔涘緱浠ュ厖鍒嗗彂鎸ワ紝浠庤�岃幏寰楁渶澶ч檺搴︾殑鐢熸椿鑷悊鑳藉姏銆傚尰瀛﹀悍澶嶆槸搴峰鐨勫熀纭�鍜屽嚭鍙戠偣锛屾槸瀹炵幇搴峰鐩爣鐨勬牴鏈繚璇併�傚尰瀛﹀悍澶嶇殑鎺柦搴斿敖鏃╄繘琛岋紝鎶撲綇鏃╂湡搴峰鐨勬椂鏈猴紝灏介噺鍑忓皯鍚勭缁у彂鎬у姛鑳介殰纰嶃��
                     </p>
                     <p class="content"><span
-                            class="bold">2锛庡悍澶嶅伐绋�</span>銆�鏄簲鐢ㄧ幇浠e伐绋嬫妧鏈殑鍘熺悊涓庢柟娉曪紝鐮旂┒娈嬬柧浜哄叏闈㈠悍澶嶄腑鐨勫伐绋嬫妧鏈棶棰樸�傚畠鏄爺绌舵畫鐤句汉鐨勮兘鍔涢殰纰嶅拰绀句細鐨勪笉鍒╂潯浠讹紝骞堕�氳繃鍋囪偄銆佺煫褰㈠櫒銆佽緟鍔╁伐鍏锋垨鑰呯幆澧冩敼閫犵瓑閫斿緞锛屾渶澶ч檺搴﹀湴鎭㈠銆佷唬鍋挎垨閲嶅缓娈嬬柧浜鸿函浣撳姛鑳界殑涓�绉嶆不鐤楁帾鏂姐��
+                            class="bold fc">2锛庡悍澶嶅伐绋�</span>銆�鏄簲鐢ㄧ幇浠e伐绋嬫妧鏈殑鍘熺悊涓庢柟娉曪紝鐮旂┒娈嬬柧浜哄叏闈㈠悍澶嶄腑鐨勫伐绋嬫妧鏈棶棰樸�傚畠鏄爺绌舵畫鐤句汉鐨勮兘鍔涢殰纰嶅拰绀句細鐨勪笉鍒╂潯浠讹紝骞堕�氳繃鍋囪偄銆佺煫褰㈠櫒銆佽緟鍔╁伐鍏锋垨鑰呯幆澧冩敼閫犵瓑閫斿緞锛屾渶澶ч檺搴﹀湴鎭㈠銆佷唬鍋挎垨閲嶅缓娈嬬柧浜鸿函浣撳姛鑳界殑涓�绉嶆不鐤楁帾鏂姐��
                     </p>
                     <p class="content"><span
-                            class="bold">3锛庢暀鑲插悍澶�</span>銆�鏄寚閫氳繃鏁欒偛涓庤缁冪殑鎵嬫锛屾彁楂樻畫鐤句汉鐨勭礌璐ㄤ笌鑳藉姏锛屽鏅哄姏銆佹棩甯哥敓娲荤殑鎿嶄綔鑳藉姏銆佽亴涓氭妧鑳姐�侀�傚簲绀句細鐨勫績鐞嗚兘鍔涚瓑銆傛暀鑲插悍澶嶄綔涓虹壒娈婃暀鑲茬殑涓�閮ㄥ垎锛屾槸鎸夌収鏁欒偛瀵硅薄鐨勫疄闄呴渶瑕侊紝鍒跺畾鏁欒偛鏂规锛岀粍缁囨暀鑲叉暀瀛︼紝瀹炴柦涓埆璁粌锛岀粰浜堝己鍖栬緟瀵笺�傚弬涓庤�呭ぇ澶氫负鏁欒偛宸ヤ綔鑰咃紝骞舵湁涓�瀹氱殑搴峰鐭ヨ瘑鍩虹銆傚湪鏁欒偛杩囩▼涓紝鏁欒偛宸ヤ綔鑰呮敞閲嶅皢鐗规畩鏁欒偛銆佸辜鍎挎暀鑲层�佹垚浜烘暀鑲插強鏃╂湡骞查铻嶄负涓�浣擄紝褰㈡垚鐗规畩鐨勬暀鑲茶繃绋嬨�傚瀵硅亱鍝戝効绔ョ殑鏁欒偛锛屾棦瑕佸府鍔╁叾瑙e喅鍚姏銆佽瑷�銆佸績鐞嗙瓑鍔熻兘闅滅闂锛屽悓鏃跺張瑕佷负鍏惰揪鍒伴噸杩旂ぞ浼氱殑鏈�缁堢洰鏍囪捣鍒拌壇濂界殑淇冭繘鍜屾帹鍔ㄤ綔鐢ㄣ��
+                            class="bold fc">3锛庢暀鑲插悍澶�</span>銆�鏄寚閫氳繃鏁欒偛涓庤缁冪殑鎵嬫锛屾彁楂樻畫鐤句汉鐨勭礌璐ㄤ笌鑳藉姏锛屽鏅哄姏銆佹棩甯哥敓娲荤殑鎿嶄綔鑳藉姏銆佽亴涓氭妧鑳姐�侀�傚簲绀句細鐨勫績鐞嗚兘鍔涚瓑銆傛暀鑲插悍澶嶄綔涓虹壒娈婃暀鑲茬殑涓�閮ㄥ垎锛屾槸鎸夌収鏁欒偛瀵硅薄鐨勫疄闄呴渶瑕侊紝鍒跺畾鏁欒偛鏂规锛岀粍缁囨暀鑲叉暀瀛︼紝瀹炴柦涓埆璁粌锛岀粰浜堝己鍖栬緟瀵笺�傚弬涓庤�呭ぇ澶氫负鏁欒偛宸ヤ綔鑰咃紝骞舵湁涓�瀹氱殑搴峰鐭ヨ瘑鍩虹銆傚湪鏁欒偛杩囩▼涓紝鏁欒偛宸ヤ綔鑰呮敞閲嶅皢鐗规畩鏁欒偛銆佸辜鍎挎暀鑲层�佹垚浜烘暀鑲插強鏃╂湡骞查铻嶄负涓�浣擄紝褰㈡垚鐗规畩鐨勬暀鑲茶繃绋嬨�傚瀵硅亱鍝戝効绔ョ殑鏁欒偛锛屾棦瑕佸府鍔╁叾瑙e喅鍚姏銆佽瑷�銆佸績鐞嗙瓑鍔熻兘闅滅闂锛屽悓鏃跺張瑕佷负鍏惰揪鍒伴噸杩旂ぞ浼氱殑鏈�缁堢洰鏍囪捣鍒拌壇濂界殑淇冭繘鍜屾帹鍔ㄤ綔鐢ㄣ��
                     </p>
                     <p class="content"><span
-                            class="bold">4锛庤亴涓氬悍澶�</span>銆�鏄竴绉嶅府鍔╂畫鐤句汉鎴栦激鐥呮偅鑰呮仮澶嶆垨鑾峰緱鑱屼笟鑳藉姏鐨勮繃绋嬶紝鍏蜂綋濡備笅銆傗憼瀵规畫鐤惧悗灏变笟鑳藉姏鐨勮瘎浼帮紝濡ュ杽閫夋嫨鑳藉鍏呭垎鍙戞尌鍏舵綔鑳界殑鍚堥�傝亴涓氥�傗憽鏍规嵁娈嬬柧浜烘墍鑳戒粠浜嬬殑鑱屼笟杩涜灏变笟鍓嶇殑璁粌锛屾牴鎹缁冪粨鏋滃喅瀹氬氨涓氭柟寮忓強瀹夋帓娈嬬柧浜哄氨涓氾紝浠ュ強杩涜灏变笟鍚庣殑闅忚銆傗憿鍒囧疄浣挎畫鐤句汉鎴栦激鐥呮偅鑰呰兘澶熼噸鏂拌瀺鍏ョぞ浼氾紝鍦ㄩ�傚悎鑷繁鐨勫伐浣滃矖浣嶄笂瀹炵幇鑷垜浠峰�笺�傛畫鐤句汉灏变笟瑕佹瘮鍋ュ叏浜哄洶闅惧緱澶氾紝闇�瑕侀�氳繃鏀跨瓥銆佹硶寰嬬殑淇濋殰鍜岀瀛︾殑鑱屼笟搴峰绋嬪簭锛屼娇娈嬬柧浜哄悇灏芥墍鑳姐�佸氨涓氱ǔ瀹氫笖鍚堢悊銆傚叾绋嬪簭鍖呮嫭灏变笟鍜ㄨ銆佸氨涓氳兘鍔涜瘎瀹氥�佸氨涓氬墠鑱屼笟鏁欒偛涓庤缁冨拰蹇冪悊鏁欒偛銆佸氨涓氬畨缃強灏变笟鍚庣殑闅忚銆�
+                            class="bold fc">4锛庤亴涓氬悍澶�</span>銆�鏄竴绉嶅府鍔╂畫鐤句汉鎴栦激鐥呮偅鑰呮仮澶嶆垨鑾峰緱鑱屼笟鑳藉姏鐨勮繃绋嬶紝鍏蜂綋濡備笅銆傗憼瀵规畫鐤惧悗灏变笟鑳藉姏鐨勮瘎浼帮紝濡ュ杽閫夋嫨鑳藉鍏呭垎鍙戞尌鍏舵綔鑳界殑鍚堥�傝亴涓氥�傗憽鏍规嵁娈嬬柧浜烘墍鑳戒粠浜嬬殑鑱屼笟杩涜灏变笟鍓嶇殑璁粌锛屾牴鎹缁冪粨鏋滃喅瀹氬氨涓氭柟寮忓強瀹夋帓娈嬬柧浜哄氨涓氾紝浠ュ強杩涜灏变笟鍚庣殑闅忚銆傗憿鍒囧疄浣挎畫鐤句汉鎴栦激鐥呮偅鑰呰兘澶熼噸鏂拌瀺鍏ョぞ浼氾紝鍦ㄩ�傚悎鑷繁鐨勫伐浣滃矖浣嶄笂瀹炵幇鑷垜浠峰�笺�傛畫鐤句汉灏变笟瑕佹瘮鍋ュ叏浜哄洶闅惧緱澶氾紝闇�瑕侀�氳繃鏀跨瓥銆佹硶寰嬬殑淇濋殰鍜岀瀛︾殑鑱屼笟搴峰绋嬪簭锛屼娇娈嬬柧浜哄悇灏芥墍鑳姐�佸氨涓氱ǔ瀹氫笖鍚堢悊銆傚叾绋嬪簭鍖呮嫭灏变笟鍜ㄨ銆佸氨涓氳兘鍔涜瘎瀹氥�佸氨涓氬墠鑱屼笟鏁欒偛涓庤缁冨拰蹇冪悊鏁欒偛銆佸氨涓氬畨缃強灏变笟鍚庣殑闅忚銆�
                     </p>
                     <p class="content"><span
-                            class="bold">5锛庣ぞ浼氬悍澶�</span>銆�鏄粠绀句細瑙掑害鎺ㄨ繘鍖诲搴峰銆佹暀鑲插悍澶嶃�佽亴涓氬悍澶嶇瓑宸ヤ綔锛屼緷闈犲悇绾ф斂搴滐紝鍔ㄥ憳绀句細鍚勭晫銆佸悇绉嶅姏閲忎负娈嬬柧浜虹殑鐢熸椿銆佸涔犮�佸伐浣滃拰绀句細娲诲姩鍒涢�犺壇濂界殑绀句細鐜锛屽噺灏戝拰娑堥櫎涓嶅埄浜庢畫鐤句汉鍥炲綊绀句細鐨勫悇绉嶇ぞ浼氶殰纰嶏紝浣夸粬浠互骞崇瓑鐨勬潈鍒╁拰鏈轰細鍙備笌绀句細鐢熸椿锛屼韩鏈変笌鍋ュ叏浜哄悓鏍风殑鏉冨埄鍜屽皧涓ワ紝骞跺饱琛岀ぞ浼氳亴璐c�傜ぞ浼氬悍澶嶆秹鍙婇潰骞匡紝鍐呭濡備笅銆�
+                            class="bold fc">5锛庣ぞ浼氬悍澶�</span>銆�鏄粠绀句細瑙掑害鎺ㄨ繘鍖诲搴峰銆佹暀鑲插悍澶嶃�佽亴涓氬悍澶嶇瓑宸ヤ綔锛屼緷闈犲悇绾ф斂搴滐紝鍔ㄥ憳绀句細鍚勭晫銆佸悇绉嶅姏閲忎负娈嬬柧浜虹殑鐢熸椿銆佸涔犮�佸伐浣滃拰绀句細娲诲姩鍒涢�犺壇濂界殑绀句細鐜锛屽噺灏戝拰娑堥櫎涓嶅埄浜庢畫鐤句汉鍥炲綊绀句細鐨勫悇绉嶇ぞ浼氶殰纰嶏紝浣夸粬浠互骞崇瓑鐨勬潈鍒╁拰鏈轰細鍙備笌绀句細鐢熸椿锛屼韩鏈変笌鍋ュ叏浜哄悓鏍风殑鏉冨埄鍜屽皧涓ワ紝骞跺饱琛岀ぞ浼氳亴璐c�傜ぞ浼氬悍澶嶆秹鍙婇潰骞匡紝鍐呭濡備笅銆�
                     </p>
                     <p class="content">锛�1锛夋敼鍠勬硶寰嬬幆澧冿紝缁存姢鍜屼繚闅滄畫鐤句汉鐨勫悎娉曟潈鐩婏紝淇濋殰鍏朵汉韬畨鍏ㄥ拰灏婁弗涓嶅彈渚电姱锛岀‘绔嬫畫鐤句汉鍦ㄧぞ浼氫腑鐨勫钩绛夊湴浣嶅拰鍏寰呴亣銆�</p>
                     <p class="content">锛�2锛夊缓绔嬫棤闅滅鐜锛屽寘鎷亾璺拰浜ら�氳鏂姐�佸叕鍏卞缓绛戙�佷綇瀹呫�佸鏍°�佸伐鍘傜瓑鐜锛屼娇娈嬬柧浜鸿幏寰楃敓娲昏捣灞呯殑鏂逛究锛屽苟浜彈绀句細鐨勫叕鍏辫鏂芥湇鍔°��</p>
@@ -143,9 +143,9 @@
                         鏍规嵁鐥呫�佷激銆佹畫鑰呯殑鍔熻兘鐘跺喌銆佺敓娲昏嚜鐞嗚兘鍔涖�佸涔犺兘鍔涖�佸伐浣滆兘鍔涳紝浠ュ強鍙備笌绀句細鐢熸椿鑳藉姏銆佸績鐞嗙姸鎬佺瓑鏂归潰锛屽悍澶嶇殑绋嬪害鍒嗕负楂樻按骞炽�佷腑姘村钩銆佷綆姘村钩涓夌骇锛堣〃1-1锛夈�傚悍澶嶇▼搴︾殑楂樹綆鍐冲畾浜嗘偅鑰呰兘鍚﹂噸杩旂ぞ浼氥�佷笌绀句細鐩哥粨鍚堛�傝韩浣撳姛鑳界姸鍐垫槸璇勪环搴峰绋嬪害鐨勫熀纭�锛屼絾涓嶆槸褰卞搷搴峰绋嬪害鐨勫敮涓�鍥犵礌銆傚涓�涓潗杞鐨勬偅鑰呭彲鑳戒細杈惧埌楂樻按骞崇殑搴峰锛岃�屼竴涓兘琛岃蛋鐨勬畫鐤句汉濡傛灉缂轰箯鍏朵粬鏂归潰搴旀湁鐨勬潯浠讹紙濡傚績鐞嗙姸鎬併�佸弬涓庣ぞ浼氱敓娲昏兘鍔涚瓑锛夛紝寰堝彲鑳藉彧杈惧埌浣庢按骞崇殑搴峰銆傚悍澶嶄笉鏄娇鐥呫�佷激銆佹畫鑰呭畬鍏ㄦ仮澶嶅埌浼ょ梾鍓嶇殑鍔熻兘姘村钩鍜岀敓娲昏川閲忥紝鑰屾槸灏介噺鍏呭垎鍒╃敤鍏舵畫瀛樼殑鍔熻兘锛岄�氳繃琛屼负鍜岀敓娲绘柟寮忕殑璋冩暣涓庢敼鍙樻潵閫傚簲鐜锛屾弧瓒冲叾鑷韩鍩烘湰鐨勬垨杈冮珮姘村钩鐨勫悍澶嶈姹傘��
                     </p>
                     <p class="imgtitle">琛�1-1銆�搴峰鐨勭▼搴�</p>
-                    <div class="bodyPic"><img class="openImgBox" alt="琛�1-1銆�搴峰鐨勭▼搴�" src="../../assets/images/0022-01.jpg" style="width:80%"  active="true" />
+                    <div class="bodyPic"><img class="openImgBox" alt="琛�1-1銆�搴峰鐨勭▼搴�" src="../../assets/images/0022-01.jpg"
+                            style="width:100%" active="true" />
                     </div>
-
                 </div>
                 <div class="page-bottom-left">
                     004
@@ -157,7 +157,8 @@
         <div class="page-box" page="15">
             <div v-if="showPageList.indexOf(15) > -1">
                 <div class="page-header-right">
-                    <span class="header-title">绗竴绔�&nbsp;&nbsp;&nbsp;缁</span><img class="header-img" src="../../assets/images/pageHeader.png"  />
+                    <span class="header-title">绗竴绔�&nbsp;&nbsp;&nbsp;缁�夆�夆�夆�夆�夆�夆�夆�夎</span><img class="header-img"
+                        src="../../assets/images/pageHeader.png" />
                 </div>
                 <div class="bodystyle">
                     <p class="titleQuot-1">锛堝叚锛夊悍澶嶇洰鏍�</p>
@@ -180,13 +181,13 @@
                         rehabilitation锛夎繖涓や釜鍚嶈瘝鏄悓涔夎锛屽湪缇庡浗銆佸姞鎷垮ぇ绛夊浗瀹剁敤鈥滅墿鐞嗗尰瀛︿笌搴峰鈥濓紝鍏朵粬鍚勫浗瀹跺垯澶氶噰鐢ㄢ�滃悍澶嶅尰瀛︹�濊繖涓悕绉般��</p>
                     <p class="content">搴峰銆佸尰瀛﹀悍澶嶄笌搴峰鍖诲涔嬮棿铏芥湁鏌愪簺浜ゅ弶鍜岄噸鍙狅紝浣嗗湪鎬ц川銆佸璞°�佺洰鐨勩�佹柟娉曘�佽礋璐d汉鍛樼瓑鏂归潰鍧囨湁宸埆锛堣〃1-2锛夈��</p>
                     <p class="content"><span
-                            class="bold">1锛庡悍澶嶅畾涔�</span>銆�搴峰鏄竴椤归潰鍚戞畫鐤句汉鐨勭患鍚堟�т簨涓氾紝鐢卞悇绾ф斂搴滅粍缁囧拰鍗忚皟銆傚叾瀵硅薄鍖呮嫭涓�鍒囨案涔呮�ф畫鐤句汉銆傛湇鍔$殑鎵嬫鍖呮嫭鍖诲搴峰銆佸伐绋嬪悍澶嶃�佹暀鑲插悍澶嶃�佽亴涓氬悍澶嶃�佺ぞ浼氬悍澶嶅拰涓�鍒囧彲鍒╃敤鐨勬帾鏂姐�傜洰鐨勫湪浜庢渶澶ч檺搴﹀湴鎭㈠娈嬬柧浜鸿韩浣撱�佸績鐞嗐�佽亴涓氥�佺ぞ浼氬拰缁忔祹鐨勮兘鍔涳紝浠ヤ究浣垮叾閲嶆柊涓庡仴鍏ㄤ汉骞崇瓑鍦板弬涓庣ぞ浼氱敓娲汇��
+                            class="bold fc">1锛庡悍澶嶅畾涔�</span>銆�搴峰鏄竴椤归潰鍚戞畫鐤句汉鐨勭患鍚堟�т簨涓氾紝鐢卞悇绾ф斂搴滅粍缁囧拰鍗忚皟銆傚叾瀵硅薄鍖呮嫭涓�鍒囨案涔呮�ф畫鐤句汉銆傛湇鍔$殑鎵嬫鍖呮嫭鍖诲搴峰銆佸伐绋嬪悍澶嶃�佹暀鑲插悍澶嶃�佽亴涓氬悍澶嶃�佺ぞ浼氬悍澶嶅拰涓�鍒囧彲鍒╃敤鐨勬帾鏂姐�傜洰鐨勫湪浜庢渶澶ч檺搴﹀湴鎭㈠娈嬬柧浜鸿韩浣撱�佸績鐞嗐�佽亴涓氥�佺ぞ浼氬拰缁忔祹鐨勮兘鍔涳紝浠ヤ究浣垮叾閲嶆柊涓庡仴鍏ㄤ汉骞崇瓑鍦板弬涓庣ぞ浼氱敓娲汇��
                     </p>
                     <p class="content"><span
-                            class="bold">2锛庡尰瀛﹀悍澶嶅畾涔�</span>銆�鍖诲搴峰鏄簲鐢ㄤ复搴婂尰瀛︾殑鏂规硶涓哄悍澶嶆湇鍔$殑涓�閮ㄥ垎锛屼粛灞炰簬涓村簥鍖诲鑼冪暣銆傚尰瀛﹀悍澶嶆寚鍖诲姟浜哄憳閲囩敤涓村簥鍖诲鐨勬柟娉曞拰鎵嬫锛屼负韬綋銆佸惉瑙嗚銆佷氦娴佸櫒瀹樼瓑鍔熻兘闅滅鑰呮彁渚涙湇鍔★紝鐩殑鍦ㄤ簬鏀瑰杽鍔熻兘鎴栦负鍏跺悗鐨勫姛鑳藉悍澶嶅垱閫犳潯浠躲�傚鐪肩鍖诲笀涓虹櫧鍐呴殰鎮h�呰繘琛屾櫠鐘朵綋鎽橀櫎鏈�屼娇鍏跺鏄庯紱楠ㄧ鍖诲笀涓鸿剨楂撶伆璐ㄧ値鍚庨仐鐥囨偅鑰呮柦琛岀煫褰㈡墜鏈紝浠庤�屼娇鍏惰偄浣撳姛鑳藉緱鍒颁竴瀹氱▼搴︾殑鏀瑰杽锛屽苟涓轰互鍚庣殑鍔熻兘璁粌鎻愪緵鏉′欢绛夈��
+                            class="bold fc">2锛庡尰瀛﹀悍澶嶅畾涔�</span>銆�鍖诲搴峰鏄簲鐢ㄤ复搴婂尰瀛︾殑鏂规硶涓哄悍澶嶆湇鍔$殑涓�閮ㄥ垎锛屼粛灞炰簬涓村簥鍖诲鑼冪暣銆傚尰瀛﹀悍澶嶆寚鍖诲姟浜哄憳閲囩敤涓村簥鍖诲鐨勬柟娉曞拰鎵嬫锛屼负韬綋銆佸惉瑙嗚銆佷氦娴佸櫒瀹樼瓑鍔熻兘闅滅鑰呮彁渚涙湇鍔★紝鐩殑鍦ㄤ簬鏀瑰杽鍔熻兘鎴栦负鍏跺悗鐨勫姛鑳藉悍澶嶅垱閫犳潯浠躲�傚鐪肩鍖诲笀涓虹櫧鍐呴殰鎮h�呰繘琛屾櫠鐘朵綋鎽橀櫎鏈�屼娇鍏跺鏄庯紱楠ㄧ鍖诲笀涓鸿剨楂撶伆璐ㄧ値鍚庨仐鐥囨偅鑰呮柦琛岀煫褰㈡墜鏈紝浠庤�屼娇鍏惰偄浣撳姛鑳藉緱鍒颁竴瀹氱▼搴︾殑鏀瑰杽锛屽苟涓轰互鍚庣殑鍔熻兘璁粌鎻愪緵鏉′欢绛夈��
                     </p>
                     <p class="content"><span
-                            class="bold">3锛庡悍澶嶅尰瀛﹀畾涔�</span>銆�搴峰鍖诲鍒欐槸鍏锋湁鏄庣‘鐨勫鏈唴瀹瑰拰鎶�鏈綋绯汇�佺嫭绔嬬殑鐞嗚鍩虹銆佸姛鑳借瘎瀹氭柟娉曘�佹不鐤楁妧鑳藉拰瑙勮寖鐨勫尰瀛﹀簲鐢ㄥ绉戙�傚畠浠ヤ汉浣撹繍鍔ㄥ姛鑳介殰纰嶅強涓庤繍鍔ㄧ浉鍏崇殑鍔熻兘闅滅锛堝寰幆鍔熻兘闅滅銆佸懠鍚稿姛鑳介殰纰嶇瓑锛夎�呬负涓昏瀵硅薄锛涙湇鍔$殑鎵嬫鏄悍澶嶅尰瀛︾殑涓撻棬璇婄枟鎶�鏈紝濡傜墿鐞嗙枟娉曘�佷綔涓氱枟娉曘�佸悍澶嶈瘎瀹氱瓑锛涚洰鐨勬槸鍑忚交鎴栨秷闄ゅ姛鑳介殰纰嶅強鍏跺奖鍝嶃��
+                            class="bold fc">3锛庡悍澶嶅尰瀛﹀畾涔�</span>銆�搴峰鍖诲鍒欐槸鍏锋湁鏄庣‘鐨勫鏈唴瀹瑰拰鎶�鏈綋绯汇�佺嫭绔嬬殑鐞嗚鍩虹銆佸姛鑳借瘎瀹氭柟娉曘�佹不鐤楁妧鑳藉拰瑙勮寖鐨勫尰瀛﹀簲鐢ㄥ绉戙�傚畠浠ヤ汉浣撹繍鍔ㄥ姛鑳介殰纰嶅強涓庤繍鍔ㄧ浉鍏崇殑鍔熻兘闅滅锛堝寰幆鍔熻兘闅滅銆佸懠鍚稿姛鑳介殰纰嶇瓑锛夎�呬负涓昏瀵硅薄锛涙湇鍔$殑鎵嬫鏄悍澶嶅尰瀛︾殑涓撻棬璇婄枟鎶�鏈紝濡傜墿鐞嗙枟娉曘�佷綔涓氱枟娉曘�佸悍澶嶈瘎瀹氱瓑锛涚洰鐨勬槸鍑忚交鎴栨秷闄ゅ姛鑳介殰纰嶅強鍏跺奖鍝嶃��
                     </p>
 
                 </div>
@@ -206,18 +207,19 @@
                 </div>
                 <div class="bodystyle">
                     <p class="imgtitle">琛�1-2銆�搴峰銆佸尰瀛﹀悍澶嶄笌搴峰鍖诲鐨勫尯鍒拰鍏宠仈</p>
-                    <div class="bodyPic"><img class="openImgBox" alt="琛�1-2銆�搴峰銆佸尰瀛﹀悍澶嶄笌搴峰鍖诲鐨勫尯鍒拰鍏宠仈" src="../../assets/images/0024-01.jpg" style="width:80%"  active="true" />
+                    <div class="bodyPic"><img class="openImgBox" alt="琛�1-2銆�搴峰銆佸尰瀛﹀悍澶嶄笌搴峰鍖诲鐨勫尯鍒拰鍏宠仈"
+                            src="../../assets/images/0024-01.jpg" style="width:80%" active="true" />
                     </div>
                     <p class="titleQuot-1">锛堜簩锛夊熀鏈師鍒�</p>
                     <p class="content">搴峰鍖诲鐨勪笁澶у熀鏈師鍒欐槸鍔熻兘璁粌銆佸叏闈㈠悍澶嶃�佸洖褰掔ぞ浼氥��</p>
                     <p class="content"><span
-                            class="bold">1锛庡姛鑳借缁�</span>銆�搴峰鍖诲鍏虫敞鐨勫苟涓嶆槸浼ょ梾鏈韩锛岃�屾槸浼ょ梾寮曡捣鐨勫姛鑳藉彉鍖栵紝鐫�鐪间簬鎭㈠浜轰綋鐨勬甯稿姛鑳芥椿鍔ㄣ�傝繖瀵逛簬涓�鐩村叧娉ㄤ激鐥呮湰韬殑浼犵粺鍖诲妯″紡鑰岃█鏄竴涓叏鏂扮殑瑙嗚锛屾墍浠ュ悍澶嶅尰瀛﹀張琚О涓衡�滃姛鑳藉尰瀛︹�濄�傚姛鑳借缁冪殑鍘熷垯灏辨槸閲囧彇鍚勭鏂规硶锛屾彁楂樻偅鑰呭湪杩愬姩銆佹劅鐭ャ�佸績鐞嗐�佽█璇�佹棩甯哥敓娲汇�佽亴涓氭椿鍔ㄥ拰绀句細鐢熸椿绛夋柟闈㈢殑鑳藉姏锛屼负鍏堕噸杩旂ぞ浼氬垱閫犳潯浠躲��
+                            class="bold fc">1锛庡姛鑳借缁�</span>銆�搴峰鍖诲鍏虫敞鐨勫苟涓嶆槸浼ょ梾鏈韩锛岃�屾槸浼ょ梾寮曡捣鐨勫姛鑳藉彉鍖栵紝鐫�鐪间簬鎭㈠浜轰綋鐨勬甯稿姛鑳芥椿鍔ㄣ�傝繖瀵逛簬涓�鐩村叧娉ㄤ激鐥呮湰韬殑浼犵粺鍖诲妯″紡鑰岃█鏄竴涓叏鏂扮殑瑙嗚锛屾墍浠ュ悍澶嶅尰瀛﹀張琚О涓衡�滃姛鑳藉尰瀛︹�濄�傚姛鑳借缁冪殑鍘熷垯灏辨槸閲囧彇鍚勭鏂规硶锛屾彁楂樻偅鑰呭湪杩愬姩銆佹劅鐭ャ�佸績鐞嗐�佽█璇�佹棩甯哥敓娲汇�佽亴涓氭椿鍔ㄥ拰绀句細鐢熸椿绛夋柟闈㈢殑鑳藉姏锛屼负鍏堕噸杩旂ぞ浼氬垱閫犳潯浠躲��
                     </p>
                     <p class="content"><span
-                            class="bold">2锛庡叏闈㈠悍澶�</span>銆�鍏ㄩ潰搴峰鏄悍澶嶇殑鍑嗗垯鍜屾柟閽堬紝浣挎偅鑰呭績鐞嗐�佺敓鐞嗗拰绀句細鍔熻兘瀹炵幇鍏ㄩ潰鐨勩�佹暣浣撶殑搴峰銆傚叏闈㈠悍澶嶅寘鍚袱鏂归潰鐨勫惈涔夛細涓�鏄粠鍖诲瑙掑害涓婇噰鍙栧瀛︾銆佸涓撲笟鍚堜綔鐨勬柟寮忥紝閽堝浼ょ梾甯︽潵鐨勫悇绉嶉棶棰樿繘琛屽鐞嗭紱浜屾槸閫氳繃鍖诲銆佹暀鑲层�佽亴涓氥�佺ぞ浼氱瓑鏂归潰鐨勫悇绉嶅悍澶嶆帾鏂斤紝浣挎偅鑰呭叏闈㈡仮澶嶇敓鐞嗗拰绀句細鑳藉姏銆�
+                            class="bold fc">2锛庡叏闈㈠悍澶�</span>銆�鍏ㄩ潰搴峰鏄悍澶嶇殑鍑嗗垯鍜屾柟閽堬紝浣挎偅鑰呭績鐞嗐�佺敓鐞嗗拰绀句細鍔熻兘瀹炵幇鍏ㄩ潰鐨勩�佹暣浣撶殑搴峰銆傚叏闈㈠悍澶嶅寘鍚袱鏂归潰鐨勫惈涔夛細涓�鏄粠鍖诲瑙掑害涓婇噰鍙栧瀛︾銆佸涓撲笟鍚堜綔鐨勬柟寮忥紝閽堝浼ょ梾甯︽潵鐨勫悇绉嶉棶棰樿繘琛屽鐞嗭紱浜屾槸閫氳繃鍖诲銆佹暀鑲层�佽亴涓氥�佺ぞ浼氱瓑鏂归潰鐨勫悇绉嶅悍澶嶆帾鏂斤紝浣挎偅鑰呭叏闈㈡仮澶嶇敓鐞嗗拰绀句細鑳藉姏銆�
                     </p>
                     <p class="content"><span
-                            class="bold">3锛庡洖褰掔ぞ浼�</span>銆�鍥炲綊绀句細鏄悍澶嶅尰瀛︾殑鏈�缁堢洰鏍囥�傛濡備笘鐣屽崼鐢熺粍缁囨墍鎸囧嚭鐨勯偅鏍凤細鈥滃仴搴蜂笉浠呮槸娌℃湁鐤剧梾鎴栬櫄寮憋紝鑰屼笖鏄韩浣撱�佸績鐞嗗拰绀句細閫傚簲鐨勫畬鍏ㄨ壇濂界姸鎬併�傗�濊繖绉嶄互閲嶈繑绀句細涓烘牴鏈洰鏍囩殑搴峰鍖诲鏄柊鐨勭敓鐗�-蹇冪悊-绀句細鍖诲妯″紡鐨勬渶濂戒綋鐜般��
+                            class="bold fc">3锛庡洖褰掔ぞ浼�</span>銆�鍥炲綊绀句細鏄悍澶嶅尰瀛︾殑鏈�缁堢洰鏍囥�傛濡備笘鐣屽崼鐢熺粍缁囨墍鎸囧嚭鐨勯偅鏍凤細鈥滃仴搴蜂笉浠呮槸娌℃湁鐤剧梾鎴栬櫄寮憋紝鑰屼笖鏄韩浣撱�佸績鐞嗗拰绀句細閫傚簲鐨勫畬鍏ㄨ壇濂界姸鎬併�傗�濊繖绉嶄互閲嶈繑绀句細涓烘牴鏈洰鏍囩殑搴峰鍖诲鏄柊鐨勭敓鐗�-蹇冪悊-绀句細鍖诲妯″紡鐨勬渶濂戒綋鐜般��
                     </p>
                     <p class="titleQuot-1">锛堜笁锛夋湇鍔″璞�</p>
                     <p class="content">
@@ -237,7 +239,8 @@
         <div class="page-box" page="17">
             <div v-if="showPageList.indexOf(17) > -1">
                 <div class="page-header-right">
-                    <span class="header-title">绗竴绔�&nbsp;&nbsp;&nbsp;缁</span><img class="header-img" src="../../assets/images/pageHeader.png"  />
+                    <span class="header-title">绗竴绔�&nbsp;&nbsp;&nbsp;缁�夆�夆�夆�夆�夆�夆�夆�夎</span><img class="header-img"
+                        src="../../assets/images/pageHeader.png" />
                 </div>
                 <div class="bodystyle">
                     <p class="titleQuot-1">锛堝洓锛夋湇鍔″舰寮�</p>
@@ -280,7 +283,7 @@
                 </div>
                 <div class="bodystyle">
                     <p class="content"><span
-                            class="bold">1锛庤悓鑺芥湡锛�1910骞翠互鍓嶏級</span>銆�涓浗鍙や唬锛屾俯娉夈�佹棩鍏夈�佺牠閽堛�佺鐭炽�佹寜鎽┿�佸仴韬繍鍔ㄧ瓑鏂规硶宸插簲鐢ㄤ簬娌荤枟椋庢箍銆佹參鎬х柤鐥涖�佸姵鎹熺瓑鐤剧梾銆傘�婄礌闂峰紓娉曟柟瀹滆銆嬫洶锛氣�滃叾鐥呭鐥垮帴瀵掔儹锛屽叾娌诲疁瀵煎紩鎸夎够鈥濄�傘�婄礌闂疯姘斿舰蹇楃瘒銆嬫寚鍑猴細鈥滃舰涔愬織鑻︼紝鐥呯敓浜庤剦锛屾不涔嬩互鐏稿埡锛涘舰涔愬織涔愶紝鐥呯敓浜庤倝锛屾不涔嬩互閽堢煶锛涘舰鑻﹀織涔愶紝鐥呯敓浜庣瓔锛屾不涔嬩互鐔ㄥ紩鈥濄�傞┈鐜嬪爢姹夊鍑哄湡鐨勫笡涔︺�婂寮曞浘銆嬬粯鏈夊寮曟湳澶氱锛屽苟娉ㄦ槑鍚勭瀵煎紩鏈殑鍚嶇О鍙婂叾涓绘不鐨勭柧鐥呫�傚悕鍖诲崕浣楁ā浠胯檸銆侀箍銆佺唺銆佺尶銆侀笩浜旂鍔ㄧ墿鐨勫姩浣滅紪鎴愮殑鈥滀簲绂芥垙鈥濓紝鍗虫渶鏃╃殑瀵煎紩鏈箣涓�銆傞殝浠e发鍏冩柟鐨勩�婅鐥呮簮鍊欒銆嬭杩颁簡澶氱瀵煎紩鏈不鐤楀亸鏋�侀夯鏈ㄣ�侀婀跨椆鐥涖�佹秷娓寸瓑鐤剧梾銆備腑鍥戒紶缁熻繍鍔ㄦ槸鏃╁凡琚笘鐣屽叕璁ょ殑杩愬姩鐤楁硶銆傜幇浠e悍澶嶅尰瀛︿腑鏉惧紱鐤楁硶鐨勮捣婧愬拰鍙戝睍涔熸繁鍙楁垜鍥藉彜浠f皵鍔熲�斺�斿潗绂呯殑褰卞搷銆�
+                            class="bold fc">1锛庤悓鑺芥湡锛�1910骞翠互鍓嶏級</span>銆�涓浗鍙や唬锛屾俯娉夈�佹棩鍏夈�佺牠閽堛�佺鐭炽�佹寜鎽┿�佸仴韬繍鍔ㄧ瓑鏂规硶宸插簲鐢ㄤ簬娌荤枟椋庢箍銆佹參鎬х柤鐥涖�佸姵鎹熺瓑鐤剧梾銆傘�婄礌闂峰紓娉曟柟瀹滆銆嬫洶锛氣�滃叾鐥呭鐥垮帴瀵掔儹锛屽叾娌诲疁瀵煎紩鎸夎够鈥濄�傘�婄礌闂疯姘斿舰蹇楃瘒銆嬫寚鍑猴細鈥滃舰涔愬織鑻︼紝鐥呯敓浜庤剦锛屾不涔嬩互鐏稿埡锛涘舰涔愬織涔愶紝鐥呯敓浜庤倝锛屾不涔嬩互閽堢煶锛涘舰鑻﹀織涔愶紝鐥呯敓浜庣瓔锛屾不涔嬩互鐔ㄥ紩鈥濄�傞┈鐜嬪爢姹夊鍑哄湡鐨勫笡涔︺�婂寮曞浘銆嬬粯鏈夊寮曟湳澶氱锛屽苟娉ㄦ槑鍚勭瀵煎紩鏈殑鍚嶇О鍙婂叾涓绘不鐨勭柧鐥呫�傚悕鍖诲崕浣楁ā浠胯檸銆侀箍銆佺唺銆佺尶銆侀笩浜旂鍔ㄧ墿鐨勫姩浣滅紪鎴愮殑鈥滀簲绂芥垙鈥濓紝鍗虫渶鏃╃殑瀵煎紩鏈箣涓�銆傞殝浠e发鍏冩柟鐨勩�婅鐥呮簮鍊欒銆嬭杩颁簡澶氱瀵煎紩鏈不鐤楀亸鏋�侀夯鏈ㄣ�侀婀跨椆鐥涖�佹秷娓寸瓑鐤剧梾銆備腑鍥戒紶缁熻繍鍔ㄦ槸鏃╁凡琚笘鐣屽叕璁ょ殑杩愬姩鐤楁硶銆傜幇浠e悍澶嶅尰瀛︿腑鏉惧紱鐤楁硶鐨勮捣婧愬拰鍙戝睍涔熸繁鍙楁垜鍥藉彜浠f皵鍔熲�斺�斿潗绂呯殑褰卞搷銆�
                     </p>
                     <p class="content">
                         鍙ゅ笇鑵婃椂浠e笇娉㈠厠鎷夊簳锛圚ippocrates锛夊凡鐩稿綋閲嶈鑷劧鐤楁硶锛岃涓鸿嚜鐒跺洜瀛愬鏃ュ厜銆佹捣姘淬�佺熆娉夌瓑鏈夐晣闈欍�侀晣鐥涖�佹秷鐐庝綔鐢紝涓诲紶鍒╃敤杩愬姩璁粌鏃犲姏鐨勮倢鑲夈�佸姞閫熻韩浣撶殑鐥婃剤涓庨敾鐐兼剰蹇椼�傚笇鑵婂嚭鍦熺殑鏂囩墿涓婄敋鑷冲凡缁樻湁鈥滃亣瓒斥�濓紝杩欒鏄庡彜浠hタ鏂逛篃鍦ㄥ簲鐢ㄤ竴浜涘師濮嬬殑搴峰娌荤枟鎶�鏈�傚叕鍏�2涓栫邯鍚庯紝鍗$暀鏂峰ゥ闆峰埄浜氬姫鏂紙Caelius
@@ -291,7 +294,7 @@
                         鍏厓鍚庤嚦1910骞翠互鍓嶇殑闃舵锛屽垵鏈熺殑杩愬姩鐤楁硶銆佷綔涓氱枟娉曘�佺數鐤楁硶鍜屽厜鐤楁硶寮�濮嬭悓鑺斤紝娈嬬柧浜虹殑鑱屼笟鍩硅銆佽亱浜轰笌鐩蹭汉鐨勭壒娈婃暀鑲层�佺簿绁炵梾鐨勫績鐞嗘不鐤椼�佹偅鑰呯殑绀句細鏈嶅姟绛夊伐浣滀篃宸插紑濮嬨�傜敱浜庡巻鍙叉潯浠剁殑闄愬埗锛岃悓鑺芥湡鐨勮繍鍔ㄧ枟娉曘�佷綔涓氱枟娉曘�佺數鐤楁硶鍜屽厜鐤楁硶绛変富瑕佷綔涓轰复搴婃不鐤楀鍐呭鐨勪竴閮ㄥ垎锛屽緢灏戣鐢ㄦ潵浣滀负鏀瑰杽鏌愮鍔熻兘鐨勬帾鏂姐�傛闃舵鐨勬不鐤楀璞℃瘮杈冨崟涓�锛屼富瑕佷负椋庢箍鎬х柧鐥呫�佽交鍨嬪浼ゅ悗閬楃棁鎮h�呫�佽亱浜轰笌鐩蹭汉锛堢壒娈婃暀鑲插搴旂敤鎵嬭銆佺洸鏂囷級绛夈��
                     </p>
                     <p class="content"><span
-                            class="bold">2锛庡舰鎴愭湡锛�1910鈥�1946骞达級</span>銆�浠�1910骞村紑濮嬶紝搴峰涓�璇嶆墠寮�濮嬫寮忓簲鐢ㄥ湪娈嬬柧鐨勬不鐤椾笂锛屽悍澶嶆満鏋勭悍绾峰缓绔嬶紝涓烘畫鐤句汉鍒跺畾浜嗘硶寰嬶紝淇濋殰娈嬬柧浜虹殑绂忓埄鍜屽氨涓氥��1917骞村悗锛屼负瀵逛激鍛樿繘琛屽悍澶嶆不鐤楋紝搴峰鍖诲寰楀埌鍙戝睍銆�20涓栫邯浜屼笁鍗佸勾浠g殑鑴婇珦鐏拌川鐐庢祦琛岋紝鍖诲涓婃墍闇�闈㈠鐨勫悇绉嶅姛鑳介殰纰嶉棶棰樿秺鏉ヨ秺寮曡捣浜轰滑鐨勯噸瑙嗐�傚湪搴峰璇勫畾鏂归潰鍑虹幇浜嗗緬鎵嬭倢鍔涙鏌ョ瓑鏂规硶锛屽湪搴峰娌荤枟鏂归潰鍑虹幇浜嗗寮鸿倢鍔涜缁冪殑杩愬姩鏂规硶銆佷唬鍋垮拰鐭鑲綋鍔熻兘鐨勫亣鑲㈠拰鐭舰鍣ㄣ�佽秴澹版不鐤椼�佽█璇不鐤楃瓑鏂规硶銆�1942骞村湪缇庡浗绾界害鍙紑鐨勫叏缇庡悍澶嶄細涓婄粰搴峰涓嬩簡绗竴涓憲鍚嶇殑瀹氫箟锛氣�滃悍澶嶆槸浣挎畫鐤句汉鏈�澶ч檺搴﹀湴鎭㈠鍏惰韩浣撶殑銆佺簿绁炵殑銆佺ぞ浼氱殑銆佽亴涓氱殑鍜岀粡娴庣殑鑳藉姏銆傗�濊嫳鍥戒簬1943骞村彂琛ㄥ叕鍛婏紝鍏紑鎵胯浜嗗悍澶嶇殑姒傚康銆�
+                            class="bold fc">2锛庡舰鎴愭湡锛�1910鈥�1946骞达級</span>銆�浠�1910骞村紑濮嬶紝搴峰涓�璇嶆墠寮�濮嬫寮忓簲鐢ㄥ湪娈嬬柧鐨勬不鐤椾笂锛屽悍澶嶆満鏋勭悍绾峰缓绔嬶紝涓烘畫鐤句汉鍒跺畾浜嗘硶寰嬶紝淇濋殰娈嬬柧浜虹殑绂忓埄鍜屽氨涓氥��1917骞村悗锛屼负瀵逛激鍛樿繘琛屽悍澶嶆不鐤楋紝搴峰鍖诲寰楀埌鍙戝睍銆�20涓栫邯浜屼笁鍗佸勾浠g殑鑴婇珦鐏拌川鐐庢祦琛岋紝鍖诲涓婃墍闇�闈㈠鐨勫悇绉嶅姛鑳介殰纰嶉棶棰樿秺鏉ヨ秺寮曡捣浜轰滑鐨勯噸瑙嗐�傚湪搴峰璇勫畾鏂归潰鍑虹幇浜嗗緬鎵嬭倢鍔涙鏌ョ瓑鏂规硶锛屽湪搴峰娌荤枟鏂归潰鍑虹幇浜嗗寮鸿倢鍔涜缁冪殑杩愬姩鏂规硶銆佷唬鍋垮拰鐭鑲綋鍔熻兘鐨勫亣鑲㈠拰鐭舰鍣ㄣ�佽秴澹版不鐤椼�佽█璇不鐤楃瓑鏂规硶銆�1942骞村湪缇庡浗绾界害鍙紑鐨勫叏缇庡悍澶嶄細涓婄粰搴峰涓嬩簡绗竴涓憲鍚嶇殑瀹氫箟锛氣�滃悍澶嶆槸浣挎畫鐤句汉鏈�澶ч檺搴﹀湴鎭㈠鍏惰韩浣撶殑銆佺簿绁炵殑銆佺ぞ浼氱殑銆佽亴涓氱殑鍜岀粡娴庣殑鑳藉姏銆傗�濊嫳鍥戒簬1943骞村彂琛ㄥ叕鍛婏紝鍏紑鎵胯浜嗗悍澶嶇殑姒傚康銆�
                     </p>
                     <p class="content">鍦ㄦ闃舵锛屽悍澶嶅尰瀛﹂潰瀵圭殑涓昏鐥呯鏈夋埅鑲€�佽剨楂撴崯浼ゃ�佽剨楂撶伆璐ㄧ値鍚庨仐鐥囥�佸懆鍥寸缁忔崯浼ゃ�佽剳鍗掍腑鍚庡亸鐦�佸皬鍎胯剳鐦瓑銆�</p>
 
@@ -306,11 +309,12 @@
         <div class="page-box" page="19">
             <div v-if="showPageList.indexOf(19) > -1">
                 <div class="page-header-right">
-                    <span class="header-title">绗竴绔�&nbsp;&nbsp;&nbsp;缁</span><img class="header-img" src="../../assets/images/pageHeader.png"  />
+                    <span class="header-title">绗竴绔�&nbsp;&nbsp;&nbsp;缁�夆�夆�夆�夆�夆�夆�夆�夎</span><img class="header-img"
+                        src="../../assets/images/pageHeader.png" />
                 </div>
                 <div class="bodystyle">
                     <p class="content"><span
-                            class="bold">3锛庣‘绔嬫湡锛�1946鈥�1970骞达級</span>銆�绗簩娆′笘鐣屽ぇ鎴樺悗锛屽瑙傜殑闇�瑕佷績杩涗簡搴峰鍖诲鐨勫彂灞曘�傜編鍥姐�佽嫳鍥介兘鎶婃垬鏃跺彇寰楃殑搴峰缁忛獙杩愮敤鍒板拰骞虫椂鏈燂紝寤虹珛浜嗚澶氬悍澶嶄腑蹇冿紝搴峰鐨勭儹娼篃閫愭笎浼犳挱鑷宠タ娆у拰鍖楁銆�1946骞磋灏婁负缇庡浗搴峰鍖诲涔嬬埗鐨勯湇鍗庡痉路A.鑵婃柉鍏嬶紙Howard
+                            class="bold fc">3锛庣‘绔嬫湡锛�1946鈥�1970骞达級</span>銆�绗簩娆′笘鐣屽ぇ鎴樺悗锛屽瑙傜殑闇�瑕佷績杩涗簡搴峰鍖诲鐨勫彂灞曘�傜編鍥姐�佽嫳鍥介兘鎶婃垬鏃跺彇寰楃殑搴峰缁忛獙杩愮敤鍒板拰骞虫椂鏈燂紝寤虹珛浜嗚澶氬悍澶嶄腑蹇冿紝搴峰鐨勭儹娼篃閫愭笎浼犳挱鑷宠タ娆у拰鍖楁銆�1946骞磋灏婁负缇庡浗搴峰鍖诲涔嬬埗鐨勯湇鍗庡痉路A.鑵婃柉鍏嬶紙Howard
                         A.Rusk锛夋暀鎺堢Н鏋佹帹鍔ㄥ悍澶嶅尰瀛︾殑鍙戝睍锛屾彁鍑轰簡搴峰鍖诲鐨勭郴缁熺悊璁恒�佸師鐞嗗拰鐗规湁鏂规硶銆傛鏃跺悍澶嶆不鐤楀凡鍒濇璐交鍏ㄩ潰搴峰鐨勫師鍒欙紝鍗抽噸瑙嗚韩浣撲笂鍜屽績鐞嗕笂鐨勫悍澶嶏紝杩涜鎵嬫湳鍚庢垨浼ょ梾鎭㈠鏈熸棭鏈熸椿鍔ㄧ殑鍔熻兘璁粌銆�1951骞翠笘鐣岀墿鐞嗘不鐤楄仈鐩熸垚绔嬨��1948骞达紝涓栫晫鍗敓缁勭粐鍦ㄥ叾绔犵▼涓槑纭彁鍑衡�滃仴搴封�濈殑鏂版蹇碉紝鍗斥�滃仴搴锋槸鏁翠釜韬綋銆佺簿绁炲拰绀句細鐢熸椿鐨勫畬婊$姸鎬侊紝鑰屼笉浠呬粎鏄病鏈夌柧鐥呭拰浣撳急鈥濄�傝繖涓�姒傚康寮鸿皟浜嗗叏闈㈢殑鍋ュ悍鐞嗗康锛屾槸搴峰鍖诲鐞嗚鍩虹鐨勪竴涓粍鎴愰儴鍒嗐��1949骞磋捣锛岀編鍥戒綇闄㈠尰甯堢殑涓撶鍩硅寮�濮嬪鍔犲悍澶嶅尰瀛︺�傚悓骞达紝缇庡浗鐗╃悊鍖诲浼氭敼鍚嶄负缇庡浗鐗╃悊鍖诲涓庡悍澶嶅浼氥��1969骞村浗闄呭悍澶嶅尰瀛︿細鍥介檯鐗╃悊鍖诲涓庡悍澶嶅浼氭垚绔嬨��1952骞翠笘鐣屼綔涓氭不鐤楀笀鑱旂洘鎴愮珛銆�1955骞磋厞鏂厠鏁欐巿鍦ㄧ編鍥芥垚绔嬩簡涓栫晫搴峰鍩洪噾浼氾紙World
                         Rehabilitation Foundation锛學RF锛夈�傚湪姝ゆ湡闂达紝闅忕潃绉戞妧鐨勮繘姝ュ拰缁忔祹鐨勫彂灞曪紝搴峰鍖诲宸查�愭褰㈡垚浜嗙郴缁熺殑鐞嗚鍜岀壒鏈夌殑鎶�鏈拰鏂规硶锛屼綔涓轰竴闂ㄦ柊鍏村绉戣繀閫熸垚闀裤��</p>
                     <p class="content">
@@ -324,7 +328,7 @@
                         鏈樁娈电殑鐗圭偣鏄‘绔嬩簡搴峰鍖诲鐨勬蹇碉紝搴峰鍖诲宸叉垚涓轰竴闂ㄧ嫭绔嬬殑鍖诲瀛︾锛屽湪鏁欒偛銆佽亴涓氥�佺ぞ浼氱瓑搴峰棰嗗煙涓篃褰㈡垚浜嗗埗搴﹀寲鐨勩�佺瀛︾殑銆佹妧鏈殑浣撶郴锛屽悇閮ㄩ棬銆侀鍩熼棿鐨勯厤鍚堝崗浣滄鍏ユ杞紝骞舵湁浜嗗浗闄呬氦娴併�傝繖浜涢兘鏍囧織鐫�搴峰鍖诲鏃ヨ嚮鎴愮啛锛岄�愭寰楀埌涓栫晫浜烘皯鍜屽尰瀛︾晫鍏銆�
                     </p>
                     <p class="content"><span
-                            class="bold">4锛庡彂灞曟湡锛�1970骞翠互鍚庯級</span>銆�1970骞翠互鍚庯紝涓栫晫鍚勫浗鐨勫尰鐤椼�佹暀鑲查兘鏈変簡杈冨揩鍙戝睍銆傚湪鍖荤枟鏂归潰锛屼竴浜涘彂杈惧浗瀹剁殑搴峰鐥呭簥銆佸悍澶嶅尰甯堝拰涓昏搴峰娌荤枟涓撲笟浜哄憳鐨勬暟閲忛兘宸插叿鏈変竴瀹氳妯°�備笉灏戝悍澶嶄腑蹇冨拰搴峰绉戝凡鍥犳垚缁╂樉钁楄�岄椈鍚嶄簬涓栵紝濡傜敱鑵婃柉鍏嬫暀鎺堝缓绔嬬殑缇庡浗绾界害澶уRUSK搴峰鍖诲鐮旂┒闄紙Institute
+                            class="bold fc">4锛庡彂灞曟湡锛�1970骞翠互鍚庯級</span>銆�1970骞翠互鍚庯紝涓栫晫鍚勫浗鐨勫尰鐤椼�佹暀鑲查兘鏈変簡杈冨揩鍙戝睍銆傚湪鍖荤枟鏂归潰锛屼竴浜涘彂杈惧浗瀹剁殑搴峰鐥呭簥銆佸悍澶嶅尰甯堝拰涓昏搴峰娌荤枟涓撲笟浜哄憳鐨勬暟閲忛兘宸插叿鏈変竴瀹氳妯°�備笉灏戝悍澶嶄腑蹇冨拰搴峰绉戝凡鍥犳垚缁╂樉钁楄�岄椈鍚嶄簬涓栵紝濡傜敱鑵婃柉鍏嬫暀鎺堝缓绔嬬殑缇庡浗绾界害澶уRUSK搴峰鍖诲鐮旂┒闄紙Institute
                         of Rehabilitation
                         Medicine锛孖RM锛夛紱涓栫晫鐗╃悊鍖诲涔嬬埗鍏嬮瞾妫紙Krusen锛夊拰钁楀悕涓撳绉戠壒鍩猴紙Kottke锛夊垱寤虹殑缇庡浗鏄庡凹鑻忚揪澶у鐗╃悊鍖诲涓庡悍澶嶇锛圖epartment of Physical
                         Medicine and Rehabilitation锛孶niversity of Minnesota锛夛紱鍏ㄧ編瑙勬ā鏈�澶х殑鑺濆姞鍝ュ悍澶嶇爺绌舵墍锛圧ehabilitation Institute of
@@ -362,7 +366,7 @@
                     <h3 class="thirdTitle">浜屻�佸悍澶嶅尰瀛﹀彂灞曞熀纭�</h3>
                     <p class="content">浠讳綍鍖诲瀛︾鐨勫彂灞曢兘鏄汉绫荤ぞ浼氶渶瑕佸拰鍖诲绉戝杩涙鐨勭粨鏋溿�傝繎鍑犲崄骞存潵锛屽悍澶嶅尰瀛﹀緱鍒拌繀閫熷彂灞曞苟鏃ョ泭涓虹ぞ浼氭墍閲嶈锛屽叾鍘熷洜涓昏鏈変互涓嬪嚑涓柟闈€��</p>
                     <p class="content"><span
-                            class="bold">1锛庣ぞ浼氬拰鎮h�呯殑杩垏闇�瑕�</span>銆�鍦ㄥ尰瀛︾鎶�杩呯寷鍙戝睍鐨勪粖澶╋紝灏界鏈夌壒鍙戞煇绉嶇儓鎬т紶鏌撶梾鐨勫彲鑳斤紝浣嗘�讳綋涓婅鎱㈡�ч潪浼犳煋鎬х柧鐥呭凡鎴愪负褰撳墠鍖诲鍙戝睍鐨勯噸瑕侀棶棰樸�傜洰鍓嶄汉绫荤殑姝诲洜涓昏鏄績鑲屾姝汇�佽剳琛�绠℃剰澶栥�佺檶鐥囧拰鍒涗激绛夛紝杩欎簺鎮h�呯粡杩囦复搴婂尰甯堟垚鍔熸姠鏁戯紝鏈夊緢澶т竴閮ㄥ垎鑳藉瀛樻椿涓嬫潵锛岄�犳垚鎱㈡�х梾鎮h�呫�佹畫鐤句汉銆佽�佸勾鐥呮偅鑰呭澶氥�備絾杩愬姩闅滅銆佽鐭ラ殰纰嶃�佽█璇殰纰嶃�佺ぞ浜ら殰纰嶃�佸績鐞嗛殰纰嶃�佺柤鐥涚瓑鍚勭鍚勬牱鐨勫悗閬楃棁鍗撮�犳垚鎮h�呯敓娲绘棤娉曡嚜鐞嗭紝鐢熸椿璐ㄩ噺涓ラ噸闄嶄綆銆傚浣曞簲鐢ㄥ尰瀛︾殑鏂规硶銆佹墜娈垫潵杩涗竴姝ユ敼鍠勮繖浜涘姛鑳介殰纰嶏紝鎻愰珮鎮h�呯殑鐢熸椿璐ㄩ噺锛岃鈥滃垢瀛樷�濈殑鎮h�呯湡姝b�滃垢绂忓湴鐢熷瓨鈥濅笅鍘伙紝鏈夎禆浜庡悍澶嶅尰瀛︾殑鐗╃悊娌荤枟銆佷綔涓氭不鐤椼�佽█璇不鐤椼�佸績鐞嗘不鐤椼�佸悍澶嶅伐绋嬬瓑鍚勭绉瀬鐨勫悍澶嶆帾鏂姐��
+                            class="bold fc">1锛庣ぞ浼氬拰鎮h�呯殑杩垏闇�瑕�</span>銆�鍦ㄥ尰瀛︾鎶�杩呯寷鍙戝睍鐨勪粖澶╋紝灏界鏈夌壒鍙戞煇绉嶇儓鎬т紶鏌撶梾鐨勫彲鑳斤紝浣嗘�讳綋涓婅鎱㈡�ч潪浼犳煋鎬х柧鐥呭凡鎴愪负褰撳墠鍖诲鍙戝睍鐨勯噸瑕侀棶棰樸�傜洰鍓嶄汉绫荤殑姝诲洜涓昏鏄績鑲屾姝汇�佽剳琛�绠℃剰澶栥�佺檶鐥囧拰鍒涗激绛夛紝杩欎簺鎮h�呯粡杩囦复搴婂尰甯堟垚鍔熸姠鏁戯紝鏈夊緢澶т竴閮ㄥ垎鑳藉瀛樻椿涓嬫潵锛岄�犳垚鎱㈡�х梾鎮h�呫�佹畫鐤句汉銆佽�佸勾鐥呮偅鑰呭澶氥�備絾杩愬姩闅滅銆佽鐭ラ殰纰嶃�佽█璇殰纰嶃�佺ぞ浜ら殰纰嶃�佸績鐞嗛殰纰嶃�佺柤鐥涚瓑鍚勭鍚勬牱鐨勫悗閬楃棁鍗撮�犳垚鎮h�呯敓娲绘棤娉曡嚜鐞嗭紝鐢熸椿璐ㄩ噺涓ラ噸闄嶄綆銆傚浣曞簲鐢ㄥ尰瀛︾殑鏂规硶銆佹墜娈垫潵杩涗竴姝ユ敼鍠勮繖浜涘姛鑳介殰纰嶏紝鎻愰珮鎮h�呯殑鐢熸椿璐ㄩ噺锛岃鈥滃垢瀛樷�濈殑鎮h�呯湡姝b�滃垢绂忓湴鐢熷瓨鈥濅笅鍘伙紝鏈夎禆浜庡悍澶嶅尰瀛︾殑鐗╃悊娌荤枟銆佷綔涓氭不鐤椼�佽█璇不鐤椼�佸績鐞嗘不鐤椼�佸悍澶嶅伐绋嬬瓑鍚勭绉瀬鐨勫悍澶嶆帾鏂姐��
                     </p>
 
                 </div>
@@ -376,27 +380,28 @@
         <div class="page-box" page="21">
             <div v-if="showPageList.indexOf(21) > -1">
                 <div class="page-header-right">
-                    <span class="header-title">绗竴绔�&nbsp;&nbsp;&nbsp;缁</span><img class="header-img" src="../../assets/images/pageHeader.png"  />
+                    <span class="header-title">绗竴绔�&nbsp;&nbsp;&nbsp;缁�夆�夆�夆�夆�夆�夆�夆�夎</span><img class="header-img"
+                        src="../../assets/images/pageHeader.png" />
                 </div>
                 <div class="bodystyle">
                     <p class="content">
                         浜嬪疄璇佹槑锛屽悍澶嶅尰瀛﹁兘鏄庢樉闄嶄綆姝讳骸鐜囧拰鎻愰珮鐢熷瓨璐ㄩ噺銆傚蹇冭倢姊楁鎮h�呬腑锛屽弬鍔犲悍澶嶆不鐤楄�呯殑姝讳骸鐜囨瘮涓嶅弬鍔犺�呬綆36.8%銆傚湪鑴戝崚涓瓨娲荤殑鎮h�呬腑锛岃繘琛岀Н鏋佺殑搴峰娌荤枟鍙娇90%鐨勬偅鑰呰兘閲嶆柊姝ヨ鍜岀敓娲昏嚜鐞嗭紝30%鐨勬偅鑰呰兘鎭㈠涓�浜涜緝杞荤殑宸ヤ綔锛涚浉鍙嶏紝濡傛灉涓嶈繘琛屽悍澶嶆不鐤楋紝涓婅堪涓ゆ柟闈㈢殑鐧惧垎鐜囩浉搴斿彧鏈�6%鍜�5%銆傚湪鐧岀棁鎮h�呬腑锛屾嵁缁熻鐩墠鏈�40%宸﹀彸鍙互娌绘剤锛屽湪浣欎笅60%涓嶅彲娌绘剤鐨勬偅鑰呬腑鍙堟湁60%鍙互瀛樻椿15骞翠箣涔呫�傝繖浜涙偅鑰呭湪15骞翠腑锛屾垨鏈夋矇閲嶇殑鎬濇兂璐熸媴锛屾垨闇�鍙﹂�夎亴涓氾紝鎴栧洜閬楃暀鐨勬參鎬х柤鐥涳紝鎴栬韩浣撹“绔�屽彈鍒版姌纾紝鎵�鏈夎繖浜涢兘闇�瑕侀�氳繃绉瀬鐨勫悍澶嶆不鐤楁潵瑙e喅銆傚湪鍒涗激鏂归潰锛屼互鎴槴涓轰緥锛�1950骞翠互鍓嶏紝鎴槴鍚庢偅鑰呭彧鑳藉瓨娲�2.9骞淬��20涓栫邯50骞翠唬鍚庯紝铏界劧鎴槴鐨勬偅鑰呭瓨娲绘椂闂村欢闀垮埌5.9骞达紝浣嗘偅鑰呭嵈鍥犳畫闅滆�屾垚涓虹ぞ浼氬拰瀹跺涵鐨勮礋鎷呫�傜敱浜庨噰鍙栦簡绉瀬鐨勫悍澶嶆不鐤楋紝鐩墠80%浠ヤ笂鐨勬埅鐦偅鑰呰兘閲嶈繑宸ヤ綔宀椾綅鎴栫户缁涔犮�傝嚦浜庤偄浣撲激娈嬶紝鐢变簬鐜颁唬鍋囪偄涓庣煫褰㈠櫒鎶�鏈殑鍙戝睍锛岃澶氭偅鑰呰閰嶄簡鍏堣繘鍋囪偄鍜岃嚜鍔╁櫒鍏蜂互鍚庯紝缁濆ぇ澶氭暟鑳界敓娲昏嚜鐞嗕笖鑳介噸鏂伴�夋嫨涓�绉嶅悎閫傜殑鑱屼笟銆傚悍澶嶅尰瀛︿娇璁稿涓ラ噸娈嬬柧鐨勬偅鑰呬笉浣嗘病鏈夋垚涓虹ぞ浼氬拰瀹跺涵鐨勮礋鎷咃紝鑰屼笖杩樿兘浠ヤ笉鍚岀殑鏂瑰紡涓虹ぞ浼氱户缁綔鍑鸿础鐚紝杩欐槸搴峰鍖诲鑳芥棩鐩婂彈鍒扮ぞ浼氶噸瑙嗙殑鍘熷洜涔嬩竴銆�
                     </p>
                     <p class="content"><span
-                            class="bold">2锛庣粡娴庡彂灞曠殑蹇呯劧缁撴灉</span>銆�鍦ㄧ幇浠gぞ浼氱粡娴庡揩閫熷彂灞曘�佺墿璐ㄦ枃鍖栫敓娲绘按骞充笉鏂彁楂樼殑鍓嶆彁涓嬶紝浜轰滑宸蹭笉鍐嶄粎浠呮弧瓒充簬娌荤梾淇濆懡鐨勪綆闇�姹傦紝鑰屾妸鑳藉杩囦笂鏈夋剰涔夈�佹湁璐ㄩ噺鐨勭敓娲讳綔涓烘洿楂樼殑杩芥眰鐩爣銆備互鏀瑰杽鍜屾彁楂樻畫鐤句汉鐢熸椿璐ㄩ噺涓哄畻鏃ㄧ殑搴峰鍖诲灏辨垚涓轰汉绫荤ぞ浼氱殑鍏卞悓闇�姹傘��
+                            class="bold fc">2锛庣粡娴庡彂灞曠殑蹇呯劧缁撴灉</span>銆�鍦ㄧ幇浠gぞ浼氱粡娴庡揩閫熷彂灞曘�佺墿璐ㄦ枃鍖栫敓娲绘按骞充笉鏂彁楂樼殑鍓嶆彁涓嬶紝浜轰滑宸蹭笉鍐嶄粎浠呮弧瓒充簬娌荤梾淇濆懡鐨勪綆闇�姹傦紝鑰屾妸鑳藉杩囦笂鏈夋剰涔夈�佹湁璐ㄩ噺鐨勭敓娲讳綔涓烘洿楂樼殑杩芥眰鐩爣銆備互鏀瑰杽鍜屾彁楂樻畫鐤句汉鐢熸椿璐ㄩ噺涓哄畻鏃ㄧ殑搴峰鍖诲灏辨垚涓轰汉绫荤ぞ浼氱殑鍏卞悓闇�姹傘��
                     </p>
                     <p class="content">
                         闅忕潃浜虹被绀句細鐢熶骇鍔涚殑涓嶆柇鎻愰珮锛岀ぞ浼氳储瀵屾棩鐩婂澶氾紝鏀垮簻瀵瑰尰鐤楃殑鎶曞叆鏃ョ泭澧炲姞锛岀ぞ浼氫繚闅滀綋绯婚�愭笎瀹屽杽锛屽悇绉嶅尰鐤椾繚闄╁埗搴︿篃鏃ョ泭鍋ュ叏鍜屽緱浠ュ疄鏂姐�傛垜鍥界粡杩囧崄鍑犲勾鐨勫姫鍔涳紝宸茬粡寤虹珛浜嗛�傚簲绀句細涓讳箟甯傚満缁忔祹瑕佹眰鐨勫煄闀囪亴宸ュ熀鏈尰鐤椾繚闄┿�佺粺涓�鐨勫煄涔″眳姘戝熀鏈尰鐤椾繚闄╃瓑鍖荤枟淇濋殰浣撶郴銆傛斂搴滄姇鍏ョ殑鍔犲ぇ銆佺浉搴旀斂绛栫殑鏀寔銆佺ぞ浼氫繚闅滀綋绯荤殑鏃ョ泭瀹屽杽锛屼负鍚勭骇搴峰鏈烘瀯鐨勫缓绔嬨�佸悍澶嶄汉鎵嶅煿璁殑寮�灞曘�佸悍澶嶆不鐤楄澶囩殑璐疆绛夊瀹氫簡鍩虹锛屼娇搴峰鍖诲鐨勮繀閫熷彂灞曟垚涓哄彲鑳姐��
                     </p>
                     <p class="content"><span
-                            class="bold">3锛庣鎶�鍙戝睍</span>銆�绉戞妧杩涙淇冭繘绀句細鐨勮繘姝ワ紝绉戞妧鐨勫彂灞曞拰鐮旂┒鏂规硶鐨勬敼鍠勪负搴峰鍖诲鐨勫彂灞曚笌鍒涙柊鎻愪緵浜嗘妧鏈敮鎾戯紝搴峰鍖诲姝d粠缁忛獙鍖诲鍚戝惊璇佸尰瀛︽柟鍚戣繄杩涖��
+                            class="bold fc">3锛庣鎶�鍙戝睍</span>銆�绉戞妧杩涙淇冭繘绀句細鐨勮繘姝ワ紝绉戞妧鐨勫彂灞曞拰鐮旂┒鏂规硶鐨勬敼鍠勪负搴峰鍖诲鐨勫彂灞曚笌鍒涙柊鎻愪緵浜嗘妧鏈敮鎾戯紝搴峰鍖诲姝d粠缁忛獙鍖诲鍚戝惊璇佸尰瀛︽柟鍚戣繄杩涖��
                     </p>
                     <p class="content">
                         璁$畻鏈烘妧鏈殑鍙戝睍涓哄悍澶嶅尰瀛︽暟鎹郴缁熺殑寮�鍙戝埄鐢ㄦ瀯寤轰簡鑹ソ鐨勫钩鍙帮紝淇濊瘉浜嗕竴浜涘涓績銆佸ぇ鏍锋湰鐨勯殢鏈哄鐓х爺绌跺彲浠ュ緱鍑虹瀛︾殑缁撹銆傚悓鏃禖T銆丳ET銆丮RI銆乫MRI绛夐潪鍒涗激鎬х缁忓奖鍍忓鎶�鏈殑鍑虹幇锛屼负鐮旂┒搴峰杩囩▼涓剳鍔熻兘鐨勬仮澶嶆彁渚涗簡鍏堣繘鐨勬娴嬫墜娈碉紝淇冭繘浜嗗悍澶嶅尰瀛︿复搴婄爺绌剁殑鍙戝睍銆傝啘鐗囬挸鎶�鏈�佸厤鐤粍缁囧寲瀛︽妧鏈�佸満鐢典綅璁板綍鎶�鏈�丷NA骞叉壈鎶�鏈�佽泲鐧借川缁勫鎶�鏈瓑鍏堣繘鐮旂┒鎶�鏈殑鍙戝睍涔熶績杩涗簡搴峰鍖诲鍩虹鐮旂┒鐨勬繁鍏ュ紑灞曪紝濡傝剳鐨勫彲濉戞�х爺绌朵负鑴戣绠$梾鐨勫悍澶嶆不鐤楀瀹氫簡绉戝鐨勭悊璁哄熀纭�銆傚伐绋嬫妧鏈�佽嚜鍔ㄥ寲鎶�鏈�佹潗鏂欑瀛︾瓑楂樻柊鎶�鏈笌鐜颁唬搴峰鍖诲鐨勭粨鍚堜績杩涗簡搴峰宸ョ▼鐨勫彂灞曪紝濡傛埅鐦偅鑰呭彲浠ュ�熷姪璁$畻鏈鸿緟鍔╃殑鍔熻兘鎬х數鍒烘縺瑁呯疆鎴栬�呭畨瑁呬竴涓楠ㄩ鏀灦鏈哄櫒浜哄畬鎴愨�滆璧扳�濓紱鎴偄鍚庣殑鐜颁唬鑲岀數鍋囪偄鍑犱箮鍙互瀹屽叏妯℃嫙鍜屾浛浠f甯歌偄浣撳姛鑳斤紱浜哄伐鑰宠湕浣胯�宠亱鎮h�呪�滃惉鈥濊澹伴煶锛涚洸浜哄彲鍊熷姪浜哄伐瑙嗚鈥滅湅鈥濆埌鐪煎墠浜嬬墿锛涘搼浜哄彲鍊熷姪璁$畻鏈鸿緟鍔╄闊崇郴缁熲�滆璇濃�濓紱鐩墠骞挎硾搴旂敤鐨勫悍澶嶆満鍣ㄤ汉鍙澶勪簬涓嶅悓搴峰鏈熺殑鎮h�呮彁渚涗笉鍚屽己搴︺�佷笉鍚屾ā寮忕殑璁粌锛屼娇搴峰閿荤偧杩囩▼瀹氶噺鍖栥�佺瀛﹀寲銆備簯璁$畻銆佸ぇ鏁版嵁銆佺墿鑱旂綉銆佺Щ鍔ㄤ簰鑱旂綉銆佽櫄鎷熺幇瀹炵瓑淇℃伅鎶�鏈笌鍋ュ悍鏈嶅姟鐨勬繁搴﹁瀺鍚堬紝鏋佸ぇ鍦版彁鍗囦簡搴峰淇℃伅鏈嶅姟鑳藉姏銆�
                     </p>
                     <p class="content">鐜颁唬绀句細楂樼鎶�鐨勯閫熷彂灞曚负搴峰鍖诲鐨勫彂灞曟彁渚涗簡瀹濊吹鐨勬満浼氾紝鍚勭楂樻柊鎶�鏈殑骞挎硾杩愮敤锛屼娇杩囧幓鐨勪竴浜涘够鎯冲彉鎴愪簡鐜板疄銆�</p>
                     <p class="content"><span
-                            class="bold">4锛庡簲瀵归噸澶ц嚜鐒剁伨瀹冲拰鎴樹簤鐨勫繀瑕佸噯澶�</span>銆�鐩墠浜虹被杩樹笉鑳藉畬鍏ㄦ帶鍒惰嚜鐒剁伨瀹冲拰閬垮厤鎴樹簤锛屽湴闇囥�佹按銆佺伀鐏惧鍜屾垬浜夐兘閫犳垚浜嗗ぇ閲忔畫鐤句汉銆傚杩欎簺鎮h�呮槸鍚﹁繘琛屽悍澶嶆不鐤楋紝鍏剁粨灞�鏄ぇ涓嶄竴鏍风殑锛岃繖涔熸槸蹇呴』閲嶈搴峰鍖诲鍙戝睍鐨勪富瑕佸師鍥犱箣涓�銆俉HO瀵圭ぞ鍖哄悍澶嶏紙community-based
+                            class="bold fc">4锛庡簲瀵归噸澶ц嚜鐒剁伨瀹冲拰鎴樹簤鐨勫繀瑕佸噯澶�</span>銆�鐩墠浜虹被杩樹笉鑳藉畬鍏ㄦ帶鍒惰嚜鐒剁伨瀹冲拰閬垮厤鎴樹簤锛屽湴闇囥�佹按銆佺伀鐏惧鍜屾垬浜夐兘閫犳垚浜嗗ぇ閲忔畫鐤句汉銆傚杩欎簺鎮h�呮槸鍚﹁繘琛屽悍澶嶆不鐤楋紝鍏剁粨灞�鏄ぇ涓嶄竴鏍风殑锛岃繖涔熸槸蹇呴』閲嶈搴峰鍖诲鍙戝睍鐨勪富瑕佸師鍥犱箣涓�銆俉HO瀵圭ぞ鍖哄悍澶嶏紙community-based
                         rehabilitation锛孋BR锛夌殑鎺ㄥ箍灏や负绉瀬锛屽洜涓哄彧鏈夌ぞ鍖哄悍澶嶇殑鍙戝睍鍜屾帹骞匡紝鎵嶈兘瀹炵幇鐪熸鎰忎箟涓婄殑鈥滀汉浜轰韩鍙楀崼鐢熶繚鍋モ�濈殑鐩爣銆�</p>
 
                 </div>
@@ -448,7 +453,8 @@
         <div class="page-box" page="23">
             <div v-if="showPageList.indexOf(23) > -1">
                 <div class="page-header-right">
-                    <span class="header-title">绗竴绔�&nbsp;&nbsp;&nbsp;缁</span><img class="header-img" src="../../assets/images/pageHeader.png"  />
+                    <span class="header-title">绗竴绔�&nbsp;&nbsp;&nbsp;缁�夆�夆�夆�夆�夆�夆�夆�夎</span><img class="header-img"
+                        src="../../assets/images/pageHeader.png" />
                 </div>
                 <div class="bodystyle">
                     <p class="content">
@@ -536,7 +542,8 @@
         <div class="page-box" page="25">
             <div v-if="showPageList.indexOf(25) > -1">
                 <div class="page-header-right">
-                    <span class="header-title">绗竴绔�&nbsp;&nbsp;&nbsp;缁</span><img class="header-img" src="../../assets/images/pageHeader.png"  />
+                    <span class="header-title">绗竴绔�&nbsp;&nbsp;&nbsp;缁�夆�夆�夆�夆�夆�夆�夆�夎</span><img class="header-img"
+                        src="../../assets/images/pageHeader.png" />
                 </div>
                 <div class="bodystyle">
                     <p class="content">
@@ -599,12 +606,12 @@
                     <p class="content">
                         搴峰鍩虹瀛︽槸鎸囧悍澶嶅尰瀛︾殑鐞嗚鍩虹锛岄噸鐐规槸涓庡悍澶嶅姛鑳借缁冿紝鐗瑰埆鏄笌涓诲姩鍔熻兘璁粌鏈夊叧鐨勮В鍓栧銆佺敓鐞嗗銆佷汉浣撳彂鑲插銆佷汉浣撹繍鍔ㄥ锛屼互鍙婁笌鎮h�呯敓娲诲拰绀句細娲诲姩瀵嗗垏鐩稿叧鐨勭幆澧冩敼閫犲銆�</p>
                     <p class="content"><span
-                            class="bold">1锛庤В鍓栧</span>銆�鏄爺绌舵甯镐汉浣撳舰鎬佺粨鏋勭殑绉戝锛屽彲鍒嗕负绯荤粺瑙e墫瀛﹀拰灞�閮ㄨВ鍓栧銆傜郴缁熻В鍓栧鎸変汉浣撳姛鑳界郴缁熷垎鍒爺绌跺悇涓櫒瀹樼殑褰㈡�佺粨鏋勶紝鎵�娑夊強鐨勫悍澶嶅熀纭�鍖呮嫭杩愬姩绯荤粺锛堣繍鍔ㄧ敓鐗╁姏瀛︺�佽繍鍔ㄧ敓鍖栦互鍙婂埗鍔ㄥ鏈轰綋鐨勫奖鍝嶏級銆佺缁忕郴缁熴�佸惊鐜郴缁熴�佸懠鍚哥郴缁熴�佸唴鍒嗘硨绯荤粺銆佹硨灏跨敓娈栫郴缁熺瓑銆傚眬閮ㄨВ鍓栧鐮旂┒浜轰綋鍚勫眬閮ㄥ櫒瀹樼殑褰㈡�佺粨鏋勩��
+                            class="bold fc">1锛庤В鍓栧</span>銆�鏄爺绌舵甯镐汉浣撳舰鎬佺粨鏋勭殑绉戝锛屽彲鍒嗕负绯荤粺瑙e墫瀛﹀拰灞�閮ㄨВ鍓栧銆傜郴缁熻В鍓栧鎸変汉浣撳姛鑳界郴缁熷垎鍒爺绌跺悇涓櫒瀹樼殑褰㈡�佺粨鏋勶紝鎵�娑夊強鐨勫悍澶嶅熀纭�鍖呮嫭杩愬姩绯荤粺锛堣繍鍔ㄧ敓鐗╁姏瀛︺�佽繍鍔ㄧ敓鍖栦互鍙婂埗鍔ㄥ鏈轰綋鐨勫奖鍝嶏級銆佺缁忕郴缁熴�佸惊鐜郴缁熴�佸懠鍚哥郴缁熴�佸唴鍒嗘硨绯荤粺銆佹硨灏跨敓娈栫郴缁熺瓑銆傚眬閮ㄨВ鍓栧鐮旂┒浜轰綋鍚勫眬閮ㄥ櫒瀹樼殑褰㈡�佺粨鏋勩��
                     </p>
                     <p class="content"><span
-                            class="bold">2锛庣敓鐞嗗</span>銆�鏄竴闂ㄧ爺绌剁敓鐗╀綋鍔熻兘娲诲姩瑙勫緥鐨勭瀛︺�傚畠鐮旂┒鐢熷懡娲诲姩鐨勬柊闄堜唬璋€�佺敓鐗╀綋瀵瑰鐣岀幆澧冨彉鍖栫殑鍙嶅簲鍙婂叴濂嬫�у拰鐢熸畺銆傚畠鎺㈣浜轰綋鍔熻兘娲诲姩鐨勮皟鑺傛柟寮忥紝鍖呮嫭绁炵粡璋冭妭銆佷綋娑茶皟鑺傚拰鑷韩璋冭妭锛屼互鍙婂彂鐢熷姛鑳藉彉鍖栨椂鐨勫弽棣堣皟鑺傘��
+                            class="bold fc">2锛庣敓鐞嗗</span>銆�鏄竴闂ㄧ爺绌剁敓鐗╀綋鍔熻兘娲诲姩瑙勫緥鐨勭瀛︺�傚畠鐮旂┒鐢熷懡娲诲姩鐨勬柊闄堜唬璋€�佺敓鐗╀綋瀵瑰鐣岀幆澧冨彉鍖栫殑鍙嶅簲鍙婂叴濂嬫�у拰鐢熸畺銆傚畠鎺㈣浜轰綋鍔熻兘娲诲姩鐨勮皟鑺傛柟寮忥紝鍖呮嫭绁炵粡璋冭妭銆佷綋娑茶皟鑺傚拰鑷韩璋冭妭锛屼互鍙婂彂鐢熷姛鑳藉彉鍖栨椂鐨勫弽棣堣皟鑺傘��
                     </p>
-                    <p class="content"><span class="bold">3锛庝汉浣撳彂鑲插鍙婁汉浣撹繍鍔ㄥ</span>銆�鏄爺绌舵甯镐汉浣撳悇鍣ㄥ畼鐨勭粍缁囩粨鏋勫強杩愬姩鍔熻兘绛夊彂鑲茬殑绉戝銆�</p>
+                    <p class="content"><span class="bold fc">3锛庝汉浣撳彂鑲插鍙婁汉浣撹繍鍔ㄥ</span>銆�鏄爺绌舵甯镐汉浣撳悇鍣ㄥ畼鐨勭粍缁囩粨鏋勫強杩愬姩鍔熻兘绛夊彂鑲茬殑绉戝銆�</p>
 
                 </div>
                 <div class="page-bottom-left">
@@ -617,11 +624,12 @@
         <div class="page-box" page="27">
             <div v-if="showPageList.indexOf(27) > -1">
                 <div class="page-header-right">
-                    <span class="header-title">绗竴绔�&nbsp;&nbsp;&nbsp;缁</span><img class="header-img" src="../../assets/images/pageHeader.png"  />
+                    <span class="header-title">绗竴绔�&nbsp;&nbsp;&nbsp;缁�夆�夆�夆�夆�夆�夆�夆�夎</span><img class="header-img"
+                        src="../../assets/images/pageHeader.png" />
                 </div>
                 <div class="bodystyle">
                     <p class="content"><span
-                            class="bold">4锛庣幆澧冩敼閫犲</span>銆�鏄�氳繃璋冩暣鐜浠ラ�傚簲娈嬬柧浜虹殑鐢熸椿銆佸涔犳垨宸ヤ綔瑕佹眰鐨勪竴闂ㄧ瀛︺�傜幆澧冩敼閫犵殑鐩殑灏辨槸閫氳繃寤虹珛鏃犻殰纰嶈鏂斤紝娑堥櫎鐜瀵规畫鐤句汉閫犳垚鐨勫悇绉嶉殰纰嶏紝涓烘畫鐤句汉鍙備笌绀句細娲诲姩鍒涢�犲熀鏈潯浠躲��
+                            class="bold fc">4锛庣幆澧冩敼閫犲</span>銆�鏄�氳繃璋冩暣鐜浠ラ�傚簲娈嬬柧浜虹殑鐢熸椿銆佸涔犳垨宸ヤ綔瑕佹眰鐨勪竴闂ㄧ瀛︺�傜幆澧冩敼閫犵殑鐩殑灏辨槸閫氳繃寤虹珛鏃犻殰纰嶈鏂斤紝娑堥櫎鐜瀵规畫鐤句汉閫犳垚鐨勫悇绉嶉殰纰嶏紝涓烘畫鐤句汉鍙備笌绀句細娲诲姩鍒涢�犲熀鏈潯浠躲��
                     </p>
                     <h3 class="thirdTitle">浜屻�佸悍澶嶅姛鑳借瘎瀹�</h3>
                     <p class="content">
@@ -637,7 +645,7 @@
                     <p class="content">
                         搴峰娌荤枟鎶�鏈槸搴峰鍖诲鐨勪富瑕佸唴瀹癸紝鍙畾涔変负甯姪娈嬬柧浜鸿幏寰楃煡璇嗗拰鎶�鑳斤紝鏈�澶ч檺搴﹁幏寰楄函浣撱�佺簿绁炲拰绀句細鍔熻兘鐨勪竴涓富鍔ㄧ殑銆佸姩鎬佺殑杩囩▼銆傚悍澶嶆不鐤楀彲鏈�澶ч檺搴﹀湴澧炲姞鎮h�呯殑鍔熻兘锛屽皢娈嬬柧涓庢畫闅滈檷鍒版渶浣庨檺搴︼紝浠庤�屼績杩涘叾娲诲姩鑳藉姏鍜屽弬涓庤兘鍔涖�傚父鐢ㄧ殑搴峰娌荤枟鎶�鏈湁浠ヤ笅鍑犵銆�
                     </p>
-                    <p class="content"><span class="bold">1锛庣墿鐞嗘不鐤�</span>銆�鐗╃悊娌荤枟锛坧hysiotherapy锛宲hysical
+                    <p class="content"><span class="bold fc">1锛庣墿鐞嗘不鐤�</span>銆�鐗╃悊娌荤枟锛坧hysiotherapy锛宲hysical
                         therapy锛孭T锛夋槸杩愮敤鏈�骞跨殑搴峰娌荤枟鎶�鏈紝鍖呮嫭鐗╃悊鍥犲瓙鐤楁硶锛堥潪鍔涘鏂规硶锛夊拰杩愬姩鐤楁硶锛堝姏瀛︽柟娉曪級銆�</p>
                     <p class="content">
                         锛�1锛夌墿鐞嗗洜瀛愮枟娉曪細绠�绉扮悊鐤楋紝鏄寚鐢ㄤ汉宸ョ墿鐞嗗洜瀛愬鐢点�佸厜銆佸0銆佺銆佸喎銆佺儹銆佹按绛夋不鐤楀悇绉嶇柧鐥呯殑鏂规硶锛屽鍑忚交鐐庣棁銆佺紦瑙g柤鐥涖�佹敼鍠勮倢鑲夌槴鐥�佹姂鍒剁棄鎸涖�侀槻姝㈢槩鐥曠殑澧炵敓锛屼互鍙婁績杩涘眬閮ㄨ娑插惊鐜瓑鍧囨湁杈冨ソ鏁堟灉銆傚父鐢ㄧ殑鐞嗙枟鏈夛細鈶犵數鐤楋紝浣庨鐢电枟娉曘�佷腑棰戠數鐤楁硶銆侀珮棰戠數鐤楁硶銆傗憽鍏夌枟锛岀孩澶栫嚎鐤楁硶銆佸彲瑙佸厜鐤楁硶銆佺传澶栫嚎鐤楁硶銆佹縺鍏夌枟娉曠瓑銆傗憿瓒呭0娉㈢枟娉曘�傗懀纾佸満鐤楁硶銆傗懁娓╃儹鐤楁硶锛岀煶铚$枟娉曘�佺爞绮掔枟娉曘�佹偿鐤楁硶绛夈�傗懃姘寸枟娉曪紝娴告荡銆佹穻娴淬�佸搱宸村痉妲芥荡銆佹琛屾荡銆佹丁娴佹荡銆佹皵娉℃荡銆佹按涓繍鍔ㄧ瓑銆傗懄鐢熺墿鍙嶉鐤楁硶绛夈��
@@ -664,21 +672,21 @@
                         technique锛夈�侀瞾寰锋妧鏈紙Rood technique锛夈�佸崥宸存柉鎶�鏈紙Bobath technique锛夈�佹湰浣撴劅绁炵粡鑲岃倝鏄撳寲娉曪紙proprioceptive neuromuscular
                         facili-tation锛孭NF锛夈�傗憿杩愬姩鍐嶅涔犵枟娉曘�傗懀鍏朵粬甯哥敤杩愬姩鐤楁硶鎶�鏈紝濡傞害鑳ュ熀鍔涘鐤楁硶銆佸叧鑺傛澗鍔ㄦ湳銆佹寜鎽╃枟娉曘�佺壍寮曟妧鏈�佹按涓繍鍔ㄣ�佸尰鐤椾綋鎿嶇瓑銆�</p>
                     <p class="content">鍦ㄨ繍鍔ㄧ枟娉曟妧鏈娇鐢ㄨ繃绋嬩腑锛屾墍搴旂敤鐨勫熀鏈繍鍔ㄧ绫绘湁琚姩杩愬姩銆佷富鍔ㄨ繍鍔ㄣ�佹姉闃昏繍鍔ㄥ拰鐗靛紶杩愬姩銆�</p>
-                    <p class="content"><span class="bold">2锛庝綔涓氱枟娉�</span>銆�浣滀笟鐤楁硶锛坥ccupational
+                    <p class="content"><span class="bold fc">2锛庝綔涓氱枟娉�</span>銆�浣滀笟鐤楁硶锛坥ccupational
                         therapy锛孫T锛夋槸鎸囬拡瀵圭梾銆佷激銆佹畫鑰呯殑鍔熻兘闅滅锛屼粠鏃ュ父鐢熸椿娲诲姩銆佸伐浣滄垨鍔冲姩涓湁閽堝鎬у湴閫夊彇涓�浜涗綔涓氭椿鍔紝瀵规偅鑰呰繘琛岃缁冿紝浠ユ仮澶嶆偅鑰呯殑鐙珛鐢熸椿鑳藉姏鐨勬不鐤楁柟娉曘�傜洰鐨勬槸鍑忚交娈嬬柧锛屼繚鎸佸仴搴凤紝澧炲己鎮h�呭弬涓庣ぞ浼氥�侀�傚簲鐜銆佸垱閫犵敓娲荤殑鑳藉姏銆備富瑕佺敤浜庢棩甯哥敓娲绘椿鍔ㄩ殰纰嶃�佽偄浣撶簿缁嗗姩浣滃拰璁ょ煡鍔熻兘闅滅鐨勬偅鑰呫�傚父鐢ㄧ殑浣滀笟鐤楁硶濡備笅銆傗憼鍔熻兘鎬т綔涓氱枟娉曪紝濡傛湪宸ャ�佺汉缁囥�佸埡缁c�侀洉鍒汇�佹墜宸ヨ壓鍝佸埗浣滅瓑鎵嬪伐鎿嶄綔锛屽鐜�佷竷宸ф澘銆佷功娉曘�佺粯鐢荤瓑娓告垙娲诲姩銆傗憽鏃ュ父鐢熸椿鑳藉姏璁粌锛屽杩涢銆佹⒊娲椼�佹洿琛c�佸鍘曘�佸鍔″姵鍔ㄣ�佸簥妞呰浆绉荤瓑璁粌銆傗憿鎰熺煡鍜岃鐭ラ殰纰嶇殑璁粌锛屽澶辫鐥囥�佸け鐢ㄧ棁銆佹敞鎰忛殰纰嶃�佽蹇嗛殰纰嶇瓑鐨勮缁冦�傗懀鍋囪偄銆佺煫褰㈠櫒鍙婄壒娈婅疆妞呯殑鎿嶇旱鍜屼娇鐢ㄨ缁冦�傗懁鑷姪鍏风殑鍒朵綔銆傗懃鍘嬪姏娌荤枟銆傗懄搴峰鐜璁捐鍙婃敼閫犵瓑銆�
                     </p>
                     <p class="content">鍏蜂綋鐨勪綔涓氭不鐤楄缁冮」鐩簲鏍规嵁鎮h�呯殑鎬у埆銆佸勾榫勩�佸叴瓒c�佸師鏉ョ殑鑱屼笟鍜岄殰纰嶇瓑鎯呭喌杩涜閫夋嫨銆�</p>
-                    <p class="content"><span class="bold">3锛庤█璇不鐤�</span>銆�瑷�璇不鐤楋紙speech
+                    <p class="content"><span class="bold fc">3锛庤█璇不鐤�</span>銆�瑷�璇不鐤楋紙speech
                         therapy锛孲T锛夋槸閽堝鑴戝浼ゃ�佽剳鍗掍腑銆佸皬鍎胯剳鐦�佸ご棰堥儴鑲跨槫銆佸厛澶╃己闄风瓑寮曡捣鐨勮瑷�浜ゆ祦闅滅鐨勬偅鑰呰繘琛岃█璇姛鑳借瘎瀹氬拰鐭不鐨勬柟娉曘�傚父瑙佺殑璇█闅滅鏈夊惉瑙夐殰纰嶃�佽瑷�鍙戦煶杩熺紦銆佸け璇棁銆佽█璇け鐢ㄣ�佹瀯闊抽殰纰嶅拰鍙e悆绛夈�傞�氳繃璇勫畾锛岄壌鍒█璇垨璇█闅滅鐨勭被鍨嬶紝缁欎簣閽堝鎬х殑缁冧範锛屽鍙戦煶鍣ㄥ畼鍜屾瀯闊崇粨鏋勭粌涔犮�佸崟闊冲埡婵�銆佺墿鍝佸懡鍚嶇粌涔犮�佽瀛楃粌涔犮�佹儏鏅細璇濈粌涔犵瓑鏂规硶浠ユ仮澶嶆垨鏀瑰杽鎮h�呯殑瑷�璇氦娴佽兘鍔涖��
                     </p>
                     <p class="content">瀵逛簬缁忚繃绯荤粺瑷�璇不鐤椾粛闅句互鎭㈠瑷�璇氦娴佽兘鍔涚殑鎮h�咃紝鍙鍏惰繘琛岃█璇唬鍋夸氦娴佹柟娉曠殑璁粌濡備娇鐢ㄤ氦娴佹澘銆佷氦娴佸唽鍜岀數鑴戠瓑浜ゆ祦锛屼互澧炲己浜ゆ祦鑳藉姏銆�</p>
                     <p class="content">
                         杩戝勾鏉ョ缁忕郴缁熸崯浼ゅ悗鎵�鑷寸殑鍚炲捊鍔熻兘闅滅瓒婃潵瓒婂彈鍒板悍澶嶅尰瀛︾晫閲嶈锛岄拡瀵瑰悶鍜介殰纰嶇殑搴峰璇勫畾鍜屾不鐤椾篃鍦ㄤ笉鏂帰绱㈠拰瀹屽杽涓�備复搴婃鏌ュ寘鎷ギ姘磋瘯楠屻�侀绠$殑杩愬姩鑳藉姏浠ュ強鍙h厰銆佸捊鍠夌殑鍔熻兘鐘跺喌绛夈�俋绾块�犲奖褰曞儚搴旇鏄渶涓哄瑙傘�佸噯纭殑妫�鏌ユ柟娉曘�傚湪璇勫畾鐨勫熀纭�涓婏紝瀵规偅鑰呰繘琛岄拡瀵规�х殑鐩存帴鎴栭棿鎺ョ殑鍙h厰銆侀潰閮ㄧ瓑杩愬姩鑳藉姏鐨勮缁冿紝浠ュ強鎽勯璁粌鍜屾憚椋�-鍚炲捊闅滅鐨勭患鍚堣缁冦��
                     </p>
-                    <p class="content"><span class="bold">4锛庡績鐞嗘不鐤�</span>銆�蹇冪悊娌荤枟锛坧sychological
+                    <p class="content"><span class="bold fc">4锛庡績鐞嗘不鐤�</span>銆�蹇冪悊娌荤枟锛坧sychological
                         therapy锛夋槸閫氳繃瑙傚療銆佽皥璇濄�佸疄楠屽拰蹇冪悊娴嬮獙锛堟�ф牸銆佹櫤鍔涗汉鏍笺�佺缁忓績鐞嗗拰蹇冪悊閫傚簲鑳藉姏绛夛級瀵规偅鑰呰繘琛屽績鐞嗗璇勪环銆佸績鐞嗗挩璇㈠拰蹇冪悊娌荤枟鐨勬柟娉曘�傚父鐢ㄧ殑蹇冪悊娌荤枟鍖呮嫭绮剧鏀寔鐤楁硶銆佹殫绀虹枟娉曘�佸偓鐪犵枟娉曘�佽涓虹枟娉曘�佽劚鏁忕枟娉曘�佹澗寮涚枟娉曘�侀煶涔愮枟娉曞拰蹇冪悊鍜ㄨ绛夈�傞�氳繃蹇冪悊娌荤枟锛屼娇鎮h�呬互绉瀬銆佷富鍔ㄧ殑鎬佸害鍙備笌搴峰娌荤枟銆佸搴拰绀句細鐢熸椿銆傛偅鑰呯殑绮剧鍜屽績鐞嗗洜绱犲彲浠ュ奖鍝嶅叾鏁翠綋鍔熻兘鐨勬仮澶嶇▼搴︼紝鐢氳嚦褰卞搷棰勫悗鍜岀敓娲昏川閲忥紝搴峰鍖诲涓撲笟浜哄憳搴旈噸瑙嗘瘡涓�浣嶄釜浣撶殑蹇冪悊璇勫畾鍜屾不鐤椼��
                     </p>
-                    <p class="content"><span class="bold">5锛庢枃濞辩枟娉�</span>銆�鏂囧ū鐤楁硶锛坮ecreation
+                    <p class="content"><span class="bold fc">5锛庢枃濞辩枟娉�</span>銆�鏂囧ū鐤楁硶锛坮ecreation
                         therapy锛孯T锛夋槸閫夋嫨鎮h�呭姏鎵�鑳藉強鐨勪竴浜涙枃濞便�佷綋鑲叉椿鍔ㄥ鍏惰繘琛屾不鐤楃殑涓�绉嶇枟娉曘�傛枃濞辩枟娉曚笉浣嗗彲浠ユ彁楂樻偅鑰呯殑韬綋鍔熻兘锛屾敼鍠勫钩琛″拰鍗忚皟鑳藉姏锛岃繕鑳藉寮哄叾淇″績锛屼娇鍏跺緱鍒版剦鎮︼紝浠庤�岃皟鏁村績鐞嗙姸鎬併��
                     </p>
 
@@ -693,25 +701,26 @@
         <div class="page-box" page="29">
             <div v-if="showPageList.indexOf(29) > -1">
                 <div class="page-header-right">
-                    <span class="header-title">绗竴绔�&nbsp;&nbsp;&nbsp;缁</span><img class="header-img" src="../../assets/images/pageHeader.png"  />
+                    <span class="header-title">绗竴绔�&nbsp;&nbsp;&nbsp;缁�夆�夆�夆�夆�夆�夆�夆�夎</span><img class="header-img"
+                        src="../../assets/images/pageHeader.png" />
                 </div>
                 <div class="bodystyle">
-                    <p class="content"><span class="bold">6锛庝腑鍥戒紶缁熸不鐤�</span>銆�涓浗浼犵粺娌荤枟锛坱raditional Chinese
+                    <p class="content"><span class="bold fc">6锛庝腑鍥戒紶缁熸不鐤�</span>銆�涓浗浼犵粺娌荤枟锛坱raditional Chinese
                         medicine锛孴CM锛夊寘鎷腑鑽�侀拡鐏搞�佹帹鎷挎寜鎽┿�佹皵鍔熴�佹鏈瓑銆傝繖浜涙不鐤楁柟娉曞湪璋冩暣鏈轰綋鏁翠綋鍔熻兘銆佺柤鐥涘鐞嗕笌鎺у埗銆佽韩浣撳钩琛″拰鍗忚皟鍔熻兘鏀瑰杽锛屼互鍙婅繍鍔ㄥ吇鐢熷拰楗鍏荤敓绛夋柟闈㈠叿鏈夌嫭鐗圭殑浣滅敤銆傜患鍚堝簲鐢ㄤ腑鍥戒紶缁熸不鐤椾笌搴峰璁粌鑳借繘涓�姝ユ彁楂樻偅鑰呯殑鍔熻兘銆備腑瑗垮尰缁撳悎鐨勫悍澶嶆不鐤楁柟娉曞湪鍏ㄧ悆鑼冨洿鍐呰秺鏉ヨ秺鍙楀埌閲嶈鍜屾帹宕囷紝鐗瑰埆鏄湪杩戝勾鏉ョ鐮斾汉鍛樺簲鐢ㄧ幇浠e尰瀛︾殑绉戝瀹為獙鏂规硶閫愭璇佹槑浜嗕腑鍥戒紶缁熸不鐤楃殑鏈夋晥鎬у拰瀹夊叏鎬у悗銆�
                     </p>
-                    <p class="content"><span class="bold">7锛庡悍澶嶅伐绋�</span>銆�搴峰宸ョ▼锛坮ehabilitation
+                    <p class="content"><span class="bold fc">7锛庡悍澶嶅伐绋�</span>銆�搴峰宸ョ▼锛坮ehabilitation
                         engineering锛孯E锛夋槸搴旂敤鐜颁唬宸ョ▼瀛︾殑鍘熺悊鍜屾柟娉曪紝閫氳繃涓烘畫鐤句汉璁捐涓庡埗浣滃亣鑲€�佺煫褰㈠櫒銆佽嚜鍔╁叿鍜岃繘琛屾棤闅滅鐜鐨勬敼閫犵瓑锛屾渶澶ч檺搴﹀湴鎭㈠銆佷唬鍋挎垨閲嶅缓鎮h�呯殑鍔熻兘锛屼负鍏跺洖褰掔ぞ浼氬垱閫犳潯浠讹紝鏄噸瑕佺殑搴峰鎵嬫涔嬩竴銆傜壒鍒槸瀵逛竴鑸不鐤楁柟娉曟晥鏋滀笉鐞嗘兂鐨勮韩浣撳櫒瀹樼己鎹熷拰鍔熻兘闅滅鑰咃紝瀹冩槸涓�绉嶄富瑕佺殑鐢氳嚦鍞竴鐨勬不鐤楁墜娈点�傚悍澶嶅伐绋嬬殑鍐呭涓昏鍖呮嫭鍋囪偄銆佺煫褰㈠櫒绛夊姛鑳戒唬鍋跨敤鍝併�佸姛鑳介噸寤虹敤鍝併�佽楗版�у亣鍣ㄥ畼绛夌殑璁捐涓庡埗浣溿�佹棤闅滅寤虹瓚鐨勮璁$瓑銆�
                     </p>
-                    <p class="content"><span class="bold">8锛庡悍澶嶆姢鐞�</span>銆�搴峰鎶ょ悊锛坮ehabilitation
+                    <p class="content"><span class="bold fc">8锛庡悍澶嶆姢鐞�</span>銆�搴峰鎶ょ悊锛坮ehabilitation
                         nursing锛孯N锛夋槸瀹炴柦鏃╂湡搴峰鐨勪富瑕佺粍鎴愰儴鍒嗭紝涔熸槸鍐冲畾鎮h�呭悍澶嶆垚鍔熶笌鍚︾殑鍏抽敭缁勬垚閮ㄥ垎銆傚鏋滄偅鑰呯殑鍔熻兘鏈兘寰堝ソ鍦板彂鎸ワ紝涓嶈兘姝e父鍦扮敓娲诲拰宸ヤ綔锛岃繖灏辨剰鍛崇潃鎶ょ悊宸ヤ綔杩樻病鏈夌粨鏉熴�傚悍澶嶆姢鐞嗕汉鍛樺簲璇ョ悊瑙e拰鐔熸倝搴峰鍖诲鐨勫熀鏈蹇点�佷富瑕佸唴瀹瑰拰鎶�鑳斤紝骞朵娇涔嬫笚閫忓埌鏁翠綋鎶ょ悊宸ヤ綔涓紝浣垮悍澶嶈蹇靛拰鍩烘湰鎶�鏈垚涓烘暣浣撴姢鐞嗗伐浣滅殑涓�閮ㄥ垎銆�
                     </p>
                     <p class="content">
                         搴峰鎶ょ悊鏄績杩涙偅鑰呭湪鍏剁敓娲荤幆澧冧腑鑾峰緱鏈�楂樺姛鑳芥按骞崇殑涓�涓姩鎬佽繃绋嬨�傚悍澶嶆姢鐞嗕汉鍛樻槸搴峰瀵硅薄鐨勭収椤捐�呫�佹棭鏈熷悍澶嶇殑鎵ц鑰呫�佸皢搴峰娌荤枟杞Щ鍒版棩甯哥敓娲讳腑鐨勭潱淇冭�呫�佸鎮h�呭瓨鍦ㄩ棶棰樼殑鍗忚皟鑰呭拰鍋ュ悍鏁欒偛鑰呫�傚涓洪槻姝㈣倢鑲夎悗缂╁拰鍏宠妭鍍电洿锛岄紦鍔辨偅鑰呮棭鏈熻繘琛岃偄浣撲富鍔ㄦ垨琚姩杩愬姩锛岄紦鍔辨偅鑰呭埄鐢ㄨ嚜鍔╁伐鍏疯繘椋熴�佺┛琛c�佹⒊娲椼�佹帓娉勭瓑銆傚悍澶嶆姢鐞嗚涓烘偅鑰呮彁渚涜壇濂界殑搴峰鐜鍙婃湁鐩婄殑娲诲姩锛岄伩鍏嶅苟鍙戠棁鍜岀户鍙戞畫鐤撅紝鍒涢�犲拰鍒╃敤鍚勭鏉′欢灏嗗姛鑳借缁冨唴瀹逛笌鏃ュ父鐢熸椿娲诲姩鐩哥粨鍚堬紝鎻愰珮鎮h�呯殑鐢熸椿鑷悊鑳藉姏銆�
                     </p>
-                    <p class="content"><span class="bold">9锛庣ぞ浼氬悍澶嶆湇鍔�</span>銆�绀句細搴峰鏈嶅姟锛坰ocial rehabilitation
+                    <p class="content"><span class="bold fc">9锛庣ぞ浼氬悍澶嶆湇鍔�</span>銆�绀句細搴峰鏈嶅姟锛坰ocial rehabilitation
                         work锛夋槸涓�椤逛负娈嬬柧浜虹殑绀句細闇�姹傛彁渚涙湇鍔$殑宸ヤ綔銆傜ぞ浼氬悍澶嶆湇鍔′汉鍛橀鍏堝簲璇ュ鎮h�呯殑鐢熸椿鐞嗘兂銆佸搴垚鍛樻瀯鎴愭儏鍐靛強鐩镐簰鍏崇郴銆佺ぞ浼氳儗鏅�佸搴粡娴庛�佷綇鎴垮拰绀惧尯鐜绛夎繘琛屼簡瑙e拰璇勫畾锛岀劧鍚庡崗璋冨ソ娈嬬柧浜轰笌绀句細闂寸殑鐩镐簰閫傚簲鍏崇郴銆備緥濡傦紝浣忛櫌鏈熼棿甯姪鎮h�呭敖蹇啛鎮夊拰閫傚簲鐜锛屾纭寰呯幇瀹炲拰灏嗘潵锛屾爲绔嬬敓娲讳俊蹇冿紝涓庡浜轰竴璧峰悜绀句細绂忓埄銆佹湇鍔°�佷繚闄╁拰鏁戞祹閮ㄩ棬姹傚姪锛涙不鐤楁湡闂达紝鍗忚皟鎮h�呬笌搴峰鍚勪笓涓氭垚鍛樼殑鍏崇郴锛涘嚭闄㈠悗杩涜闅忚锛屽府鍔╂偅鑰呬笌绀句細鏈夊叧閮ㄩ棬鑱旂郴锛岃В鍐冲疄闄呭洶闅俱��
                     </p>
-                    <p class="content"><span class="bold">10锛庤亴涓氬悍澶嶆不鐤�</span>銆�鑱屼笟搴峰娌荤枟锛坴ocational rehabilitation
+                    <p class="content"><span class="bold fc">10锛庤亴涓氬悍澶嶆不鐤�</span>銆�鑱屼笟搴峰娌荤枟锛坴ocational rehabilitation
                         therapy锛夋槸閫氳繃瀵规偅鑰呰嚧娈嬪墠鐨勮亴涓氫笓闀裤�佽亴涓氬叴瓒c�佸伐浣滀範鎯�佷綔涓氶�熷害銆佸伐浣滄妧鑳姐�佽韩蹇冨姛鑳界姸鍐点�佸氨涓氭綔鍔涘強鑱屼笟閫傚簲鑳藉姏浣滃嚭缁煎悎鎬у垎鏋愪笌璇勪及锛屽府鍔╅�夋嫨鑳藉彂鎸ュ叾娼滆兘鐨勮亴涓氶」鐩紝瀵归�傚疁灏变笟鑰呮彁鍑哄缓璁紝瀵归渶瑕佸氨涓氳�呰繘琛屽氨涓氬墠閫傚簲鎬ц缁冿紝涓哄洖褰掔ぞ浼氭墦涓嬪熀纭�銆�
                     </p>
                     <h3 class="thirdTitle">鍥涖�佷复搴婂悍澶�</h3>
@@ -736,13 +745,13 @@
                 </div>
                 <div class="bodystyle">
                     <p class="content"><span
-                            class="bold">1锛庤倢鑲夐楠煎悍澶�</span>銆�鐮旂┒浜轰綋鑲岃倝楠ㄩ鐤剧梾鐨勪复搴婂鐞嗐�佸姛鑳借瘎瀹氬拰搴峰娌荤枟鐨勪笓涓氥�傛秹鍙婄柧鐥呬富瑕佸寘鎷鎶樸�佽繍鍔ㄥ垱浼ゃ�佹埅鑲€�佸叧鑺傜疆鎹㈡湳銆侀妞庣梾銆佽叞妞庨棿鐩樼獊鍑虹棁銆侀鍏宠妭鐐庛�佺被椋庢箍鍏宠妭鐐庛�佽蒋缁勭粐鎹熶激鍜岀儳浼ょ瓑銆�
+                            class="bold fc">1锛庤倢鑲夐楠煎悍澶�</span>銆�鐮旂┒浜轰綋鑲岃倝楠ㄩ鐤剧梾鐨勪复搴婂鐞嗐�佸姛鑳借瘎瀹氬拰搴峰娌荤枟鐨勪笓涓氥�傛秹鍙婄柧鐥呬富瑕佸寘鎷鎶樸�佽繍鍔ㄥ垱浼ゃ�佹埅鑲€�佸叧鑺傜疆鎹㈡湳銆侀妞庣梾銆佽叞妞庨棿鐩樼獊鍑虹棁銆侀鍏宠妭鐐庛�佺被椋庢箍鍏宠妭鐐庛�佽蒋缁勭粐鎹熶激鍜岀儳浼ょ瓑銆�
                     </p>
                     <p class="content"><span
-                            class="bold">2锛庣缁忓悍澶�</span>銆�鐮旂┒浜轰綋涓灑绁炵粡鍜屽懆鍥寸缁忕郴缁熺柧鐥呯殑涓村簥鐗圭偣銆佸姛鑳借瘎瀹氥�佸悍澶嶆不鐤楀拰鍔熻兘缁撳眬銆備腑鏋㈢缁忕郴缁熺柧鐥咃紝鍖呮嫭鑴戝崚涓�佽剳澶栦激銆佽剳鎬х槴鐥�侀樋灏旇尐娴烽粯鐥呭強鑴婇珦鎹熶激銆佽剨楂撶値绛夈�傚懆鍥寸缁忕郴缁熺柧鐥咃紝鍖呮嫭鑴婄缁忕梾鍙樸�佺缁忎笡鍜岀缁忓共鎹熶激绛夈��
+                            class="bold fc">2锛庣缁忓悍澶�</span>銆�鐮旂┒浜轰綋涓灑绁炵粡鍜屽懆鍥寸缁忕郴缁熺柧鐥呯殑涓村簥鐗圭偣銆佸姛鑳借瘎瀹氥�佸悍澶嶆不鐤楀拰鍔熻兘缁撳眬銆備腑鏋㈢缁忕郴缁熺柧鐥咃紝鍖呮嫭鑴戝崚涓�佽剳澶栦激銆佽剳鎬х槴鐥�侀樋灏旇尐娴烽粯鐥呭強鑴婇珦鎹熶激銆佽剨楂撶値绛夈�傚懆鍥寸缁忕郴缁熺柧鐥咃紝鍖呮嫭鑴婄缁忕梾鍙樸�佺缁忎笡鍜岀缁忓共鎹熶激绛夈��
                     </p>
                     <p class="content"><span
-                            class="bold">3锛庡唴澶栫鐤剧梾搴峰</span>銆�鐮旂┒鍐呭绉戠郴缁熺柧鐥咃紝濡傚師鍙戞�ч珮琛�鍘嬨�佸啝蹇冪梾銆佹參鎬у厖琛�鎬у績鍔涜“绔�佺硸灏跨梾銆佹參鎬ч樆濉炴�ц偤鐤剧梾銆佽偪鐦ゃ�佷笅鑲㈡繁闈欒剦琛�鏍撳舰鎴愩�佽偁绮樿繛绛夌殑涓村簥鐗圭偣銆佸姛鑳借瘎瀹氬拰搴峰娌荤枟銆�
+                            class="bold fc">3锛庡唴澶栫鐤剧梾搴峰</span>銆�鐮旂┒鍐呭绉戠郴缁熺柧鐥咃紝濡傚師鍙戞�ч珮琛�鍘嬨�佸啝蹇冪梾銆佹參鎬у厖琛�鎬у績鍔涜“绔�佺硸灏跨梾銆佹參鎬ч樆濉炴�ц偤鐤剧梾銆佽偪鐦ゃ�佷笅鑲㈡繁闈欒剦琛�鏍撳舰鎴愩�佽偁绮樿繛绛夌殑涓村簥鐗圭偣銆佸姛鑳借瘎瀹氬拰搴峰娌荤枟銆�
                     </p>
                     <h3 class="thirdTitle">浜斻�佺ぞ鍖哄悍澶�</h3>
                     <p class="content">
@@ -751,7 +760,7 @@
                     <p class="content">
                         CBR鏄湪绀惧尯鐨勮寖鍥村唴锛屼緷闈犵ぞ鍖虹殑琛屾斂棰嗗鍜岀兢浼楃粍缁囷紝渚濋潬绀惧尯浜哄姏銆佺墿鍔涖�佷俊鎭拰鎶�鏈紝鍦ㄥ熀灞傛潯浠朵笅浠ョ畝渚裤�佸疄鐢ㄧ殑鏂瑰紡鍚戞畫鐤句汉鎻愪緵鍏ㄩ潰搴峰鏈嶅姟銆侰BR鐨勪紭鐐规槸鏈嶅姟闈㈠箍銆佹柟渚垮揩鎹枫�佸疄鐢ㄦ槗琛屻�佽垂鐢ㄤ綆锛屾湁鍒╀簬娈嬬柧浜哄洖褰掑搴拰绀句細锛屽簲澶у姏鎺ㄥ箍锛屼互瑙e喅澶ч儴鍒嗘畫鐤句汉鐨勫悍澶嶉棶棰樸��
                     </p>
-                    <div class="bodyPic"><img src="../../assets/images/0038-01.jpg" style="width:80%"  active="true" />
+                    <div class="bodyPic"><img src="../../assets/images/0038-01.jpg" style="width:80%" active="true" />
                     </div>
                     <p class="right-info">锛堝緪濞滃锛�</p>
 
@@ -762,11 +771,11 @@
             </div>
         </div>
     </div>
-    </template>
+</template>
 
 <script>
 export default {
-    
+
     props: {
         showPageList: {
             type: Array,
diff --git a/src/books/rehabilitationMedicineIntroduction/view/components/chapter2.vue b/src/books/rehabilitationMedicineIntroduction/view/components/chapter2.vue
index e87479d..f5ab049 100644
--- a/src/books/rehabilitationMedicineIntroduction/view/components/chapter2.vue
+++ b/src/books/rehabilitationMedicineIntroduction/view/components/chapter2.vue
@@ -1,14 +1,8 @@
 锘�<template>
     <div class="chapter" num="3">
-
-
         <!-- 绗�31椤� - 濂囨暟椤� -->
         <div class="page-box" page="31">
             <div v-if="showPageList.indexOf(31) > -1">
-                <div class="page-header-right">
-                    <span class="header-title">绗簩绔�&nbsp;&nbsp;&nbsp;搴峰鍖诲鐨勯噸瑕佹�у強浜烘墠鍩瑰吇</span><img class="header-img"
-                        src="../../assets/images/pageHeader.png" />
-                </div>
                 <div class="bodystyle">
                     <h1 class="firstTitle-l">绗簩绔犮��搴峰鍖诲鐨勯噸瑕佹�у強浜烘墠鍩瑰吇</h1>
                     <div class="bodyPic"><img src="../../assets/images/0039-01.jpg" style="width:30%" active="true" />
diff --git a/src/books/rehabilitationMedicineIntroduction/view/components/header.vue b/src/books/rehabilitationMedicineIntroduction/view/components/header.vue
index 2754dad..4678942 100644
--- a/src/books/rehabilitationMedicineIntroduction/view/components/header.vue
+++ b/src/books/rehabilitationMedicineIntroduction/view/components/header.vue
@@ -15,33 +15,44 @@
         <div class="page-box" page="3">
             <div v-if="showPageList.indexOf(3) > -1">
                 <div class="bodystyle">
-                    <p class="copyright-text">鍐呭鎻愯</p>
-                    <p class="copyright-text">
+                    <p class="center bold pt-70">鍐呭鎻愯</p>
+                    <p class="p-bqy">
                         鏈暀鏉愭槸鈥滃叏鍥介珮绛夎亴涓氭暀鑲插悍澶嶆不鐤楁妧鏈笓涓氭柊褰㈡�佽鍒掓暀鏉愨�濅箣涓�锛岀郴鏍规嵁鏈鏁欐潗鐨勭紪鍐欐寚瀵兼�濇兂鍜屽師鍒欒姹傦紝缁撳悎涓撲笟鍩瑰吇鐩爣鍜屾湰璇剧▼瑕佹眰鐨勬暀瀛︾洰鏍囩紪鍐欒�屾垚锛屽唴瀹规兜鐩栦簡娈嬬柧瀛︺�佸姛鑳介殰纰嶃�佸悍澶嶅尰瀛︾殑宸ヤ綔鏂瑰紡鍜屾祦绋嬬瓑銆傛澶栵紝鏈暀鏉愯繕澧炲姞浜嗕赴瀵岀殑鏁板瓧璧勬簮锛屽寘鎷井璇俱�佽浠躲�佹�濈淮瀵煎浘銆佸矖浣嶅鏍囪�冭瘯绛夌煡璇嗙偣鎬荤粨銆佽兘鍔涙祴璇曠瓑锛屼赴瀵屼簡鏁欐潗鍐呭锛屽寮轰簡绾夸笂鍜岀嚎涓嬫暀瀛︾殑鑱斿姩鎬э紝浠ユ彁鍗囧鐢熷涔犵殑涓诲姩鎬у拰绉瀬鎬с��
                     </p>
-                    <p class="copyright-text">鏈暀鏉愪富瑕佷緵搴峰娌荤枟鎶�鏈�佷腑鍖诲悍澶嶆妧鏈�佽繍鍔ㄥ仴搴锋寚瀵笺�佷綋鑲蹭繚鍋ヤ笌搴峰绛変笓涓氫娇鐢紝杩樺彲浣滀负搴峰鍖诲宸ヤ綔鑰呯殑鍙傝�冧功銆�</p>
-                    <p class="copyright-text">銆�鍥句功鍦ㄧ増缂栫洰锛圕IP锛夋暟鎹�</p>
-                    <p class="copyright-text">銆�搴峰鍖诲瀵艰/闃庡皬鑺逛富缂�.--鍖椾含锛氫腑鍥藉崗鍜屽尰绉戝ぇ瀛﹀嚭鐗堢ぞ锛�2025.7.--锛堝叏鍥介珮绛夎亴涓氭暀鑲插悍澶嶆不鐤楁妧鏈笓涓氭柊褰㈡�佽鍒掓暀鏉愶級.--ISBN
+                    <p class="p-bqy mb-10">鏈暀鏉愪富瑕佷緵搴峰娌荤枟鎶�鏈�佷腑鍖诲悍澶嶆妧鏈�佽繍鍔ㄥ仴搴锋寚瀵笺�佷綋鑲蹭繚鍋ヤ笌搴峰绛変笓涓氫娇鐢紝杩樺彲浣滀负搴峰鍖诲宸ヤ綔鑰呯殑鍙傝�冧功銆�</p>
+                    <p class="p-bqy bold">鍥句功鍦ㄧ増缂栫洰锛圕IP锛夋暟鎹�</p>
+                    <p class="p-bqy">搴峰鍖诲瀵艰/闃庡皬鑺逛富缂�.--鍖椾含锛氫腑鍥藉崗鍜屽尰绉戝ぇ瀛﹀嚭鐗堢ぞ锛�2025.7.--锛堝叏鍥介珮绛夎亴涓氭暀鑲插悍澶嶆不鐤楁妧鏈笓涓氭柊褰㈡�佽鍒掓暀鏉愶級.--ISBN
                         978-7-5679-2640-0</p>
-                    <p class="copyright-text">銆�鈪�.R49</p>
-                    <p class="copyright-text">涓浗鍥藉鐗堟湰棣咰IP鏁版嵁鏍稿瓧绗�2025F9C602鍙�</p>
-                    <p class="copyright-text">涓汇��銆�缂栥��闃庡皬鑺�</p>
-                    <p class="copyright-text">绛栧垝缂栬緫銆�榄忎簹钀�</p>
-                    <p class="copyright-text">璐d换缂栬緫銆�榄忎簹钀屻��寮犱粺濮�</p>
-                    <p class="copyright-text">灏侀潰璁捐銆�閭辨檽淇�</p>
-                    <p class="copyright-text">璐d换鏍″銆�寮犮��楹�</p>
-                    <p class="copyright-text">璐d换鍗板埗銆�榛勮壋闇�</p>
-                    <p class="copyright-text">鍑虹増鍙戣銆�涓浗鍗忓拰鍖荤澶у鍑虹増绀�</p>
-                    <p class="copyright-text">锛堝寳浜競涓滃煄鍖轰笢鍗曚笁鏉�9鍙枫��閭紪100730銆�鐢佃瘽010-65260431锛�</p>
-                    <p class="copyright-text">缃戙��銆�鍧�銆�www.pumcp.com</p>
-                    <p class="copyright-text">鍗般��銆�鍒枫��涓夋渤甯傞緳澶у嵃瑁呮湁闄愬叕鍙�</p>
-                    <p class="copyright-text">寮�銆�銆�鏈��889mm脳1194mm 1/16</p>
-                    <p class="copyright-text">鍗般��銆�寮犮��7.5</p>
-                    <p class="copyright-text">瀛椼��銆�鏁般��200鍗冨瓧</p>
-                    <p class="copyright-text">鐗堛��銆�娆°��2025骞�7鏈堢1鐗�</p>
-                    <p class="copyright-text">鍗般��銆�娆°��2025骞�7鏈堢1娆″嵃鍒�</p>
-                    <p class="copyright-text">瀹氥��銆�浠枫��42.00鍏�</p>
-                    <p class="copyright-text">锛堢増鏉冩墍鏈夛紝渚垫潈蹇呯┒锛屽鏈夊嵃瑁呰川閲忛棶棰橈紝鐢辨湰绀惧彂琛岄儴璋冩崲锛�</p>
+                    <p class="p-bqy">鈪�.R49</p>
+                    <p class="p-bqy">涓浗鍥藉鐗堟湰棣咰IP鏁版嵁鏍稿瓧绗�2025F9C602鍙�</p>
+                    <p><br></p>
+                    <p><br></p>
+                    <p><br></p>
+                    <p><br></p>
+                    <p><br></p>
+                    <p><br></p>
+                    <p><br></p>
+                    <p><br></p>
+                    <p><br></p>
+                    <div class="center-box">
+                        <p class=" block"><span class="bold">涓汇��銆�缂�</span>銆�闃庡皬鑺�</p>
+                        <p class=" block"><span class="bold">绛栧垝缂栬緫</span>銆�榄忎簹钀�</p>
+                        <p class=" block"><span class="bold">璐d换缂栬緫</span>銆�榄忎簹钀屻��寮犱粺濮�</p>
+                        <p class=" block"><span class="bold">灏侀潰璁捐</span>銆�閭辨檽淇�</p>
+                        <p class=" block"><span class="bold">璐d换鏍″</span>銆�寮犮��楹�</p>
+                        <p class=" block"><span class="bold">璐d换鍗板埗</span>銆�榛勮壋闇�</p>
+                        <p class=" block"><span class="bold">鍑虹増鍙戣</span>銆�涓浗鍗忓拰鍖荤澶у鍑虹増绀�</p>
+                        <p class="fz-12">銆�銆�銆�銆�銆�(鍖椾含甯備笢鍩庡尯涓滃崟涓夋潯9鍙枫��閭紪100730銆�鐢佃瘽010-55260431)</p>
+                        <p class=" block"><span class="bold">缃戙��銆�鍧�</span>銆�www.pum褋p.com</p>
+                        <p class=" block"><span class="bold">鍗般��銆�鍒�</span>銆�涓夋渤甯傞緳澶у嵃瑁呮湁闄愬叕鍙�</p>
+                        <p class=" block"><span class="bold">寮�銆�銆�鏈�</span>銆�889mmx1194mm銆�銆�1/16</p>
+                        <p class=" block"><span class="bold">鍗般��銆�寮�</span>銆�7.5</p>
+                        <p class=" block"><span class="bold">瀛椼��銆�鏁�</span>銆�200鍗冨瓧</p>
+                        <p class=" block"><span class="bold">鐗堛��銆�娆�</span>銆�2025骞�7鏈堢1鐗�</p>
+                        <p class=" block"><span class="bold">鍗般��銆�娆�</span>銆�2025骞�7鏈堢1娆″嵃鍒�</p>
+                        <p class=" block"><span class="bold">瀹氥��銆�浠�</span>銆�42.00鍏�</p>
+                        <p class="bold">(鐗堟潈鎵�鏈夛紝渚垫潈蹇呯┒锛屽鏈夊嵃瑁呰川閲忛棶棰橈紝鐢辨湰绀惧彂琛岄儴璋冩崲)</p>
+                    </div>
                 </div>
             </div>
         </div>
@@ -49,78 +60,112 @@
         <div class="page-box" page="4">
             <div v-if="showPageList.indexOf(4) > -1">
                 <div class="bodystyle">
-                    <h1 class="firstTitle-l">鍏ㄥ浗楂樼瓑鑱屼笟鏁欒偛搴峰娌荤枟鎶�鏈笓涓氭柊褰㈡�佽鍒掓暀鏉愬缓璁炬寚瀵煎鍛樹細</h1>
-                    <p class="content"><span class="bold">涓� 浠� 濮� 鍛�</span>銆�娈峰繝鍕囷紙<span class="quotation-s">姹熻嫃鍖昏嵂鑱屼笟瀛﹂櫌</span>锛�
-                    </p>
-                    <p class="content"><span class="bold">鍓富浠诲鍛�</span>锛堟寜濮撴皬绗旂敾鎺掑簭锛�</p>
-                    <p class="content">銆�銆�銆�銆�銆�鐜嬨��琛嶃��锛�<span class="quotation-s">娌у窞鍖诲楂樼瓑涓撶瀛︽牎</span>锛�</p>
-                    <p class="content">銆�銆�銆�銆�銆�鏉庛��娓ゃ��锛�<span class="quotation-s">鑱婂煄鑱屼笟鎶�鏈闄�</span>锛�</p>
-                    <p class="content">銆�銆�銆�銆�銆�寮犮��寤恒��锛�<span class="quotation-s">澶╂触鐢熺墿宸ョ▼鑱屼笟鎶�鏈闄�</span>锛�</p>
-                    <p class="content">銆�銆�銆�銆�銆�璧甸噾濂庛��锛�<span class="quotation-s">婊ㄥ窞鑱屼笟瀛﹂櫌</span>锛�</p>
-                    <p class="content">銆�銆�銆�銆�銆�琚佷繆鏂嬨��锛�<span class="quotation-s">婵槼鍖诲楂樼瓑涓撶瀛︽牎</span>锛�</p>
-                    <p class="content">銆�銆�銆�銆�銆�澶忕珛骞炽��锛�<span class="quotation-s">姹熻嫃鎶ょ悊鑱屼笟瀛﹂櫌</span>锛�</p>
-                    <p class="content">銆�銆�銆�銆�銆�閮爲姒溿��锛�<span class="quotation-s">鑿忔辰鍖诲涓撶瀛︽牎</span>锛�</p>
-                    <p class="content"><span class="bold">濮斻��銆�銆�鍛�</span>銆�锛堟寜濮撴皬绗旂敾鎺掑簭锛�</p>
-                    <p class="content">銆�銆�銆�銆�銆�鐜嬨��闈欍��鐜嬫湪鏋椼��鍒樸��灏娿��鍒樺┓濠枫��鍒樻収闇�</p>
-                    <p class="content">銆�銆�銆�銆�銆�瀛欑珛鍗庛��鑻忎笢宀炽��鏉庛��鏃��鏉庡欢杈夈��閭广��棰�</p>
-                    <p class="content">銆�銆�銆�銆�銆�寮犳案闈欍��闄堛��杩涖��闄堟枃鑾夈��闄堟骞炽��閲戙��鏄�</p>
-                    <p class="content">銆�銆�銆�銆�銆�閮戞案浜��閮濈鏄ャ��鑰垮В濮c��寰愩��濞熴��閮柊搴�</p>
-                    <p class="content">銆�銆�銆�銆�銆�榛勩��缈犮��闃庡皬鑺广��钁f柊鏄ャ��鏅恒��濞�</p>
+                    <div class="bgImg-box">
+                        <h1 class="firstTitle-l center h1-title">
+                            鍏ㄥ浗楂樼瓑鑱屼笟鏁欒偛搴峰娌荤枟鎶�鏈笓涓�<br />鏂板舰鎬佽鍒掓暀鏉愬缓璁炬寚瀵煎鍛樹細
+                        </h1>
+                        <img class="bg-wyh" src="../../assets/images/bg-wyh.png" alt="">
+                    </div>
+                    <div class="center-box">
+                        <p class="content"><span class="bold">涓� 浠� 濮� 鍛�</span>銆�娈峰繝鍕囷紙<span
+                                class="quotation-s">姹熻嫃鍖昏嵂鑱屼笟瀛﹂櫌</span>锛�
+                        </p>
+                        <p class="content"><span class="bold">鍓富浠诲鍛�</span>锛堟寜濮撴皬绗旂敾鎺掑簭锛�</p>
+                        <p class="content">銆�銆�銆�銆�銆�銆�鐜嬨��琛嶃��锛�<span class="quotation-s">娌у窞鍖诲楂樼瓑涓撶瀛︽牎</span>锛�</p>
+                        <p class="content">銆�銆�銆�銆�銆�銆�鏉庛��娓ゃ��锛�<span class="quotation-s">鑱婂煄鑱屼笟鎶�鏈闄�</span>锛�</p>
+                        <p class="content">銆�銆�銆�銆�銆�銆�寮犮��寤恒��锛�<span class="quotation-s">澶╂触鐢熺墿宸ョ▼鑱屼笟鎶�鏈闄�</span>锛�</p>
+                        <p class="content">銆�銆�銆�銆�銆�銆�璧甸噾濂庛��锛�<span class="quotation-s">婊ㄥ窞鑱屼笟瀛﹂櫌</span>锛�</p>
+                        <p class="content">銆�銆�銆�銆�銆�銆�琚佷繆鏂嬨��锛�<span class="quotation-s">婵槼鍖诲楂樼瓑涓撶瀛︽牎</span>锛�</p>
+                        <p class="content">銆�銆�銆�銆�銆�銆�澶忕珛骞炽��锛�<span class="quotation-s">姹熻嫃鎶ょ悊鑱屼笟瀛﹂櫌</span>锛�</p>
+                        <p class="content">銆�銆�銆�銆�銆�銆�閮爲姒溿��锛�<span class="quotation-s">鑿忔辰鍖诲涓撶瀛︽牎</span>锛�</p>
+                        <p class="content"><span class="bold">濮斻��銆�銆�鍛�</span>銆�锛堟寜濮撴皬绗旂敾鎺掑簭锛�</p>
+                        <p class="content">銆�銆�銆�銆�銆�銆�鐜嬨��闈欍��鐜嬫湪鏋椼��鍒樸��灏娿��鍒樺┓濠枫��鍒樻収闇�</p>
+                        <p class="content">銆�銆�銆�銆�銆�銆�瀛欑珛鍗庛��鑻忎笢宀炽��鏉庛��鏃��鏉庡欢杈夈��閭广��棰�</p>
+                        <p class="content">銆�銆�銆�銆�銆�銆�寮犳案闈欍��闄堛��杩涖��闄堟枃鑾夈��闄堟骞炽��閲戙��鏄�</p>
+                        <p class="content">銆�銆�銆�銆�銆�銆�閮戞案浜��閮濈鏄ャ��鑰垮В濮c��寰愩��濞熴��閮柊搴�</p>
+                        <p class="content">銆�銆�銆�銆�銆�銆�榛勩��缈犮��闃庡皬鑺广��钁f柊鏄ャ��鏅恒��濞�</p>
+                    </div>
                 </div>
             </div>
         </div>
         <div class="page-box" page="5">
             <div v-if="showPageList.indexOf(5) > -1">
                 <div class="bodystyle">
-
-                    <h1 class="firstTitle-l">鍏ㄥ浗楂樼瓑鑱屼笟鏁欒偛搴峰娌荤枟鎶�鏈笓涓氭柊褰㈡�佽鍒掓暀鏉愭暟瀛楁暀鏉愬缓璁炬寚瀵煎鍛樹細</h1>
-                    <p class="content"><span class="bold">涓讳换濮斿憳</span>銆�寮犲厜瀹囥��锛�<span
-                            class="quotation-s">涓浗鍖诲绉戝闄㈠寳浜崗鍜屽尰闄級</span>
-                    </p>
-                    <p class="content">銆�銆�銆�銆�銆�闄嗗缓闇炪��锛�<span class="quotation-s">姹熻嫃鍖昏嵂鑱屼笟瀛﹂櫌</span>锛�</p>
-                    <p class="content"><span class="bold">濮斻��銆�鍛�</span>锛堟寜濮撴皬绗旂敾鎺掑簭锛�</p>
-                    <p class="content">銆�銆�銆�銆�鐜嬨��闈欍��鐜嬫湪鏋椼��鍒樸��灏娿��鍒樺┓濠枫��鍒樻収闇�</p>
-                    <p class="content">銆�銆�銆�銆�瀛欑珛鍗庛��鑻忎笢宀炽��鏉庛��鏃��鏉庛��娓ゃ��鏉庡欢杈�</p>
-                    <p class="content">銆�銆�銆�銆�閭广��棰栥��寮犳案闈欍��寮犱簤杈夈��闄堛��杩涖��闄堟枃鑾�</p>
-                    <p class="content">銆�銆�銆�銆�闄堟骞炽��閲戙��鏄熴��閮戞案浜��閮濈鏄ャ��琚併��鑾�</p>
-                    <p class="content">銆�銆�銆�銆�鑰垮В濮c��寰愩��濞熴��閮柊搴嗐��榛勩��缈犮��宕旈瀹�</p>
-                    <p class="content">銆�銆�銆�銆�闃庡皬鑺广��钁f柊鏄ャ��鏅恒��濞�</p>
+                    <div class="bgImg-box">
+                        <h1 class="firstTitle-l center  h1-title-center">
+                            鍏ㄥ浗楂樼瓑鑱屼笟鏁欒偛搴峰娌荤枟鎶�鏈笓涓�<br />鏂板舰鎬佽鍒掓暀鏉愭暟瀛楁暀鏉愬缓璁炬寚瀵煎鍛樹細
+                        </h1>
+                        <img class="bg-wyh" src="../../assets/images/bg-wyh.png" alt="">
+                    </div>
+                    <div class="center-box-three">
+                        <p class="content"><span class="bold">涓讳换濮斿憳</span>銆�寮犲厜瀹囥��锛�<span
+                                class="quotation-s">涓浗鍖诲绉戝闄㈠寳浜崗鍜屽尰闄級</span>
+                        </p>
+                        <p class="content">銆�銆�銆�銆�銆�闄嗗缓闇炪��锛�<span class="quotation-s">姹熻嫃鍖昏嵂鑱屼笟瀛﹂櫌</span>锛�</p>
+                        <p class="content"><span class="bold">濮斻��銆�鍛�</span>锛堟寜濮撴皬绗旂敾鎺掑簭锛�</p>
+                        <p class="content">銆�銆�銆�銆�銆�鐜嬨��闈欍��鐜嬫湪鏋椼��鍒樸��灏娿��鍒樺┓濠枫��鍒樻収闇�</p>
+                        <p class="content">銆�銆�銆�銆�銆�瀛欑珛鍗庛��鑻忎笢宀炽��鏉庛��鏃��鏉庛��娓ゃ��鏉庡欢杈�</p>
+                        <p class="content">銆�銆�銆�銆�銆�閭广��棰栥��寮犳案闈欍��寮犱簤杈夈��闄堛��杩涖��闄堟枃鑾�</p>
+                        <p class="content">銆�銆�銆�銆�銆�闄堟骞炽��閲戙��鏄熴��閮戞案浜��閮濈鏄ャ��琚併��鑾�</p>
+                        <p class="content">銆�銆�銆�銆�銆�鑰垮В濮c��寰愩��濞熴��閮柊搴嗐��榛勩��缈犮��宕旈瀹�</p>
+                        <p class="content">銆�銆�銆�銆�銆�闃庡皬鑺广��钁f柊鏄ャ��鏅恒��濞�</p>
+                    </div>
                 </div>
             </div>
         </div>
         <div class="page-box" page="6">
             <div v-if="showPageList.indexOf(6) > -1">
                 <div class="bodystyle">
-                    <h1 class="firstTitle-l">缂栬�呭悕鍗�</h1>
-                    <p class="content"><span class="bold">涓汇��缂�</span>銆�闃庡皬鑺�</p>
-                    <p class="content"><span class="bold">鍓富缂�</span>銆�鍚淬��鏋椼��鍒樼娉�</p>
-                    <p class="content"><span class="bold">缂栥��鑰�</span>锛堟寜濮撴皬绗旂敾鎺掑簭锛�</p>
-                    <p class="content">銆�銆�銆�鍒樼娉夈��锛�<span class="quotation-s">娌у窞鍖诲楂樼瓑涓撶瀛︽牎</span>锛�</p>
-                    <p class="content">銆�銆�銆�鏉庣帀鑼广��锛�<span class="quotation-s">灞变笢鑽搧椋熷搧鑱屼笟瀛﹂櫌</span>锛�</p>
-                    <p class="content">銆�銆�銆�鍚淬��鏋椼��锛�<span class="quotation-s">鑿忔辰鍖诲涓撶瀛︽牎</span>锛�</p>
-                    <p class="content">銆�銆�銆�璧甸暱纾娿��锛�<span class="quotation-s">娼嶅潑甯傜泭閮戒腑蹇冨尰闄�</span>锛�</p>
-                    <p class="content">銆�銆�銆�璧电钑娿��锛�<span class="quotation-s">婵槼鍖诲楂樼瓑涓撶瀛︽牎</span>锛�</p>
-                    <p class="content">銆�銆�銆�寰愬濞溿��锛�<span class="quotation-s">娼嶅潑鎶ょ悊鑱屼笟瀛﹂櫌</span>锛�</p>
-                    <p class="content">銆�銆�銆�闃庡皬鑺广��锛�<span class="quotation-s">娼嶅潑鎶ょ悊鑱屼笟瀛﹂櫌</span>锛�</p>
+                    <div class="bgImg-box">
+                        <h1 class="firstTitle-l center h1-title-three">
+                            缂栬�呭悕鍗�
+                        </h1>
+                        <img class="bg-wyh" src="../../assets/images/bg-wyh.png" alt="">
+                    </div>
+                    <div class="center-box-one">
+                        <p class="content"><span class="bold">涓汇��缂�</span>銆�闃庡皬鑺�</p>
+                        <p class="content"><span class="bold">鍓富缂�</span>銆�鍚淬��鏋椼��鍒樼娉�</p>
+                        <p class="content"><span class="bold">缂栥��鑰�</span>锛堟寜濮撴皬绗旂敾鎺掑簭锛�</p>
+                        <p class="content">銆�銆�銆�銆�鍒樼娉夈��锛�<span class="quotation-s">娌у窞鍖诲楂樼瓑涓撶瀛︽牎</span>锛�</p>
+                        <p class="content">銆�銆�銆�銆�鏉庣帀鑼广��锛�<span class="quotation-s">灞变笢鑽搧椋熷搧鑱屼笟瀛﹂櫌</span>锛�</p>
+                        <p class="content">銆�銆�銆�銆�鍚淬��鏋椼��锛�<span class="quotation-s">鑿忔辰鍖诲涓撶瀛︽牎</span>锛�</p>
+                        <p class="content">銆�銆�銆�銆�璧甸暱纾娿��锛�<span class="quotation-s">娼嶅潑甯傜泭閮戒腑蹇冨尰闄�</span>锛�</p>
+                        <p class="content">銆�銆�銆�銆�璧电钑娿��锛�<span class="quotation-s">婵槼鍖诲楂樼瓑涓撶瀛︽牎</span>锛�</p>
+                        <p class="content">銆�銆�銆�銆�寰愬濞溿��锛�<span class="quotation-s">娼嶅潑鎶ょ悊鑱屼笟瀛﹂櫌</span>锛�</p>
+                        <p class="content">銆�銆�銆�銆�闃庡皬鑺广��锛�<span class="quotation-s">娼嶅潑鎶ょ悊鑱屼笟瀛﹂櫌</span>锛�</p>
+                    </div>
                 </div>
             </div>
         </div>
         <div class="page-box" page="7">
             <div v-if="showPageList.indexOf(7) > -1">
                 <div class="bodystyle">
-
-                    <h1 class="firstTitle-l">鏁板瓧鏁欐潗缂栬�呭悕鍗�</h1>
-                    <p class="content"><span class="bold">涓汇��缂�</span>銆�闃庡皬鑺�</p>
-                    <p class="content"><span class="bold">缂栥��鑰�</span>锛堟寜濮撴皬绗旂敾鎺掑簭锛�</p>
-                    <p class="content">銆�銆�銆�鏉庣帀鑼广��锛�<span class="quotation-s">灞变笢鑽搧椋熷搧鑱屼笟瀛﹂櫌</span>锛�</p>
-                    <p class="content">銆�銆�銆�寰愬濞溿��锛�<span class="quotation-s">娼嶅潑鎶ょ悊鑱屼笟瀛﹂櫌</span>锛�</p>
+                    <div class="bgImg-box">
+                        <h1 class="firstTitle-l center h1-title-two">
+                            鏁板瓧鏁欐潗缂栬�呭悕鍗�
+                        </h1>
+                        <img class="bg-wyh" src="../../assets/images/bg-wyh.png" alt="">
+                    </div>
+                    <div class="center-box-one">
+                        <p class="content"><span class="bold">涓汇��銆�缂�</span>銆�闃庡皬鑺�</p>
+                        <p class="content"><span class="bold">缂栥��銆�鑰�</span>锛堟寜濮撴皬绗旂敾鎺掑簭锛�</p>
+                        <p class="content">銆�銆�銆�銆�銆�鏉庣帀鑼广��锛�<span class="quotation-s">灞变笢鑽搧椋熷搧鑱屼笟瀛﹂櫌</span>锛�</p>
+                        <p class="content">銆�銆�銆�銆�銆�寰愬濞溿��锛�<span class="quotation-s">娼嶅潑鎶ょ悊鑱屼笟瀛﹂櫌</span>锛�</p>
+                        <p class="content">銆�銆�銆�銆�銆�闂皬鑺广��锛�<span class="quotation-s">娼嶅潑鎶ょ悊鑱屼笟瀛﹂櫌</span>锛�</p>
+                    </div>
                 </div>
             </div>
         </div>
         <div class="page-box" page="8">
             <div v-if="showPageList.indexOf(8) > -1">
                 <div class="bodystyle">
-                    <h1 class="firstTitle-l">鍑虹増璇存槑</h1>
+                    <div class="bgImg-box">
+                        <h1 class="firstTitle-l center h1-title-three">
+                            鍑� 鐗� 璇� 鏄�
+                        </h1>
+                        <img class="bg-wyh" src="../../assets/images/bg-wyh.png" alt="">
+                    </div>
+
                     <p class="content">
                         闅忕潃鎴戝浗浜哄彛鑰侀緞鍖栧姞閫熴�佹參鎬х梾鎮g梾鐜囦笂鍗囧強鍏ㄦ皯鍋ュ悍鎰忚瘑澧炲己锛屽悍澶嶆不鐤楁妧鏈凡鎴愪负鐜颁唬鍖荤枟浣撶郴鐨勯噸瑕佹敮鏌便�傘�娾�滃仴搴蜂腑鍥�2030鈥濊鍒掔翰瑕併�嬫彁鍑猴紝瑕佸姞寮哄悍澶嶇瓑鎬ラ渶绱х己涓撲笟浜烘墠鍩瑰吇鍩硅锛屽姞澶у悍澶嶆不鐤楀笀绛夊仴搴蜂汉鎵嶅煿鍏诲煿璁姏搴︺�傚綋鍓嶏紝鎴戝浗搴峰娌荤枟甯堢己鍙i珮杈炬暟鍗佷竾浜猴紝涓撲笟浜烘墠鍩瑰吇杩湪鐪夌潾銆傚悓鏃讹紝鏅鸿兘搴峰璁惧銆佹暟瀛楃枟娉曠瓑鏂版妧鏈殑搴旂敤锛岃姹備粠涓氳�呭吋鍏蜂紶缁熷悍澶嶆妧鑳戒笌鏁板瓧鍖栧伐鍏锋搷浣滆兘鍔涖�傚湪姝よ儗鏅笅锛岃亴涓氭暀鑲蹭綔涓烘妧鏈妧鑳戒汉鎵嶅煿鍏荤殑涓婚樀鍦帮紝浜熼渶寤鸿閫傚簲浜т笟鍗囩骇銆佺鍚堝矖浣嶉渶姹傜殑鏂板瀷鏁欐潗浣撶郴锛屼负鍩瑰吇楂樺眰娆°�佷笓涓氬寲浜烘墠濂犲畾鍩虹銆�
                     </p>
@@ -132,7 +177,9 @@
                     </p>
                     <p class="content">鏈鏁欐潗娑电洊搴峰璇勫畾鎶�鏈�佽繍鍔ㄧ枟娉曟妧鏈�佷綔涓氭不鐤楁妧鏈瓑17闂ㄨ绋嬶紝瀹氫綅娓呮櫚銆佺壒鑹查矞鏄庯紝鍏锋湁浠ヤ笅鐗圭偣銆�</p>
                     <p class="content"><span class="bold">涓�銆佹瀯寤洪珮璐ㄩ噺銆佷簰鍔ㄦ�у己鐨勫垱鏂板舰鎬佹暀鏉愪綋绯�</span></p>
-                    <p class="content">鏈郴鍒楁暀鏉愪负鍒涙柊褰㈡�佹暀鏉愶紝鏁欐潗鎵�鏈夊唴瀹癸紝鍧囧疄鐜版暟瀛楀寲鍛堢幇锛涘悓鏃讹紝涓虹焊璐ㄦ暀鏉愭彁渚涢厤濂楁暀</p>
+                    <p class="content">
+                        鏈郴鍒楁暀鏉愪负鍒涙柊褰㈡�佹暀鏉愶紝鏁欐潗鎵�鏈夊唴瀹癸紝鍧囧疄鐜版暟瀛楀寲鍛堢幇锛涘悓鏃讹紝涓虹焊璐ㄦ暀鏉愭彁渚涢厤濂楁暀瀛﹁棰戙�佸井璇俱�佹�濈淮瀵煎浘銆佹暀瀛﹁浠躲�佸湪绾跨粌涔犵瓑涓板瘜鏁欏璧勬簮锛屽鐢熷彲鐩存帴鑾峰彇涓庢暀鏉愬唴瀹圭浉鍏宠仈鐨勮绋嬭祫婧愶紱鏀寔澶氬獟浣撹祫婧愬祵鍏ヤ笌瀹炴椂鏇存柊锛涢厤濂楃殑鏁板瓧鏁欐潗骞冲彴锛屾敮鎸佸湪绾挎暀瀛︺�佽祫婧愬叡浜�佹暟鎹垎鏋愮瓑鍔熻兘锛屽疄鐜版暀瀛﹀叏娴佺▼鏁板瓧鍖栫鐞嗭紝婊¤冻澶氭牱鍖栨暀瀛﹂渶姹傘�傝繖绉嶅垱鏂扮殑瀛︿範鏂瑰紡锛屼笉浠呮彁楂樹簡鏁欏鏁堟灉锛屼篃涓板瘜浜嗗涔犱綋楠岋紝浣垮涔犳洿鍔犱究鎹凤紝鎻愬崌浜嗗鐢熺殑瀛︿範绉瀬鎬у拰涓诲姩鎬с��
+                    </p>
                 </div>
                 <div class="page-bottom-right">
                     001
@@ -147,9 +194,6 @@
                     </div>
                 </div>
                 <div class="bodystyle">
-                    <p class="content">
-                        瀛﹁棰戙�佸井璇俱�佹�濈淮瀵煎浘銆佹暀瀛﹁浠躲�佸湪绾跨粌涔犵瓑涓板瘜鏁欏璧勬簮锛屽鐢熷彲鐩存帴鑾峰彇涓庢暀鏉愬唴瀹圭浉鍏宠仈鐨勮绋嬭祫婧愶紱鏀寔澶氬獟浣撹祫婧愬祵鍏ヤ笌瀹炴椂鏇存柊锛涢厤濂楃殑鏁板瓧鏁欐潗骞冲彴锛屾敮鎸佸湪绾挎暀瀛︺�佽祫婧愬叡浜�佹暟鎹垎鏋愮瓑鍔熻兘锛屽疄鐜版暀瀛﹀叏娴佺▼鏁板瓧鍖栫鐞嗭紝婊¤冻澶氭牱鍖栨暀瀛﹂渶姹傘�傝繖绉嶅垱鏂扮殑瀛︿範鏂瑰紡锛屼笉浠呮彁楂樹簡鏁欏鏁堟灉锛屼篃涓板瘜浜嗗涔犱綋楠岋紝浣垮涔犳洿鍔犱究鎹凤紝鎻愬崌浜嗗鐢熺殑瀛︿範绉瀬鎬у拰涓诲姩鎬с��
-                    </p>
                     <p class="content"><span class="bold">浜屻�佸己鍖栦环鍊煎紩棰嗭紝鍔╂帹涓撲笟鏁欒偛涓庢�濇斂鏁欒偛鐩歌瀺鍚�</span></p>
                     <p class="content">
                         鏈鏁欐潗浠ヤ笓涓氱煡璇嗕负杞戒綋锛屼互鎬濇斂鏁欒偛涓哄紩棰嗭紝娣卞害鎸栨帢涓撲笟璇剧▼钑村惈鐨勬�濇斂璧勬簮锛屽阀濡欒瀺鍏ユ暀鏉愬唴瀹癸紝鍏ㄦ柟浣嶅姪鎺ㄤ笓涓氭暀鑲蹭笌鎬濇斂鏁欒偛娣卞害浜よ瀺锛屽煿鑲插痉鎶�鍏间慨浜烘墠銆傚湪鏁欐潗缂栧啓涓紝鎴戜滑娉ㄩ噸浠ュ悍澶嶆渚嬩负鍒囧叆鐐癸紝灏嗙ぞ浼氫富涔夋牳蹇冧环鍊艰銆佸尰鑰呬粊蹇冪殑鑱屼笟绮剧銆佷腑鍗庝紭绉�浼犵粺鏂囧寲绛夋�濇斂鍏冪礌鑷劧铻嶅叆涓撲笟鐭ヨ瘑鐐广�傚紩瀵煎鐢熸爲绔嬫纭殑鑱屼笟浠峰�艰锛屽叿澶囩ぞ浼氳矗浠绘劅锛屽湪瀹炶返鏁欏鐜妭寮哄寲浜烘枃鍏虫��鍩瑰吇锛屼娇瀛︾敓鍦ㄦ帉鎻′笓涓氭妧鑳界殑鍚屾椂锛岃嚜瑙夎返琛屸�滃仴搴锋墍绯伙紝鎬у懡鐩告墭鈥濈殑鍖昏�呮媴褰撱��
@@ -178,7 +222,12 @@
         <div class="page-box" page="10">
             <div v-if="showPageList.indexOf(10) > -1">
                 <div class="bodystyle">
-                    <h1 class="firstTitle-l">鍓嶈█</h1>
+                    <div class="bgImg-box">
+                        <h1 class="firstTitle-l center  h1-title-four">
+                            鍓�&ensp;&ensp;&ensp;瑷�
+                        </h1>
+                        <img class="bg-wyh" src="../../assets/images/bg-wyh.png" alt="">
+                    </div>
                     <p class="content">
                         涓烘繁鍏ヨ疮褰昏惤瀹炲厷鐨勪簩鍗佸ぇ绮剧锛岃疮褰昏惤瀹炪�婂叧浜庢繁鍖栫幇浠h亴涓氭暀鑲蹭綋绯诲缓璁炬敼闈╃殑鎰忚銆嬶紝涓诲姩瀵规帴鈥滃仴搴蜂腑鍥�2030鈥濇垬鐣ラ渶姹傦紝閫傚簲鏂版椂鏈熸櫤鎱у尰鐤椾笌搴峰鎶�鏈瀺鍚堝彂灞曟柊瓒嬪娍锛屻�婂悍澶嶅尰瀛﹀璁恒�嬭偐璐熻捣涓哄悍澶嶆不鐤楁妧鏈笓涓氬鐢熸彁渚涚郴缁熴�佺瀛︺�佸疄鐢ㄧ煡璇嗙殑閲嶄换銆傛湰鏁欐潗绱ф墸楂樼瓑鑱屼笟闄㈡牎浜烘墠鍩瑰吇鐩爣锛岀揣瀵嗙粨鍚堜复搴婇渶姹傦紝浠ュ煿鍏诲叿澶囨墡瀹炰笓涓氭妧鑳姐�佽壇濂借亴涓氱礌鍏诲拰鍒涙柊鎬濈淮鐨勫悍澶嶆不鐤楁妧鏈笓闂ㄤ汉鎵嶄负鐩爣锛岃繘涓�姝ヤ紭鍖栦簡鐭ヨ瘑缁撴瀯锛屽厖瀹炰簡鍩烘湰鐭ヨ瘑鍜屽熀纭�鐞嗚锛屾洿鍔犳竻鏅板湴闃愯堪浜嗘垜鍥藉悍澶嶄复搴婂伐浣滄柟寮忔祦绋嬨�佽瘖鐤楀父瑙勩�佸悍澶嶅尰瀛︾璁剧疆鍙婂父鐢ㄦ妧鏈澶囩瓑鍐呭銆傚悓鏃讹紝寮鸿皟浜嗗悍澶嶅尰瀛﹀伐浣滆�呭簲鍏峰鐨勪鸡鐞嗛亾寰风礌璐紝娉ㄩ噸鍩瑰吇瀛︾敓鐨勮亴涓氳矗浠绘劅鍜屼汉鏂囧叧鎬�绮剧銆�
                     </p>
@@ -190,8 +239,9 @@
                     <p class="content">
                         鏈暀鏉愮敱澶氭墍闄㈡牎浠庝簨鐢熶骇鍜屾暀瀛︿竴绾跨殑鏁欏笀銆佸尰鐢熸倝蹇冪紪鍐欒�屾垚銆傚湪姝ゅ鍚勪綅鏁欏笀銆佸鑰呰〃绀鸿》蹇冩劅璋€�傚敖绠$紪鑰呭姏鑷诲畬鍠勶紝鏈暀鏉愰毦鍏嶅瓨鍦ㄤ笉瓒充箣澶勩�傛杩庡箍澶ц鑰呮彁鍑哄疂璐垫剰瑙侊紝浠ヤ究鎴戜滑涓嶆柇瀹屽杽鍜屾洿鏂板唴瀹广��
                     </p>
-                    <p class="right-info">缂栬�呪��</p>
-                    <p class="right-info">2025骞�4鏈�</p>
+                    <p><br></p>
+                    <p class="right-info fm-kt">缂栬�呪�夆�夆�夆�夆�夆�夆��</p>
+                    <p class="right-info fm-kt">2025骞�4鏈�</p>
                 </div>
             </div>
         </div>
@@ -199,14 +249,14 @@
 </template>
 
 <script>
-    export default {
+export default {
 
-        props: {
-            showPageList: {
-                type: Array,
-            },
+    props: {
+        showPageList: {
+            type: Array,
         },
-    }
+    },
+}
 </script>
 
 <style lang="less" scoped></style>
\ No newline at end of file
diff --git a/src/books/rehabilitationMedicineIntroduction/view/components/index.vue b/src/books/rehabilitationMedicineIntroduction/view/components/index.vue
index 7aea578..19d502d 100644
--- a/src/books/rehabilitationMedicineIntroduction/view/components/index.vue
+++ b/src/books/rehabilitationMedicineIntroduction/view/components/index.vue
@@ -187,9 +187,9 @@
             }, 500);
 
             // 娴嬭瘯椤甸潰璺宠浆
-            // setTimeout(() => {
-            //     this.gotoPage(8, 143);
-            // }, 500);
+            setTimeout(() => {
+                this.gotoPage(2, 28);
+            }, 500);
 
             // const pageDom = (this.container ? this.container : document)
             //   .querySelector("#app")
diff --git a/src/components/bookVideo/index.vue b/src/components/bookVideo/index.vue
index 9a2d3c3..2cffe95 100644
--- a/src/components/bookVideo/index.vue
+++ b/src/components/bookVideo/index.vue
@@ -15,11 +15,11 @@
 				<el-tooltip class="item" effect="dark" :content="localIsCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
 					placement="top-start">
 					<svgIcon class="collect-btn " :icon-file-name="collectResourceList.findIndex(
-                        (item) => item.id == videoPath
-                    ) > -1
-                        ? collectCheck
-                        : collectImg
-                        " @click="handleCollect()"></svgIcon>
+						(item) => item.id == videoPath
+					) > -1
+						? collectCheck
+						: collectImg
+						" @click="handleCollect()"></svgIcon>
 				</el-tooltip>
 			</p>
 		</div>
@@ -41,7 +41,6 @@
 			videoPathSrc: "",
 			collectResourceList: [],
 			localIsCollectVideo: false,
-			isDisplay: true,
 			videoName: this.videoInfo.resourceName
 		};
 	},
@@ -62,14 +61,11 @@
 	},
 	methods: {
 		async getVidoePath() {
-			console.log(this.videoInfo, "this.videoInfo.md5");
 			this.videoPathSrc = await getResourcePath(
 				this.videoInfo.md5
 			);
 		},
-
 		handleCollect() {
-			debugger
 			this.handleCollectResource(
 				this.videoPath,
 				this.videoPath,
diff --git a/src/components/dialogExaminations/index.vue b/src/components/dialogExaminations/index.vue
index b001916..59bce20 100644
--- a/src/components/dialogExaminations/index.vue
+++ b/src/components/dialogExaminations/index.vue
@@ -298,20 +298,15 @@
 import { MathfieldElement } from "mathlive";
 import { Message } from "element-ui";
 import TEditorVue from "../teditor/index.vue";
+import config from "@/assets/js/config";
 export default {
   name: "examination-option",
   components: { TEditorVue },
   props: {
-    isClear: {
-      type: Boolean,
-      default: false,
-    },
     cardList: {
       type: Array,
-    },
-    primaryColor: {
-      type: String,
-      default: "#00aeef",
+      required: true,
+      default: () => [],
     },
     chapter: {
       type: Number,
@@ -334,12 +329,18 @@
     questionTitle: {
       type: String,
     },
+    questionIDList: {
+      type: Array,
+      required: true,
+      default: () => [],
+    }
   },
   data() {
     return {
       type: "option",
       cardData: [],
       loading: true,
+      primaryColor: config.activeBook.bookThemeColor,
       heart: require("@/assets/images/heart.png"),
       isHeart: require("@/assets/images/heart-check.png"),
       collectList: [],
@@ -369,8 +370,9 @@
   },
   watch: {
     cardList: {
-      handler(newVal) {
-        this.cardData = this.cardList;
+      handler(newVal, ol) {
+        console.log("棰樼洰缁勪欢newVal", newVal);
+        // this.cardData = this.cardList;
         if (newVal && newVal.length) {
           this.loading = false;
         }
@@ -718,6 +720,14 @@
     },
     openDialogQuestion() {
       this.localDialogVisible = true;
+      console.log(this.cardList, "this.cardList缁勪欢");
+      console.log(this.page, "this.page缁勪欢");
+      console.log(this.questionIDList, "this.questionIDList缁勪欢");
+      console.log(this.config.activeBook,"this.config.activeBook缁勪欢");
+      
+      
+
+
     },
   },
 };
@@ -1106,7 +1116,7 @@
 }
 
 /deep/ .el-collapse-item__content {
-  width: 93%;
+  width: 100%;
   padding: 0 20px;
   background-color: #f4f4f4;
   font-size: 16px;
@@ -1392,4 +1402,88 @@
   align-items: center;
   flex-wrap: wrap;
 }
+
+.pdfModal {
+  width: 100%;
+  height: 90vh;
+
+  .pdfBox-component {
+    width: 100%;
+    height: 100%;
+    overflow-y: auto;
+    position: relative;
+
+    .preview {
+      width: 100%;
+      height: 100%;
+
+      .imageBox {
+        height: calc(100% - 30px);
+        overflow-x: hidden;
+        overflow-y: auto;
+        background: #ccc;
+        box-sizing: border-box;
+      }
+
+      .imageBox:hover {
+        cursor: zoom-in !important;
+      }
+
+      ::v-deep .el-dialog__header {
+        background-color: rgba(0, 0, 0, 0.8);
+
+        .header_title {
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          color: #fff;
+          font-weight: 900;
+          font-size: 16px;
+          font-family: 'FZLTXIHJW';
+
+          span:nth-child(2):hover {
+            cursor: pointer;
+          }
+        }
+
+        ::v-deep .el-dialog__title,
+        ::v-deep .el-dialog__headerbtn .el-dialog__close {
+          color: #fff;
+          font-weight: 900;
+          font-size: 16px;
+          font-family: 'FZLTXIHJW';
+        }
+      }
+
+      .bottom_tool {
+        height: 30px;
+        background-color: rgba(0, 0, 0, 0.8);
+        display: flex;
+        justify-content: flex-end;
+        align-items: center;
+
+        svg {
+          margin-right: 15px;
+          fill: #d1d1d1;
+        }
+
+        svg:hover {
+          fill: #fff;
+          cursor: pointer;
+        }
+      }
+    }
+
+
+
+    .notBox {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: calc(100% - 30px);
+      min-height: 300px;
+    }
+  }
+}
 </style>

--
Gitblit v1.9.1