From 50c777f46144ca163ac6ab00a22b536f4ab33ffd Mon Sep 17 00:00:00 2001
From: litian <2804272236@qq.com>
Date: 星期四, 02 一月 2025 18:49:44 +0800
Subject: [PATCH] hebing

---
 src/books/civilServices/view/components/chapter001.vue       |   16 
 src/books/aviationBasicSkills/view/components/chapter008.vue |   30 
 src/books/aviationBasicSkills/assets/main.less               |    8 
 src/books/aviationEtiquette/view/components/chpater002.vue   |   42 
 src/books/aviationBasicSkills/view/components/chapter003.vue |    8 
 src/books/civilAviation/view/components/index.vue            |    6 
 src/books/aviationEtiquette/view/components/chapter001.vue   | 1241 ++++++++----------------------------
 src/books/aviationEtiquette/assets/main.less                 |   68 ++
 src/books/civilAviation/view/components/chapter001.vue       |    1 
 src/books/aviationBasicSkills/view/components/index.vue      |    2 
 src/books/civilAviation/assets/main.less                     |    7 
 src/books/aviationBasicSkills/view/components/chapter002.vue |   22 
 src/books/civilServices/view/components/chapter004.vue       |   52 +
 src/books/aviationSafety/view/components/header.vue          |    6 
 src/books/aviationBasicSkills/view/components/chapter001.vue |   20 
 src/books/aviationBasicSkills/view/components/chapter006.vue |   20 
 src/books/civilServices/view/components/index.vue            |    6 
 src/books/aviationBasicSkills/view/components/chapter005.vue |   23 
 src/books/civilServices/assets/main.less                     |   47 
 src/books/aviationEtiquette/view/components/header.vue       |    6 
 src/books/civilServices/view/components/chapter003.vue       |   53 +
 src/books/aviationEtiquette/view/components/chapter005.vue   |   16 
 src/books/aviationEtiquette/view/components/chapter003.vue   |   22 
 src/books/aviationBasicSkills/view/components/chapter007.vue |   18 
 src/books/aviationBasicSkills/view/components/header.vue     |   12 
 src/books/aviationBasicSkills/view/components/chapter004.vue |   12 
 src/books/civilServices/view/components/chpater002.vue       |  174 ++++-
 src/App.vue                                                  |    4 
 src/books/aviationEtiquette/view/components/chapter004.vue   |   34 
 29 files changed, 775 insertions(+), 1,201 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 831d0d6..d05ff0c 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -94,8 +94,8 @@
       // artAndDance
       // artAndDrama
       // mathBook
-      // civilAviation
-      // civilServices
+      // civilAviation       // 姘戣埅姒傝
+      // civilServices       // 鏈嶅姟蹇冪悊
       // meetingPlanners
       // aviationBasicSkills //鍩烘湰鎶�鑳�
       // aviationSafety      //瀹夊叏妫�鏌ュ疄鍔�
diff --git a/src/books/aviationBasicSkills/assets/main.less b/src/books/aviationBasicSkills/assets/main.less
index 0d4f742..1b594e7 100644
--- a/src/books/aviationBasicSkills/assets/main.less
+++ b/src/books/aviationBasicSkills/assets/main.less
@@ -1746,6 +1746,14 @@
 @media (max-width: 660px) {
     .aciationBasicSkills-book {
 
+        .pad-l-60{
+            padding-left: 10px;
+        }
+
+        .mr-70 {
+            margin-right: 10px;
+        }
+
         /* 鍒嗛〉padding */
         .padding-93 {
             padding: 0 20px;
diff --git a/src/books/aviationBasicSkills/view/components/chapter001.vue b/src/books/aviationBasicSkills/view/components/chapter001.vue
index 1e4d030..fb9dc17 100644
--- a/src/books/aviationBasicSkills/view/components/chapter001.vue
+++ b/src/books/aviationBasicSkills/view/components/chapter001.vue
@@ -270,7 +270,7 @@
                     </div>
                     <p class="left"><span class="bj2">浠诲姟宸ュ崟鈻�</span></p>
                     <table border="1" cellpadding="4" cellspacing="0"
-                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
+                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                         <tr class="table-th-bc">
                             <td class="center" colspan="5">姘戣埅鏈嶅姟鍩烘湰鎶�鑳戒换鍔″伐鍗�</td>
                         </tr>
@@ -453,7 +453,7 @@
                 <div class="bodystyle">
                     <p class="continued fz-14">缁〃</p>
                     <table border="1" cellpadding="4" cellspacing="0"
-                        style="width: 91%; border-color: #5192c6; border-collapse: collapse" class="fz-15 ml-9">
+                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 img-0">
                         <tr class="table-tr-bc">
                             <td class="ta-l" colspan="5">
                                 <p>娉ㄦ剰浜嬮」锛�</p>
@@ -750,9 +750,9 @@
                             鍥涘窛鑸┖涓烘惡甯︾壒娈婂尰鐤楄澶囩殑鏃呭鎻愪緵杩愯緭瑙e喅鏂规銆備緥濡傦紝2021骞达紝涓�浣嶉渶瑕佹惡甯﹀懠鍚告満鐨勬梾瀹㈣鍒掍粠鎴愰兘椋炲線涓婃捣銆傚洓宸濊埅绌哄湪浜嗚В鏃呭闇�姹傚悗锛屽崗鍔╁叾鍔炵悊浜嗙壒娈婅鏉庣殑鎵樿繍鎵嬬画锛屽苟纭繚鍛煎惛鏈哄湪鏁翠釜椋炶杩囩▼涓緱鍒板Ε鍠勫鐞嗗拰渚涚數銆�
                         </p>
                     </div>
-                    <p class="left p-even mt-50"><span class="bj2">浠诲姟宸ュ崟鈻�</span></p>
+                    <p class="left mt-50"><span class="bj2">浠诲姟宸ュ崟鈻�</span></p>
                     <table border="1" cellpadding="4" cellspacing="0"
-                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 ml-9">
+                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                         <tr class="table-th-bc">
                             <td class="center" colspan="5">姘戣埅鏈嶅姟鍩烘湰鎶�鑳戒换鍔″伐鍗�</td>
                         </tr>
@@ -828,9 +828,9 @@
                     <li class="headerNumber">015</li>
                 </ul>
                 <div class="bodystyle">
-                    <p class="continued fz-14 p-odd">缁〃</p>
+                    <p class="continued fz-14">缁〃</p>
                     <table border="1" cellpadding="4" cellspacing="0"
-                        style="width: 91%; border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
+                        style="width: 100%; border-color: #5192c6; border-collapse: collapse" class="fz-15">
                         <tr class="table-tr-bc">
                             <td class="center">涓昏鍐呭</td>
                             <td class="ta-l w20" valign="top">
@@ -1361,9 +1361,9 @@
                             瀵板畤涓�瀹舵垚绔嬩簬1999骞达紝鐢辩編鍥借埅绌恒�佽嫳鍥借埅绌哄叕鍙搞�佸師鍔犳嬁澶ц埅绌哄叕鍙搞�佸浗娉拌埅绌烘湁闄愬叕鍙稿強婢虫床鑸┖鍏徃鍏卞悓鍙戣捣銆傚瀹囦竴瀹跺垱濮嬩箣鍒濇�婚儴璁惧湪鍔犳嬁澶ф俯鍝ュ崕锛屽悗杩佽嚦缇庡浗绾界害锛屽叾缃戠珯鏄剧ず锛岃嚦2024骞�6鏈堬紝鏈�13瀹舵寮忎細鍛樸�傚瀹囦竴瀹舵爣璇嗗鍥�1-25鎵�绀恒��
                         </p>
                     </span>
-                    <p class="left p-even mt-50"><span class="bj2">浠诲姟宸ュ崟鈻�</span></p>
+                    <p class="left mt-50"><span class="bj2">浠诲姟宸ュ崟鈻�</span></p>
                     <table border="1" cellpadding="4" cellspacing="0"
-                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 ml-9">
+                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                         <tr class="table-th-bc">
                             <td class="center" colspan="5">姘戣埅鏈嶅姟鍩烘湰鎶�鑳戒换鍔″伐鍗�</td>
                         </tr>
@@ -1443,9 +1443,9 @@
                     <li class="headerNumber">023-024</li>
                 </ul>
                 <div class="bodystyle">
-                    <p class="continued fz-14 p-odd">缁〃</p>
+                    <p class="continued fz-14 ">缁〃</p>
                     <table border="1" cellpadding="4" cellspacing="0"
-                        style="width: 91%; border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
+                        style="width: 100%; border-color: #5192c6; border-collapse: collapse" class="fz-15">
                         <tr class="table-tr-bc">
                             <td class="center">涓昏鍐呭</td>
                             <td class="ta-l w20" valign="top">
diff --git a/src/books/aviationBasicSkills/view/components/chapter002.vue b/src/books/aviationBasicSkills/view/components/chapter002.vue
index 4f0e710..2666579 100644
--- a/src/books/aviationBasicSkills/view/components/chapter002.vue
+++ b/src/books/aviationBasicSkills/view/components/chapter002.vue
@@ -273,9 +273,9 @@
                         <textarea v-model="questionData.teskOne.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
                             class="fz-16  ml-2e textarea-box" @change="setBookQuestion"></textarea>
                     </div>
-                    <p class="left p-even"><span class="bj2">浠诲姟宸ュ崟鈻�</span></p>
+                    <p class="left"><span class="bj2">浠诲姟宸ュ崟鈻�</span></p>
                     <table border="1" cellpadding="4" cellspacing="0"
-                        style="border-color: #5192c6; width: 91%; border-collapse: collapse" class="fz-15 ml-9">
+                        style="border-color: #5192c6; width: 100%; border-collapse: collapse" class="fz-15">
                         <tr class="table-th-bc">
                             <td class="center" colspan="5">姘戣埅鏈嶅姟鍩烘湰鎶�鑳戒换鍔″伐鍗�</td>
                         </tr>
@@ -316,9 +316,9 @@
                     <li class="headerNumber">033</li>
                 </ul>
                 <div class="bodystyle">
-                    <p class="continued fz-14 p-odd">缁〃</p>
+                    <p class="continued fz-14 ">缁〃</p>
                     <table border="1" cellpadding="4" cellspacing="0"
-                        style="width: 91%; border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
+                        style="width: 100%; border-color: #5192c6; border-collapse: collapse" class="fz-15">
                         <tr class="table-tr-bc">
                             <td class="center">浠诲姟鎻忚堪</td>
                             <td class="ta-l" colspan="4">
@@ -620,9 +620,7 @@
                 </div>
             </div>
         </div>
-
         <!-- 37椤� -->
-
         <div class="page-box" page="45">
             <div v-if="showPageList.indexOf(45) > -1">
                 <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
@@ -706,9 +704,9 @@
                             鐨勮埅绌哄叕鍙告槸鍥藉鎵�鏈夛紝鍗充娇闈炲浗鏈夌殑鑸┖鍏徃涔熷彈鍒版墍灞炲浗鏀垮簻鐨勫己鍔涘弬涓庢垨鎺у埗锛屽洜姝ゅ畠瀹為檯涓婃槸涓�涓崐瀹樻柟缁勭粐銆傚畠鍒跺畾杩愪环鐨勬椿鍔紝蹇呯劧鍦ㄥ悇鍥芥斂搴滄巿鏉冧笅杩涜锛屽畠鐨勬竻绠楁墍瀵瑰叏涓栫晫鑱旇繍绁ㄤ环鐨勭粨绠楁槸涓�椤规湁鍔╀簬涓栫晫绌鸿繍鍙戝睍鐨勫叕鐩婁簨涓氾紝鍥犺�屽浗闄呰埅绌鸿繍杈撳崗浼氬彂鎸ョ潃閫氳繃鑸┖杩愯緭浼佷笟鏉ュ崗璋冨拰娌熼�氭斂搴滈棿鏀跨瓥銆佽В鍐冲疄闄呰繍浣滃洶闅剧殑閲嶈浣滅敤銆�
                         </p>
                     </div>
-                    <p class="left p-odd"><span class="bj2">浠诲姟宸ュ崟鈻�</span></p>
+                    <p class="left"><span class="bj2">浠诲姟宸ュ崟鈻�</span></p>
                     <table border="1" cellpadding="4" cellspacing="0"
-                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
+                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                         <tr class="table-th-bc">
                             <td class="center" colspan="5">姘戣埅鏈嶅姟鍩烘湰鎶�鑳戒换鍔″伐鍗�</td>
                         </tr>
@@ -1066,7 +1064,7 @@
                 <div class="bodystyle">
                     <p class="left"><span class="bj2">浠诲姟宸ュ崟鈻�</span></p>
                     <table border="1" cellpadding="4" cellspacing="0"
-                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
+                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                         <tr class="table-th-bc">
                             <td class="center" colspan="5">姘戣埅鏈嶅姟鍩烘湰鎶�鑳戒换鍔″伐鍗�</td>
                         </tr>
@@ -1588,7 +1586,7 @@
                     </div>
                     <p class="left"><span class="bj2">浠诲姟宸ュ崟鈻�</span></p>
                     <table border="1" cellpadding="4" cellspacing="0"
-                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
+                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                         <tr class="table-th-bc">
                             <td class="center" colspan="5">姘戣埅鏈嶅姟鍩烘湰鎶�鑳戒换鍔″伐鍗�</td>
                         </tr>
@@ -2070,7 +2068,7 @@
                     </div>
                     <p class="left"><span class="bj2">浠诲姟宸ュ崟鈻�</span></p>
                     <table border="1" cellpadding="4" cellspacing="0"
-                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
+                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                         <tr class="table-th-bc">
                             <td class="center" colspan="5">姘戣埅鏈嶅姟鍩烘湰鎶�鑳戒换鍔″伐鍗�</td>
                         </tr>
@@ -2509,7 +2507,7 @@
                 JSON.stringify(this.chapterData)
             );
         },
-        
+
 
         setBookQuestion() {
             localStorage.setItem(
diff --git a/src/books/aviationBasicSkills/view/components/chapter003.vue b/src/books/aviationBasicSkills/view/components/chapter003.vue
index 592f3d0..a810eba 100644
--- a/src/books/aviationBasicSkills/view/components/chapter003.vue
+++ b/src/books/aviationBasicSkills/view/components/chapter003.vue
@@ -274,9 +274,9 @@
                     <li class="header-left-text">姘戣埅鏈嶅姟鍩烘湰鎶�鑳斤紙绗� 2 鐗堬級</li>
                 </ul>
                 <div class="bodystyle">
-                    <p class="left p-even"><span class="bj2">浠诲姟宸ュ崟鈻�</span></p>
+                    <p class="left "><span class="bj2">浠诲姟宸ュ崟鈻�</span></p>
                     <table border="1" cellpadding="4" cellspacing="0"
-                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 ml-9">
+                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                         <tr class="table-th-bc">
                             <td class="center" colspan="5">姘戣埅鏈嶅姟鍩烘湰鎶�鑳戒换鍔″伐鍗�</td>
                         </tr>
@@ -565,9 +565,9 @@
                         <textarea v-model="questionData.teskTwo.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
                             class="fz-16  ml-2e textarea-box" @change="setBookQuestion"></textarea>
                     </div>
-                    <p class="left p-odd"><span class="bj2">浠诲姟宸ュ崟鈻�</span></p>
+                    <p class="left "><span class="bj2">浠诲姟宸ュ崟鈻�</span></p>
                     <table border="1" cellpadding="4" cellspacing="0"
-                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
+                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 ">
                         <tr class="table-th-bc">
                             <td class="center" colspan="5">姘戣埅鏈嶅姟鍩烘湰鎶�鑳戒换鍔″伐鍗�</td>
                         </tr>
diff --git a/src/books/aviationBasicSkills/view/components/chapter004.vue b/src/books/aviationBasicSkills/view/components/chapter004.vue
index edc20c4..a8857fa 100644
--- a/src/books/aviationBasicSkills/view/components/chapter004.vue
+++ b/src/books/aviationBasicSkills/view/components/chapter004.vue
@@ -689,9 +689,9 @@
                         <textarea v-model="questionData.teskOne.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
                             class="fz-16  ml-2e textarea-box" @change="setBookQuestion"></textarea>
                     </div>
-                    <p class="left p-even"><span class="bj2">浠诲姟宸ュ崟鈻�</span></p>
+                    <p class="left"><span class="bj2">浠诲姟宸ュ崟鈻�</span></p>
                     <table border="1" cellpadding="4" cellspacing="0"
-                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 ml-9">
+                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                         <tr class="table-th-bc">
                             <td class="center" colspan="5">姘戣埅鏈嶅姟鍩烘湰鎶�鑳戒换鍔″伐鍗�</td>
                         </tr>
@@ -760,9 +760,9 @@
                     <li class="headerNumber">095</li>
                 </ul>
                 <div class="bodystyle">
-                    <p class="continued fz-14 p-odd">缁〃</p>
+                    <p class="continued fz-14">缁〃</p>
                     <table border="1" cellpadding="4" cellspacing="0"
-                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
+                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                         <tr class="table-tr-bc">
                             <td class="center">浠诲姟閲嶇偣</td>
                             <td class="ta-l" colspan="4">
@@ -1191,9 +1191,9 @@
                             </el-tooltip>
                         </p>
                     </div>
-                    <p class="left p-even mt-20"><span class="bj2">浠诲姟宸ュ崟鈻�</span></p>
+                    <p class="left mt-20"><span class="bj2">浠诲姟宸ュ崟鈻�</span></p>
                     <table border="1" cellpadding="4" cellspacing="0"
-                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 ml-9">
+                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                         <tr class="table-th-bc">
                             <td class="center" colspan="5">姘戣埅鏈嶅姟鍩烘湰鎶�鑳戒换鍔″伐鍗�</td>
                         </tr>
diff --git a/src/books/aviationBasicSkills/view/components/chapter005.vue b/src/books/aviationBasicSkills/view/components/chapter005.vue
index 2e02129..bd8de9c 100644
--- a/src/books/aviationBasicSkills/view/components/chapter005.vue
+++ b/src/books/aviationBasicSkills/view/components/chapter005.vue
@@ -201,9 +201,9 @@
                         <textarea v-model="questionData.teskOne.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
                             class="fz-16 ml-2e textarea-box" @change="setBookQuestion"></textarea>
                     </div>
-                    <p class="left p-odd"><span class="bj2">浠诲姟宸ュ崟鈻�</span></p>
+                    <p class="left"><span class="bj2">浠诲姟宸ュ崟鈻�</span></p>
                     <table border="1" cellpadding="4" cellspacing="0"
-                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
+                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                         <tr class="table-th-bc">
                             <td class="center" colspan="5">姘戣埅鏈嶅姟鍩烘湰鎶�鑳戒换鍔″伐鍗�</td>
                         </tr>
@@ -249,8 +249,7 @@
                 <div class="bodystyle">
                     <p class="continued fz-14 ">缁〃</p>
                     <table border="1" cellpadding="4" cellspacing="0"
-                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 ml-9">
-
+                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                         <tr class="table-tr-bc">
                             <td class="center" rowspan="4">浠诲姟鐩爣</td>
                             <td class="ta-l" colspan="1">鐩爣</td>
@@ -630,9 +629,9 @@
                         <textarea v-model="questionData.teskTwo.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
                             class="fz-16 ml-2e  textarea-box" @change="setBookQuestion"></textarea>
                     </div>
-                    <p class="left p-even"><span class="bj2">浠诲姟宸ュ崟鈻�</span></p>
+                    <p class="left"><span class="bj2">浠诲姟宸ュ崟鈻�</span></p>
                     <table border="1" cellpadding="4" cellspacing="0"
-                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 ml-9">
+                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                         <tr class="table-th-bc">
                             <td class="center" colspan="5">姘戣埅鏈嶅姟鍩烘湰鎶�鑳戒换鍔″伐鍗�</td>
                         </tr>
@@ -778,9 +777,9 @@
                     <li class="headerNumber">117</li>
                 </ul>
                 <div class="bodystyle">
-                    <p class="continued fz-14 p-odd">缁〃</p>
+                    <p class="continued fz-14">缁〃</p>
                     <table border="1" cellpadding="4" cellspacing="0"
-                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
+                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                         <tr class="table-tr-bc">
                             <td class="center w15">瀹屾垚纭</td>
                             <td class="center w20">搴忓彿</td>
@@ -1095,9 +1094,9 @@
                         <textarea v-model="questionData.teskThree.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
                             class="fz-16 ml-2e textarea-box" @change="setBookQuestion"></textarea>
                     </div>
-                    <p class="left p-even"><span class="bj2">浠诲姟宸ュ崟鈻�</span></p>
+                    <p class="left"><span class="bj2">浠诲姟宸ュ崟鈻�</span></p>
                     <table border="1" cellpadding="4" cellspacing="0"
-                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 ml-9">
+                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                         <tr class="table-th-bc">
                             <td class="center" colspan="5">姘戣埅鏈嶅姟鍩烘湰鎶�鑳戒换鍔″伐鍗�</td>
                         </tr>
@@ -1226,9 +1225,9 @@
                     <li class="headerNumber">125-126</li>
                 </ul>
                 <div class="bodystyle">
-                    <p class="continued fz-14 p-odd">缁〃</p>
+                    <p class="continued fz-14">缁〃</p>
                     <table border="1" cellpadding="4" cellspacing="0"
-                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
+                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                         <tr class="table-tr-bc">
                             <td class="center w15">瀹屾垚纭</td>
                             <td class="center w20">搴忓彿</td>
diff --git a/src/books/aviationBasicSkills/view/components/chapter006.vue b/src/books/aviationBasicSkills/view/components/chapter006.vue
index 82b71d7..bdee3e0 100644
--- a/src/books/aviationBasicSkills/view/components/chapter006.vue
+++ b/src/books/aviationBasicSkills/view/components/chapter006.vue
@@ -143,9 +143,9 @@
                     <li class="header-left-text">姘戣埅鏈嶅姟鍩烘湰鎶�鑳斤紙绗� 2 鐗堬級</li>
                 </ul>
                 <div class="bodystyle">
-                    <p class="left p-even"><span class="bj2">浠诲姟宸ュ崟鈻�</span></p>
+                    <p class="left"><span class="bj2">浠诲姟宸ュ崟鈻�</span></p>
                     <table border="1" cellpadding="4" cellspacing="0"
-                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 ml-9">
+                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                         <tr class="table-th-bc">
                             <td class="center" colspan="6">姘戣埅鏈嶅姟鍩烘湰鎶�鑳戒换鍔″伐鍗�</td>
                         </tr>
@@ -454,7 +454,7 @@
                     </div>
                     <p class="left"><span class="bj2">浠诲姟宸ュ崟鈻�</span></p>
                     <table border="1" cellpadding="4" cellspacing="0"
-                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
+                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                         <tr class="table-th-bc">
                             <td class="center" colspan="5">姘戣埅鏈嶅姟鍩烘湰鎶�鑳戒换鍔″伐鍗�</td>
                         </tr>
@@ -529,7 +529,7 @@
                 <div class="bodystyle">
                     <p class="continued fz-14 ">缁〃</p>
                     <table border="1" cellpadding="4" cellspacing="0"
-                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 ml-9">
+                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                         <tr class="table-tr-bc">
                             <td class="center w15">涓昏鍐呭</td>
                             <td class="ta-l w20" valign="top">
@@ -811,9 +811,9 @@
                         <textarea v-model="questionData.teskThree.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
                             class="fz-16 ml-2e textarea-box" @change="setBookQuestion"></textarea>
                     </div>
-                    <p class="left p-even"><span class="bj2">浠诲姟宸ュ崟鈻�</span></p>
+                    <p class="left"><span class="bj2">浠诲姟宸ュ崟鈻�</span></p>
                     <table border="1" cellpadding="4" cellspacing="0"
-                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 ml-9">
+                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                         <tr class="table-th-bc">
                             <td class="center" colspan="6">姘戣埅鏈嶅姟鍩烘湰鎶�鑳戒换鍔″伐鍗�</td>
                         </tr>
@@ -1132,9 +1132,9 @@
                         <textarea v-model="questionData.teskFour.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
                             class="fz-16 ml-2e textarea-box" @change="setBookQuestion"></textarea>
                     </div>
-                    <p class="left p-even"><span class="bj2">浠诲姟宸ュ崟鈻�</span></p>
+                    <p class="left"><span class="bj2">浠诲姟宸ュ崟鈻�</span></p>
                     <table border="1" cellpadding="4" cellspacing="0"
-                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 ml-9">
+                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                         <tr class="table-th-bc">
                             <td class="center" colspan="5">姘戣埅鏈嶅姟鍩烘湰鎶�鑳戒换鍔″伐鍗�</td>
                         </tr>
@@ -1209,9 +1209,9 @@
                     <li class="headerNumber">143-144</li>
                 </ul>
                 <div class="bodystyle">
-                    <p class="continued fz-14 p-odd">缁〃</p>
+                    <p class="continued fz-14">缁〃</p>
                     <table border="1" cellpadding="4" cellspacing="0"
-                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
+                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                         <tr class="table-tr-bc">
                             <td class="center w15">涓昏鍐呭</td>
                             <td class="ta-l w20" valign="top">
diff --git a/src/books/aviationBasicSkills/view/components/chapter007.vue b/src/books/aviationBasicSkills/view/components/chapter007.vue
index cb05398..50bfce0 100644
--- a/src/books/aviationBasicSkills/view/components/chapter007.vue
+++ b/src/books/aviationBasicSkills/view/components/chapter007.vue
@@ -111,9 +111,9 @@
                             </el-tooltip>
                         </p>
                     </div>
-                    <p class="left p-odd"><span class="bj2">浠诲姟宸ュ崟鈻�</span></p>
+                    <p class="left"><span class="bj2">浠诲姟宸ュ崟鈻�</span></p>
                     <table border="1" cellpadding="4" cellspacing="0"
-                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
+                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                         <tr class="table-th-bc">
                             <td class="center" colspan="5">姘戣埅鏈嶅姟鍩烘湰鎶�鑳戒换鍔″伐鍗�</td>
                         </tr>
@@ -264,7 +264,7 @@
                 <div class="bodystyle">
                     <p class="continued fz-14">缁〃</p>
                     <table border="1" cellpadding="4" cellspacing="0"
-                        style="border-color: #5192c6; border-collapse: collapse; width: 91%;" class="fz-15 ml-9">
+                        style="border-color: #5192c6; border-collapse: collapse; width: 100%;" class="fz-15">
                         <tr class="table-tr-bc">
                             <td class="ta-l" colspan="5">
                                 <p>娉ㄦ剰浜嬮」锛�</p>
@@ -460,9 +460,9 @@
                         <textarea v-model="questionData.teskTwo.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
                             class="fz-16 ml-2e  textarea-box" @change="setBookQuestion"></textarea>
                     </div>
-                    <p class="left p-even"><span class="bj2">浠诲姟宸ュ崟鈻�</span></p>
+                    <p class="left"><span class="bj2">浠诲姟宸ュ崟鈻�</span></p>
                     <table border="1" cellpadding="4" cellspacing="0"
-                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 ml-9">
+                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                         <tr class="table-th-bc">
                             <td class="center" colspan="5">姘戣埅鏈嶅姟鍩烘湰鎶�鑳戒换鍔″伐鍗�</td>
                         </tr>
@@ -791,9 +791,9 @@
                             </el-tooltip>
                         </p>
                     </div>
-                    <p class="left p-even"><span class="bj2">浠诲姟宸ュ崟鈻�</span></p>
+                    <p class="left"><span class="bj2">浠诲姟宸ュ崟鈻�</span></p>
                     <table border="1" cellpadding="4" cellspacing="0"
-                        style="border-color: #5192c6; border-collapse: collapse; width: 91%;" class="fz-15 ml-9">
+                        style="border-color: #5192c6; border-collapse: collapse; width: 100%;" class="fz-15">
                         <tr class="table-th-bc">
                             <td class="center" colspan="5">姘戣埅鏈嶅姟鍩烘湰鎶�鑳戒换鍔″伐鍗�</td>
                         </tr>
@@ -833,9 +833,9 @@
                     <li class="headerNumber">157</li>
                 </ul>
                 <div class="bodystyle">
-                    <p class="continued fz-14 p-odd">缁〃</p>
+                    <p class="continued fz-14">缁〃</p>
                     <table border="1" cellpadding="4" cellspacing="0"
-                        style="border-color: #5192c6; border-collapse: collapse;" class="fz-15 mr-9">
+                        style="border-color: #5192c6; border-collapse: collapse;" class="fz-15">
                         <tr class="table-tr-bc">
                             <td class="center">浠诲姟鎻忚堪</td>
                             <td class="ta-l" colspan="4">
diff --git a/src/books/aviationBasicSkills/view/components/chapter008.vue b/src/books/aviationBasicSkills/view/components/chapter008.vue
index 75c01bb..fd20038 100644
--- a/src/books/aviationBasicSkills/view/components/chapter008.vue
+++ b/src/books/aviationBasicSkills/view/components/chapter008.vue
@@ -119,9 +119,9 @@
                         <textarea v-model="questionData.teskOne.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
                             class="fz-16 ml-2e textarea-box" @change="setBookQuestion"></textarea>
                     </div>
-                    <p class="left p-even"><span class="bj2">浠诲姟宸ュ崟鈻�</span></p>
+                    <p class="left"><span class="bj2">浠诲姟宸ュ崟鈻�</span></p>
                     <table border="1" cellpadding="4" cellspacing="0"
-                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 ml-9">
+                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                         <tr class="table-th-bc">
                             <td class="center" colspan="5">姘戣埅鏈嶅姟鍩烘湰鎶�鑳戒换鍔″伐鍗�</td>
                         </tr>
@@ -185,9 +185,9 @@
                     <li class="headerNumber">163</li>
                 </ul>
                 <div class="bodystyle">
-                    <p class="continued fz-14 p-odd">缁〃</p>
+                    <p class="continued fz-14">缁〃</p>
                     <table border="1" cellpadding="4" cellspacing="0"
-                        style="border-color: #5192c6; border-collapse: collapse; width: 91%;" class="fz-15 mr-9">
+                        style="border-color: #5192c6; border-collapse: collapse; width: 100%;" class="fz-15 ">
                         <tr class="table-tr-bc">
                             <td class="center">浠诲姟閲嶇偣</td>
                             <td class="ta-l" colspan="4">
@@ -444,9 +444,9 @@
                     <p class="p-even">
                         鑸墠鍑嗗浼氱粨鏉熷悗锛屽綋鐝箻鍔¢暱甯﹂缁勫憳鎺掑ソ闃熷舰锛岀粺涓�涔樺潗鏈虹粍杞﹁繘鍦哄苟鎺ュ彈瀹夋銆傚鑸变箻鍔″憳蹇呴』灏嗙┖鍕ょ櫥鏈鸿瘉浣╂埓浜庢槑鏄句綅缃紝渚夸簬瀹夋浜哄憳瀵硅韩浠借繘琛屾牳瀵癸紝骞堕厤鍚堝畨妫�宸ヤ綔锛岀劧鍚庣粺涓�涔樿溅杩涘叆闅旂鍖哄苟涓婃満銆�
                     </p>
-                    <p class="left p-even"><span class="bj2">浠诲姟宸ュ崟鈻�</span></p>
+                    <p class="left"><span class="bj2">浠诲姟宸ュ崟鈻�</span></p>
                     <table border="1" cellpadding="4" cellspacing="0"
-                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 ml-9">
+                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                         <tr class="table-th-bc">
                             <td class="center" colspan="5">姘戣埅鏈嶅姟鍩烘湰鎶�鑳戒换鍔″伐鍗�</td>
                         </tr>
@@ -781,9 +781,9 @@
                     <p class="p-odd">鈶ゆ鏌ュ尯鍩熷崼鐢熼棿鍙婂鑸卞崼鐢熴��</p>
                     <p class="p-odd">鈶ュ悜涔樺姟闀挎姤鍛婂噯澶囨儏鍐点��</p>
                     <p class="p-odd">褰撴墍鏈夊噯澶囧伐浣滃畬姣曚箣鍚庯紝涔樺姟闀挎姤鍛婃満闀垮鑸卞噯澶囧伐浣滃畬鎴愶紝閫氱煡鏃呭鐧绘満銆�</p>
-                    <p class="left p-odd"><span class="bj2">浠诲姟宸ュ崟鈻�</span></p>
+                    <p class="left"><span class="bj2">浠诲姟宸ュ崟鈻�</span></p>
                     <table border="1" cellpadding="4" cellspacing="0"
-                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
+                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                         <tr class="table-th-bc">
                             <td class="center" colspan="5">姘戣埅鏈嶅姟鍩烘湰鎶�鑳戒换鍔″伐鍗�</td>
                         </tr>
@@ -920,7 +920,7 @@
                 <div class="bodystyle">
                     <p class="continued fz-14">缁〃</p>
                     <table border="1" cellpadding="4" cellspacing="0"
-                        style="border-color: #5192c6; border-collapse: collapse;" class="fz-15 ml-9">
+                        style="border-color: #5192c6; border-collapse: collapse;" class="fz-15">
                         <tr class="table-tr-bc">
                             <td class="center">瀹屾垚纭</td>
                             <td class="center w25">搴忓彿</td>
@@ -1255,9 +1255,9 @@
                     <p class="p-odd">锛�4锛夋梾瀹笅鏈哄悗锛屼箻鍔″憳鎵撳紑鍗敓闂撮棬骞惰繘琛屾竻鑸卞伐浣滐紝鎶ュ憡涔樺姟闀裤��</p>
                     <p class="p-odd">锛�5锛夊帹鎴夸箻鍔″憳涓庤埅椋熷伐浣滀汉鍛樹氦鎺ヤ緵搴斿搧銆�</p>
                     <p class="p-odd">锛�6锛変箻鍔″憳绂绘満鏃讹紝鏈�鍚庝竴浣嶇鏈虹殑涔樺姟鍛樿灏嗚埍闂ㄤ笂鐨勯粍鑹茶绀哄畨鍏ㄥ甫鎸備笂銆�</p>
-                    <p class="left p-odd"><span class="bj2">浠诲姟宸ュ崟鈻�</span></p>
+                    <p class="left"><span class="bj2">浠诲姟宸ュ崟鈻�</span></p>
                     <table border="1" cellpadding="4" cellspacing="0"
-                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
+                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                         <tr class="table-th-bc">
                             <td class="center" colspan="5">姘戣埅鏈嶅姟鍩烘湰鎶�鑳戒换鍔″伐鍗�</td>
                         </tr>
@@ -1337,7 +1337,7 @@
                 <div class="bodystyle">
                     <p class="continued fz-14">缁〃</p>
                     <table border="1" cellpadding="4" cellspacing="0"
-                        style="border-color: #5192c6; border-collapse: collapse;" class="fz-15 ml-9">
+                        style="border-color: #5192c6; border-collapse: collapse;" class="fz-15">
 
                         <tr class="table-tr-bc">
                             <td class="center w15">涓昏鍐呭</td>
@@ -1482,9 +1482,9 @@
                             </el-tooltip>
                         </p>
                     </div>
-                    <p class="left p-odd"><span class="bj2">浠诲姟宸ュ崟鈻�</span></p>
+                    <p class="left"><span class="bj2">浠诲姟宸ュ崟鈻�</span></p>
                     <table border="1" cellpadding="4" cellspacing="0"
-                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
+                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                         <tr class="table-th-bc">
                             <td class="center" colspan="5">姘戣埅鏈嶅姟鍩烘湰鎶�鑳戒换鍔″伐鍗�</td>
                         </tr>
@@ -1530,7 +1530,7 @@
                 <div class="bodystyle">
                     <p class="continued fz-14">缁〃</p>
                     <table border="1" cellpadding="4" cellspacing="0"
-                        style="border-color: #5192c6; border-collapse: collapse;" class="fz-15 ml-9">
+                        style="border-color: #5192c6; border-collapse: collapse;" class="fz-15">
                         <tr class="table-tr-bc">
                             <td class="center" rowspan="3">浠诲姟鐩爣</td>
                             <td class="ta-l" colspan="1">鐩爣</td>
diff --git a/src/books/aviationBasicSkills/view/components/header.vue b/src/books/aviationBasicSkills/view/components/header.vue
index 092c70f..f166de8 100644
--- a/src/books/aviationBasicSkills/view/components/header.vue
+++ b/src/books/aviationBasicSkills/view/components/header.vue
@@ -15,7 +15,7 @@
         <!-- 浠嬬粛椤甸潰 -->
         <div class="page-box" page="3">
             <div v-if="showPageList.indexOf(3) > -1">
-                <div style="max-width: 400px; margin: 0 auto; padding: 15% 0 15% 0;">
+                <div style="margin: 0 25%; padding: 15% 0 15% 0;">
                     <hr />
                     <p class=""><b>鍥句功鍦ㄧ増缂栫洰锛圕IP锛夋暟鎹�</b></p>
                     <p class="left3 block mr-0">姘戣埅鏈嶅姟鍩烘湰鎶�鑳�/鍑岀孩涓荤紪.鈥�2鐗�.鈥斿寳浜細鍖椾含甯堣寖澶у鍑虹増绀撅紝2024.9</p>
@@ -59,7 +59,7 @@
         <!-- 浠嬬粛椤甸潰 -->
         <div class="page-box" page="4">
             <div v-if="showPageList.indexOf(4) > -1">
-                <div style="max-width: 600px; margin: 0 auto; padding: 15% 0 0 0;">
+                <div style="margin: 0 15%; padding: 15% 0 15% 0;">
                     <div class="bk-bwh">
                         <h1 id="a003" class="front">鑱屼笟鏁欒偛鑸┖杩愯緭绫讳笓涓氣�滀骇鏁欒瀺鍚堚�濇柊褰㈡�佹暀鏉愪笓瀹舵寚瀵煎鍛樹細</h1>
                         <p class="center"></p>
@@ -83,7 +83,7 @@
         </div>
         <div class="page-box" page="5">
             <div v-if="showPageList.indexOf(5) > -1">
-                <div style="padding: 136px 97px">
+                <div style="padding: 136px 12%">
                     <div class="fl fd-r">
                         <div class="fl fd-c al-c" style="margin: 100px 0;">
                             <h1 id="a004">鍓嶈█</h1>
@@ -104,7 +104,7 @@
         </div>
         <div class="page-box" page="6">
             <div v-if="showPageList.indexOf(6) > -1">
-                <div style="padding: 10% 97px">
+                <div style="padding: 10% 12%">
                     <p class="td-0">
                         鍐欏姏姹傛枃瀛楃畝娲併�侀�氫織鏄撴噦銆傛湰鏁欐潗浣撶幇鈥滆创杩戠ぞ浼氱敓娲汇�佽创杩戞皯鑸湇鍔″伐浣滃疄闄呫�佽创杩戝鐢熺壒鐐光�濃�滀笌鑱屼笟宀椾綅缇ゅ鎺ャ�佷笌鑱屼笟璧勬牸鏍囧噯瀵规帴銆佷笌瀹為檯宸ヤ綔杩囩▼瀵规帴鈥濈殑鈥滀笁璐磋繎鈥濃�滀笁瀵规帴鈥濆師鍒欙紝娉ㄩ噸瀛︾敓鑱屼笟鏍稿績鑳藉姏鐨勫煿鍏汇��
                     </p>
@@ -118,7 +118,7 @@
         </div>
         <div class="page-box" page="7">
             <div v-if="showPageList.indexOf(7) > -1">
-                <div style="padding: 136px 97px">
+                <div style="padding: 136px 12%">
                     <div class="fl fd-r">
                         <div class="fl fd-c al-c" style="margin: 100px 0;">
                             <h1 id="a004">鍓嶈█</h1>
@@ -140,7 +140,7 @@
         </div>
         <div class="page-box" page="8">
             <div v-if="showPageList.indexOf(8) > -1">
-                <div style="padding:10% 97px">
+                <div style="padding:10% 12%">
                     <p class="td-0">
                         瀛︺�傛湰濂楁暀鏉愭棦鍙緵鑱屼笟闄㈡牎鑸┖鏈嶅姟涓撲笟瀛︾敓浣跨敤锛屼篃鍙綔涓烘皯鑸紒涓氬憳宸ュ煿璁暀鏉愭垨鍙傝�冭祫鏂欍��
                     </p>
diff --git a/src/books/aviationBasicSkills/view/components/index.vue b/src/books/aviationBasicSkills/view/components/index.vue
index e156a12..d092007 100644
--- a/src/books/aviationBasicSkills/view/components/index.vue
+++ b/src/books/aviationBasicSkills/view/components/index.vue
@@ -199,7 +199,7 @@
 
     // 娴嬭瘯椤甸潰璺宠浆
     // setTimeout(() => {
-    //   this.gotoPage(9, 189);
+    //   this.gotoPage(9, 187);
       //   setTimeout(() => {
       //     this.renderSign("Highlight", {
       //       id: "2ACA9359",
diff --git a/src/books/aviationEtiquette/assets/main.less b/src/books/aviationEtiquette/assets/main.less
index 916e2e0..4b8e98f 100644
--- a/src/books/aviationEtiquette/assets/main.less
+++ b/src/books/aviationEtiquette/assets/main.less
@@ -271,6 +271,21 @@
         padding-top:2px !important;
         padding-bottom:2px !important;
     }
+
+    .p-Num{
+        background-color: #92B0D5;
+        color: #fff;
+        font-size: 14px;
+        padding: 3px 0;
+        padding-right: 8px;
+        font-size: 18px;
+        font-style: italic;
+        font-family: "kaiti";
+        padding-top:2px !important;
+        padding-bottom:2px !important;
+    }
+
+
     .cloud{
         padding: 0px 8px 0 0 !important;
     }
@@ -327,7 +342,7 @@
         padding-right: 8px;
 
         img {
-            height: 20.8px;
+            height: 21px;
         }
     }
 
@@ -337,6 +352,7 @@
     }
 
     .header-right-last {
+        font-size: 17px;
         background-color: #B799B6; 
         padding: 2px 0;
         padding-left: 20px; 
@@ -344,6 +360,7 @@
     }
 
     .header-right-end {
+        font-size: 17px;
         background-color: #738DC0;
         padding: 2px 0;
         padding-left: 50px;
@@ -1944,7 +1961,56 @@
 
 @media (max-width: 660px) {
     .aviationEtiquette-book {
+        .header-right-Number{
+            font-size: 9px;
 
+            img{
+                height: 16px;  
+            }
+        }
+
+        .header-left-Number{
+            font-size: 9px;
+        }
+
+        .pad-r-80{
+            padding-right: 10px;
+        }
+        
+        .pad-l-80{
+            padding-left: 10px;
+        }
+
+        h1{
+            font-size: 1em;
+        }
+
+        h2 {
+            font-size: 0.9em;
+            margin-top: 1.8em;
+            margin-bottom: 1.5em;
+            margin-left: 2.5em;
+        }
+        .rwmb-4{
+            margin-top: 1.5em;
+            height: 1.5em;
+        }
+
+        .header-right-last{
+            font-size: 10px;
+        }
+
+        .header-right-end{
+            font-size: 10px;
+        }
+
+        .p-Num{
+            font-size: 12px;
+        }
+
+        .mr-70 {
+            margin-right: 10px;
+        }
         /* 鍒嗛〉padding */
         .padding-93 {
             padding: 0 20px;
diff --git a/src/books/aviationEtiquette/view/components/chapter001.vue b/src/books/aviationEtiquette/view/components/chapter001.vue
index 75f360f..7d80e9a 100644
--- a/src/books/aviationEtiquette/view/components/chapter001.vue
+++ b/src/books/aviationEtiquette/view/components/chapter001.vue
@@ -5,16 +5,11 @@
       <div v-if="showPageList.indexOf(7) > -1">
         <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
           <li class="headerText pNum">1</li>
-          <img
-            class="headerImg mr-10"
-            src="../../assets/images/yemei.png"
-            alt=""
-          />
+          <img class="headerImg mr-10" src="../../assets/images/yemei.png" alt="" />
         </ul>
         <div class="bodystyle">
           <h1 id="a005">
-            <span class="h1-bj">妯″潡涓�</span
-            ><span class="h1-bk">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</span>
+            <span class="h1-bj">妯″潡涓�</span><span class="h1-bk">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</span>
           </h1>
           <h2 id="b001">椤圭洰涓�銆�绀间华璁ょ煡</h2>
           <div class="tp-3">
@@ -24,9 +19,7 @@
           </div>
           <div class="bk">
             <p class="bj1-qjms fl al-c">
-              <span class="span-box"></span
-              ><span class="span-text">椤圭洰鎻忚堪</span
-              ><span class="span-box"></span>
+              <span class="span-box"></span><span class="span-text">椤圭洰鎻忚堪</span><span class="span-box"></span>
             </p>
             <p class="fz-15">
               鈥滄彁鍗囨湇鍔$礌璐紝浼樺寲鏈嶅姟姘村钩锛屾彁鍗囨湇鍔¤川閲忥紝缁欐梾瀹㈠甫鏉ヨ壇濂界殑涔樻満浣撻獙锛屾彁鍗囦紒涓氬搧鐗屽奖鍝嶅姏鈥︹�︹�濇潕涓界粡甯稿惉鍒拌埅鍙镐汉鍔涜祫婧愰儴缁忕悊鍜岃�佸笀璺熷悓瀛︿滑璋堝埌杩欎釜璇濋銆傛湇鍔$ぜ浠槸鏈嶅姟璐ㄩ噺鐨勯噸瑕佺粍鎴愶紝鏄湇鍔¤兘鍔涚殑閲嶈浣撶幇銆傛皯鑸笓涓氬鐢熻鐭ョぜ銆佸畧绀笺�佹噦绀笺�佺敤绀硷紝閫氳繃绀间华浣撶幇鎬濇兂閬撳痉姘村钩銆佹枃鍖栦慨鍏汇�佷氦闄呬氦寰�鑳藉姏锛屼綋鐜版皯鑸紒涓氱殑鏂囧寲鍐呮兜銆佽亴涓氶亾寰枫�傞偅涔堢ぜ浠埌搴曟槸浠�涔堝憿锛熻瀛︿範鑰呴�氳繃鏈」鐩殑瀛︿範锛屼簡瑙gぜ浠殑璧锋簮銆佸彂灞曘�佸唴娑靛強鏈川锛岀悊瑙gぜ浠殑鐗瑰緛骞跺湪鑷韩鐨勫涔犲拰鏈潵鐨勫伐浣滀腑杩涜鍚堢悊鏈夋晥鐨勮繍鐢ㄣ��
@@ -34,9 +27,7 @@
           </div>
           <div class="bk">
             <p class="bj1-qjms fl al-c">
-              <span class="span-box"></span
-              ><span class="span-text">绀煎湪韬竟</span
-              ><span class="span-box"></span>
+              <span class="span-box"></span><span class="span-text">绀煎湪韬竟</span><span class="span-box"></span>
             </p>
             <p class="center"><span class="cs1">鏇惧瓙閬垮腑</span></p>
             <p class="fz-15">
@@ -50,28 +41,17 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
               <p>1.浠�涔堟槸鈥滈伩甯�濓紵</p>
-              <textarea
-                v-model="questionData.askAbout.one"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-16 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+                @change="setBookQuestion"></textarea>
               <p>2.鏇惧瓙涓轰綍瑕佲�滈伩甯�濓紵</p>
-              <textarea
-                v-model="questionData.askAbout.two"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-16 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
         </div>
@@ -83,11 +63,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">2</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -95,8 +71,7 @@
         </ul>
         <div class="bodystyle">
           <h3 id="c001">
-            <span class="h3-zt1">浠诲姟1</span
-            ><span class="h3-bk">绀间华璧锋簮璁ょ煡</span>
+            <span class="h3-zt1">浠诲姟1</span><span class="h3-bk">绀间华璧锋簮璁ょ煡</span>
           </h3>
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.浜嗚В绀间华鐨勪簲绉嶈捣婧愯銆�</p>
@@ -130,7 +105,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡涓�</li>
           <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
-          <li class="header-right-Number pNum">3</li>
+          <li class="p-Num">3</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -171,11 +146,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">4</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -186,22 +157,16 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
               <p>
                 鍛ㄥ叕鍜屽瓟瀛愬绀间华鐨勫彂灞曡捣鍒颁簡閲嶈浣滅敤锛岃澶у灏藉彲鑳藉鍦版悳闆嗘湁鍏冲懆鍏拰瀛斿瓙鐨勭ぜ浠皬鏁呬簨锛屽苟鎸戦�変綘浣撲細鏈�娣辩殑涓�涓拰鍚屽浠垎浜紝鍛婅瘔澶у浠庝粬浠殑鏁呬簨涓綘瀛﹀埌浜嗕粈涔堬紝鏈変粈涔堟劅鎮熴��
               </p>
-              <textarea
-                v-model="questionData.askAbout.three"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-16 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -210,9 +175,8 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
@@ -220,13 +184,8 @@
               <p>
                 闅忕潃淇℃伅鎶�鏈潻鍛界殑涓嶆柇鍙戝睍锛屽湪缁忔祹鍏ㄧ悆鍖栫殑鎺ㄥ姩涓嬶紝涓栫晫鍚勫浗涔嬮棿銆佷笉鍚屾皯鏃忎箣闂淬�佷笉鍚屽湴鍩熶箣闂寸殑浜ゅ線涓庢矡閫氭棩鐩婇绻佸拰瀵嗗垏锛屼竴浜涘叡鍚岀殑绀间华灏嗚浣滀负鍥介檯鍏鐨勮涓鸿鑼冭�屾櫘閬嶉噰鐢紝浠庤�岃繘涓�姝ュ奖鍝嶇ぜ浠枃鍖栫殑鍙戝睍锛屽苟鏈�缁堝舰鎴愭柊鐨勭ぜ浠鑼冦��
               </p>
-              <textarea
-                v-model="questionData.askAbout.four"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-16 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p class="td-0 mt-10 mb-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
@@ -248,7 +207,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡涓�</li>
           <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
-          <li class="header-right-Number pNum">5</li>
+          <li class="p-Num">5</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -257,8 +216,7 @@
         </ul>
         <div class="bodystyle">
           <h3 id="c002">
-            <span class="h3-zt1">浠诲姟2</span
-            ><span class="h3-bk">绀间华鍐呮兜璁ょ煡</span>
+            <span class="h3-zt1">浠诲姟2</span><span class="h3-bk">绀间华鍐呮兜璁ょ煡</span>
           </h3>
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.浜嗚В鈥滅ぜ鈥濆拰鈥滀华鈥濆湪涓嶅悓鏂归潰鐨勫瘬鎰忋��</p>
@@ -295,11 +253,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">6</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -334,28 +288,17 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
               <p>1.鍦ㄤ綘鐨勮鐭ヤ腑锛屸�滅ぜ浠�濆埌搴曟槸浠�涔堝憿锛�</p>
-              <textarea
-                v-model="questionData.askAbout.five"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-16 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+                @change="setBookQuestion"></textarea>
               <p>2.缁撳悎浣犵殑鐢熸椿缁忓巻锛岃涓�浠朵綘璁や负鑳戒紶杈捐绀笺�佹噦绀肩殑浜嬫儏銆�</p>
-              <textarea
-                v-model="questionData.askAbout.six"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-16 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
         </div>
@@ -367,7 +310,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡涓�</li>
           <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
-          <li class="header-right-Number pNum">7</li>
+          <li class="p-Num">7</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -376,8 +319,7 @@
         </ul>
         <div class="bodystyle">
           <h3 id="c003">
-            <span class="h3-zt1">浠诲姟3</span
-            ><span class="h3-bk">绀间华鐗瑰緛璁ょ煡</span>
+            <span class="h3-zt1">浠诲姟3</span><span class="h3-bk">绀间华鐗瑰緛璁ょ煡</span>
           </h3>
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.浜嗚В绀间华鐨勫叚澶х壒寰併��</p>
@@ -409,11 +351,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">8</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -445,7 +383,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡涓�</li>
           <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
-          <li class="header-right-Number pNum">9</li>
+          <li class="p-Num">9</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -456,35 +394,23 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
               <p>
                 1.鍦ㄦ棩甯哥敓娲诲拰瀛︿範涓紝濡備綍鐞嗚В绀间华鐨勮鑼冩�х壒寰侊紵璇蜂妇渚嬭鏄庛��
               </p>
-              <textarea
-                v-model="questionData.askAbout.seven"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-16 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.seven" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+                @change="setBookQuestion"></textarea>
               <p>2.璋堣皥浣犲姘戣埅绀间华鍐呮兜鐨勭悊瑙c��</p>
-              <textarea
-                v-model="questionData.askAbout.eight"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-16 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.eight" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h3 id="c004">
-            <span class="h3-zt1">浠诲姟4</span
-            ><span class="h3-bk">绀间华鍘熷垯璁ょ煡</span>
+            <span class="h3-zt1">浠诲姟4</span><span class="h3-bk">绀间华鍘熷垯璁ょ煡</span>
           </h3>
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.浜嗚В绀间华鐨勪簲澶у師鍒欍��</p>
@@ -501,28 +427,17 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
               <p>1.瀹翠細涓讳汉涓轰粈涔堣鎶婂噣鎵嬬殑姘翠篃鍠濇帀鍛紵</p>
-              <textarea
-                v-model="questionData.askAbout.nine"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-16 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.nine" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+                @change="setBookQuestion"></textarea>
               <p>2.杩欎釜绀间华灏忔晠浜嬪浣犳湁浠�涔堟牱鐨勫惎绀猴紵</p>
-              <textarea
-                v-model="questionData.askAbout.ten"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-16 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.ten" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h4 id="d011">涓�銆佺ぜ鏁粬浜虹殑鍘熷垯</h4>
@@ -538,11 +453,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">10</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -581,7 +492,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡涓�</li>
           <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
-          <li class="header-right-Number pNum">11</li>
+          <li class="p-Num">11</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -607,30 +518,19 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
               <p>1.瀵逛簬绀间华鐨勫師鍒欙紝浣犳槸濡備綍璁よ瘑鐨勶紵</p>
-              <textarea
-                v-model="questionData.askAbout.eleven"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-16 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.eleven" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+                @change="setBookQuestion"></textarea>
               <p>
                 2.浣滀负姘戣埅涓撲笟鐨勫鐢燂紝浣犺涓烘皯鑸粠涓氫汉鍛樺簲褰撳叿澶囧摢浜涚ぜ浠礌璐紵
               </p>
-              <textarea
-                v-model="questionData.askAbout.twelve"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-16 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.twelve" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <div class="bk4">
@@ -701,11 +601,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">12</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -714,212 +610,86 @@
         <div class="bodystyle">
           <p>2.涓嬮潰鏈夊叧鈥滅ぜ鈥濈殑鍐呭湪鍚箟璇存硶姝g‘鐨勬槸锛堛��銆�锛夈�傦紙澶氶�夐锛�</p>
           <p>
-            <input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="2"
-              v-model="questionData.projectOne.two.value"
-              @change="setBookQuestion"
-            />A.琛ㄧず灏婃暚銆佹暚鎰忕殑缁熺О
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="2"
+              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />A.琛ㄧず灏婃暚銆佹暚鎰忕殑缁熺О
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="2"
-              v-model="questionData.projectOne.two.value"
-              @change="setBookQuestion"
-            />B.涓鸿〃绀烘暚鎰忔垨琛ㄧず闅嗛噸涓捐鐨勪华寮�
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="2"
+              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />B.涓鸿〃绀烘暚鎰忔垨琛ㄧず闅嗛噸涓捐鐨勪华寮�
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="2"
-              v-model="questionData.projectOne.two.value"
-              @change="setBookQuestion"
-            />C.娉涙寚绀句細鐢熸椿涓殑鏌愮绀句細瑙勮寖鍜岄亾寰疯鑼�
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="2"
+              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />C.娉涙寚绀句細鐢熸椿涓殑鏌愮绀句細瑙勮寖鍜岄亾寰疯鑼�
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="3"
-              v-model="questionData.projectOne.two.value"
-              @change="setBookQuestion"
-            />D.琛ㄧず閫佺ぜ鐗┿�佺ぜ鍝�
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="3"
+              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />D.琛ㄧず閫佺ぜ鐗┿�佺ぜ鍝�
           </p>
           <p>3.涓嬮潰鏈夊叧鈥滀华鈥濈殑鍐呭湪鍚箟璇存硶姝g‘鐨勬槸锛堛��銆�锛夈�傦紙澶氶�夐锛�</p>
           <p>
-            <input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="3"
-              v-model="questionData.projectOne.three.value"
-              @change="setBookQuestion"
-            />A.鈥滀华鈥濆叿鏈夎〃鐜囥�佹鏍峰拰甯﹀ご浣滅敤
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="3"
+              v-model="questionData.projectOne.three.value" @change="setBookQuestion" />A.鈥滀华鈥濆叿鏈夎〃鐜囥�佹鏍峰拰甯﹀ご浣滅敤
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="3"
-              v-model="questionData.projectOne.three.value"
-              @change="setBookQuestion"
-            />B.鎸囦釜浜哄璨屻�侀搴�
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="3"
+              v-model="questionData.projectOne.three.value" @change="setBookQuestion" />B.鎸囦釜浜哄璨屻�侀搴�
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="3"
-              v-model="questionData.projectOne.three.value"
-              @change="setBookQuestion"
-            />C.鎸囧悇绉嶅ぇ灏忓瀷浠紡銆佺ぜ鑺�
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="3"
+              v-model="questionData.projectOne.three.value" @change="setBookQuestion" />C.鎸囧悇绉嶅ぇ灏忓瀷浠紡銆佺ぜ鑺�
           </p>
           <p>
             4.绀间华鍦ㄦ湰璐ㄤ笂鍏锋湁涓嶅悓鐨勭壒寰侊紝绀间华鐨勭壒寰佸寘鎷紙銆�銆�锛夈�傦紙澶氶�夐锛�
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="4"
-              v-model="questionData.projectOne.four.value"
-              @change="setBookQuestion"
-            />A.瑙勮寖鎬�
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="4"
+              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />A.瑙勮寖鎬�
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="4"
-              v-model="questionData.projectOne.four.value"
-              @change="setBookQuestion"
-            />B.鏃跺皻鎬�
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="4"
+              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />B.鏃跺皻鎬�
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="4"
-              v-model="questionData.projectOne.four.value"
-              @change="setBookQuestion"
-            />C.澶氭牱鎬�
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="4"
+              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />C.澶氭牱鎬�
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="4"
-              v-model="questionData.projectOne.four.value"
-              @change="setBookQuestion"
-            />D.浼犳壙鎬�
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="4"
+              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />D.浼犳壙鎬�
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="E"
-              id="4"
-              v-model="questionData.projectOne.four.value"
-              @change="setBookQuestion"
-            />E.宸紓鎬�
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="E" id="4"
+              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />E.宸紓鎬�
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="F"
-              id="4"
-              v-model="questionData.projectOne.four.value"
-              @change="setBookQuestion"
-            />F.鎿嶄綔鎬�
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="F" id="4"
+              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />F.鎿嶄綔鎬�
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="G"
-              id="4"
-              v-model="questionData.projectOne.four.value"
-              @change="setBookQuestion"
-            />G.鏃朵唬鎬�
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="G" id="4"
+              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />G.鏃朵唬鎬�
           </p>
           <p>
             5.绀间华鐨勬湰璐ㄦ槸鈥滃皧閲嶁�濓紝灏婂繁涓斿皧浠栥�傛湁鍏崇ぜ鏁粬浜虹殑鍘熷垯璇存硶姝g‘鐨勬槸锛堛��銆�锛夈�傦紙澶氶�夐锛�
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="5"
-              v-model="questionData.projectOne.five.value"
-              @change="setBookQuestion"
-            />
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="5"
+              v-model="questionData.projectOne.five.value" @change="setBookQuestion" />
             A.绀兼暚浠栦汉鏄寚鍦ㄧぞ浜ゆ椿鍔ㄤ腑锛屼氦寰�瀵硅薄涔嬮棿鐩镐簰灏婃暚銆佽唉璁╋紝鍙嬪ソ鐩稿緟锛屽拰鐫﹀叡澶�
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="5"
-              v-model="questionData.projectOne.five.value"
-              @change="setBookQuestion"
-            />
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="5"
+              v-model="questionData.projectOne.five.value" @change="setBookQuestion" />
             B.绀兼暚浠栦汉鏄皧閲嶄氦寰�瀵硅薄鐨勪汉鏍硷紝灏婇噸浜ゅ線瀵硅薄鐨勬劅鎯呫�佸枩濂姐�佷範淇楋紝灏婇噸浜ゅ線瀵硅薄鐨勫姵鍔紝灏嗗浜ゅ線瀵硅薄鐨勯噸瑙嗐�佹伃鏁�佸弸濂芥斁鍦ㄩ浣�
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="5"
-              v-model="questionData.projectOne.five.value"
-              @change="setBookQuestion"
-            />
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="5"
+              v-model="questionData.projectOne.five.value" @change="setBookQuestion" />
             C.绀兼暚浠栦汉涓昏鏄垎鍦哄悎鍜屽璞★紝鏍规嵁鍏蜂綋鐨勫満鍚堝拰瀵硅薄閫夋嫨鏄惁缁欎簣瀵规柟灏婇噸
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="5"
-              v-model="questionData.projectOne.five.value"
-              @change="setBookQuestion"
-            />D.绀兼暚浠栦汉鏄笌浠栦汉寤虹珛鍜岃皭鐨勪汉闄呭叧绯荤殑鍩虹煶
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="5"
+              v-model="questionData.projectOne.five.value" @change="setBookQuestion" />D.绀兼暚浠栦汉鏄笌浠栦汉寤虹珛鍜岃皭鐨勪汉闄呭叧绯荤殑鍩虹煶
           </p>
         </div>
       </div>
@@ -930,7 +700,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡涓�</li>
           <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
-          <li class="header-right-Number pNum">13</li>
+          <li class="p-Num">13</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -946,9 +716,7 @@
           </div>
           <div class="bk">
             <p class="bj1-qjms fl al-c">
-              <span class="span-box"></span
-              ><span class="span-text">椤圭洰鎻忚堪</span
-              ><span class="span-box"></span>
+              <span class="span-box"></span><span class="span-text">椤圭洰鎻忚堪</span><span class="span-box"></span>
             </p>
             <p class="fz-15">
               浜嗚В浜嗙ぜ浠鏈嶅姟鐨勯噸瑕佹�у悗锛屾潕涓藉鎻愬崌姘戣埅鏈嶅姟璐ㄩ噺鏈変簡鏂扮殑璁よ瘑銆備絾鑰佸笀鍙堣锛屽崟绾湴閬靛畧瑙勭珷銆佹満姊板湴浣跨敤鏈嶅姟鎶�鑳藉拰鏈嶅姟鎶�宸э紝鏃犳硶浠庣湡姝f剰涔変笂璧板嚭鈥滄ā寮忓寲鏈嶅姟鈥濈殑璇尯锛屼笉鍙兘鎻愪緵涓�у寲鐨勪紭璐ㄦ湇鍔°�傝埅鍙镐汉鍔涜祫婧愰儴缁忕悊涔熷憡璇夊悓瀛︿滑锛屽彧鏈変簡瑙f皯鑸湇鍔$殑鐜扮姸锛屾墠鑳界湡姝f爲绔嬩富鍔ㄦ湇鍔$殑鎰忚瘑銆傝瀛︿範鑰呴�氳繃鏈」鐩殑瀛︿範锛屼簡瑙f皯鑸湇鍔$殑鍚箟鍙婃湰璐紝浜嗚В姘戣埅鏈嶅姟鐨勭幇鐘跺強鏈嶅姟璐ㄩ噺闂浜х敓鐨勫師鍥狅紝鎺屾彙姘戣埅鏈嶅姟涓爲绔嬩富鍔ㄦ湇鍔℃剰璇嗙殑閲嶈鎬э紝浠庤�屾彁鍗囨湇鍔℃剰璇嗭紝鎻愪緵娓╅Θ銆佹俯鎯呫�佺敤蹇冪殑鏈嶅姟銆�
@@ -956,9 +724,7 @@
           </div>
           <div class="bk">
             <p class="bj1-qjms fl al-c">
-              <span class="span-box"></span
-              ><span class="span-text">绀煎湪韬竟</span
-              ><span class="span-box"></span>
+              <span class="span-box"></span><span class="span-text">绀煎湪韬竟</span><span class="span-box"></span>
             </p>
             <p class="center"><span class="cs1">鏇惧瓙閬垮腑</span></p>
             <p class="fz-15">
@@ -972,41 +738,24 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
               <p>1.妗堜緥涓繖鍚嶆梾瀹负浠�涔堜細鎴愪负杩欏鑸┖鍏徃鐨勫繝瀹為【瀹紵</p>
-              <textarea
-                v-model="questionData.askAbout.thirteen"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-16 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.thirteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+                @change="setBookQuestion"></textarea>
               <p>2.姝ゆ渚嬭鏄庝簡姘戣埅鏈嶅姟浠庝笟浜哄憳闇�瑕佸叿澶囦粈涔堟牱鐨勭礌璐紵</p>
-              <textarea
-                v-model="questionData.askAbout.fourteen"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-16 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.fourteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+                @change="setBookQuestion"></textarea>
               <p>3.杩欎釜妗堜緥瀵逛簬浣犵悊瑙f皯鑸湇鍔$殑鍚箟鏈変粈涔堝惎绀猴紵</p>
-              <textarea
-                v-model="questionData.askAbout.fifteen"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-16 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.fifteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h3 id="c005">
-            <span class="h3-zt1">浠诲姟1</span
-            ><span class="h3-bk">鐞嗚В姘戣埅鏈嶅姟鐨勫唴娑靛強鐗瑰緛</span>
+            <span class="h3-zt1">浠诲姟1</span><span class="h3-bk">鐞嗚В姘戣埅鏈嶅姟鐨勫唴娑靛強鐗瑰緛</span>
           </h3>
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.鐞嗚В姘戣埅鏈嶅姟鐨勫惈涔夈��</p>
@@ -1021,11 +770,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">14</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -1065,7 +810,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡涓�</li>
           <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
-          <li class="header-right-Number pNum">15</li>
+          <li class="p-Num">15</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -1076,36 +821,20 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
               <p>1.杩欏悕涔樺姟鍛樼殑鍝簺琛屼负璁╃帇鍏堢敓鎰熷埌璐村績锛�</p>
-              <textarea
-                v-model="questionData.askAbout.sixteen"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-16 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.sixteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+                @change="setBookQuestion"></textarea>
               <p>2.浣犺寰楁槸浠�涔堣涔樺姟鍛樺仛鍑轰簡杩欎簺璐村績鐨勪簨鎯咃紵</p>
-              <textarea
-                v-model="questionData.askAbout.seventeen"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-16 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.seventeen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
               <p>3.浠庤妗堜緥鍑哄彂锛屼綘鎬庝箞鐞嗚В姘戣埅鏈嶅姟鐨勬湰璐紵</p>
-              <textarea
-                v-model="questionData.askAbout.eighteen"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-16 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.eighteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -1147,11 +876,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">16</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -1187,20 +912,14 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
               <p>姘戣埅鏈嶅姟鐨勫摢浜涙湇鍔¤閭濆﹩濠嗘劅鍙楀埌浜嗘俯棣ㄥ拰婊℃剰锛�</p>
-              <textarea
-                v-model="questionData.askAbout.nineteen"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-16 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.nineteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
         </div>
@@ -1212,7 +931,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡涓�</li>
           <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
-          <li class="header-right-Number pNum">17</li>
+          <li class="p-Num">17</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -1221,8 +940,7 @@
         </ul>
         <div class="bodystyle">
           <h3 id="c006">
-            <span class="h3-zt1">浠诲姟2</span
-            ><span class="h3-bk">鐞嗚В姘戣埅鏈嶅姟鐨勭幇鐘�</span>
+            <span class="h3-zt1">浠诲姟2</span><span class="h3-bk">鐞嗚В姘戣埅鏈嶅姟鐨勭幇鐘�</span>
           </h3>
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.浜嗚В姘戣埅鏈嶅姟鐨勭幇鐘跺強鏈嶅姟璐ㄩ噺闂浜х敓鐨勫師鍥犮��</p>
@@ -1237,22 +955,16 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
               <p>
                 璇峰ぇ瀹惰璁轰竴涓嬶細浠�涔堟墠鏄彁鍗囨湇鍔℃弧鎰忓害鐨勬硶瀹濆憿锛熸皯鑸湇鍔″嚭鐜拌川閲忛棶棰樼殑鍘熷洜绌剁珶鏄粈涔堬紵
               </p>
-              <textarea
-                v-model="questionData.askAbout.twenty"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-16 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.twenty" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h4 id="d021">浜屻�佹皯鑸湇鍔¤川閲忛棶棰樺垎鏋�</h4>
@@ -1263,20 +975,14 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
               <p>鍦ㄥ伐浣滀腑鍏锋湁杈冨己鐨勮嚜鎴戞剰璇嗕綋鐜板湪鍝噷锛熶細甯︽潵浠�涔堝奖鍝嶅憿锛�</p>
-              <textarea
-                v-model="questionData.askAbout.twentyOne"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-16 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.twentyOne" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
         </div>
@@ -1288,11 +994,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">18</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -1318,22 +1020,16 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
               <p>
                 缇婄兢鑳藉湪瀵掑喎鐨勫啲澶╅『鍒╃敓瀛樼殑鍘熷洜鏄粈涔堬紵缁撳悎鐢熸椿瀹為檯锛岃皥璋堜綘瀵瑰嵄鏈烘剰璇嗙殑鐞嗚В銆�
               </p>
-              <textarea
-                v-model="questionData.askAbout.twentyTwo"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-16 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.twentyTwo" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -1348,7 +1044,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡涓�</li>
           <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
-          <li class="header-right-Number pNum">19</li>
+          <li class="p-Num">19</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -1359,20 +1055,14 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
               <p>姘戣埅浼佷笟鍦ㄥ彂灞曚腑闈复鐫�鍝簺绔炰簤涓庡嵄鏈猴紵</p>
-              <textarea
-                v-model="questionData.askAbout.twentyThree"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-16 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.twentyThree" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h5 id="e011">锛堝洓锛夊煿璁彁鍗囨湁寰呭姞寮�</h5>
@@ -1382,30 +1072,23 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
               <p>
                 缁撳悎姘戣埅涓氱殑鍙戝睍鐜扮姸锛屼綘璁や负姘戣埅涓氬簲璇ヤ晶閲嶅煿璁憳宸ュ摢浜涙柟闈紵
               </p>
-              <textarea
-                v-model="questionData.askAbout.twentyFour"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-16 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.twentyFour" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
             涓�浜涙皯鑸紒涓氬拰鍛樺伐鐨勬湇鍔℃剰璇嗘贰钖勶紝缂轰箯鏈嶅姟璐d换蹇冿紝杩欐牱寰堥毦鏈夋晥鎻愬崌姘戣埅鏈嶅姟鐨勬暣浣撴按骞炽�傚姞寮烘皯鑸湇鍔′汉鍛樷�滀互鏃呭涓轰腑蹇冣�濈殑鏈嶅姟鐞嗗康锛屽舰鎴愭満鍦哄洿缁曢鏈鸿浆銆侀鏈哄洿缁曞競鍦鸿浆銆佸競鍦哄洿缁曟梾瀹㈣浆鐨勮壇鎬у惊鐜ā寮忥紝鏄笉鏂彁鍗囨皯鑸湇鍔¤川閲忕殑鍩虹銆�
           </p>
           <h3 id="c007">
-            <span class="h3-zt1">浠诲姟3</span
-            ><span class="h3-bk">鐞嗚В涓诲姩鏈嶅姟鐨勯噸瑕佹��</span>
+            <span class="h3-zt1">浠诲姟3</span><span class="h3-bk">鐞嗚В涓诲姩鏈嶅姟鐨勯噸瑕佹��</span>
           </h3>
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.浜嗚В涓诲姩鏈嶅姟鐨勫唴娑点��</p>
@@ -1424,11 +1107,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">20 </span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -1452,30 +1131,19 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
               <p>1.妗堜緥涓殑姹や箻鍔¢暱涓轰簡缁欏瀛愰檷娓╁仛浜嗗摢浜涗簨鎯呭憿锛�</p>
-              <textarea
-                v-model="questionData.askAbout.twentyFive"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-16 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.twentyFive" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
               <p>
                 2.鏄粈涔堟牱鐨勫姩鍔涜姹や箻鍔¢暱鑳藉鍧氭寔韫插湪瀛╁瓙闈㈠墠鍗佸嚑鍒嗛挓鍋氬尰鐤楁晳娌诲憿锛�
               </p>
-              <textarea
-                v-model="questionData.askAbout.twentySix"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-16 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.twentySix" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h4 id="d023">浜屻�佸姘戣埅鏈嶅姟鎰忚瘑鐨勮姹�</h4>
@@ -1497,7 +1165,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡涓�</li>
           <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
-          <li class="header-right-Number pNum">21</li>
+          <li class="p-Num">21</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -1542,11 +1210,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">22</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -1556,30 +1220,19 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
               <p>
                 1.杩欎釜妗堜緥涓紝鍝簺琛屼负灞炰簬鑸┖鏈嶅姟浜哄憳鎻愪緵鐨勫伐浣滆亴璐h瀹氫互澶栫殑鏈嶅姟锛�
               </p>
-              <textarea
-                v-model="questionData.askAbout.twentySeven"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-16 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.twentySeven" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
               <p>2.妗堜緥涓皬鏉庢槸鎬庢牱涓诲姩鎻愪緵鏈嶅姟鐨勶紵</p>
-              <textarea
-                v-model="questionData.askAbout.twentyEight"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-16 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.twentyEight" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -1602,22 +1255,16 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
               <p>
                 鍦ㄦ皯鑸湇鍔′腑锛屽浣曟墠鑳戒骇鐢熲�滄湡寰呮晥搴斺�濓紵浣犲彲浠ヤ粠鍝簺鏂归潰鍩瑰吇鑷繁鐨勮亴涓氭剰璇嗗憿锛�
               </p>
-              <textarea
-                v-model="questionData.askAbout.twentyNine"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-16 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.twentyNine" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
         </div>
@@ -1629,7 +1276,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡涓�</li>
           <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
-          <li class="header-right-Number pNum">23</li>
+          <li class="p-Num">23</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -1669,11 +1316,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">24</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -1682,9 +1325,7 @@
         <div class="bodystyle">
           <p class="td-0 mb-10 mt-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
           <p class="center">
-            <span class="cs1"
-              >鈥滆繖寮犵収鐗囧浜庢垜鏉ヨ澶弽璐典簡锛佽阿璋紝璋㈣阿浣狅紝濮戝鈥�</span
-            >
+            <span class="cs1">鈥滆繖寮犵収鐗囧浜庢垜鏉ヨ澶弽璐典簡锛佽阿璋紝璋㈣阿浣狅紝濮戝鈥�</span>
           </p>
           <p class="block">
             褰撲唬琛ㄦ案鎭掔埍鎯呯殑鐜懓鑺辩粡鐢变箙缁忓瞾鏈堟钵妗戠殑鍙屾墜閫掑埌瀵归潰閭e弻鎵嬩笂鏃讹紝涓�鐢熸寶鐖辩殑涓や綅鑰佷汉绱х揣鐩告嫢锛屼竾绫抽珮绌轰笂鐨勬墍鏈変汉鍏卞悓瑙佽瘉浜嗚繖鍦烘劅浜虹殑鐖辨儏鏁呬簨銆�
@@ -1695,28 +1336,17 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
               <p>1.涔樺姟闀垮惔鏌愬鑰佺埛鐖锋彁渚涗簡浠�涔堜环鍊肩殑鏈嶅姟锛�</p>
-              <textarea
-                v-model="questionData.askAbout.thirty"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-16 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.thirty" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+                @change="setBookQuestion"></textarea>
               <p>2.璇诲畬妗堜緥浣犳湁浣曟劅鎮燂紵瀵逛箻鍔″憳杩欎竴宸ヤ綔澶氫簡鍝簺璁よ瘑锛�</p>
-              <textarea
-                v-model="questionData.askAbout.thirtyOne"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-16 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.thirtyOne" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -1725,20 +1355,14 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
               <p>鎬庢牱鐞嗚В姘戣埅鏈嶅姟杩囩▼涓殑鐪煎埌銆佸彛鍒般�佸績鍒帮紵</p>
-              <textarea
-                v-model="questionData.askAbout.thirtyTwo"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-16 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.thirtyTwo" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <div class="bk4">
@@ -1758,7 +1382,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡涓�</li>
           <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
-          <li class="header-right-Number pNum">25</li>
+          <li class="p-Num">25</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -1908,15 +1532,8 @@
             4.鏈嶅姟鎰忚瘑涔熸槸鈥滃埄浠栤�濈殑鎰忚瘑锛屾彁楂樻湇鍔℃剰璇嗗彲浠ヤ粠鎻愰珮鈥滃埄浠栤�濇剰璇嗗叆鎵嬨�傚叿浣撲綋鐜板湪浠ヤ笅鍑犱釜鏂归潰锛燂紙銆�銆�锛夛紙澶氶�夐锛�
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="4"
-              v-model="questionData.projectTwo.four.value"
-              @change="setBookQuestion"
-            />A.鍏呭垎鐞嗚В鏃呭鐨勮繃閿�
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="4"
+              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />A.鍏呭垎鐞嗚В鏃呭鐨勮繃閿�
           </p>
           <p>
             <input
@@ -1952,21 +1569,11 @@
             />D.鍏呭垎鐞嗚В涓嶅悓鏃呭
           </p>
           <p>5.璇风畝瑕佽鍑烘皯鑸湇鍔$殑琛屼笟鐗瑰緛銆�</p>
-          <textarea
-            v-model="questionData.projectTwo.five.value"
-            placeholder="璇疯緭鍏ュ唴瀹�"
-            rows="4"
-            class="fz-16 textarea-box"
-            @change="setBookQuestion"
-          ></textarea>
+          <textarea v-model="questionData.projectTwo.five.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+            @change="setBookQuestion"></textarea>
           <p>6.璇锋牴鎹墍瀛︾煡璇嗗垎鏋愭皯鑸湇鍔$殑鐜扮姸鍙婃湇鍔¤川閲忛棶棰樹骇鐢熺殑鍘熷洜銆�</p>
-          <textarea
-            v-model="questionData.projectTwo.six.value"
-            placeholder="璇疯緭鍏ュ唴瀹�"
-            rows="4"
-            class="fz-16 textarea-box"
-            @change="setBookQuestion"
-          ></textarea>
+          <textarea v-model="questionData.projectTwo.six.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+            @change="setBookQuestion"></textarea>
         </div>
       </div>
     </div>
@@ -1976,11 +1583,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">26</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -1995,9 +1598,7 @@
           </div>
           <div class="bk">
             <p class="bj1-qjms fl al-c">
-              <span class="span-box"></span
-              ><span class="span-text">椤圭洰鎻忚堪</span
-              ><span class="span-box"></span>
+              <span class="span-box"></span><span class="span-text">椤圭洰鎻忚堪</span><span class="span-box"></span>
             </p>
             <p class="fz-15">
               鏉庝附鍜屽悓瀛︿滑鍧氬畾浜嗗仛濂芥皯鑸湇鍔″伐浣滅殑鍐冲績锛屼篃鏍戠珛浜嗘垚涓轰竴鍚嶄紭绉�姘戣埅鍛樺伐鐨勭悊鎯炽�傞殢鐫�姘戣埅浜嬩笟鐨勪笉鏂彂灞曪紝闈㈠鏃呭瓒婃潵瓒婇珮鐨勬湇鍔¤姹傦紝姘戣埅鍛樺伐闇�瑕佺敤鑷繁鐏垫椿澶氬彉鐨勮兘鍔涘拰鎶�宸ф潵鏈嶅姟鏃呭銆傞偅涔堢┒绔熼渶瑕佸叿澶囧摢浜涜兘鍔涘憿锛熻瀛︿範鑰呴�氳繃鏈」鐩殑瀛︿範锛屼簡瑙f皯鑸憳宸ョ殑姒傚康锛屼簡瑙f皯鑸憳宸ョ殑宀椾綅鑱岃矗锛屾帉鎻℃皯鑸憳宸ュ簲鍏峰鐨勯�氱敤鑳藉姏锛屼粠鑰岃兘澶熷湪瀹為檯宸ヤ綔涓伒娲诲鍙橈紝杩愮敤鍚勯」鑳藉姏瑙e喅瀹為檯闂銆�
@@ -2005,9 +1606,7 @@
           </div>
           <div class="bk">
             <p class="bj1-qjms fl al-c">
-              <span class="span-box"></span
-              ><span class="span-text">绀煎湪韬竟</span
-              ><span class="span-box"></span>
+              <span class="span-box"></span><span class="span-text">绀煎湪韬竟</span><span class="span-box"></span>
             </p>
             <p class="center"><span class="cs1">缁嗚吇鐨勫績锛岃创蹇冪殑鏈嶅姟</span></p>
             <p>
@@ -2026,28 +1625,17 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
               <p>1.姝ゆ渚嬩腑灏忔潕鍏峰鍝簺鑱屼笟绱犲吇鑳藉姏锛�</p>
-              <textarea
-                v-model="questionData.askAbout.thirtyThree"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-16 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.thirtyThree" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
               <p>2.妗堜緥涓殑鏃呭涓轰綍浼氭劅璋㈠皬鏉庯紵</p>
-              <textarea
-                v-model="questionData.askAbout.thirtyFour"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-16 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.thirtyFour" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
         </div>
@@ -2059,7 +1647,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡涓�</li>
           <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
-          <li class="header-right-Number pNum">27</li>
+          <li class="p-Num">27</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -2068,8 +1656,7 @@
         </ul>
         <div class="bodystyle">
           <h3 id="c008">
-            <span class="h3-zt1">浠诲姟1</span
-            ><span class="h3-bk">姘戣埅鍛樺伐宸ヤ綔鑱岃矗璁ょ煡</span>
+            <span class="h3-zt1">浠诲姟1</span><span class="h3-bk">姘戣埅鍛樺伐宸ヤ綔鑱岃矗璁ょ煡</span>
           </h3>
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.浜嗚В姘戠敤鑸┖浜哄憳鐨勬蹇点��</p>
@@ -2107,11 +1694,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">28</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -2161,7 +1744,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡涓�</li>
           <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
-          <li class="header-right-Number pNum">29</li>
+          <li class="p-Num">29</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -2202,11 +1785,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">30</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -2254,7 +1833,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡涓�</li>
           <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
-          <li class="header-right-Number pNum">31</li>
+          <li class="p-Num">31</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -2295,20 +1874,14 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
               <p>浣滀负涓�鍚嶆皯鑸湇鍔′汉鍛橈紝搴旇鍏峰鍝簺绱犲吇鑳藉姏鍛紵</p>
-              <textarea
-                v-model="questionData.askAbout.thirtyFive"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-16 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.thirtyFive" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
         </div>
@@ -2320,11 +1893,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">32</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -2332,8 +1901,7 @@
         </ul>
         <div class="bodystyle">
           <h3 id="c009">
-            <span class="h3-zt1">浠诲姟2</span
-            ><span class="h3-bk">姘戣埅鍛樺伐鍩烘湰鑳藉姏璁ょ煡</span>
+            <span class="h3-zt1">浠诲姟2</span><span class="h3-bk">姘戣埅鍛樺伐鍩烘湰鑳藉姏璁ょ煡</span>
           </h3>
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.浜嗚В姘戠敤鑸┖浜哄憳搴斿叿澶囩殑閫氱敤鑳藉姏銆�</p>
@@ -2355,28 +1923,17 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
               <p>1.鏂板姞鍧¤埅绌轰负浠�涔堣鎶婂井绗戜綔涓洪噸瑕佺殑閫夋嫈鏍囧噯锛�</p>
-              <textarea
-                v-model="questionData.askAbout.twentySix"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-16 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.twentySix" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
               <p>2.鍦ㄧ敓娲讳腑淇濇寔寰瑧瀵逛綘鏈変粈涔堢泭澶勶紵</p>
-              <textarea
-                v-model="questionData.askAbout.thirtySeven"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-16 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.thirtySeven" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -2391,7 +1948,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡涓�</li>
           <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
-          <li class="header-right-Number pNum">33</li>
+          <li class="p-Num">33</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -2430,11 +1987,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">34</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -2444,28 +1997,17 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
               <p>1.姝ゆ渚嬩綋鐜颁簡涔樺姟鍛樼殑浠�涔堢礌鍏昏兘鍔涳紵</p>
-              <textarea
-                v-model="questionData.askAbout.thirtyEight"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-16 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.thirtyEight" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
               <p>2.浣挎梾瀹㈠皬鍛ㄦ劅鍔ㄧ殑鍘熷洜鏄粈涔堬紵浠庢渚嬩腑浣犲鍒颁簡浠�涔堬紵</p>
-              <textarea
-                v-model="questionData.askAbout.thirtyNine"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-16 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.thirtyNine" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -2495,7 +2037,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡涓�</li>
           <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
-          <li class="header-right-Number pNum">35</li>
+          <li class="p-Num">35</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -2509,30 +2051,19 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
               <p>
                 1.闄や簡鍩虹鐨勬湇鍔℃祦绋嬶紝鎯宠鏃呭鏈夋洿鑸掑績鐨勬湇鍔′綋楠岃繕闇�瑕佺┖涔樹汉鍛樺叿鏈変粈涔堣兘鍔涳紵
               </p>
-              <textarea
-                v-model="questionData.askAbout.forty"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-16 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.forty" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+                @change="setBookQuestion"></textarea>
               <p>2.璇ユ渚嬬粰浣犱粈涔堟牱鐨勫惎绀猴紵</p>
-              <textarea
-                v-model="questionData.askAbout.fortyOne"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-16 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.fortyOne" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -2556,11 +2087,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">36</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -2579,22 +2106,16 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
               <p>
                 鎮ㄤ粠姝や簨渚嬩腑鐪嬪埌灏忓惔鐨勪粈涔堣亴涓氱礌鍏昏兘鍔涳紵缁欐偍甯︽潵浜嗕粈涔堝惎鍙戯紵
               </p>
-              <textarea
-                v-model="questionData.askAbout.fortyTwo"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-16 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.fortyTwo" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -2617,7 +2138,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡涓�</li>
           <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
-          <li class="header-right-Number pNum">37</li>
+          <li class="p-Num">37</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -2636,28 +2157,17 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
               <p>1.璇ユ渚嬩腑鍝簺鍦版柟鐨勬矡閫氳繕闇�鏀硅繘锛�</p>
-              <textarea
-                v-model="questionData.askAbout.fortyThree"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-16 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.fortyThree" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
               <p>2.缁撳悎褰撴椂鐨勬儏鍐碉紝浣犺寰楀簲璇ユ�庢牱杩涜鏈夋晥鐨勬矡閫氾紵</p>
-              <textarea
-                v-model="questionData.askAbout.fortyFour"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-16 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.fortyFour" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -2686,11 +2196,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">38</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -2727,7 +2233,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡涓�</li>
           <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
-          <li class="header-right-Number pNum">39</li>
+          <li class="p-Num">39</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -2741,30 +2247,19 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
               <p>1.鍒樹紶寤烘満闀垮湪澶勭疆璇ヤ簨浠朵腑锛屽睍鐜颁簡浠栫殑鍝簺鑳藉姏锛�</p>
-              <textarea
-                v-model="questionData.askAbout.fortyFive"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-16 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.fortyFive" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
               <p>
                 2.濡傛灉浣犳槸璇ヨ埅鐝殑涓�鍚嶄箻鍔″憳锛屽湪骞虫椂鐨勫煿璁腑浣犻渶瑕佺Н绱摢浜涙柟闈㈢殑绱犲吇鏉ュ畬鍠勮嚜宸卞鐞嗙揣鎬ユ儏鍐电殑鑳藉姏鍛紵
               </p>
-              <textarea
-                v-model="questionData.askAbout.fortySix"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-16 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.fortySix" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -2772,40 +2267,20 @@
           </p>
           <div class="video-box">
             <p class="center text td-0">
-              <video
-                :src="videoPathOne"
-                webkit-playsinline="true"
-                x-webkit-airplay="true"
-                playsinline="true"
-                x5-video-orientation="h5"
-                x5-video-player-fullscreen="true"
-                x5-playsinline=""
-                controls
-                controlslist="nodownload"
-                class="w100 video"
-                style="border-radius: 10px"
-              ></video>
+              <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
             </p>
             <p class="center videoname">
               <span>瑙嗛锛氬窛鑸揣鎬ユ挙绂�</span>
-              <el-tooltip
-                class="item"
-                effect="dark"
-                :content="chapterData.isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
-                placement="top-start"
-              >
-                <img
-                  :src="
-                    collectResourceList.findIndex(
-                      (item) => item.id == '4f0afd466e16bde40a447ff467452181'
-                    ) > -1
-                      ? collectCheck
-                      : collectImg
-                  "
-                  alt=""
-                  class="collect-btn"
-                  @click="handleCollect('video-01')"
-                />
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '4f0afd466e16bde40a447ff467452181'
+                ) > -1
+                    ? collectCheck
+                    : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-01')" />
               </el-tooltip>
             </p>
           </div>
@@ -2828,11 +2303,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">40</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -2868,7 +2339,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡涓�</li>
           <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
-          <li class="header-right-Number pNum">41</li>
+          <li class="p-Num">41</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -2885,8 +2356,7 @@
             鍏ㄧ編鑸┖1549鑸彮涓ゅ彴鍙戝姩鏈鸿楦熷嚮浠ュ悗锛屽湪瀹屽叏澶卞幓鍔ㄥ姏鐨勬儏鍐典笅椋炶鍛橀潬椋橀檷鎴愬姛杩檷鑷冲搱寰烽�婃渤闈笂锛�155浜哄叏閮ㄧ敓杩樸�傝繖铏界劧璇佹槑浜嗘満闀挎嫢鏈夌簿婀涢┚椹舵妧鏈紝浣嗕笉鍙惁璁ょ殑鏄紝鍦ㄨ揩闄嶄互鍚庢満鑸卞唴鐨勭枏鏁e伐浣滃叏閮ㄦ槸鐢变箻鍔″憳缁勭粐瀹屾垚鐨勶紝浠栦滑浠ユ瀬鍏朵笓涓氱殑绱犲吇涓庡洟闃熺簿绁烇紝灏嗗叏閮ㄦ梾瀹㈠畨鍏ㄧ枏鏁c�傚綋鏃惰埍鍐呭叡鏈変笁鍚嶄箻鍔″憳锛屼袱鍚嶄箻鍔″憳鍦ㄥ鑸卞墠閮ㄨ繀閫熷紩瀵兼梾瀹㈡挙绂伙紝涓�鍚嶅湪瀹㈣埍灏鹃儴鍔姏寮曞鏃呭鍚戞満鑸卞墠閮ㄨ繍鍔紙鍥犱负椋炴満灏鹃儴鍦ㄦ按涓悆姘村緢娣憋紝瑕佹槸浠讳綍涓�涓悗闂ㄨ鎵撳紑锛屾渤姘翠細寰堝揩杩涘叆鑸卞唴锛岄鏈哄彲鑳戒笉浼氭紓娴偅涔堥暱鏃堕棿锛夈�傚湪涓夊悕涔樺姟鍛橀粯濂戠殑閰嶅悎涓嬶紝155鍚嶆梾瀹㈠叏閮ㄧ敓杩橈紝鑰屼笖娌℃湁閬彈閲嶅ぇ浼ゅ銆�
           </p>
           <h3 id="c010">
-            <span class="h3-zt1">浠诲姟3</span
-            ><span class="h3-bk">姘戣埅鍛樺伐鍩烘湰鑳藉姏瀹炶</span>
+            <span class="h3-zt1">浠诲姟3</span><span class="h3-bk">姘戣埅鍛樺伐鍩烘湰鑳藉姏瀹炶</span>
           </h3>
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.閫氳繃璁粌鍩瑰吇浜插拰鍔涖��</p>
@@ -2910,11 +2380,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">42</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -3264,7 +2730,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡涓�</li>
           <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
-          <li class="header-right-Number pNum">43</li>
+          <li class="p-Num">43</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -3467,11 +2933,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">44</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -3837,7 +3299,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡涓�</li>
           <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
-          <li class="header-right-Number pNum">45</li>
+          <li class="p-Num">45</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -3860,184 +3322,74 @@
             1.浣滀负涓�鍚嶆皯鐢ㄨ埅绌轰汉鍛橈紝搴斿叿澶囧摢浜涘熀鏈兘鍔涘憿锛燂紙銆�銆�锛夛紙澶氶�夐锛�
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="ball1"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="1"
-              v-model="questionData.projectThree.one.value"
-              @change="setBookQuestion"
-            />A.鑹ソ鐨勪翰鍜岃兘鍔�
+            <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="A" id="1"
+              v-model="questionData.projectThree.one.value" @change="setBookQuestion" />A.鑹ソ鐨勪翰鍜岃兘鍔�
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="ball1"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="1"
-              v-model="questionData.projectThree.one.value"
-              @change="setBookQuestion"
-            />B.缁嗗井鐨勮瀵熻兘鍔�
+            <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="B" id="1"
+              v-model="questionData.projectThree.one.value" @change="setBookQuestion" />B.缁嗗井鐨勮瀵熻兘鍔�
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="ball1"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="1"
-              v-model="questionData.projectThree.one.value"
-              @change="setBookQuestion"
-            />C.鏁忛攼鐨勬敞鎰忚兘鍔�
+            <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="C" id="1"
+              v-model="questionData.projectThree.one.value" @change="setBookQuestion" />C.鏁忛攼鐨勬敞鎰忚兘鍔�
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="ball1"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="1"
-              v-model="questionData.projectThree.one.value"
-              @change="setBookQuestion"
-            />D.涓诲姩鐨勫�惧惉鑳藉姏
+            <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="D" id="1"
+              v-model="questionData.projectThree.one.value" @change="setBookQuestion" />D.涓诲姩鐨勫�惧惉鑳藉姏
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="ball1"
-              :disabled="questionData.isComplete"
-              value="E"
-              id="1"
-              v-model="questionData.projectThree.one.value"
-              @change="setBookQuestion"
-            />E.鏈夋晥鐨勬矡閫氳兘鍔�
+            <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="E" id="1"
+              v-model="questionData.projectThree.one.value" @change="setBookQuestion" />E.鏈夋晥鐨勬矡閫氳兘鍔�
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="ball1"
-              :disabled="questionData.isComplete"
-              value="F"
-              id="1"
-              v-model="questionData.projectThree.one.value"
-              @change="setBookQuestion"
-            />F.搴旀�ュ鐞嗚兘鍔�
+            <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="F" id="1"
+              v-model="questionData.projectThree.one.value" @change="setBookQuestion" />F.搴旀�ュ鐞嗚兘鍔�
           </p>
           <p>
             2.姘戠敤鑸┖浜哄憳鍦ㄦ湇鍔¤繃绋嬩腑搴斾娇鐢ㄦ纭�傚綋鐨勭敤璇�備笅鍒楀摢浜涙湇鍔$敤璇槸蹇岃鐨勶紵锛堛��銆�锛夛紙澶氶�夐锛�
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="ball1"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="2"
-              v-model="questionData.projectThree.two.value"
-              @change="setBookQuestion"
-            />A.瀵规梾瀹娇鐢ㄤ笉鎭板綋鐨勭О鍛�
+            <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="A" id="2"
+              v-model="questionData.projectThree.two.value" @change="setBookQuestion" />A.瀵规梾瀹娇鐢ㄤ笉鎭板綋鐨勭О鍛�
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="ball1"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="2"
-              v-model="questionData.projectThree.two.value"
-              @change="setBookQuestion"
-            />B.瀵规梾瀹娇鐢ㄤ笉鑰愮儲銆佹帹鎵樸�佸喎婕犵殑璇彞
+            <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="B" id="2"
+              v-model="questionData.projectThree.two.value" @change="setBookQuestion" />B.瀵规梾瀹娇鐢ㄤ笉鑰愮儲銆佹帹鎵樸�佸喎婕犵殑璇彞
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="ball1"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="2"
-              v-model="questionData.projectThree.two.value"
-              @change="setBookQuestion"
-            />C.瀵规梾瀹㈡彁鍑虹殑闂鐑儏澶ф柟鍦板洖搴旓紝鍋氬埌鍙婃椂鏈夋晥鐨勬矡閫�
+            <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="C" id="2"
+              v-model="questionData.projectThree.two.value" @change="setBookQuestion" />C.瀵规梾瀹㈡彁鍑虹殑闂鐑儏澶ф柟鍦板洖搴旓紝鍋氬埌鍙婃椂鏈夋晥鐨勬矡閫�
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="ball1"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="2"
-              v-model="questionData.projectThree.two.value"
-              @change="setBookQuestion"
-            />D.瀵规梾瀹娇鐢ㄥ弽闂�佽矗闂�佽交瑙嗙殑璇彞
+            <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="D" id="2"
+              v-model="questionData.projectThree.two.value" @change="setBookQuestion" />D.瀵规梾瀹娇鐢ㄥ弽闂�佽矗闂�佽交瑙嗙殑璇彞
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="ball1"
-              :disabled="questionData.isComplete"
-              value="E"
-              id="2"
-              v-model="questionData.projectThree.two.value"
-              @change="setBookQuestion"
-            />E.瀵规梾瀹娇鐢ㄥ偓淇冨懡浠ゅ紡鐨勮鍙�
+            <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="E" id="2"
+              v-model="questionData.projectThree.two.value" @change="setBookQuestion" />E.瀵规梾瀹娇鐢ㄥ偓淇冨懡浠ゅ紡鐨勮鍙�
           </p>
           <p>
             3.浣滀负涓�鍚嶆皯鐢ㄨ埅绌轰汉鍛橈紝褰撻潰瀵圭獊鍙戞儏鍐垫椂搴旀矇鐫�鍐烽潤锛屽悓鏃朵篃璇ュ叿澶囧摢浜涘熀鏈礌鍏昏兘鍔涘憿锛燂紙銆�銆�锛夛紙澶氶�夐锛�
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="ball1"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="3"
-              v-model="questionData.projectThree.three.value"
-              @change="setBookQuestion"
-            />A.蹇冪悊绱犺川
+            <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="A" id="3"
+              v-model="questionData.projectThree.three.value" @change="setBookQuestion" />A.蹇冪悊绱犺川
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="ball1"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="3"
-              v-model="questionData.projectThree.three.value"
-              @change="setBookQuestion"
-            />B.鍧氬疄鐨勪笓涓氱煡璇�
+            <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="B" id="3"
+              v-model="questionData.projectThree.three.value" @change="setBookQuestion" />B.鍧氬疄鐨勪笓涓氱煡璇�
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="ball1"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="3"
-              v-model="questionData.projectThree.three.value"
-              @change="setBookQuestion"
-            />C.缁勭粐鑳藉姏
+            <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="C" id="3"
+              v-model="questionData.projectThree.three.value" @change="setBookQuestion" />C.缁勭粐鑳藉姏
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="ball1"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="3"
-              v-model="questionData.projectThree.three.value"
-              @change="setBookQuestion"
-            />D.鍥㈤槦绮剧
+            <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="D" id="3"
+              v-model="questionData.projectThree.three.value" @change="setBookQuestion" />D.鍥㈤槦绮剧
           </p>
           <p>4.鏍规嵁鐩墠鎵�瀛︿笓涓氾紝璇峰垎鏋愯嚜宸卞簲璇ュ叿澶囧摢浜涚礌鍏昏兘鍔涖��</p>
-          <textarea
-            v-model="questionData.projectThree.four.value"
-            placeholder="璇疯緭鍏ュ唴瀹�"
-            rows="4"
-            class="fz-16 textarea-box"
-            @change="setBookQuestion"
-          ></textarea>
+          <textarea v-model="questionData.projectThree.four.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+            class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
         </div>
       </div>
     </div>
@@ -4219,7 +3571,6 @@
       
     };
   },
-
 
   async mounted() {
     const bookQuestion = localStorage.getItem(
diff --git a/src/books/aviationEtiquette/view/components/chapter003.vue b/src/books/aviationEtiquette/view/components/chapter003.vue
index 93fd90e..09ad8a3 100644
--- a/src/books/aviationEtiquette/view/components/chapter003.vue
+++ b/src/books/aviationEtiquette/view/components/chapter003.vue
@@ -96,7 +96,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡涓�</li>
           <li class="header-right-Number">姘戣埅娌熼�氱ぜ浠疄璁�</li>
-          <li class="header-right-Number pNum">91</li>
+          <li class="p-Num">91</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
@@ -179,7 +179,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡涓�</li>
           <li class="header-right-Number">姘戣埅娌熼�氱ぜ浠疄璁�</li>
-          <li class="header-right-Number pNum">93</li>
+          <li class="p-Num">93</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
@@ -303,7 +303,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡涓�</li>
           <li class="header-right-Number">姘戣埅娌熼�氱ぜ浠疄璁�</li>
-          <li class="header-right-Number pNum">95</li>
+          <li class="p-Num">95</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
@@ -418,7 +418,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡涓�</li>
           <li class="header-right-Number">姘戣埅娌熼�氱ぜ浠疄璁�</li>
-          <li class="header-right-Number pNum">97</li>
+          <li class="p-Num">97</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
@@ -780,7 +780,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡涓�</li>
           <li class="header-right-Number">姘戣埅娌熼�氱ぜ浠疄璁�</li>
-          <li class="header-right-Number pNum">99</li>
+          <li class="p-Num">99</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
@@ -1265,7 +1265,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡涓�</li>
           <li class="header-right-Number">姘戣埅娌熼�氱ぜ浠疄璁�</li>
-          <li class="header-right-Number pNum">101</li>
+          <li class="p-Num">101</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
@@ -1487,7 +1487,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡涓�</li>
           <li class="header-right-Number">姘戣埅娌熼�氱ぜ浠疄璁�</li>
-          <li class="header-right-Number pNum">103</li>
+          <li class="p-Num">103</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
@@ -1599,7 +1599,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡涓�</li>
           <li class="header-right-Number">姘戣埅娌熼�氱ぜ浠疄璁�</li>
-          <li class="header-right-Number pNum">105</li>
+          <li class="p-Num">105</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
@@ -1708,7 +1708,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡涓�</li>
           <li class="header-right-Number">姘戣埅娌熼�氱ぜ浠疄璁�</li>
-          <li class="header-right-Number pNum">107</li>
+          <li class="p-Num">107</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
@@ -1829,7 +1829,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡涓�</li>
           <li class="header-right-Number">姘戣埅娌熼�氱ぜ浠疄璁�</li>
-          <li class="header-right-Number pNum">109</li>
+          <li class="p-Num">109</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
@@ -1946,7 +1946,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡涓�</li>
           <li class="header-right-Number">姘戣埅娌熼�氱ぜ浠疄璁�</li>
-          <li class="header-right-Number pNum">111</li>
+          <li class="p-Num">111</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
diff --git a/src/books/aviationEtiquette/view/components/chapter004.vue b/src/books/aviationEtiquette/view/components/chapter004.vue
index 9b12791..b994cfd 100644
--- a/src/books/aviationEtiquette/view/components/chapter004.vue
+++ b/src/books/aviationEtiquette/view/components/chapter004.vue
@@ -82,7 +82,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡鍥�</li>
           <li class="header-right-Number">姘戣埅涓撲笟绀间华瀹炶</li>
-          <li class="header-right-Number pNum">113</li>
+          <li class="p-Num">113</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -195,7 +195,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡鍥�</li>
           <li class="header-right-Number">姘戣埅涓撲笟绀间华瀹炶</li>
-          <li class="header-right-Number pNum">115</li>
+          <li class="p-Num">115</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -304,7 +304,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡鍥�</li>
           <li class="header-right-Number">姘戣埅涓撲笟绀间华瀹炶</li>
-          <li class="header-right-Number pNum">117</li>
+          <li class="p-Num">117</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -409,7 +409,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡鍥�</li>
           <li class="header-right-Number">姘戣埅涓撲笟绀间华瀹炶</li>
-          <li class="header-right-Number pNum">119</li>
+          <li class="p-Num">119</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -588,7 +588,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡鍥�</li>
           <li class="header-right-Number">姘戣埅涓撲笟绀间华瀹炶</li>
-          <li class="header-right-Number pNum">121</li>
+          <li class="p-Num">121</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -719,7 +719,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡鍥�</li>
           <li class="header-right-Number">姘戣埅涓撲笟绀间华瀹炶</li>
-          <li class="header-right-Number pNum">123</li>
+          <li class="p-Num">123</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -831,7 +831,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡鍥�</li>
           <li class="header-right-Number">姘戣埅涓撲笟绀间华瀹炶</li>
-          <li class="header-right-Number pNum">125</li>
+          <li class="p-Num">125</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -953,7 +953,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡鍥�</li>
           <li class="header-right-Number">姘戣埅涓撲笟绀间华瀹炶</li>
-          <li class="header-right-Number pNum">127</li>
+          <li class="p-Num">127</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -1252,7 +1252,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡鍥�</li>
           <li class="header-right-Number">姘戣埅涓撲笟绀间华瀹炶</li>
-          <li class="header-right-Number pNum">129</li>
+          <li class="p-Num">129</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -1359,7 +1359,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡鍥�</li>
           <li class="header-right-Number">姘戣埅涓撲笟绀间华瀹炶</li>
-          <li class="header-right-Number pNum">131</li>
+          <li class="p-Num">131</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -1484,7 +1484,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡鍥�</li>
           <li class="header-right-Number">姘戣埅涓撲笟绀间华瀹炶</li>
-          <li class="header-right-Number pNum">133</li>
+          <li class="p-Num">133</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -1712,7 +1712,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡鍥�</li>
           <li class="header-right-Number">姘戣埅涓撲笟绀间华瀹炶</li>
-          <li class="header-right-Number pNum">135</li>
+          <li class="p-Num">135</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -1835,7 +1835,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡鍥�</li>
           <li class="header-right-Number">姘戣埅涓撲笟绀间华瀹炶</li>
-          <li class="header-right-Number pNum">137</li>
+          <li class="p-Num">137</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -1969,7 +1969,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡鍥�</li>
           <li class="header-right-Number">姘戣埅涓撲笟绀间华瀹炶</li>
-          <li class="header-right-Number pNum">139</li>
+          <li class="p-Num">139</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -2091,7 +2091,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡鍥�</li>
           <li class="header-right-Number">姘戣埅涓撲笟绀间华瀹炶</li>
-          <li class="header-right-Number pNum">141</li>
+          <li class="p-Num">141</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -2205,7 +2205,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡鍥�</li>
           <li class="header-right-Number">姘戣埅涓撲笟绀间华瀹炶</li>
-          <li class="header-right-Number pNum">143</li>
+          <li class="p-Num">143</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
@@ -2298,7 +2298,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡鍥�</li>
           <li class="header-right-Number">姘戣埅涓撲笟绀间华瀹炶</li>
-          <li class="header-right-Number pNum">145</li>
+          <li class="p-Num">145</li>
           <li class="header-right-Number cloud">
             <img class="" src="../../assets/images/yemei02.png" alt="" />
           </li>
diff --git a/src/books/aviationEtiquette/view/components/chapter005.vue b/src/books/aviationEtiquette/view/components/chapter005.vue
index 7741882..00b1c9f 100644
--- a/src/books/aviationEtiquette/view/components/chapter005.vue
+++ b/src/books/aviationEtiquette/view/components/chapter005.vue
@@ -106,7 +106,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">鎷撳睍妯″潡</li>
           <li class="header-right-Number">绀间华娲诲姩绛栧垝</li>
-          <li class="header-right-Number pNum">149</li>
+          <li class="p-Num">149</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
@@ -199,7 +199,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">鎷撳睍妯″潡</li>
           <li class="header-right-Number">绀间华娲诲姩绛栧垝</li>
-          <li class="header-right-Number pNum">151</li>
+          <li class="p-Num">151</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
@@ -317,7 +317,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">鎷撳睍妯″潡</li>
           <li class="header-right-Number">绀间华娲诲姩绛栧垝</li>
-          <li class="header-right-Number pNum">153</li>
+          <li class="p-Num">153</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
@@ -571,7 +571,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">鎷撳睍妯″潡</li>
           <li class="header-right-Number">绀间华娲诲姩绛栧垝</li>
-          <li class="header-right-Number pNum">155</li>
+          <li class="p-Num">155</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
@@ -657,7 +657,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">鎷撳睍妯″潡</li>
           <li class="header-right-Number">绀间华娲诲姩绛栧垝</li>
-          <li class="header-right-Number pNum">157</li>
+          <li class="p-Num">157</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
@@ -767,7 +767,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">鎷撳睍妯″潡</li>
           <li class="header-right-Number">绀间华娲诲姩绛栧垝</li>
-          <li class="header-right-Number pNum">159</li>
+          <li class="p-Num">159</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
@@ -848,7 +848,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">鎷撳睍妯″潡</li>
           <li class="header-right-Number">绀间华娲诲姩绛栧垝</li>
-          <li class="header-right-Number pNum">161</li>
+          <li class="p-Num">161</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
@@ -996,7 +996,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">鎷撳睍妯″潡</li>
           <li class="header-right-Number">绀间华娲诲姩绛栧垝</li>
-          <li class="header-right-Number pNum">163</li>
+          <li class="p-Num">163</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
diff --git a/src/books/aviationEtiquette/view/components/chpater002.vue b/src/books/aviationEtiquette/view/components/chpater002.vue
index 84282de..271ccfc 100644
--- a/src/books/aviationEtiquette/view/components/chpater002.vue
+++ b/src/books/aviationEtiquette/view/components/chpater002.vue
@@ -57,7 +57,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
-          <li class="header-right-Number pNum">47</li>
+          <li class="p-Num">47</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
@@ -141,7 +141,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
-          <li class="header-right-Number pNum">49</li>
+          <li class="p-Num">49</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
@@ -248,7 +248,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
-          <li class="header-right-Number pNum">51</li>
+          <li class="p-Num">51</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
@@ -341,7 +341,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
-          <li class="header-right-Number pNum">53</li>
+          <li class="p-Num">53</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
@@ -446,7 +446,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
-          <li class="header-right-Number pNum">55</li>
+          <li class="p-Num">55</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
@@ -552,7 +552,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
-          <li class="header-right-Number pNum">57</li>
+          <li class="p-Num">57</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
@@ -687,7 +687,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
-          <li class="header-right-Number pNum">59</li>
+          <li class="p-Num">59</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
@@ -888,7 +888,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
-          <li class="header-right-Number pNum">61</li>
+          <li class="p-Num">61</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
@@ -1001,7 +1001,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
-          <li class="header-right-Number pNum">63</li>
+          <li class="p-Num">63</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
@@ -1091,7 +1091,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
-          <li class="header-right-Number pNum">65</li>
+          <li class="p-Num">65</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
@@ -1220,7 +1220,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
-          <li class="header-right-Number pNum">67</li>
+          <li class="p-Num">67</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
@@ -1334,7 +1334,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
-          <li class="header-right-Number pNum">69</li>
+          <li class="p-Num">69</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
@@ -1474,7 +1474,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
-          <li class="header-right-Number pNum">71</li>
+          <li class="p-Num">71</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
@@ -1780,7 +1780,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
-          <li class="header-right-Number pNum">73</li>
+          <li class="p-Num">73</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
@@ -1876,7 +1876,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
-          <li class="header-right-Number pNum">75</li>
+          <li class="p-Num">75</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
@@ -1988,7 +1988,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
-          <li class="header-right-Number pNum">77</li>
+          <li class="p-Num">77</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
@@ -2091,7 +2091,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
-          <li class="header-right-Number pNum">79</li>
+          <li class="p-Num">79</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
@@ -2209,7 +2209,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
-          <li class="header-right-Number pNum">81</li>
+          <li class="p-Num">81</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
@@ -2300,7 +2300,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
-          <li class="header-right-Number pNum">83</li>
+          <li class="p-Num">83</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
@@ -2396,7 +2396,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
-          <li class="header-right-Number pNum">85</li>
+          <li class="p-Num">85</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
@@ -2508,7 +2508,7 @@
         <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
-          <li class="header-right-Number pNum">87</li>
+          <li class="p-Num">87</li>
           <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
diff --git a/src/books/aviationEtiquette/view/components/header.vue b/src/books/aviationEtiquette/view/components/header.vue
index e112bd4..2cac44c 100644
--- a/src/books/aviationEtiquette/view/components/header.vue
+++ b/src/books/aviationEtiquette/view/components/header.vue
@@ -15,7 +15,7 @@
     <!-- 浠嬬粛椤甸潰 -->
     <div class="page-box" page="3">
       <div v-if="showPageList.indexOf(3) > -1">
-        <div style="max-width: 400px; margin: 0 auto; padding: 10% 0">
+        <div style="margin: 0 25%; padding: 10% 0">
           <hr />
           <p><b>鍥句功鍦ㄧ増缂栫洰锛圕IP锛夋暟鎹�</b></p>
           <p class="left3 block mr-0">
@@ -69,7 +69,7 @@
     <!-- 浠嬬粛椤甸潰 -->
     <div class="page-box" page="4">
       <div v-if="showPageList.indexOf(4) > -1">
-        <div style="max-width: 600px; margin: 0 auto; padding: 10% 0">
+        <div style="margin: 0 15%; padding: 10% 0">
           <div class="bk-bwh">
             <h1 id="a003" class="front">
               鑱屼笟鏁欒偛鑸┖杩愯緭绫讳笓涓氣�滀骇鏁欒瀺鍚堚�濇柊褰㈡�佹暀鏉愪笓瀹舵寚瀵煎鍛樹細
@@ -108,7 +108,7 @@
     </div>
     <div class="page-box" page="5">
       <div v-if="showPageList.indexOf(5) > -1">
-        <div style="padding: 136px 95px">
+        <div style="padding: 136px 10%">
           <div class="fl">
             <div class="fl fd-c" style="margin: 0 0 100px 0">
               <div class="topBorder"></div>
diff --git a/src/books/aviationSafety/view/components/header.vue b/src/books/aviationSafety/view/components/header.vue
index aee2cfc..f0e6180 100644
--- a/src/books/aviationSafety/view/components/header.vue
+++ b/src/books/aviationSafety/view/components/header.vue
@@ -82,7 +82,7 @@
         </div>
         <div class="page-box" page="5">
             <div v-if="showPageList.indexOf(5) > -1">
-                <div style="padding: 50px 80px">
+                <div style="padding: 50px 10%">
                     <div class="fl fd-r">
                         <div class="fl fd-c al-c" style="margin: 50px 0;">
                             <h1 id="a004">鍓� 瑷�</h1>
@@ -106,7 +106,7 @@
         </div>
         <div class="page-box" page="6">
             <div v-if="showPageList.indexOf(6) > -1">
-                <div style="padding: 50px 80px">
+                <div style="padding: 50px 10%">
                     <div class="fl fd-r">
                         <div class="fl fd-c al-c" style="margin: 50px 0;">
                             <h1 id="a004">鍓� 瑷�</h1>
@@ -131,7 +131,7 @@
         </div>
         <div class="page-box" page="7">
             <div v-if="showPageList.indexOf(7) > -1">
-                <div style="padding: 100px 80px">
+                <div style="padding: 100px 10%">
                     <p class="td-0 fz-14">
                         楂樼瓑鑱屼笟瀛︽牎鑸┖鏈嶅姟涓撲笟绯诲垪鏁欐潗寤鸿浼佷笟涓撳鎸囧濮斿憳浼氣�濈殑涓撳瀵规暀鏉愮殑鍐呭銆佺紪鍐欎綋渚嬬瓑鎻愪緵浜嗗ぇ閲忕殑寤鸿锛屾湁鍔涘湴淇濊瘉浜嗘湰鏁欐潗涓庢皯鑸湇鍔′紒涓氱殑瀹為檯宸ヤ綔瑕佹眰鐩稿惢鍚堬紝鍦ㄦ涓�骞惰〃绀鸿》蹇冩劅璋€��
                     </p>
diff --git a/src/books/civilAviation/assets/main.less b/src/books/civilAviation/assets/main.less
index 9e0c245..3264e1f 100644
--- a/src/books/civilAviation/assets/main.less
+++ b/src/books/civilAviation/assets/main.less
@@ -1511,7 +1511,14 @@
 
 @media (max-width: 660px) {
     .civilAviation-book {
+        
+        .pad-l-60 {
+            padding-left: 10px;
+        }
 
+        .mr-70 {
+            margin-right: 15px;
+        }
         /* 鍒嗛〉padding */
         .padding-93 {
             padding: 0 20px;
diff --git a/src/books/civilAviation/view/components/chapter001.vue b/src/books/civilAviation/view/components/chapter001.vue
index c695b60..53f6706 100644
--- a/src/books/civilAviation/view/components/chapter001.vue
+++ b/src/books/civilAviation/view/components/chapter001.vue
@@ -1367,6 +1367,7 @@
                                 缁撲簡鈥滃崗鍜屸�濊秴澹伴�熷鏈�25骞寸殑鏃犱簨鏁呰褰曪紝閫犳垚鏈轰笂109浜哄叏閮ㄩ亣闅俱�佸湴闈�4浜烘浜$殑鎯ㄥ墽銆傝繖娆′簨鏁呭湪浜轰滑蹇冪洰涓暀涓嬩簡鏋佸ぇ鐨勯槾褰憋紝浠庢瓒呭0閫熻埅鐝笂搴х巼涓�韫朵笉鎸紝鑷翠娇鑸┖鍏徃涓ラ噸浜忔崯锛屼笉寰椾笉鍦�2003骞�10鏈�24鏃ュ皢鈥滃崗鍜屸�濊秴澹伴�熷鏈哄叏閮ㄩ��褰癸紝缁堟浜嗚秴澹伴�熷鏈虹殑杩愯惀銆�
                             </p>
                         </span>
+                        <p><br></p>
                     </div>
                 </div>
             </div>
diff --git a/src/books/civilAviation/view/components/index.vue b/src/books/civilAviation/view/components/index.vue
index c9015a8..0c32c3b 100644
--- a/src/books/civilAviation/view/components/index.vue
+++ b/src/books/civilAviation/view/components/index.vue
@@ -183,8 +183,8 @@
     }, 500);
 
     // 娴嬭瘯椤甸潰璺宠浆
-    setTimeout(() => {
-      this.gotoPage(3, 52);
+    // setTimeout(() => {
+    //   this.gotoPage(3, 130);
       //   setTimeout(() => {
       //     this.renderSign("Highlight", {
       //       id: "2ACA9359",
@@ -198,7 +198,7 @@
       //     ids: ["2ACA9359"]
       //   });
       // }, 2000);
-    }, 500);
+    // }, 500);
 
     // const pageDom = (this.container ? this.container : document)
     //   .querySelector("#app")
diff --git a/src/books/civilServices/assets/main.less b/src/books/civilServices/assets/main.less
index 377e0a1..b1e2c8a 100644
--- a/src/books/civilServices/assets/main.less
+++ b/src/books/civilServices/assets/main.less
@@ -307,7 +307,7 @@
         margin-top: 0;
         border-top: 0.7em solid #448D9C;
     }
-    
+
     .task4 {
         width: 16%;
         margin-bottom: 5em;
@@ -699,7 +699,7 @@
         color: #9EAA60;
         font-size: 16px;
     }
-    
+
 
 
     // 杩佺Щ
@@ -853,7 +853,7 @@
     div.bodystyle {
         font-family: 'FZLTXIHJW';
         text-align: justify;
-        margin: 0 82px;
+        margin: 0 10%;
         padding-bottom: 80px;
         line-height: 30px;
     }
@@ -1021,14 +1021,16 @@
         margin-left: 0%;
         margin-right: 0%;
     }
-    .input-bottom-border{
+
+    .input-bottom-border {
         background-color: transparent;
-        border-top:none ;
-        border-left:none ;
-        border-right:none ;
+        border-top: none;
+        border-left: none;
+        border-right: none;
+
         &:focus {
             outline: none;
-          }
+        }
     }
 
 
@@ -1280,11 +1282,11 @@
     }
 
     .unit3-c {
-        color:  #448D9C !important;
+        color: #448D9C !important;
     }
 
     .unit4-c {
-        color:  #9EAA60 !important;
+        color: #9EAA60 !important;
     }
 
     .h2-zt2 {
@@ -1313,7 +1315,7 @@
     }
 
     .bk3 {
-        border: 0.15em dashed  #448D9C;
+        border: 0.15em dashed #448D9C;
         padding: 15px 10px;
         margin-bottom: 2em;
         margin-top: 0.5em;
@@ -1322,14 +1324,14 @@
     }
 
     .bk4 {
-        border: 0.15em dashed  #9EAA60;
+        border: 0.15em dashed #9EAA60;
         padding: 15px 10px;
         margin-bottom: 2em;
         margin-top: 0.5em;
         border-radius: 0em;
         position: relative;
     }
-    
+
 
     .bk1 {
         border: 0.15em dashed #CBE6D3;
@@ -1388,14 +1390,15 @@
         width: 8px;
         height: 8px;
         background-color: #448D9C;
-    } 
+    }
 
     .span-box4 {
         display: inline-block;
         width: 8px;
         height: 8px;
         background-color: #9EAA60;
-    } 
+    }
+
     .span-text {
         padding: 0em 0.15em 0em 0.3em;
     }
@@ -1493,7 +1496,7 @@
         margin-top: 1em;
         position: relative;
 
-        b{
+        b {
             font-weight: 600;
             font-family: "kaiTi";
             text-indent: 2em;
@@ -1502,13 +1505,13 @@
             text-align: justify;
         }
 
-        .block{
+        .block {
             font-family: "kaiTi";
             text-indent: 2em;
             line-height: 30px;
             font-size: 17px;
             text-align: justify;
-        } 
+        }
     }
 
     .bj4-1 {
@@ -1788,6 +1791,14 @@
 @media (max-width: 660px) {
     .civilServices-book {
 
+        .pad-l-80 {
+            padding-left: 10px;
+        }
+
+        .mr-70 {
+            margin-right: 15px;
+        }
+
         /* 鍒嗛〉padding */
         .padding-93 {
             padding: 0 20px;
diff --git a/src/books/civilServices/view/components/chapter001.vue b/src/books/civilServices/view/components/chapter001.vue
index 33668c0..d250bcd 100644
--- a/src/books/civilServices/view/components/chapter001.vue
+++ b/src/books/civilServices/view/components/chapter001.vue
@@ -266,7 +266,7 @@
                             <span>瑙嗛锛氬績鐞嗗鐨勬祦娲� </span>
                             <el-tooltip class="item" effect="dark"
                                 :content="chapterData.isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
-                                <img :src="collectResourceList.findIndex(item => item.id == 'f230fd8fd7952a4ad4dd05d94df7e797') > -1 ? collectCheck : collectImg"
+                                <img :src="collectResourceList.findIndex(item => item.id == '78159213f124d07877fd83d7d58f22b2') > -1 ? collectCheck : collectImg"
                                     alt="" class="collect-btn" @click="handleCollect('video-01')" />
                             </el-tooltip>
                         </p>
@@ -343,7 +343,7 @@
                             <span>瑙嗛锛氬績鐞嗗鐨勭爺绌跺唴瀹� </span>
                             <el-tooltip class="item" effect="dark"
                                 :content="chapterData.isCollectVideo01 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
-                                <img :src="collectResourceList.findIndex(item => item.id == '700cfdb8b85b372045b1e97e3356ae3a') > -1 ? collectCheck : collectImg"
+                                <img :src="collectResourceList.findIndex(item => item.id == '05e4e0cb92597d9e14f3f12727831688') > -1 ? collectCheck : collectImg"
                                     alt="" class="collect-btn" @click="handleCollect('video-02')" />
                             </el-tooltip>
                         </p>
@@ -1164,10 +1164,10 @@
                                     <p class="left center">鍒嗗��</p>
                                 </td>
                                 <td class="">
-                                    <p class=" left center">瀛︾敓鑷瘎</p>
+                                    <p class="left center">瀛︾敓鑷瘎</p>
                                 </td>
                                 <td class="">
-                                    <p class=" left center">鏁欏笀璇勫垎</p>
+                                    <p class="left center">鏁欏笀璇勫垎</p>
                                 </td>
                             </tr>
                             <tr class="table-tr-bc">
@@ -1397,10 +1397,10 @@
     methods: {
         async getVidoePath() {
             this.videoPathOne = await getResourcePath(
-                "f230fd8fd7952a4ad4dd05d94df7e797"
+                "78159213f124d07877fd83d7d58f22b2"
             );
             this.videoPathTwo = await getResourcePath(
-                "700cfdb8b85b372045b1e97e3356ae3a"
+                "05e4e0cb92597d9e14f3f12727831688"
             );
             for (let index = 0; index < this.chapter001.videoMd5.length; index++) {
                 const item = this.chapter001.videoMd5[index];
@@ -1440,10 +1440,10 @@
                 this.handleCollectResource(e.md5, e.md5, '', "瑙嗛", "bits", '寰灏忚鍫傦細' + e.name)
                 e.isCollectVideo = !e.isCollectVideo
             } else if (e == 'video-01') {
-                this.handleCollectResource("f230fd8fd7952a4ad4dd05d94df7e797", "f230fd8fd7952a4ad4dd05d94df7e797", '', "瑙嗛", "bits", '瑙嗛锛氬績鐞嗗鐨勬祦娲�')
+                this.handleCollectResource("78159213f124d07877fd83d7d58f22b2", "78159213f124d07877fd83d7d58f22b2", '', "瑙嗛", "bits", '瑙嗛锛氬績鐞嗗鐨勬祦娲�')
                 this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo
             } else if (e == 'video-02') {
-                this.handleCollectResource("700cfdb8b85b372045b1e97e3356ae3a", "700cfdb8b85b372045b1e97e3356ae3a", '', "瑙嗛", "bits", '瑙嗛锛氬績鐞嗗鐨勭爺绌跺唴瀹�')
+                this.handleCollectResource("05e4e0cb92597d9e14f3f12727831688", "05e4e0cb92597d9e14f3f12727831688", '', "瑙嗛", "bits", '瑙嗛锛氬績鐞嗗鐨勭爺绌跺唴瀹�')
                 this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01
             }
             this.handleChapter001();
diff --git a/src/books/civilServices/view/components/chapter003.vue b/src/books/civilServices/view/components/chapter003.vue
index bd6a9fd..ebc1d5a 100644
--- a/src/books/civilServices/view/components/chapter003.vue
+++ b/src/books/civilServices/view/components/chapter003.vue
@@ -423,7 +423,7 @@
                             <span>瑙嗛锛氫汉闄呭惛寮� </span>
                             <el-tooltip class="item" effect="dark"
                                 :content="chapterData.isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
-                                <img :src="collectResourceList.findIndex(item => item.id == 'f230fd8fd7952a4ad4dd05d94df7e797') > -1 ? collectCheck : collectImg"
+                                <img :src="collectResourceList.findIndex(item => item.id == '6e398727142a495b3d893adf3c8a240f') > -1 ? collectCheck : collectImg"
                                     alt="" class="collect-btn" @click="handleCollect('video-01')" />
                             </el-tooltip>
                         </p>
@@ -722,7 +722,7 @@
                     </p>
                     <div class="video-box-left">
                         <p class="center text">
-                            <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true"
+                            <video :src="videoPathTwo" webkit-playsinline="true" x-webkit-airplay="true"
                                 playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true"
                                 x5-playsinline="" controls controlslist="nodownload" class="w100 video"
                                 style=" border-radius: 10px; "></video>
@@ -730,9 +730,9 @@
                         <p class="center videoname">
                             <span>瑙嗛锛氬鎴戜氦寰�鎶�宸� </span>
                             <el-tooltip class="item" effect="dark"
-                                :content="chapterData.isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
-                                <img :src="collectResourceList.findIndex(item => item.id == 'f230fd8fd7952a4ad4dd05d94df7e797') > -1 ? collectCheck : collectImg"
-                                    alt="" class="collect-btn" @click="handleCollect('video-01')" />
+                                :content="chapterData.isCollectVideo01 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
+                                <img :src="collectResourceList.findIndex(item => item.id == 'dec981e507dbcd88c632789c75b2fe3b') > -1 ? collectCheck : collectImg"
+                                    alt="" class="collect-btn" @click="handleCollect('video-02')" />
                             </el-tooltip>
                         </p>
                     </div>
@@ -1725,7 +1725,7 @@
                     <p class="p-even">姘戣埅鏈嶅姟宸ヤ綔涓富瑕佸寘鎷涓嬪叚绉嶅父瑙佺殑娌熼�氶殰纰嶃��</p>
                     <div class="video-box">
                         <p class="center text">
-                            <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true"
+                            <video :src="videoPathThree" webkit-playsinline="true" x-webkit-airplay="true"
                                 playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true"
                                 x5-playsinline="" controls controlslist="nodownload" class="w100 video"
                                 style=" border-radius: 10px; "></video>
@@ -1733,9 +1733,9 @@
                         <p class="center videoname">
                             <span>瑙嗛锛氭皯鑸湇鍔′腑甯歌鐨勬矡閫氶殰纰嶇被鍨� </span>
                             <el-tooltip class="item" effect="dark"
-                                :content="chapterData.isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
-                                <img :src="collectResourceList.findIndex(item => item.id == 'f230fd8fd7952a4ad4dd05d94df7e797') > -1 ? collectCheck : collectImg"
-                                    alt="" class="collect-btn" @click="handleCollect('video-01')" />
+                                :content="chapterData.isCollectVideo02 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
+                                <img :src="collectResourceList.findIndex(item => item.id == '7637f57a3dc18cc8487ccc2a39e62a5c') > -1 ? collectCheck : collectImg"
+                                    alt="" class="collect-btn" @click="handleCollect('video-03')" />
                             </el-tooltip>
                         </p>
                     </div>
@@ -2039,17 +2039,17 @@
                     <p class="p-even">鍦ㄦ皯鑸湇鍔″伐浣滀腑锛屼竴鑸湁鍥涘ぇ娌熼�氱瓥鐣ャ��</p>
                     <div class="video-box">
                         <p class="center text">
-                            <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true"
+                            <video :src="videoPathFour" webkit-playsinline="true" x-webkit-airplay="true"
                                 playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true"
                                 x5-playsinline="" controls controlslist="nodownload" class="w100 video"
                                 style=" border-radius: 10px; "></video>
                         </p>
                         <p class="center videoname">
-                            <span>瑙嗛锛氭皯鑸湇鍔$殑娌熼�氱瓥鐣� </span>
+                            <span>瑙嗛锛氭皯鑸湇鍔$殑娌熼�氱瓥鐣�</span>
                             <el-tooltip class="item" effect="dark"
-                                :content="chapterData.isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
-                                <img :src="collectResourceList.findIndex(item => item.id == 'f230fd8fd7952a4ad4dd05d94df7e797') > -1 ? collectCheck : collectImg"
-                                    alt="" class="collect-btn" @click="handleCollect('video-01')" />
+                                :content="chapterData.isCollectVideo03 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
+                                <img :src="collectResourceList.findIndex(item => item.id == 'c69daf5242160645652a8d159213d1d9') > -1 ? collectCheck : collectImg"
+                                    alt="" class="collect-btn" @click="handleCollect('video-04')" />
                             </el-tooltip>
                         </p>
                     </div>
@@ -2487,6 +2487,9 @@
             collectImg: require("../../assets/images/icon/heart.png"),
             collectCheck: require("../../assets/images/icon/heart-check.png"),
             videoPathOne: "",
+            videoPathTwo: "",
+            videoPathThree: "",
+            videoPathFour: "",
             collectResourceList: [],
             questionData: {
                 isComplete: false,
@@ -2579,6 +2582,8 @@
             chapterData: {
                 isCollectVideo: false,
                 isCollectVideo01: false,
+                isCollectVideo02: false,
+                isCollectVideo03: false,
             },
         };
     },
@@ -2605,10 +2610,16 @@
     methods: {
         async getVidoePath() {
             this.videoPathOne = await getResourcePath(
-                "f230fd8fd7952a4ad4dd05d94df7e797"
+                "6e398727142a495b3d893adf3c8a240f"
             );
             this.videoPathTwo = await getResourcePath(
-                "700cfdb8b85b372045b1e97e3356ae3a"
+                "dec981e507dbcd88c632789c75b2fe3b"
+            );
+            this.videoPathThree = await getResourcePath(
+                "7637f57a3dc18cc8487ccc2a39e62a5c"
+            );
+            this.videoPathFour = await getResourcePath(
+                "c69daf5242160645652a8d159213d1d9"
             );
             for (let index = 0; index < this.chapter003.videoMd5.length; index++) {
                 const item = this.chapter003.videoMd5[index];
@@ -2651,10 +2662,16 @@
                 this.handleCollectResource(e.md5, e.md5, '', "瑙嗛", "bits", '寰灏忚鍫傦細' + e.name)
                 e.isCollectVideo = !e.isCollectVideo
             } else if (e == 'video-01') {
-                this.handleCollectResource("f230fd8fd7952a4ad4dd05d94df7e797", "f230fd8fd7952a4ad4dd05d94df7e797", '', "瑙嗛", "bits", '瑙嗛锛氬績鐞嗗鐨勬祦娲�')
+                this.handleCollectResource("6e398727142a495b3d893adf3c8a240f", "6e398727142a495b3d893adf3c8a240f", '', "瑙嗛", "bits", '瑙嗛锛氫汉闄呭惛寮�')
                 this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo
             } else if (e == 'video-02') {
-                this.handleCollectResource("700cfdb8b85b372045b1e97e3356ae3a", "700cfdb8b85b372045b1e97e3356ae3a", '', "瑙嗛", "bits", '瑙嗛锛氬績鐞嗗鐨勭爺绌跺唴瀹�')
+                this.handleCollectResource("dec981e507dbcd88c632789c75b2fe3b", "dec981e507dbcd88c632789c75b2fe3b", '', "瑙嗛", "bits", '瑙嗛锛氬鎴戜氦寰�鎶�宸�')
+                this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01
+            }else if (e == 'video-03') {
+                this.handleCollectResource("7637f57a3dc18cc8487ccc2a39e62a5c", "7637f57a3dc18cc8487ccc2a39e62a5c", '', "瑙嗛", "bits", '瑙嗛锛氭皯鑸湇鍔′腑甯歌鐨勬矡閫氶殰纰嶇被鍨�')
+                this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01
+            }else if (e == 'video-04') {
+                this.handleCollectResource("c69daf5242160645652a8d159213d1d9", "c69daf5242160645652a8d159213d1d9", '', "瑙嗛", "bits", '瑙嗛锛氭皯鑸湇鍔$殑娌熼�氱瓥鐣�')
                 this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01
             }
             this.handlechapter003();
diff --git a/src/books/civilServices/view/components/chapter004.vue b/src/books/civilServices/view/components/chapter004.vue
index 277a58a..529bc8a 100644
--- a/src/books/civilServices/view/components/chapter004.vue
+++ b/src/books/civilServices/view/components/chapter004.vue
@@ -259,7 +259,7 @@
                             <span>瑙嗛锛氱數璇濊绁ㄤ笌鍞エ澶勬湇鍔″績鐞嗕笌绛栫暐 </span>
                             <el-tooltip class="item" effect="dark"
                                 :content="chapterData.isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
-                                <img :src="collectResourceList.findIndex(item => item.id == 'f230fd8fd7952a4ad4dd05d94df7e797') > -1 ? collectCheck : collectImg"
+                                <img :src="collectResourceList.findIndex(item => item.id == '594ca0426d4afd67b79c46761467b485') > -1 ? collectCheck : collectImg"
                                     alt="" class="collect-btn" @click="handleCollect('video-01')" />
                             </el-tooltip>
                         </p>
@@ -460,7 +460,7 @@
                             class="zt-h4 unit4-c">鍊兼満澶勬湇鍔″績鐞嗕笌绛栫暐</span></h4>
                     <div class="video-box">
                         <p class="center text">
-                            <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true"
+                            <video :src="videoPathTwo" webkit-playsinline="true" x-webkit-airplay="true"
                                 playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true"
                                 x5-playsinline="" controls controlslist="nodownload" class="w100 video"
                                 style=" border-radius: 10px; "></video>
@@ -468,9 +468,9 @@
                         <p class="center videoname">
                             <span>瑙嗛锛氬�兼満澶勩�佸�欐満瀹ゅ拰琛屾潕鏌ヨ澶勬湇鍔″績鐞嗕笌绛栫暐 </span>
                             <el-tooltip class="item" effect="dark"
-                                :content="chapterData.isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
-                                <img :src="collectResourceList.findIndex(item => item.id == 'f230fd8fd7952a4ad4dd05d94df7e797') > -1 ? collectCheck : collectImg"
-                                    alt="" class="collect-btn" @click="handleCollect('video-01')" />
+                                :content="chapterData.isCollectVideo01 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
+                                <img :src="collectResourceList.findIndex(item => item.id == '685d853fd235dd0a380062ed05b20f43') > -1 ? collectCheck : collectImg"
+                                    alt="" class="collect-btn" @click="handleCollect('video-02')" />
                             </el-tooltip>
                         </p>
                     </div>
@@ -1190,7 +1190,7 @@
                     </p>
                     <div class="video-box-left">
                         <p class="center text">
-                            <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true"
+                            <video :src="videoPathThree" webkit-playsinline="true" x-webkit-airplay="true"
                                 playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true"
                                 x5-playsinline="" controls controlslist="nodownload" class="w100 video"
                                 style=" border-radius: 10px; "></video>
@@ -1198,9 +1198,9 @@
                         <p class="center videoname">
                             <span>瑙嗛锛氬啿绐併�佹姇璇夌殑鍘熷洜 </span>
                             <el-tooltip class="item" effect="dark"
-                                :content="chapterData.isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
-                                <img :src="collectResourceList.findIndex(item => item.id == 'f230fd8fd7952a4ad4dd05d94df7e797') > -1 ? collectCheck : collectImg"
-                                    alt="" class="collect-btn" @click="handleCollect('video-01')" />
+                                :content="chapterData.isCollectVideo02 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
+                                <img :src="collectResourceList.findIndex(item => item.id == 'cd191bd1d937651d2e5948fb23900222') > -1 ? collectCheck : collectImg"
+                                    alt="" class="collect-btn" @click="handleCollect('video-03')" />
                             </el-tooltip>
                         </p>
                     </div>
@@ -1360,7 +1360,7 @@
                     <p class="p-odd">涓庢皯鑸湇鍔′汉鍛樺彂鐢熷啿绐佸強鎶曡瘔鏃舵梾瀹㈢殑蹇冪悊鍥犱汉鑰屽紓锛屼絾涓�鑸潵璁叉湁浠ヤ笅鍑犵銆�</p>
                     <div class="video-box-left">
                         <p class="center text">
-                            <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true"
+                            <video :src="videoPathFour" webkit-playsinline="true" x-webkit-airplay="true"
                                 playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true"
                                 x5-playsinline="" controls controlslist="nodownload" class="w100 video"
                                 style=" border-radius: 10px; "></video>
@@ -1368,9 +1368,9 @@
                         <p class="center videoname">
                             <span>瑙嗛锛氬鐞嗘皯鑸梾瀹㈢殑鍐茬獊涓庢姇璇� </span>
                             <el-tooltip class="item" effect="dark"
-                                :content="chapterData.isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
-                                <img :src="collectResourceList.findIndex(item => item.id == 'f230fd8fd7952a4ad4dd05d94df7e797') > -1 ? collectCheck : collectImg"
-                                    alt="" class="collect-btn" @click="handleCollect('video-01')" />
+                                :content="chapterData.isCollectVideo03 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
+                                <img :src="collectResourceList.findIndex(item => item.id == '1351bc9bab28122d133ca5bd4de60bbc') > -1 ? collectCheck : collectImg"
+                                    alt="" class="collect-btn" @click="handleCollect('video-04')" />
                             </el-tooltip>
                         </p>
                     </div>
@@ -1774,6 +1774,9 @@
             collectImg: require("../../assets/images/icon/heart.png"),
             collectCheck: require("../../assets/images/icon/heart-check.png"),
             videoPathOne: "",
+            videoPathTwo: "",
+            videoPathThree: "",
+            videoPathFour: "",
             collectResourceList: [],
             questionData: {
                 isComplete: false,
@@ -1864,6 +1867,8 @@
             chapterData: {
                 isCollectVideo: false,
                 isCollectVideo01: false,
+                isCollectVideo02: false,
+                isCollectVideo03: false,
             },
         };
     },
@@ -1890,10 +1895,16 @@
     methods: {
         async getVidoePath() {
             this.videoPathOne = await getResourcePath(
-                "f230fd8fd7952a4ad4dd05d94df7e797"
+                "594ca0426d4afd67b79c46761467b485"
             );
             this.videoPathTwo = await getResourcePath(
-                "700cfdb8b85b372045b1e97e3356ae3a"
+                "685d853fd235dd0a380062ed05b20f43"
+            );
+            this.videoPathThree = await getResourcePath(
+                "cd191bd1d937651d2e5948fb23900222"
+            );
+            this.videoPathFour = await getResourcePath(
+                "1351bc9bab28122d133ca5bd4de60bbc"
             );
             for (let index = 0; index < this.chapter004.videoMd5.length; index++) {
                 const item = this.chapter004.videoMd5[index];
@@ -1936,11 +1947,18 @@
                 this.handleCollectResource(e.md5, e.md5, '', "瑙嗛", "bits", '寰灏忚鍫傦細' + e.name)
                 e.isCollectVideo = !e.isCollectVideo
             } else if (e == 'video-01') {
-                this.handleCollectResource("f230fd8fd7952a4ad4dd05d94df7e797", "f230fd8fd7952a4ad4dd05d94df7e797", '', "瑙嗛", "bits", '瑙嗛锛氬績鐞嗗鐨勬祦娲�')
+                this.handleCollectResource("594ca0426d4afd67b79c46761467b485", "594ca0426d4afd67b79c46761467b485", '', "瑙嗛", "bits", '瑙嗛锛氱數璇濊绁ㄤ笌鍞エ澶勬湇鍔″績鐞嗕笌绛栫暐')
                 this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo
             } else if (e == 'video-02') {
-                this.handleCollectResource("700cfdb8b85b372045b1e97e3356ae3a", "700cfdb8b85b372045b1e97e3356ae3a", '', "瑙嗛", "bits", '瑙嗛锛氬績鐞嗗鐨勭爺绌跺唴瀹�')
+                this.handleCollectResource("685d853fd235dd0a380062ed05b20f43", "685d853fd235dd0a380062ed05b20f43", '', "瑙嗛", "bits", '瑙嗛锛氬�兼満澶勩�佸�欐満瀹ゅ拰琛屾潕鏌ヨ澶勬湇鍔″績鐞嗕笌绛栫暐')
                 this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01
+            } else if (e == 'video-03') {
+                this.handleCollectResource("cd191bd1d937651d2e5948fb23900222", "cd191bd1d937651d2e5948fb23900222", '', "瑙嗛", "bits", '瑙嗛锛氬啿绐併�佹姇璇夌殑鍘熷洜')
+                this.chapterData.isCollectVideo02 = !this.chapterData.isCollectVideo02
+            }
+            else if (e == 'video-04') {
+                this.handleCollectResource("1351bc9bab28122d133ca5bd4de60bbc", "1351bc9bab28122d133ca5bd4de60bbc", '', "瑙嗛", "bits", '瑙嗛锛氬鐞嗘皯鑸梾瀹㈢殑鍐茬獊涓庢姇璇�')
+                this.chapterData.isCollectVideo03 = !this.chapterData.isCollectVideo03
             }
             this.handlechapter004();
             this.handleChapterData();
diff --git a/src/books/civilServices/view/components/chpater002.vue b/src/books/civilServices/view/components/chpater002.vue
index e3da2a1..2056b2d 100644
--- a/src/books/civilServices/view/components/chpater002.vue
+++ b/src/books/civilServices/view/components/chpater002.vue
@@ -1125,7 +1125,7 @@
                     </p>
                     <div class="video-box-left">
                         <p class="center text">
-                            <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true"
+                            <video :src="videoPathTwo" webkit-playsinline="true" x-webkit-airplay="true"
                                 playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true"
                                 x5-playsinline="" controls controlslist="nodownload" class="w100 video"
                                 style=" border-radius: 10px; "></video>
@@ -1133,9 +1133,9 @@
                         <p class="center videoname">
                             <span>瑙嗛锛氭劅鐭ヨ鐨勫熀鏈唴瀹� </span>
                             <el-tooltip class="item" effect="dark"
-                                :content="chapterData.isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
-                                <img :src="collectResourceList.findIndex(item => item.id == 'f230fd8fd7952a4ad4dd05d94df7e797') > -1 ? collectCheck : collectImg"
-                                    alt="" class="collect-btn" @click="handleCollect('video-01')" />
+                                :content="chapterData.isCollectVideo01 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
+                                <img :src="collectResourceList.findIndex(item => item.id == '1112e7daf609c501c2a99cfc53974ad0') > -1 ? collectCheck : collectImg"
+                                    alt="" class="collect-btn" @click="handleCollect('video-02')" />
                             </el-tooltip>
                         </p>
                     </div>
@@ -1692,7 +1692,7 @@
                     <p class="p-odd td-0">灏婇噸鐨勯渶瑕佷笌鑷垜瀹炵幇鐨勯渶瑕佷负楂樼骇闇�瑕併��</p>
                     <div class="video-box-left">
                         <p class="center text">
-                            <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true"
+                            <video :src="videoPathThree" webkit-playsinline="true" x-webkit-airplay="true"
                                 playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true"
                                 x5-playsinline="" controls controlslist="nodownload" class="w100 video"
                                 style=" border-radius: 10px; "></video>
@@ -1700,9 +1700,9 @@
                         <p class="center videoname">
                             <span>瑙嗛锛氶┈鏂礇鐨勯渶瑕佸眰娆$悊璁� </span>
                             <el-tooltip class="item" effect="dark"
-                                :content="chapterData.isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
+                                :content="chapterData.isCollectVideo02 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
                                 <img :src="collectResourceList.findIndex(item => item.id == 'f230fd8fd7952a4ad4dd05d94df7e797') > -1 ? collectCheck : collectImg"
-                                    alt="" class="collect-btn" @click="handleCollect('video-01')" />
+                                    alt="" class="collect-btn" @click="handleCollect('video-03')" />
                             </el-tooltip>
                         </p>
                     </div>
@@ -2223,7 +2223,7 @@
                     </p>
                     <div class="video-box-left">
                         <p class="center text">
-                            <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true"
+                            <video :src="videoPathFour" webkit-playsinline="true" x-webkit-airplay="true"
                                 playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true"
                                 x5-playsinline="" controls controlslist="nodownload" class="w100 video"
                                 style=" border-radius: 10px; "></video>
@@ -2231,9 +2231,9 @@
                         <p class="center videoname">
                             <span>瑙嗛锛氱壒娈婃梾瀹㈡湇鍔� </span>
                             <el-tooltip class="item" effect="dark"
-                                :content="chapterData.isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
+                                :content="chapterData.isCollectVideo03 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
                                 <img :src="collectResourceList.findIndex(item => item.id == 'f230fd8fd7952a4ad4dd05d94df7e797') > -1 ? collectCheck : collectImg"
-                                    alt="" class="collect-btn" @click="handleCollect('video-01')" />
+                                    alt="" class="collect-btn" @click="handleCollect('video-04')" />
                             </el-tooltip>
                         </p>
                     </div>
@@ -2727,6 +2727,22 @@
                     </div>
                     <h4 id="d030" class="p-odd"><span class="zt-h4 unit2-c">浜屻��</span><span
                             class="zt-h4 unit2-c">鍥涚姘旇川绫诲瀷鐨勭壒寰�</span></h4>
+                    <div class="video-box-left">
+                        <p class="center text">
+                            <video :src="videoPathFive" webkit-playsinline="true" x-webkit-airplay="true"
+                                playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true"
+                                x5-playsinline="" controls controlslist="nodownload" class="w100 video"
+                                style=" border-radius: 10px; "></video>
+                        </p>
+                        <p class="center videoname">
+                            <span>瑙嗛锛氭皵璐ㄧ被鍨� </span>
+                            <el-tooltip class="item" effect="dark"
+                                :content="chapterData.isCollectVideo04 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
+                                <img :src="collectResourceList.findIndex(item => item.id == '544f826ccecc3a5ef5a924f3de20b50d') > -1 ? collectCheck : collectImg"
+                                    alt="" class="collect-btn" @click="handleCollect('video-05')" />
+                            </el-tooltip>
+                        </p>
+                    </div>
                     <h5 id="e043" class="p-odd">锛堜竴锛夎儐姹佽川</h5>
                     <p class="p-odd">鑳嗘眮璐ㄧ殑浜烘劅鍙楁�т綆锛岃�愬彈鎬ч珮锛涘弽搴斾笉闅忔剰鎬у崰浼樺娍锛涘鍊炬�ф槑鏄撅紝鎯呯华鍏村鎬ч珮锛屾姂鍒惰兘鍔涘樊锛涘弽搴斿揩锛屼絾涓嶇伒娲汇��</p>
                     <p class="p-odd">
@@ -2946,7 +2962,7 @@
                             class="zt-h4 unit2-c">涓嶅悓姘旇川绫诲瀷鏃呭鐨勪釜鎬х壒寰佷笌鏈嶅姟瑕佺偣</span></h4>
                     <div class="video-box">
                         <p class="center text">
-                            <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true"
+                            <video :src="videoPathSix" webkit-playsinline="true" x-webkit-airplay="true"
                                 playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true"
                                 x5-playsinline="" controls controlslist="nodownload" class="w100 video"
                                 style=" border-radius: 10px; "></video>
@@ -2954,9 +2970,9 @@
                         <p class="center videoname">
                             <span>瑙嗛锛氫笉鍚屾皵璐ㄧ被鍨嬫梾瀹㈢殑涓�х壒寰佷笌鏈嶅姟瑕佺偣 </span>
                             <el-tooltip class="item" effect="dark"
-                                :content="chapterData.isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
-                                <img :src="collectResourceList.findIndex(item => item.id == 'f230fd8fd7952a4ad4dd05d94df7e797') > -1 ? collectCheck : collectImg"
-                                    alt="" class="collect-btn" @click="handleCollect('video-01')" />
+                                :content="chapterData.isCollectVideo05 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
+                                <img :src="collectResourceList.findIndex(item => item.id == '544f826ccecc3a5ef5a924f3de20b50d') > -1 ? collectCheck : collectImg"
+                                    alt="" class="collect-btn" @click="handleCollect('video-06')" />
                             </el-tooltip>
                         </p>
                     </div>
@@ -3423,7 +3439,7 @@
                     <p class="p-even td-0">缁紱姣忓綋杩欎簺鎯呯华鍙戠敓鏃讹紝浜轰滑閮戒細浣撻獙鍒扮埍鍥戒富涔夌殑鎯呮劅銆�</p>
                     <div class="video-box-left">
                         <p class="center text">
-                            <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true"
+                            <video :src="videoPathSeven" webkit-playsinline="true" x-webkit-airplay="true"
                                 playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true"
                                 x5-playsinline="" controls controlslist="nodownload" class="w100 video"
                                 style=" border-radius: 10px; "></video>
@@ -3431,9 +3447,9 @@
                         <p class="center videoname">
                             <span>瑙嗛锛氭儏缁� </span>
                             <el-tooltip class="item" effect="dark"
-                                :content="chapterData.isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
-                                <img :src="collectResourceList.findIndex(item => item.id == 'f230fd8fd7952a4ad4dd05d94df7e797') > -1 ? collectCheck : collectImg"
-                                    alt="" class="collect-btn" @click="handleCollect('video-01')" />
+                                :content="chapterData.isCollectVideo06 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
+                                <img :src="collectResourceList.findIndex(item => item.id == 'ebc74289f2e6628c92f721e8946863d3') > -1 ? collectCheck : collectImg"
+                                    alt="" class="collect-btn" @click="handleCollect('video-07')" />
                             </el-tooltip>
                         </p>
                     </div>
@@ -4272,17 +4288,17 @@
                     <p class="p-even">鎯呯华鐨勮嚜鎴戣皟鑺傛柟娉曞绉嶅鏍凤紝浣嗗彧瑕佹皯鑸湇鍔′汉鍛樻妸鎻′笅鍒楀嚑涓鐐瑰苟鎺屾彙鐩稿叧鐨勬柟娉曪紝灏变竴瀹氳兘鍏嬫湇涓嶈壇鎯呯华锛屼娇鑷繁蹇箰璧锋潵銆�</p>
                     <div class="video-box">
                         <p class="center text">
-                            <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true"
+                            <video :src="videoPathEight" webkit-playsinline="true" x-webkit-airplay="true"
                                 playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true"
                                 x5-playsinline="" controls controlslist="nodownload" class="w100 video"
                                 style=" border-radius: 10px; "></video>
                         </p>
                         <p class="center videoname">
-                            <span>瑙嗛锛氭劅鐭ヨ鐨勫熀鏈唴瀹� </span>
+                            <span>瑙嗛锛氭皯鑸湇鍔′汉鍛樼殑鎯呯华璋冩帶 </span>
                             <el-tooltip class="item" effect="dark"
-                                :content="chapterData.isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
-                                <img :src="collectResourceList.findIndex(item => item.id == 'f230fd8fd7952a4ad4dd05d94df7e797') > -1 ? collectCheck : collectImg"
-                                    alt="" class="collect-btn" @click="handleCollect('video-01')" />
+                                :content="chapterData.isCollectVideo07 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
+                                <img :src="collectResourceList.findIndex(item => item.id == '2249b07d554da66c40b31a3738b5be41') > -1 ? collectCheck : collectImg"
+                                    alt="" class="collect-btn" @click="handleCollect('video-08')" />
                             </el-tooltip>
                         </p>
                     </div>
@@ -4769,7 +4785,7 @@
                     </p>
                     <div class="video-box-left">
                         <p class="center text">
-                            <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true"
+                            <video :src="videoPathNine" webkit-playsinline="true" x-webkit-airplay="true"
                                 playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true"
                                 x5-playsinline="" controls controlslist="nodownload" class="w100 video"
                                 style=" border-radius: 10px; "></video>
@@ -4777,9 +4793,9 @@
                         <p class="center videoname">
                             <span>瑙嗛锛氭�佸害 </span>
                             <el-tooltip class="item" effect="dark"
-                                :content="chapterData.isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
+                                :content="chapterData.isCollectVideo08 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
                                 <img :src="collectResourceList.findIndex(item => item.id == 'f230fd8fd7952a4ad4dd05d94df7e797') > -1 ? collectCheck : collectImg"
-                                    alt="" class="collect-btn" @click="handleCollect('video-01')" />
+                                    alt="" class="collect-btn" @click="handleCollect('video-09')" />
                             </el-tooltip>
                         </p>
                     </div>
@@ -5006,6 +5022,22 @@
                     <p class="p-odd">
                         姘戣埅鏃呭鐨勬�佸害锛屾槸鎸囨梾瀹㈠姘戣埅鍙婂叾鏈嶅姟浜哄憳鎵�鎸佺殑璇勪环浠ュ強蹇冪悊鍊惧悜锛屽弽鏄犱簡鏃呭瀵规皯鑸強鍏舵湇鍔′汉鍛樻彁渚涚殑鏈嶅姟鐨勬弧鎰忓害銆傚畠婧愪簬鏃呭鍦ㄦ秷璐硅繃绋嬩腑鎵�浜х敓鐨勬劅鍙椾笌鏈熸湜鍊肩殑瀵规瘮銆備釜鍒梾瀹㈢殑鎰熻鍜岃瘎浠峰鑸┖鍏徃鎴栨皯鑸湇鍔′汉鍛樼殑褰卞搷涓嶅ぇ锛屼絾鎵�鏈夋梾瀹㈠鑸┖鍏徃銆佹皯鑸湇鍔′汉鍛樼殑鎬讳綋鎬佸害锛屽氨鍐冲畾浜嗚埅绌哄叕鍙哥殑鐢熷瓨涓庡彂灞曘�傚洜姝わ紝鍔姏鎻愰珮鏃呭鐨勬弧鎰忓害鏄敼鍙樻皯鑸梾瀹㈡�佸害鐨勫叧閿紝鍏锋湁鑷冲叧閲嶈鐨勪綔鐢ㄣ��
                     </p>
+                    <div class="video-box-left">
+                        <p class="center text">
+                            <video :src="videoPathTen" webkit-playsinline="true" x-webkit-airplay="true"
+                                playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true"
+                                x5-playsinline="" controls controlslist="nodownload" class="w100 video"
+                                style=" border-radius: 10px; "></video>
+                        </p>
+                        <p class="center videoname">
+                            <span>瑙嗛锛氭皯鑸湇鍔℃�佸害 </span>
+                            <el-tooltip class="item" effect="dark"
+                                :content="chapterData.isCollectVideo09 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
+                                <img :src="collectResourceList.findIndex(item => item.id == 'f230fd8fd7952a4ad4dd05d94df7e797') > -1 ? collectCheck : collectImg"
+                                    alt="" class="collect-btn" @click="handleCollect('video-10')" />
+                            </el-tooltip>
+                        </p>
+                    </div>
                     <h4 id="d048"><span class="zt-h4 unit2-c">涓�銆�</span><span class="zt-h4 unit2-c">姘戣埅鏈嶅姟鎬佸害</span></h4>
                     <p class="p-odd">
                         姘戣埅鏈嶅姟鎬佸害鏄寚姘戣埅鏈嶅姟浜哄憳瀵规梾瀹㈠強姘戣埅鏈嶅姟宸ヤ綔鐨勮鐭ャ�佹儏鎰熶笌琛屼负鍊惧悜銆傚畠鏄皯鑸湇鍔¤川閲忕殑涓�椤归噸瑕佸唴瀹广�傚湪姘戣埅鏈嶅姟杩囩▼涓紝姘戣埅鏈嶅姟浜哄憳蹇呴』鍏呭垎灏婇噸鏃呭锛岀敤鑷繁鐪熻瘹鐨勫井绗戝拰鐑勘鐨勬�佸害璁╂梾瀹㈡弧鎰忥紝缁欐梾瀹㈢暀涓嬬編濂借�屾繁鍒荤殑鍗拌薄銆�
@@ -5616,6 +5648,15 @@
             collectImg: require("../../assets/images/icon/heart.png"),
             collectCheck: require("../../assets/images/icon/heart-check.png"),
             videoPathOne: "",
+            videoPathTwo: "",
+            videoPathThree: "",
+            videoPathFour: "",
+            videoPathFive: "",
+            videoPathSix: "",
+            videoPathSeven: "",
+            videoPathEight: "",
+            videoPathNine: "",
+            videoPathTen: "",
             collectResourceList: [],
             questionData: {
                 isComplete: false,
@@ -5836,8 +5877,15 @@
             chapterData: {
                 isCollectVideo: false,
                 isCollectVideo01: false,
+                isCollectVideo02: false,
+                isCollectVideo03: false,
+                isCollectVideo04: false,
+                isCollectVideo05: false,
+                isCollectVideo06: false,
+                isCollectVideo07: false,
+                isCollectVideo08: false,
+                isCollectVideo09: false,
             },
-
         };
     },
     async mounted() {
@@ -5866,8 +5914,33 @@
                 "f230fd8fd7952a4ad4dd05d94df7e797"
             );
             this.videoPathTwo = await getResourcePath(
-                "700cfdb8b85b372045b1e97e3356ae3a"
+                "1112e7daf609c501c2a99cfc53974ad0"
             );
+            this.videoPathThree = await getResourcePath(
+                "f230fd8fd7952a4ad4dd05d94df7e797"
+            );
+            this.videoPathFour = await getResourcePath(
+                "f230fd8fd7952a4ad4dd05d94df7e797"
+            );
+            this.videoPathFive = await getResourcePath(
+                "f230fd8fd7952a4ad4dd05d94df7e797"
+            );
+            this.videoPathSix = await getResourcePath(
+                "544f826ccecc3a5ef5a924f3de20b50d"
+            );
+            this.videoPathSeven = await getResourcePath(
+                "ebc74289f2e6628c92f721e8946863d3"
+            );
+            this.videoPathEight = await getResourcePath(
+                "2249b07d554da66c40b31a3738b5be41"
+            );
+            this.videoPathNine = await getResourcePath(
+                "f230fd8fd7952a4ad4dd05d94df7e797"
+            );
+            this.videoPathTen = await getResourcePath(
+                "f230fd8fd7952a4ad4dd05d94df7e797"
+            );
+
             for (let index = 0; index < this.chapter002.videoMd5.length; index++) {
                 const item = this.chapter002.videoMd5[index];
                 if (item.md5 && !item.md5.includes('https:')) {
@@ -5907,12 +5980,37 @@
                 this.handleCollectResource(e.md5, e.md5, '', "瑙嗛", "bits", '寰灏忚鍫傦細' + e.name)
                 e.isCollectVideo = !e.isCollectVideo
             } else if (e == 'video-01') {
-                this.handleCollectResource("f230fd8fd7952a4ad4dd05d94df7e797", "f230fd8fd7952a4ad4dd05d94df7e797", '', "瑙嗛", "bits", '瑙嗛锛氬績鐞嗗鐨勬祦娲�')
+                this.handleCollectResource("f230fd8fd7952a4ad4dd05d94df7e797", "f230fd8fd7952a4ad4dd05d94df7e797", '', "瑙嗛", "bits", '瑙嗛锛氬績鐞嗘晥搴�')
                 this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo
             } else if (e == 'video-02') {
-                this.handleCollectResource("700cfdb8b85b372045b1e97e3356ae3a", "700cfdb8b85b372045b1e97e3356ae3a", '', "瑙嗛", "bits", '瑙嗛锛氬績鐞嗗鐨勭爺绌跺唴瀹�')
+                this.handleCollectResource("1112e7daf609c501c2a99cfc53974ad0", "1112e7daf609c501c2a99cfc53974ad0", '', "瑙嗛", "bits", '瑙嗛锛氭劅鐭ヨ鐨勫熀鏈唴瀹�')
                 this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01
+            } else if (e == 'video-03') {
+                this.handleCollectResource("f230fd8fd7952a4ad4dd05d94df7e797", "f230fd8fd7952a4ad4dd05d94df7e797", '', "瑙嗛", "bits", '瑙嗛锛氶┈鏂礇鐨勯渶瑕佸眰娆$悊璁�')
+                this.chapterData.isCollectVideo02 = !this.chapterData.isCollectVideo02
+            } else if (e == 'video-04') {
+                this.handleCollectResource("f230fd8fd7952a4ad4dd05d94df7e797", "f230fd8fd7952a4ad4dd05d94df7e797", '', "瑙嗛", "bits", '瑙嗛锛氱壒娈婃梾瀹㈡湇鍔�')
+                this.chapterData.isCollectVideo03 = !this.chapterData.isCollectVideo03
+            } else if (e == 'video-05') {
+                this.handleCollectResource("f230fd8fd7952a4ad4dd05d94df7e797", "f230fd8fd7952a4ad4dd05d94df7e797", '', "瑙嗛", "bits", '瑙嗛锛氭皵璐ㄧ被鍨�')
+                this.chapterData.isCollectVideo04 = !this.chapterData.isCollectVideo04
+            } else if (e == 'video-06') {
+                this.handleCollectResource("544f826ccecc3a5ef5a924f3de20b50d", "544f826ccecc3a5ef5a924f3de20b50d", '', "瑙嗛", "bits", '瑙嗛锛氫笉鍚屾皵璐ㄧ被鍨嬫梾瀹㈢殑涓�х壒寰佷笌鏈嶅姟瑕佺偣')
+                this.chapterData.isCollectVideo05 = !this.chapterData.isCollectVideo05
+            } else if (e == 'video-07') {
+                this.handleCollectResource("ebc74289f2e6628c92f721e8946863d3", "ebc74289f2e6628c92f721e8946863d3", '', "瑙嗛", "bits", '瑙嗛锛氭儏缁�')
+                this.chapterData.isCollectVideo06 = !this.chapterData.isCollectVideo06
+            } else if (e == 'video-08') {
+                this.handleCollectResource("2249b07d554da66c40b31a3738b5be41", "2249b07d554da66c40b31a3738b5be41", '', "瑙嗛", "bits", '瑙嗛锛氭皯鑸湇鍔′汉鍛樼殑鎯呯华璋冩帶')
+                this.chapterData.isCollectVideo07 = !this.chapterData.isCollectVideo07
+            } else if (e == 'video-09') {
+                this.handleCollectResource("f230fd8fd7952a4ad4dd05d94df7e797", "f230fd8fd7952a4ad4dd05d94df7e797", '', "瑙嗛", "bits", '瑙嗛锛氭�佸害')
+                this.chapterData.isCollectVideo08 = !this.chapterData.isCollectVideo08
+            } else if (e == 'video-10') {
+                this.handleCollectResource("f230fd8fd7952a4ad4dd05d94df7e797", "f230fd8fd7952a4ad4dd05d94df7e797", '', "瑙嗛", "bits", '瑙嗛锛氭皯鑸湇鍔℃�佸害')
+                this.chapterData.isCollectVideo09 = !this.chapterData.isCollectVideo09
             }
+
             this.handleChapter002();
             this.handleChapterData();
         },
@@ -5942,12 +6040,12 @@
 </script>
 
 <style lang="less" scoped>
-hr{
-        margin-left: 0;
-        margin-bottom: 4px;
-        width: 15.5%; 
-        border: none;
-        height: 1.5px;
-        background-color: #000;
-    }
+hr {
+    margin-left: 0;
+    margin-bottom: 4px;
+    width: 15.5%;
+    border: none;
+    height: 1.5px;
+    background-color: #000;
+}
 </style>
diff --git a/src/books/civilServices/view/components/index.vue b/src/books/civilServices/view/components/index.vue
index 23cc3d4..ae6cfed 100644
--- a/src/books/civilServices/view/components/index.vue
+++ b/src/books/civilServices/view/components/index.vue
@@ -178,8 +178,8 @@
     }, 500);
 
     // 娴嬭瘯椤甸潰璺宠浆
-    setTimeout(() => {
-      this.gotoPage(2,32);
+    // setTimeout(() => {
+    //   this.gotoPage(3,79);
     //   setTimeout(() => {
     //     this.renderSign("Highlight", {
     //       id: "2ACA9359",
@@ -193,7 +193,7 @@
     //     ids: ["2ACA9359"]
     //   });
     // }, 2000);
-    }, 500);
+    // }, 500);
 
     // const pageDom = (this.container ? this.container : document)
     //   .querySelector("#app")

--
Gitblit v1.9.1