From 30d147c4c92dbfd5ca1b2f8c24a617dc82d2d25b Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期一, 28 四月 2025 18:34:51 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

---
 src/books/aviationEtiquette/view/components/chapter005.vue | 1388 +++++++++++++++++++++++++++++++--------------------------
 1 files changed, 750 insertions(+), 638 deletions(-)

diff --git a/src/books/aviationEtiquette/view/components/chapter005.vue b/src/books/aviationEtiquette/view/components/chapter005.vue
index f92a471..b666e06 100644
--- a/src/books/aviationEtiquette/view/components/chapter005.vue
+++ b/src/books/aviationEtiquette/view/components/chapter005.vue
@@ -9,57 +9,113 @@
         </ul>
         <div class="bodystyle">
           <h1 id="a009">
-            <span class="h1-bj">鎷撳睍妯″潡</span
-            ><span class="h1-bk">绀间华娲诲姩绛栧垝</span>
+            <span class="h1-bj">鎷撳睍妯″潡</span><span class="h1-bk">绀间华娲诲姩绛栧垝</span>
           </h1>
           <h2 id="b011">椤圭洰涓�銆�瀛︿範绛栧垝绀间华鎯呮櫙鍓�</h2>
           <div class="tp-3">
-            <p class="center">
+            <p class="tl-f td-0">
               <img class="rwmb-4" alt="" src="../../assets/images/tb.png" />
             </p>
           </div>
+          <p class="td-0 mt-10 mb-10"><span class="bj2">路鎬濈淮瀵煎浘路</span></p>
+          <p class="td-0 openImgBox"><img class="img-0" src="../../assets//images/unitFive-01.png" alt=""></p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <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>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氬涔犵ぜ浠儏鏅墽鐨勭瓥鍒�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo01 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '49cdf2e707f9f69b91167c285890c6f8'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-02')" />
+              </el-tooltip>
+            </p>
+          </div>
+          <div class="video-box">
+            <p class="center text td-0">
+              <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>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氱ぜ浠儏鏅墽鐨勮鐭�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo02 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'd4b25959b1c7f85b2762be516aefe078'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-03')" />
+              </el-tooltip>
+            </p>
+          </div>
           <div class="bk">
-            <div class="bk1">
-              <p><span class="bj1">鈻犮��椤圭洰鎻忚堪銆�鈻�</span></p>
-            </div>
-            <p>
+            <p class="bj1-qjms fl al-c">
+              <span class="span-box"></span><span class="span-text">椤圭洰鎻忚堪</span><span class="span-box"></span>
+            </p>
+            <p class="fz-15">
               瀹炰範缁撴潫鐨勬潕涓藉洖鍒版牎鍥紝鐔熸倝鐨勬牎鍥敓娲昏濂瑰厖婊℃椿鍔涖�傚張鍒颁簡涓�骞翠竴搴︾殑鑹烘湳鑺傦紝鏉庝附鍜屽悓瀛︿滑鎯崇潃瑕佸皢瀹炰範鏈熼棿鐨勭粡鍘嗛�氳繃鎯呮櫙鍓у悜鍏朵粬鍚屽灞曠ず锛屼絾鏄�庢牱鍒涗綔鍜岀紪鎺掔ぜ浠儏鏅墽灏遍毦浣忎簡濂广�傞�氳繃鏈」鐩殑瀛︿範锛屼簡瑙f儏鏅墽鐨勯噴涔夊拰浣滅敤锛屽浼氬垱浣滄儏鏅墽銆�
             </p>
           </div>
           <div class="bk">
-            <div class="bk1">
-              <p><span class="bj1">鈻犮��绀煎湪韬竟銆�鈻�</span></p>
-            </div>
-            <p>
+            <p class="bj1-qjms fl al-c">
+              <span class="span-box"></span><span class="span-text">绀煎湪韬竟</span><span class="span-box"></span>
+            </p>
+            <p class="fz-15">
               鎯呮櫙鍓ф槸涓�闂ㄧ患鍚堟�ц〃婕旇壓鏈紝婕斿憳鏍规嵁鏁呬簨鎯呰妭锛岄�氳繃璇█銆佽〃鎯呫�佽偄浣撱�佹儏鎰熺殑鍚堢悊閰嶅悎锛岀敓鍔ㄥ舰璞″湴灏嗘晠浜嬫渶鍘熷銆佹渶鐪熷疄鐨勪竴闈㈠睍鐜扮粰瑙備紬銆傜ぜ浠儏鏅墽浣滀负鍜屽鐢熺敓娲绘渶涓鸿创杩戠殑鑹烘湳锛屽畠缁煎悎浜嗘枃瀛︺�佺編鏈�侀煶涔愩�佽垶韫堛�佽瑷�銆佺ぞ浼氭儏鎰熺瓑澶氫釜棰嗗煙锛岃兘澶熷湪绀间华璁粌涓捣鍒伴噸瑕佺殑浣滅敤锛屼績杩涘鐢熷叏闈㈠彂灞曘��
             </p>
           </div>
           <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">
+            <div class="bj3 fz-15">
               <p>1.浣犵湅杩囩殑鎯呮櫙鍓ф湁鍝簺锛熻瘯鐫�涓惧嚑涓緥瀛愩��</p>
-              <textarea v-model="questionData.askAbout.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
-                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
               <p>
                 2.浣犺寰楀簲濡備綍婕旂粠绀间华鎯呮櫙鍓э紵璇ラ�夋嫨浠�涔堟牱鐨勬儏鏅墽鏉ヨ缁冨憿锛�
               </p>
-              <textarea v-model="questionData.askAbout.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
-                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h3 id="c034">
-            <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>
           <p>2.浜嗚В绀间华鎯呮櫙鍓х殑鐗圭偣鍜屽垱浣滄�濊矾銆�</p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <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>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo03 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '78a2562f8f80c90e54d299d38abb2d1d'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-04')" />
+              </el-tooltip>
+            </p>
+          </div>
         </div>
       </div>
     </div>
@@ -68,8 +124,8 @@
       <div v-if="showPageList.indexOf(154) > -1">
         <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">148</span>
-               <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+            <span class="mr-10 pNum">148</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="" />
@@ -98,7 +154,7 @@
           </p>
           <h6 id="f054">3.鎯呮櫙鍓т績杩涘鐢熸兂璞″姏銆佸垱閫犲姏浠ュ強璇█鐨勫彂灞�</h6>
           <p>
-            鎯呮櫙鍓ц〃婕旇兘澶熶績杩涘鐢熸兂璞″姏鐨勫彂灞曘�傚鐢熻兘澶熷湪鍐呭涓板瘜鐨勬晠浜嬭〃婕旀椿鍔ㄤ腑锛�
+            鎯呮櫙鍓ц〃婕旇兘澶熶績杩涘鐢熸兂璞″姏鐨勫彂灞曘�傚鐢熻兘澶熷湪鍐呭涓板瘜鐨勬晠浜嬭〃婕旀椿鍔ㄤ腑锛岃繍鐢ㄦ兂璞¤繘琛屽啀鍒涢�狅紝浠庤�屾彁楂樺垱鏂拌兘鍔涳紝鍩瑰吇璇█鑳藉姏銆�
           </p>
         </div>
       </div>
@@ -109,13 +165,12 @@
         <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="header-right-Number cloud"><img class=""  src="../../assets/images/yemei02.png" alt="" /></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>
         </ul>
         <div class="bodystyle">
-          <p>杩愮敤鎯宠薄杩涜鍐嶅垱閫狅紝浠庤�屾彁楂樺垱鏂拌兘鍔涳紝鍩瑰吇璇█鑳藉姏銆�</p>
           <h4 id="d108">浜屻�佺ぜ浠儏鏅墽鐨勭壒鐐瑰拰鍒涗綔鎬濊矾</h4>
           <h5 id="e145">锛堜竴锛夌ぜ浠儏鏅墽鐨勭壒鐐�</h5>
           <p>鎯呮櫙鍓у叿澶囦互涓嬩袱涓壒鐐广��</p>
@@ -139,16 +194,30 @@
             锛�2锛夊鎯呮櫙涓汉鐗╃殑瀵圭櫧鍜屽敱璇嶇殑璁捐鎬濊矾锛氱嫭鐧姐�佹梺鐧姐�佸鐧斤紝鏄墽鏈殑涓昏缁勬垚閮ㄥ垎锛屽叾浠诲姟鏄睍寮�鎯呰妭銆佹彁绀轰汉鐗╂�ф牸銆佽〃鐜颁富棰樻�濇兂銆�
           </p>
           <h3 id="c035">
-            <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>
           <p>2.鎺屾彙绀间华鎯呮櫙鍓х殑缂栧垱鏂瑰紡銆�</p>
-          <h4 id="d109">涓�銆佺ぜ浠儏鏅墽鐨勨�滃叆鐢烩��</h4>
-          <p>
-            绀间华鎯呮櫙鍓ц垶鍙板尯鍩熺殑鍒掑垎鏄婕斿鐞嗚垶鍙拌皟搴︾殑鍩烘湰渚濇嵁銆傝垶鍙板尯涓�鑸垎涓哄叚涓尯锛屽嵆1鈥斾腑鍓嶅尯銆�2鈥斾腑鍚庡尯銆�3鈥斿彸鍓嶅尯銆�4鈥斿乏鍓嶅尯銆�5鈥斿彸鍚庡尯銆�6鈥斿乏鍚庡尯锛屽叾涓�
-          </p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <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 == '460dbcdc0c34cbac9ca90c343dbf89b9'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-05')" />
+              </el-tooltip>
+            </p>
+          </div>
         </div>
       </div>
     </div>
@@ -157,16 +226,19 @@
       <div v-if="showPageList.indexOf(156) > -1">
         <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">150</span>
-               <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+            <span class="mr-10 pNum">150</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="" />
           </li>
         </ul>
         <div class="bodystyle">
-          <p>1涓虹劍鐐瑰尯锛�2銆�3銆�4涓烘鐒︾偣鍖猴紝5銆�6涓烘湯鐒︾偣鍖猴紙瑙佸浘5-1-1锛夈��</p>
-          <p class="center">
+          <h4 id="d109">涓�銆佺ぜ浠儏鏅墽鐨勨�滃叆鐢烩��</h4>
+          <p>
+            绀间华鎯呮櫙鍓ц垶鍙板尯鍩熺殑鍒掑垎鏄婕斿鐞嗚垶鍙拌皟搴︾殑鍩烘湰渚濇嵁銆傝垶鍙板尯涓�鑸垎涓哄叚涓尯锛屽嵆1鈥斾腑鍓嶅尯銆�2鈥斾腑鍚庡尯銆�3鈥斿彸鍓嶅尯銆�4鈥斿乏鍓嶅尯銆�5鈥斿彸鍚庡尯銆�6鈥斿乏鍚庡尯锛屽叾涓�1涓虹劍鐐瑰尯锛�2銆�3銆�4涓烘鐒︾偣鍖猴紝5銆�6涓烘湯鐒︾偣鍖猴紙瑙佸浘5-1-1锛夈��
+          </p>
+          <p class="center openImgBox">
             <img class="img-c" alt="" src="../../assets/images/0156-1.jpg" />
           </p>
           <p class="img">鍥�5-1-1 鑸炲彴鍖�</p>
@@ -191,9 +263,6 @@
           <p>
             绀间华鎯呮櫙鍓ф槸绀间华鏁欏涓潪甯搁噸瑕佺殑鏁欏褰㈠紡鍜屾柟娉曘�傚畠閫氳繃鎯呭妯℃嫙鍜岃鑹叉壆婕旓紝璁╁鐢熶富鍔ㄥ弬涓庛�佽嚜涓荤紪鎺掞紝韬复鍏跺鍦拌繘琛屾紨缁庯紝閫氳繃鍏蜂綋鐨勮垶鍙板舰璞″啀鐜版棩甯哥敓娲汇�佺ぞ浼氫氦寰�鍜岀浉鍏冲伐浣滃矖浣嶄腑缁煎悎杩愮敤绀间华鐭ヨ瘑銆佹妧鑳借繘琛屾矡閫氬拰鏈嶅姟鐨勬儏鏅紝杈惧埌鏁欒偛鍚彂鐨勭洰鐨勩��
           </p>
-          <p>
-            绀间华鎯呮櫙鍓ф槸绀间华璇惧爞鏁欏鐨勫欢浼革紝缁撳悎鐩稿叧鐭ヨ瘑鐐瑰拰鎶�鑳界偣锛屽垱璁句竴涓叿浣撶殑鍦烘櫙锛岄拡瀵逛竴涓富棰樿繘琛岀浉鍏充簨浠剁殑婕旂粠锛屾槸鎺ㄥ姩浜轰滑鏂囨槑绀艰矊琛屼负杩涚▼鐨勮壓鏈〃鐜板舰
-          </p>
         </div>
       </div>
     </div>
@@ -203,14 +272,14 @@
         <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="header-right-Number cloud"><img class=""  src="../../assets/images/yemei02.png" alt="" /></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>
         </ul>
         <div class="bodystyle">
           <p>
-            寮忋�傜ぜ浠儏鏅墽鐨勫垱浣滆鍏堥�夋嫨涓婚锛岀劧鍚庤繘琛屼汉鐗╄璁★紝鎾板啓鍓ф湰锛屾渶鍚庡啀鏂熷瓧閰屽彞鍦颁慨鏀癸紝涓�鏄浣撶幇鎯呮櫙鍓у眰闈㈢殑鍘熷垱鎬с�佸畬鏁存�с�佹垙鍓ф�э紝浜屾槸瑕佷綋鐜颁环鍊艰灞傞潰鐨勬暀鑲叉�с�佸垱鏂版�у拰鍚稿紩鎬с��
+            绀间华鎯呮櫙鍓ф槸绀间华璇惧爞鏁欏鐨勫欢浼革紝缁撳悎鐩稿叧鐭ヨ瘑鐐瑰拰鎶�鑳界偣锛屽垱璁句竴涓叿浣撶殑鍦烘櫙锛岄拡瀵逛竴涓富棰樿繘琛岀浉鍏充簨浠剁殑婕旂粠锛屾槸鎺ㄥ姩浜轰滑鏂囨槑绀艰矊琛屼负杩涚▼鐨勮壓鏈〃鐜板舰寮忋�傜ぜ浠儏鏅墽鐨勫垱浣滆鍏堥�夋嫨涓婚锛岀劧鍚庤繘琛屼汉鐗╄璁★紝鎾板啓鍓ф湰锛屾渶鍚庡啀鏂熷瓧閰屽彞鍦颁慨鏀癸紝涓�鏄浣撶幇鎯呮櫙鍓у眰闈㈢殑鍘熷垱鎬с�佸畬鏁存�с�佹垙鍓ф�э紝浜屾槸瑕佷綋鐜颁环鍊艰灞傞潰鐨勬暀鑲叉�с�佸垱鏂版�у拰鍚稿紩鎬с��
           </p>
           <p>
             鍦ㄨ璁$ぜ浠儏鏅墽鐨勭紪鎺掓�濊矾鏃讹紝涓嶄粎瑕佹敞閲嶅绀间华鐭ヨ瘑鐐瑰拰鎶�鑳界偣杩涜鍐呭寲锛屽紭鎵ぞ浼氫富涔夋牳蹇冧环鍊艰锛屾洿搴旀敞閲嶈璧忔�у拰鑸炲彴鏁堟灉銆傝垶鍙版晥鏋滅殑鍛堢幇锛屼竴鏂归潰鍦ㄤ簬婕斿憳鐨勬湇瑁呫�佽瑷�琛ㄨ揪銆佺鎯呭姩浣溿�佹儏鎰熼泦鑱氬拰鐖嗗彂锛涘彟涓�鏂归潰鍦ㄤ簬閬撳叿鐨勪娇鐢紝鎶�鏈墜娈电殑搴旂敤鍜岃儗鏅煶涔愩�佽棰戠敾闈㈢殑娓叉煋銆�
@@ -234,7 +303,7 @@
             渚嬪锛屽湪琛ㄦ紨銆婃棤闄即鍎跨銆嬩箻鏈烘晠浜嬫椂锛岃儗鏅煶涔愭槸娓╅Θ銆佸拰璋愮殑鏃犱汉澹颁即濂忋��
           </p>
           <p>
-            缁间笂鎵�杩帮紝绀间华鎯呮櫙鍓х殑鍒涗綔鍜岀紪鎺掍笉浠呰鍔犲己涓撲笟绀间华鏁欒偛鐨勭煡璇嗘笚閫忥紝鏇磋瀹炵幇涓庢枃鍖栫礌璐ㄦ暀鑲茬殑鏈夋満璐�氥�傛暀甯堝彲閫氳繃绀间华鎯呮櫙鍓х殑鏁欏鏂规硶锛屽垱鏂扮ぜ浠鍫傛暀瀛﹀舰寮忥紝鎻愰珮璇惧爞鍚稿紩鍔涳紝瀹炵幇鏁欎功涓庤偛浜虹殑瀹岀編缁撳悎锛屽寮哄鐢熲�滃緥宸辨暚浜衡�濈殑浣撻獙鍜屾劅鎮燂紝鎻愬崌鍏堕亾寰锋儏鎿嶅拰绮剧澧冪晫銆傚悓鏃讹紝涔熻骞垮ぇ闈掑勾瀛︾敓浠庝腑鍗庝紭绉�绀间华鏂囧寲涓緱鍒�
+            缁间笂鎵�杩帮紝绀间华鎯呮櫙鍓х殑鍒涗綔鍜岀紪鎺掍笉浠呰鍔犲己涓撲笟绀间华鏁欒偛鐨勭煡璇嗘笚閫忥紝鏇磋瀹炵幇涓庢枃鍖栫礌璐ㄦ暀鑲茬殑鏈夋満璐�氥�傛暀甯堝彲閫氳繃绀间华鎯呮櫙鍓х殑鏁欏鏂规硶锛屽垱鏂扮ぜ浠鍫傛暀瀛﹀舰寮忥紝鎻愰珮璇惧爞鍚稿紩鍔涳紝瀹炵幇鏁欎功涓庤偛浜虹殑瀹岀編缁撳悎锛屽寮哄鐢熲�滃緥宸辨暚浜衡�濈殑浣撻獙鍜屾劅鎮燂紝鎻愬崌鍏堕亾寰锋儏鎿嶅拰绮剧澧冪晫銆傚悓鏃讹紝涔熻骞垮ぇ闈掑勾瀛︾敓浠庝腑鍗庝紭绉�绀间华鏂囧寲涓緱鍒版粙鍏伙紝澧炲己搴曟皵锛屾洿鍔犲潥瀹氭枃鍖栬嚜瑙変笌鏂囧寲鑷俊锛屽姫鍔涙垚涓虹ぞ浼氫富涔変簨涓氱殑鍚堟牸寤鸿鑰呬笌鍙潬鎺ョ彮浜恒��
           </p>
         </div>
       </div>
@@ -244,61 +313,69 @@
       <div v-if="showPageList.indexOf(158) > -1">
         <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">152</span>
-               <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+            <span class="mr-10 pNum">152</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="" />
           </li>
         </ul>
         <div class="bodystyle">
-          <p>
-            婊嬪吇锛屽寮哄簳姘旓紝鏇村姞鍧氬畾鏂囧寲鑷涓庢枃鍖栬嚜淇★紝鍔姏鎴愪负绀句細涓讳箟浜嬩笟鐨勫悎鏍煎缓璁捐�呬笌鍙潬鎺ョ彮浜恒��
-          </p>
           <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">
+            <div class="bj3 fz-15">
               <p class="center">
                 <span class="cs1">浣犱細鎬庢牱璁捐鎯呮櫙鍓х粨鏋�</span>
               </p>
-              <p>鎭伴�㈣�佸笀鐢熸棩銆備笁鍚嶅悓瀛︿竴璧峰幓鑰佸笀瀹舵嫓璁裤��</p>
-              <p>
+              <p class="block">鎭伴�㈣�佸笀鐢熸棩銆備笁鍚嶅悓瀛︿竴璧峰幓鑰佸笀瀹舵嫓璁裤��</p>
+              <p class="block">
                 鏉ュ埌鑰佸笀瀹讹紝鑰佸笀澶鐑儏鎷涘緟锛堝叿浣撳唴瀹硅嚜宸卞畨鎺掞紝濡傜О鍛间笂銆侀キ妗屼笂绛夌殑缁嗚妭锛夈�傛鏃讹紝鍙︿竴娉㈠悓瀛﹀墠鏉ユ嫓璁裤�傜浉澶勪腑鍥犱负涔犳儻涓嶅悓闂瑰嚭浜嗙瑧璇濄��
               </p>
-              <p>
+              <p class="block">
                 涓変汉鍦ㄥ洖瀹惰矾涓婁簰鎻�佸簳锛屾倝鏁板鏂圭ぜ浠笉鍒颁綅涔嬪锛堝灏卞骇鐨勪綅缃�佹彙鎵嬬殑鍔涘害浠h〃浠�涔堢瓑锛夈�備笁浜鸿〃绀鸿绔嬪織瀛︿範鏂囨槑绀间华銆�
               </p>
-              <p>
+              <p class="block">
                 鏍规嵁浣犲绀间华瑙勮寖鐨勪簡瑙o紝鍙惁瀵瑰叾涓殑鏁呬簨杩涜鎯呮櫙鍓х粨鏋勫垱閫狅紵浣犱細鎬庝箞璁捐鎯呮櫙鍓х殑缁撴瀯鍛紵
               </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-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
-          <p><span class="bj2">路绀间箣瀹炶返路</span></p>
-          <p class="center">
-            <img class="img-c" alt="" src="../../assets/images/0158-1.jpg" />
-          </p>
-          <p class="img">鍥�5-1-2 閿�鍞満鏅�</p>
-          <p class="center">
-            <img class="img-c" alt="" src="../../assets/images/0158-2.jpg" />
-          </p>
-          <p class="img">鍥�5-1-3 闈㈣瘯鍦烘櫙</p>
-          <p class="center">
-            <img class="img-c" alt="" src="../../assets/images/0158-3.jpg" />
-          </p>
-          <p class="img">鍥�5-1-4 椁愬巺鍦烘櫙</p>
-          <p class="center">
-            <img class="img-c" alt="" src="../../assets/images/0158-4.jpg" />
-          </p>
-          <p class="img">鍥�5-1-5 鏈哄満鏈嶅姟鍦烘櫙</p>
-          <p>
+          <p class="td-0 mb-10 mt-10"><span class="bj2">路绀间箣瀹炶返路</span></p>
+          <div class="fl al-fe mt-10">
+            <span>
+              <p class="center openImgBox">
+                <img class="w80" alt="" src="../../assets/images/0158-1.jpg" />
+              </p>
+              <p class="img">鍥�5-1-2 閿�鍞満鏅�</p>
+            </span>
+            <span>
+              <p class="center openImgBox">
+                <img class="w80" alt="" src="../../assets/images/0158-2.jpg" />
+              </p>
+              <p class="img">鍥�5-1-3 闈㈣瘯鍦烘櫙</p>
+            </span>
+          </div>
+          <div class="fl al-fe mt-10">
+            <span>
+              <p class="center openImgBox">
+                <img class="img-b" alt="" src="../../assets/images/0158-3.jpg" />
+              </p>
+              <p class="img">鍥�5-1-4 椁愬巺鍦烘櫙</p>
+            </span>
+            <span>
+              <p class="center openImgBox">
+                <img class="img-b" alt="" src="../../assets/images/0158-4.jpg" />
+              </p>
+              <p class="img">鍥�5-1-5 鏈哄満鏈嶅姟鍦烘櫙</p>
+            </span>
+          </div>
+          <p class="block">
             1.鑷閫夊彇鍥剧墖锛屽垎鏋愮敾闈腑鐨勫彲瑙嗗唴瀹癸紝浠庤�岃繘琛屼汉鐗╁叧绯诲拰浜嬩欢鐨勫垎鏋愯璁恒��
           </p>
         </div>
@@ -310,169 +387,58 @@
         <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="header-right-Number cloud"><img class=""  src="../../assets/images/yemei02.png" alt="" /></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>
         </ul>
         <div class="bodystyle">
-          <p>2.鍑嗗涓ゅ箙鍏ョ敾鐨勫浘鐗囪繘琛屼綔涓氱殑缂栨帓銆�</p>
-          <p>3.鍒涢�犱竴涓叿鏈夎鍔ㄦ�у拰瀹炶返鎬х殑鑸炲彴鐜锛屼粠鑰屽紑灞曟椿鍔ㄣ��</p>
-          <p><span class="bj2">路椤圭洰鑷祴路</span></p>
+          <p class="block">2.鍑嗗涓ゅ箙鍏ョ敾鐨勫浘鐗囪繘琛屼綔涓氱殑缂栨帓銆�</p>
+          <p class="block">3.鍒涢�犱竴涓叿鏈夎鍔ㄦ�у拰瀹炶返鎬х殑鑸炲彴鐜锛屼粠鑰屽紑灞曟椿鍔ㄣ��</p>
+          <p class="td-0 mb-10 mt-10"><span class="bj2">路椤圭洰鑷祴路</span></p>
           <p>
             1.绀间华鎯呮櫙鍓ц垶鍙板尯鍩熺殑鍒掑垎鏄婕斿鐞嗚垶鍙拌皟搴︾殑鍩烘湰渚濇嵁銆傝垶鍙板尯鍒嗕负锛堛��銆�锛変釜鍖恒�傦紙鍗曢�夐锛�
           </p>
-          <p><input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="1"
-              v-model="questionData.projectOne.one.value"
-              @change="setBookQuestion"
-            />A.4</p>
-          <p><input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="1"
-              v-model="questionData.projectOne.one.value"
-              @change="setBookQuestion"
-            />B.5</p>
-          <p><input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="1"
-              v-model="questionData.projectOne.one.value"
-              @change="setBookQuestion"
-            />C.6</p>
-          <p><input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="1"
-              v-model="questionData.projectOne.one.value"
-              @change="setBookQuestion"
-            />D.7</p>
+          <p><input type="radio" name="qtOne" :disabled="questionData.isComplete" value="A" id="1"
+              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />A.4</p>
+          <p><input type="radio" name="qtOne" :disabled="questionData.isComplete" value="B" id="1"
+              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />B.5</p>
+          <p><input type="radio" name="qtOne" :disabled="questionData.isComplete" value="C" id="1"
+              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />C.6</p>
+          <p><input type="radio" name="qtOne" :disabled="questionData.isComplete" value="D" id="1"
+              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />D.7</p>
           <p>
             2.缇庡浗濂借幈鍧炴湁涓�濂楃紪鍓ц寰嬶紝鍗冲紑绔�佽缃煕鐩俱�佽В鍐崇煕鐩俱�佸啀璁剧疆鐭涚浘锛岀洿鑷崇粨灞�銆備腑鍥戒篃鏈夎嚜宸辩殑缂栧墽瑙勫緥锛屽嵆锛堛��銆�锛夈�傦紙鍗曢�夐锛�
           </p>
-          <p><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.楂樹綆閿欒惤</p>
-          <p><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="2"
-              v-model="questionData.projectOne.two.value"
-              @change="setBookQuestion"
-            />D.璧锋壙杞悎</p>
+          <p><input type="radio" name="qtTwo" :disabled="questionData.isComplete" value="A" id="2"
+              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />A.娴撴贰鐩稿疁</p>
+          <p><input type="radio" name="qtTwo" :disabled="questionData.isComplete" value="B" id="2"
+              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />B.楂樹綆閿欒惤</p>
+          <p><input type="radio" name="qtTwo" :disabled="questionData.isComplete" value="C" id="2"
+              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />C.鎶戞壃椤挎尗</p>
+          <p><input type="radio" name="qtTwo" :disabled="questionData.isComplete" value="D" id="2"
+              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />D.璧锋壙杞悎</p>
           <p>
-            3.瀵规儏鏅〃鐜扮殑鑸炲彴璁捐鎬濊矾鍖呮嫭<input
-                  type=""
-                  name="ball1"
-                  class="fz-16 input-box"
-                  style="width: 100px"
-                  v-model="questionData.projectOne.three.value"
-                  @change="setBookQuestion"
-                />銆佽垶鍙扮編鏈�佺幆澧冦�侀煶鍝嶃��<input
-                  type=""
-                  name="ball1"
-                  class="fz-16 input-box"
-                  style="width: 100px"
-                  v-model="questionData.projectOne.three.value"
-                  @change="setBookQuestion"
-                />銆�<input
-                  type=""
-                  name="ball1"
-                  class="fz-16 input-box"
-                  style="width: 100px"
-                  v-model="questionData.projectOne.three.value"
-                  @change="setBookQuestion"
-                />銆�<input
-                  type=""
-                  name="ball1"
-                  class="fz-16 input-box"
-                  style="width: 100px"
-                  v-model="questionData.projectOne.three.value"
-                  @change="setBookQuestion"
-                />銆佽〃鎯呫�佸績鐞嗘椿鍔ㄧ瓑銆�
+            3.瀵规儏鏅〃鐜扮殑鑸炲彴璁捐鎬濊矾鍖呮嫭<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectOne.three.value1" @change="setBookQuestion" />銆佽垶鍙扮編鏈�佺幆澧冦�侀煶鍝嶃��<input type="text"
+              name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectOne.three.value2"
+              @change="setBookQuestion" />銆�<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectOne.three.value3" @change="setBookQuestion" />銆�<input type="text"
+              name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectOne.three.value4"
+              @change="setBookQuestion" />銆佽〃鎯呫�佸績鐞嗘椿鍔ㄧ瓑銆�
           </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.涓昏</p>
-          <p><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.鍦烘櫙</p>
-          <p><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="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.鏁呬簨</p>
+          <p><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.鏃堕棿</p>
           <p>5.璇风畝杩板垱浣滅ぜ浠儏鏅墽鐨勫熀鏈師鍒欍��</p>
-          <textarea
-            v-model="questionData.projectOne.five.value"
-            placeholder="璇疯緭鍏ュ唴瀹�"
-            rows="4"
-            class="fz-16 textarea-box"
-            @change="setBookQuestion"
-          ></textarea>
+          <textarea v-model="questionData.projectOne.five.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+            @change="setBookQuestion"></textarea>
         </div>
       </div>
     </div>
@@ -481,8 +447,8 @@
       <div v-if="showPageList.indexOf(160) > -1">
         <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">154</span>
-               <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+            <span class="mr-10 pNum">154</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="" />
@@ -491,57 +457,125 @@
         <div class="bodystyle">
           <h2 id="b012">椤圭洰浜屻��姘戣埅鏈嶅姟绀间华琛ㄦ紨</h2>
           <div class="tp-3">
-            <p class="center">
+            <p class="tl-f td-0">
               <img class="rwmb-4" alt="" src="../../assets/images/tb.png" />
             </p>
           </div>
+          <p class="td-0 mt-10 mb-10"><span class="bj2">路鎬濈淮瀵煎浘路</span></p>
+          <p class="td-0 openImgBox"><img class="img-0" src="../../assets//images/unitFive-02.png" alt=""></p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <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>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氭皯鑸湇鍔$ぜ浠〃婕旂患鍚堣兘鍔涜缁�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo05 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'f8ca26a51e475fb9921db5c4bdf5d1be'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-06')" />
+              </el-tooltip>
+            </p>
+          </div>
+          <div class="video-box">
+            <p class="center text td-0">
+              <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>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氶珮鑱岄櫌鏍$ぜ浠绀鸿寖灞曠ず</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo06 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '8afe53c2f626fc193a3bfb160c33f99c'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-07')" />
+              </el-tooltip>
+            </p>
+          </div>
           <div class="bk">
-            <div class="bk1">
-              <p><span class="bj1">鈻犮��椤圭洰鎻忚堪銆�鈻�</span></p>
-            </div>
-            <p>
+            <p class="bj1-qjms fl al-c">
+              <span class="span-box"></span><span class="span-text">椤圭洰鎻忚堪</span><span class="span-box"></span>
+            </p>
+            <p class="fz-15">
               鏉庝附鍜屽悓瀛︿滑鍙楅個涓虹ぞ鍖哄仛涓�鍦烘湁鍏虫皯鑸湇鍔$ぜ浠殑琛ㄦ紨锛屼粬浠潪甯搁珮鍏达紝甯屾湜閫氳繃杩欐鐨勮〃婕斿睍绀哄悓瀛︿滑鑹ソ鐨勭ぜ浠礌鍏伙紝骞跺悜绀惧尯浼犻�掓皯鑸ぜ浠煡璇嗭紝璁╂洿澶氱殑浜轰簡瑙f皯鑸�佺悊瑙f皯鑸紝涓烘皯鑸湇鍔¤川閲忕殑鎻愬崌鍋氳础鐚�傛�庢牱鎵嶈兘缂栨帓鍑哄ソ鐨勬皯鑸湇鍔$ぜ浠〃婕斿憿锛熸潕涓藉拰鍚屽浠竴璧峰姫鍔涘噯澶囩潃銆傛湰椤圭洰灏嗗姘戣埅鏈嶅姟绀间华鎶�鑳界殑灞曠ず绱犳潗瑕佹眰銆佸唴瀹硅璁°�佸垎鏋愪笌鍒涗綔鎬濊矾杩涜鎺㈣锛岀敤鑹烘湳鐨勮〃杈句紶閫掔ぜ浠枃鍖栵紝寮哄寲鏈嶅姟绀间华鎰忚瘑銆�
             </p>
           </div>
           <div class="bk">
-            <div class="bk1">
-              <p><span class="bj1">鈻犮��绀煎湪韬竟銆�鈻�</span></p>
-            </div>
-            <p class="center">
-              <img class="img-f" alt="" src="" />
+            <p class="bj1-qjms fl al-c">
+              <span class="span-box"></span><span class="span-text">绀煎湪韬竟</span><span class="span-box"></span>
             </p>
-            <p class="img">瑙嗛锛氱ぜ浠椂瑁呯</p>
-            <p>
+            <p class="fz-15">
               鏌愰珮鏍℃瘡骞翠妇琛屼簲鍥涚ぜ浠椂瑁呯锛屼互鑸┖鑱屼笟绀间华鍜屾妧鑳藉睍绀轰负涓伙紝璁╂瘡涓�鍚嶅鐢熷弬涓庤繘鏉ュ苟鎴愪负涓昏锛屽鏍囧浗闄呰禌浜嬬殑楂樿鏍笺�侀珮姘村噯锛屽叏鏂逛綅灞曠ず瀛︾敓鐨勮亴涓氶閲囧拰鏃跺皻椋庤矊銆備粠鐝骇鏅強璧涘埌鏈�缁圱鍙板憟鐜帮紝閫氳繃褰㈠舰鑹茶壊鐨勭紪鎺掑拰鏈嶈鑷埗锛屽悓瀛︿滑灞曠幇浜嗛珮搴﹁亴涓氬寲鐨勬皯鑸憳宸ョ殑涓撲笟绱犺川銆�
             </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>
+              </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 == 'd3ac730a06dcc8381de684ace3263a63'
+                  ) > -1
+                    ? collectCheck
+                    : collectImg
+                    " alt="" class="collect-btn" @click="handleCollect('video-01')" />
+                </el-tooltip>
+              </p>
+            </div>
           </div>
           <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">
+            <div class="bj3 fz-15">
               <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-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h3 id="c036">
-            <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>
           <p>2.鎺屾彙绀间华琛ㄦ紨鐨勮姹備笌鍘熷垯銆�</p>
-          <h4 id="d111">涓�銆佷綍涓虹ぜ浠〃婕�</h4>
-          <p>
-            鏈夆�滅洓涓栭缚鍎掆�濅箣绉扮殑鍞愪唬鏂囧寲鍚嶄汉瀛旈杈炬浘璇达細鈥滀腑鍥界ぜ浠箣澶э紝鏁呯О澶忥紱鏈夋湇绔犱箣
-          </p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <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>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo07 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '964332e9334f71db8d9174fa1a4911b1'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-08')" />
+              </el-tooltip>
+            </p>
+          </div>
         </div>
       </div>
     </div>
@@ -551,14 +585,15 @@
         <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="header-right-Number cloud"><img class=""  src="../../assets/images/yemei02.png" alt="" /></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>
         </ul>
         <div class="bodystyle">
+          <h4 id="d111">涓�銆佷綍涓虹ぜ浠〃婕�</h4>
           <p>
-            缇庯紝璋撲箣鍗庛�傚崕锛屽涓�涔熴�傗�濅腑鍥芥槸浼犳壙鍗冨勾鐨勭ぜ浠箣閭︼紝澹版暀鎾簬娴峰銆傜浉浼犲湪3000澶氬勾鍓嶇殑娈峰懆涔嬮檯锛屽懆鍏埗绀间綔涔愶紝灏辨彁鍑轰簡绀兼不鐨勭翰棰嗐�傚叾鍚庣粡杩囧瓟瀛愬拰涓冨崄瀛愬悗瀛︼紝浠ュ強瀛熷瓙銆佽崁瀛愮瓑浜虹殑鎻愬�″拰瀹屽杽锛岀ぜ涔愭枃鏄庢垚涓哄剴瀹舵枃鍖栫殑鏍稿績銆傝タ姹変互鍚庯紝浣滀负绀间箰鏂囧寲鐨勭悊璁哄舰鎬佸拰涓婂彜绀煎埗鐨勬笂钖紝銆婁华绀笺�嬨�婂懆绀笺�嬨�婄ぜ璁般�嬪厛鍚庤鍒楀叆瀛﹀畼锛屼笉浠呮垚涓哄彜浠f枃浜哄繀璇荤殑缁忓吀锛岃�屼笖鎴愪负鍘嗕唬鐜嬫湞鍒剁ぜ鐨勫熀纭�锛屽浜庝腑鍥芥枃鍖栧拰鍘嗗彶鐨勫奖鍝嶄箣娣辫繙锛岃嚜涓嶅緟瑷�銆�
+            鏈夆�滅洓涓栭缚鍎掆�濅箣绉扮殑鍞愪唬鏂囧寲鍚嶄汉瀛旈杈炬浘璇达細鈥滀腑鍥界ぜ浠箣澶э紝鏁呯О澶忥紱鏈夋湇绔犱箣缇庯紝璋撲箣鍗庛�傚崕锛屽涓�涔熴�傗�濅腑鍥芥槸浼犳壙鍗冨勾鐨勭ぜ浠箣閭︼紝澹版暀鎾簬娴峰銆傜浉浼犲湪3000澶氬勾鍓嶇殑娈峰懆涔嬮檯锛屽懆鍏埗绀间綔涔愶紝灏辨彁鍑轰簡绀兼不鐨勭翰棰嗐�傚叾鍚庣粡杩囧瓟瀛愬拰涓冨崄瀛愬悗瀛︼紝浠ュ強瀛熷瓙銆佽崁瀛愮瓑浜虹殑鎻愬�″拰瀹屽杽锛岀ぜ涔愭枃鏄庢垚涓哄剴瀹舵枃鍖栫殑鏍稿績銆傝タ姹変互鍚庯紝浣滀负绀间箰鏂囧寲鐨勭悊璁哄舰鎬佸拰涓婂彜绀煎埗鐨勬笂钖紝銆婁华绀笺�嬨�婂懆绀笺�嬨�婄ぜ璁般�嬪厛鍚庤鍒楀叆瀛﹀畼锛屼笉浠呮垚涓哄彜浠f枃浜哄繀璇荤殑缁忓吀锛岃�屼笖鎴愪负鍘嗕唬鐜嬫湞鍒剁ぜ鐨勫熀纭�锛屽浜庝腑鍥芥枃鍖栧拰鍘嗗彶鐨勫奖鍝嶄箣娣辫繙锛岃嚜涓嶅緟瑷�銆�
           </p>
           <p>
             绀间华琛ㄦ紨锛屽嵆鎶婄害瀹氫織鎴愮殑绀间华瑙勮寖鎴栬姹傞�氳繃鍏紬琛ㄦ紨鐨勬柟寮忥紝灏嗛璨屻�侀灏氥�佺礌鍏汇�佺壒鑹插睍绀哄嚭鏉ャ��
@@ -566,31 +601,26 @@
           <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">
+            <div class="bj3 fz-15">
               <p>
                 琛ㄦ紨鑹烘湳鐨勫垱浣滀换鍔¤姹傛紨鍛樺垱浣滃嚭鏉ョ殑浜虹墿褰㈣薄鍏锋湁瀹$編鐨勪环鍊硷紝杈惧埌鐪熴�佸杽銆佺編鐨勫拰璋愮粺涓�锛岃繖涔熸槸鍒涗綔鑰呭拰瑙傝祻鑰呭叡鍚岃拷姹傜殑鏍囧噯銆備綘璁や负绀间华琛ㄦ紨涓殑缇庢潵鑷綍澶勫憿锛�
               </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-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
-          <p><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
+          <p class="td-0 mb-10 mt-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
           <p class="center"><span class="cs1">缇庢潵鑷綍澶勶紵</span></p>
           <p><b>1.缇庢簮浜庡ぇ鑷劧</b></p>
-          <p>
+          <p class="block">
             鑷劧鐣岀殑鍚勭鍔ㄦ鐗╂渶鑳藉紩璧蜂汉浠殑瀹$編鎰熷彈銆傚彜浠d汉绫诲湪澶ц嚜鐒朵腑閲囬泦鍜岀嫨鐚庯紝灏变細瀵规墍閲囬泦鍜岀寧鍙栫殑鍔ㄦ鐗╄繘琛岄壌鍒拰姣旇緝锛氬畠浠叿鏈変粈涔堝睘鎬э紵瀹冧滑瀵逛汉鏈変粈涔堢泭澶勶紵瀹冧滑鐢熼暱鍦ㄤ粈涔堝湴鏂癸紵鍚屾椂浜虹被瀵规棩鍑烘棩钀姐�侀闆ㄩ浄鐢点�佹枟杞槦绉荤瓑鑷劧鐜拌薄锛屼篃鏈変簡鏈�鍘熷鐨勮璇嗗拰鎯宠薄銆備汉绫绘渶鍩烘湰鐨勭編鎰熸簮浜庤嚜鐒躲��
           </p>
-          <p>
+          <p class="block">
             褰撲汉浠粠鎯呮劅涓婃妸鑷劧鐣屽悓浜虹被鍔犱互鑱旂郴锛屽苟杩涜瀵规瘮鍜岃瘎浠凤紝鑷劧鐜拌薄灏辫璧嬩簣浜嗘剰璇嗗舰鎬佺殑鎰忎箟銆備緥濡傦紝鎴戜滑鍙や唬绁炶瘽涓殑鐩樺彜銆佸悗缇裤�佸濞ヤ互鍙婃渤绁炪�佸北绁炵瓑銆傚綋鑷劧涓庝汉绫荤ぞ浼氬疄璺碉紙鐢熶骇鐢熸椿锛変骇鐢熶簡鑱旂郴锛岃嚜鐒剁墿灏辨垚浜嗕汉鍖栫殑鑷劧鐗┿�傝嚜鐒剁墿灏变笉浠呮湁鍗曠函鐨勮嚜鐒跺睘鎬э紝涔熷叿鏈変簡绀句細灞炴�с�備汉鐢熸椿鍦ㄥぇ鑷劧涓紝蹇呯劧鍙楀埌澶ц嚜鐒剁殑鎰熸煋鍜岀啅闄讹紝鎰熷彈鍒颁竴绉嶆儏瓒e拰娲诲姏锛屾棤鐤戝氨浼氬皢鑷劧浜烘牸鍖栥�備緥濡傦紝鐢ㄩ珮灞辨瘮鍠讳汉鍝佸痉鐨勫帤閲嶏紝鐢ㄥぇ娴锋瘮鍠讳汉蹇冪伒鐨勫骞匡紝鐢ㄨ姳鏈垫瘮鍠荤編濂炽�傚ぇ鑷劧鐨勭編鍖栦负绮剧缇庛�佸績鐏电編锛屼粠鑰屾縺鍙戜汉绫绘洿楂樼殑杩芥眰鈥斺�旂敓娲荤編銆備粠鑷劧缇庡埌蹇冪伒缇庯紝鍐嶅埌鐢熸椿缇庯紝澶ц嚜鐒朵腑鐨勪竴鍒囬兘鏈変簡绀句細鎰忎箟銆�
-          </p>
-          <p><b>2.缇庢簮浜庡姵鍔�</b></p>
-          <p>
-            鑷彜鑷充粖锛岀編閮芥潵鑷姵鍔ㄣ�傚綋浜虹被鐩寸珛琛岃蛋锛屽湪鍔冲姩涓В鏀惧嚭鑷繁鐨勫弻鎵嬩互鍚庯紝涔�
           </p>
         </div>
       </div>
@@ -600,35 +630,36 @@
       <div v-if="showPageList.indexOf(162) > -1">
         <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">156</span>
-               <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+            <span class="mr-10 pNum">156</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="" />
           </li>
         </ul>
         <div class="bodystyle">
-          <p>
-            灏辫В鏀句簡鑷繁鐨勮韩浣撱�備粬浠瓚宸€�佽�曚綔銆佸彇鐏�佺嫨鐚庯紝涓嶄粎鍙互鏇村ソ鍦扮敓瀛橈紝涔熸彁鍗囦簡韬綋鐨勫寑绉版�у拰鍔ㄤ綔鐨勭簿纭�с�佷紭缇庢�с�傛湁鑺傚鐨勫姵鍔ㄤ腑鏄剧幇浜嗙敺鎬х殑鍔涘害鍜屽コ鎬х殑鏌旂編锛岄敾鐐间簡闈㈤儴琛ㄦ儏鐨勭伒娲绘�с�傞�氳繃鍔冲姩銆佸緛鎴樸�佺绁风殑鍚勭鍔ㄤ綔銆佸Э鎬佸強鑺傚锛屼汉浠湅鍒颁簡浜轰綋鑷韩鐨勭編锛岀敱姝ゅ紑濮嬫敞閲嶇簿绁炲唴瀹圭殑琛ㄨ揪銆傚鏀惰幏鏃剁殑鍠滄偊銆佸緛鎴樻椂鐨勫媷鏁€�佺绁锋椂鐨勮檾璇氱瓑锛屾墍浠ョ绁枫�佹眰绂忋�佹彃绉с�佷紣鏈ㄥ潎鏈変笉鍚岃妭濂忕殑姝屾洸锛屼笉浠呰〃杈句簡鍔冲姩缇庯紝涔熷垱閫犱簡鑹烘湳缇庛�傚洜姝わ紝缇庢潵婧愪簬鍔冲姩锛屽畠瀛樺湪浜庡姵鍔ㄤ箣涓��
+          <p><b>2.缇庢簮浜庡姵鍔�</b></p>
+          <p class="block">
+            鑷彜鑷充粖锛岀編閮芥潵鑷姵鍔ㄣ�傚綋浜虹被鐩寸珛琛岃蛋锛屽湪鍔冲姩涓В鏀惧嚭鑷繁鐨勫弻鎵嬩互鍚庯紝涔熷氨瑙f斁浜嗚嚜宸辩殑韬綋銆備粬浠瓚宸€�佽�曚綔銆佸彇鐏�佺嫨鐚庯紝涓嶄粎鍙互鏇村ソ鍦扮敓瀛橈紝涔熸彁鍗囦簡韬綋鐨勫寑绉版�у拰鍔ㄤ綔鐨勭簿纭�с�佷紭缇庢�с�傛湁鑺傚鐨勫姵鍔ㄤ腑鏄剧幇浜嗙敺鎬х殑鍔涘害鍜屽コ鎬х殑鏌旂編锛岄敾鐐间簡闈㈤儴琛ㄦ儏鐨勭伒娲绘�с�傞�氳繃鍔冲姩銆佸緛鎴樸�佺绁风殑鍚勭鍔ㄤ綔銆佸Э鎬佸強鑺傚锛屼汉浠湅鍒颁簡浜轰綋鑷韩鐨勭編锛岀敱姝ゅ紑濮嬫敞閲嶇簿绁炲唴瀹圭殑琛ㄨ揪銆傚鏀惰幏鏃剁殑鍠滄偊銆佸緛鎴樻椂鐨勫媷鏁€�佺绁锋椂鐨勮檾璇氱瓑锛屾墍浠ョ绁枫�佹眰绂忋�佹彃绉с�佷紣鏈ㄥ潎鏈変笉鍚岃妭濂忕殑姝屾洸锛屼笉浠呰〃杈句簡鍔冲姩缇庯紝涔熷垱閫犱簡鑹烘湳缇庛�傚洜姝わ紝缇庢潵婧愪簬鍔冲姩锛屽畠瀛樺湪浜庡姵鍔ㄤ箣涓��
           </p>
           <p><b>3.缇庢簮浜庣ぞ浼�</b></p>
-          <p>
+          <p class="block">
             浜虹被鍦ㄥ彂灞曡繃绋嬩腑涓嶄粎灞ヨ鑷繁鐨勫姵鍔ㄨ亴鑳斤紝涔熷饱琛岃嚜宸辩殑绀句細鑱岃兘銆備緥濡傦紝鍙や唬浜轰滑鍥寸寧銆佸緛鎴樸�佺绁枫�佺キ绁�鏃讹紝閮戒細浠ヤ竴绉嶆湁鑺傚鐨勫舰浣撳姩浣溿�佺粺涓�鐨勬浼愬拰澹伴煶琛ㄨ揪鍏卞悓鐨勫績鐞嗚瘔姹傘�備汉浠互绀句細鎴愬憳鐨勮韩浠藉弬鍔犵敓浜у姵鍔紝鏍规嵁鐢熶骇鎴愭灉銆佺ぞ浼氳亴鑳界殑澶у皬鎺掑簭銆傝繖璇存槑浜轰滑宸插浼氫粠绀句細鎬х殑瀹$編瑙掑害璇勪环銆佸睍绀鸿嚜宸便�備緥濡傦紝鍦ㄤ竴浜涙椿鍔ㄤ腑锛岄噸瑕佷汉鐗╂�昏鎺掑湪鍓嶉潰锛屾瑕佷汉鐗╂帓鍦ㄥ悗闈紝杩欏氨琛ㄧ幇浜嗗浜虹殑绀句細鎬х殑灏婇噸銆傚張濡傦紝鍘熷閮ㄦ棌涓己澹殑鐚庝汉锛屽洜涓轰粬浠媷鏁€�佸仴澹�佹湁鍔涢噺锛岃兘鑾峰緱鏇村鐨勭敓娲诲繀闇�鍝侊紝浜轰滑灏辩埍鎴翠粬浠�佸皧鏁粬浠�傚悓鏃讹紝浠栦滑涔熺敤鐚庣墿鐨勭墮榻跨瓑瑁呴グ鑷繁銆傞儴鏃忛棰嗕篃甯哥敤閲庡吔鐨勬瘺鐨仛澶撮グ锛屼互琛ㄦ槑鑷繁鐨勮韩浠藉拰鍦颁綅锛岀粰浜堣韩浠藉拰鑽h獕浠ョ壒娈婄殑寮鸿皟銆傝繖鏍凤紝缇庡氨鍏锋湁浜嗙ぞ浼氭�с��
           </p>
-          <p>
+          <p class="block">
             鎴戜滑涔嬫墍浠ュ磭鏁竴浜涗汉鈥斺�旀斂娌诲銆佷紒涓氬銆佹枃瀛﹀銆侀煶涔愬銆佽嫳闆勬ā鑼冿紝寰堥噸瑕佺殑鍘熷洜灏辨槸浠栦滑鎵�鍏锋湁鐨勭ぞ浼氭�с�備緥濡傦紝鍔╀汉涓轰箰鐨勯儹鏄庝箟銆佸厠宸变负浜虹殑鐧芥柟绀笺�佲�滄墦宸ョ殗鍚庘�濆惔澹畯銆佷箟鍔″埌鍐滄潙鏀暀鐨勫ぇ瀛︾敓寮犵埥銆佽垗宸变负浜虹殑鈥滄渶缇庢暀甯堚�濆紶涓借帀銆佲�滄渶缇庡徃鏈衡�濆惔鏂岀瓑锛岄兘浣撶幇浜嗗叾绀句細鎬с��
           </p>
           <p><b>4.缇庢簮浜庣鏃忕壒鎬�</b></p>
-          <p>
+          <p class="block">
             鍦ㄤ汉绫荤殑鍙戝睍杩涚▼涓紝涓嶅悓鐨勭鏃忋�佹皯鏃忔湁鐫�涓嶅悓鐨勫巻鍙插拰鍦板煙鐗圭偣锛屽崈鐧惧勾鐨勫彂灞曟紨鍙樹娇鍏跺舰鎴愪簡涓嶅悓鐨勭ぞ浼氱壒寰佸拰鐢熶骇鐢熸椿鏂瑰紡銆�
           </p>
-          <p>
+          <p class="block">
             涓嶅悓鐨勭敓娲绘柟寮忔墍灞曠ず鍑虹殑楂樺害鐨勭鏃忕壒鎬э紝缁欎汉浠ユ繁鍒荤殑瀹$編鍗拌薄骞跺叿鏈夌嫭绔嬬殑瀹$編浠峰�笺�備緥濡傦紝钘忔棌鐢熸椿鍦ㄨタ閮ㄩ珮鍘燂紝鎵�浠ユ湁涓�绉嶇矖鐘峰姜鎮嶇殑缇庯紱鑰屽偅鏃忕敓娲诲湪瑗垮弻鐗堢撼锛屽倣姘磋�屽眳锛屽洜姝ゅ叿鏈夋煍鍜屾竻涓界殑姘戞棌鐗硅壊鍜岀嫭鏈夌殑褰綋闊靛緥鐗瑰緛銆�
           </p>
-          <p>
+          <p class="block">
             姝e姝屽痉鎵�璇达細鈥滄垜浠懆鍥存湁鍏変篃鏈夐鑹诧紝浣嗘槸鎴戜滑鑷繁鐪奸噷濡傛灉娌℃湁鍏夊拰棰滆壊锛屼篃灏辩湅涓嶅埌澶栭潰鐨勫厜鍜岄鑹蹭簡銆傗�濇墍浠ユ垜浠簲璇ュ彂鐜扮編锛屼粠澶ц嚜鐒躲�佸姵鍔ㄣ�佺ぞ浼氱敓娲诲強姘戞棌鐗规�х瓑鏂归潰鍙戠幇缇庛�佸涔犵編銆備汉浠缇庣殑杩芥眰浠庢潵娌℃湁涓柇杩囷紝浜轰滑瀵圭編鐨勬璧忎粠鏉ユ病鏈夋敼鍙樿繃锛屼汉浠磭灏氱編銆佽拷姹傜編銆傛墍浠ワ紝寮�鍙戣嚜韬殑琛ㄧ幇鍔涳紝鍙湁浠ョ編涓哄墠鎻愶紝鎵嶈兘琚ぞ浼氬拰浠栦汉娆h祻鎺ュ彈锛屾墠浼氫娇鑷繁鏇村叿浜插拰鍔涖�佸惛寮曞姏銆�
           </p>
-          <p>鎯充竴鎯筹細鍝簺瀵硅薄鑳藉紩璧蜂汉浠殑缇庢劅锛熺編绌剁珶鏉ヨ嚜鍝噷锛�</p>
+          <p class="block">鎯充竴鎯筹細鍝簺瀵硅薄鑳藉紩璧蜂汉浠殑缇庢劅锛熺編绌剁珶鏉ヨ嚜鍝噷锛�</p>
         </div>
       </div>
     </div>
@@ -638,8 +669,8 @@
         <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="header-right-Number cloud"><img class=""  src="../../assets/images/yemei02.png" alt="" /></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>
         </ul>
@@ -651,29 +682,32 @@
           <p>
             杩愬姩鏄竴鍒囦簨鐗╁彂灞曠殑鍩烘湰瑙勫緥锛屼篃鏄簨鐗╃敓鍛藉姏鐨勫叿浣撹〃鐜板舰寮忋�傜ぜ浠〃婕斾綔涓烘渶鎺ヨ繎鐢熸椿褰㈡�佺殑鑹烘湳闂ㄧ被锛屽弽鏄犵殑鎭版伆鏄疄闄呭伐浣滀腑浜虹殑绀间华琛屼负銆佸姩浣溿�佹�濇兂鍜屼簨鐗╀箣闂村鏉傜殑鍙樺寲杩囩▼锛屽洜姝ょぜ浠鑼冭嚜鐒惰�岀劧鍦颁篃灏辨垚浜嗙ぜ浠〃婕旇壓鏈殑鏍稿績銆傝繖涔熸槸绀间华琛ㄦ紨鐨勫師鍒欙紝浠庡舰璞°�佽涓恒�佺溂绁炵瓑鏂归潰閮藉繀椤讳綋鐜扳�滆鑼冣�濅簩瀛椼��
           </p>
-          <p><span class="bj2">路绀间箣瀹炶返路</span></p>
-          <p>
+          <p class="td-0 mb-10 mt-10"><span class="bj2">路绀间箣瀹炶返路</span></p>
+          <p class="block">
             鍋氣�滀綘鍦ㄥ摢閲屸�濈粌涔犮�傞�氳繃鑷繁鐨勫舰浣撳姩浣滃拰绀间华琛屼负琛ㄦ槑鑷繁鍦ㄥ摢閲岋紝濡傚湪瀹㈣埍銆佽吹瀹惧銆佷細璁绛夛紝鍔犲己褰綋琛ㄧ幇鍔涘拰绀间华琛屼负鍙鎬с��
           </p>
-          <p>娉細鑷冲皯琛ㄧ幇涓夌涓嶅悓鐨勭幆澧冦��</p>
+          <p class="block">娉細鑷冲皯琛ㄧ幇涓夌涓嶅悓鐨勭幆澧冦��</p>
           <h3 id="c037">
-            <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>
           <p>2.浜嗚В姘戣埅绀间华鎶�鑳藉睍绀虹殑鍐呭璁捐銆�</p>
           <h4 id="d113">涓�銆佹皯鑸ぜ浠妧鑳藉睍绀虹殑绱犳潗瑕佹眰</h4>
-          <p class="center">
-            <img class="img-c" alt="" src="../../assets/images/0163-1.jpg" />
-          </p>
-          <p class="img">鍥�5-2-1 绀间华鎶�鑳藉睍绀�1</p>
-          <p>
-            绀间华鎶�鑳藉睍绀虹殑鐩殑鏄瀛︾敓鎶婁功鏈腑鐨勭悊璁虹煡璇嗐�佸钩闈㈢殑鏂囧瓧褰㈣薄杞寲涓洪矞娲荤殑鑸炲彴褰㈣薄锛屾妸绀间华鐞嗚褰撲腑鍏锋湁琛屽姩鎬х殑璇█鍒涢�犳�у湴杞寲涓哄叿鏈夎瑷�鎬х殑琛屽姩锛屼粠鑰屽煿鍏诲鐢熺殑鍒涢�犲姏銆傚鐢熷簲灏藉彲鑳藉鍦板涔犵悊璁猴紝鎻愰珮瀵圭ぜ浠殑閴磋祻銆佺悊瑙c�佹劅鍙楀拰鍒嗘瀽鐨勮兘鍔涖��
-          </p>
-          <p>
-            閫夋嫨绱犳潗涓�滃彲瑙嗘�у己銆佽鍔ㄦ�у己銆佹儏鎰熸�у己銆佸疄闄呮�у己鈥濈殑鐗囨锛屼綔涓烘彁楂樿嚜韬汉鐗╁垱閫犺兘鍔涚殑绱犳潗锛屼负濉戦�犳爣鍑嗚涓恒�佷紭闆呮皵璐ㄦ墦涓嬪熀纭�銆�
-          </p>
+          <div class="img-rights w250 openImgBox ">
+            <p class="center">
+              <img class="img-c" alt="" src="../../assets/images/0163-1.jpg" />
+            </p>
+            <p class="img">鍥�5-2-1 绀间华鎶�鑳藉睍绀�1</p>
+          </div>
+          <span>
+            <p>
+              绀间华鎶�鑳藉睍绀虹殑鐩殑鏄瀛︾敓鎶婁功鏈腑鐨勭悊璁虹煡璇嗐�佸钩闈㈢殑鏂囧瓧褰㈣薄杞寲涓洪矞娲荤殑鑸炲彴褰㈣薄锛屾妸绀间华鐞嗚褰撲腑鍏锋湁琛屽姩鎬х殑璇█鍒涢�犳�у湴杞寲涓哄叿鏈夎瑷�鎬х殑琛屽姩锛屼粠鑰屽煿鍏诲鐢熺殑鍒涢�犲姏銆傚鐢熷簲灏藉彲鑳藉鍦板涔犵悊璁猴紝鎻愰珮瀵圭ぜ浠殑閴磋祻銆佺悊瑙c�佹劅鍙楀拰鍒嗘瀽鐨勮兘鍔涖��
+            </p>
+            <p>
+              閫夋嫨绱犳潗涓�滃彲瑙嗘�у己銆佽鍔ㄦ�у己銆佹儏鎰熸�у己銆佸疄闄呮�у己鈥濈殑鐗囨锛屼綔涓烘彁楂樿嚜韬汉鐗╁垱閫犺兘鍔涚殑绱犳潗锛屼负濉戦�犳爣鍑嗚涓恒�佷紭闆呮皵璐ㄦ墦涓嬪熀纭�銆�
+            </p>
+          </span>
         </div>
       </div>
     </div>
@@ -682,22 +716,28 @@
       <div v-if="showPageList.indexOf(164) > -1">
         <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">158</span>
-               <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+            <span class="mr-10 pNum">158</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="" />
           </li>
         </ul>
         <div class="bodystyle">
-          <p class="center">
-            <img class="img-c" alt="" src="../../assets/images/0164-1.jpg" />
-          </p>
-          <p class="img">鍥�5-2-2 绀间华鎶�鑳藉睍绀�2</p>
-          <p class="center">
-            <img class="img-c" alt="" src="../../assets/images/0164-2.jpg" />
-          </p>
-          <p class="img">鍥�5-2-3 绀间华鎶�鑳藉睍绀�3</p>
+          <div class="fl al-fe mt-10">
+            <span>
+              <p class="center openImgBox">
+                <img class="w80" alt="" src="../../assets/images/0164-1.jpg" />
+              </p>
+              <p class="img">鍥�5-2-2 绀间华鎶�鑳藉睍绀�2</p>
+            </span>
+            <span>
+              <p class="center openImgBox">
+                <img class="w80" alt="" src="../../assets/images/0164-2.jpg" />
+              </p>
+              <p class="img">鍥�5-2-3 绀间华鎶�鑳藉睍绀�3</p>
+            </span>
+          </div>
           <p>
             棣栧厛锛岀ぜ浠妧鑳藉睍绀烘槸鍦ㄤ功鏈悊璁鸿杩扮殑鍩虹涓婏紝瀛︾敓杩涜鐨勪簩搴﹀垱浣滃拰灞曠ず銆傚洜姝わ紝蹇呴』涓ユ牸鎸夌収鐞嗚瑕佹眰鐨勭ぜ浠鑼冨拰鐭ヨ瘑鐐硅繘琛屽叏闈㈠睍绀猴紝鎶婃爣鍑嗙殑鍔ㄤ綔琛屼负鍜屽墠鍥犲悗鏋滃睍绀哄嚭鏉ャ��
           </p>
@@ -710,26 +750,25 @@
           <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">
+            <div class="bj3 fz-15">
               <p>
                 1.姘戣埅绀间华鎶�鑳藉睍绀虹殑浜虹墿澶栭儴褰㈣薄搴旇鏄粈涔堟牱瀛愮殑锛熷寘鎷湇瑁呫�佸彂鍨嬬瓑澶栭儴鐗瑰緛鐨勬瀯寤恒��
               </p>
-              <textarea v-model="questionData.askAbout.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
-                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
               <p>2.姘戣埅绀间华鎶�鑳藉睍绀虹殑琛屽姩浠诲姟鍜岀湡姝g洰鐨勬槸浠�涔堬紵</p>
-              <textarea v-model="questionData.askAbout.seven" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
-                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.seven" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h4 id="d114">浜屻�佹皯鑸ぜ浠妧鑳藉睍绀虹殑鍐呭璁捐</h4>
           <h5 id="e153">锛堜竴锛夋槑纭睍绀虹洰鐨�</h5>
           <p>
-            姘戣埅绀间华鎶�鑳藉睍绀虹殑鎸囧鎬濇兂瑕佷互鈥滃睍绀虹ぜ浠�佽绌舵枃鏄庛�佹彁鍗囩礌璐ㄣ�佸己鍖栦笓涓氣�濅负涓婚锛屼互鈥滅ぜ浠�佺ぜ璨屻�佺ぜ鑺傗�濇暀鑲蹭负閲嶇偣鍐呭锛屼互閬靛畧瑙勮寖銆佸畧鍒欑瓑鍏绘垚鏁欒偛涓虹獊鐮村彛锛�
+            姘戣埅绀间华鎶�鑳藉睍绀虹殑鎸囧鎬濇兂瑕佷互鈥滃睍绀虹ぜ浠�佽绌舵枃鏄庛�佹彁鍗囩礌璐ㄣ�佸己鍖栦笓涓氣�濅负涓婚锛屼互鈥滅ぜ浠�佺ぜ璨屻�佺ぜ鑺傗�濇暀鑲蹭负閲嶇偣鍐呭锛屼互閬靛畧瑙勮寖銆佸畧鍒欑瓑鍏绘垚鏁欒偛涓虹獊
           </p>
         </div>
       </div>
@@ -740,14 +779,14 @@
         <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="header-right-Number cloud"><img class=""  src="../../assets/images/yemei02.png" alt="" /></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>
         </ul>
         <div class="bodystyle">
-          <p>
-            鐫�鐪间簬灞曠ず瀛︾敓鐨勬�濇兂閬撳痉绱犺川銆佹枃鏄庣ぜ浠礌鍏汇�佷笓涓氭妧鑳姐�傞�氳繃绀间华鎶�鑳藉睍绀烘椿鍔紝寮哄寲鏂囨槑鎰忚瘑銆佽鑼冭█琛屼妇姝€�佸己鍖栦笓涓氭妧鑳姐�佹彁鍗囩患鍚堢礌璐ㄣ��
+          <p class="td-0">
+            鐮村彛锛岀潃鐪间簬灞曠ず瀛︾敓鐨勬�濇兂閬撳痉绱犺川銆佹枃鏄庣ぜ浠礌鍏汇�佷笓涓氭妧鑳姐�傞�氳繃绀间华鎶�鑳藉睍绀烘椿鍔紝寮哄寲鏂囨槑鎰忚瘑銆佽鑼冭█琛屼妇姝€�佸己鍖栦笓涓氭妧鑳姐�佹彁鍗囩患鍚堢礌璐ㄣ��
           </p>
           <h5 id="e154">锛堜簩锛夎瀹氬舰璞″睍绀�</h5>
           <p>
@@ -758,12 +797,49 @@
             姘戣埅鎯呮櫙鍓хぜ浠妧鑳藉睍绀虹殑鏈�澶т綔鐢ㄥ氨鏄�氳繃姘戣埅瀹為檯鎯呮櫙杩涜绀间华鎶�鑳借�冩煡锛岃姘戣埅绀间华瑙勮寖涓嶅厜鍋滅暀鍦ㄧ悊璁哄拰瑙h涓娿�傚叾鍐呭鍖呭惈杩庡绀间华銆佺О鍛肩ぜ浠�佷粙缁嶇ぜ浠�佹彙鎵嬬ぜ浠�佸悕鐗囩ぜ浠�佸紩棰嗙ぜ浠�佹暚鑼剁ぜ浠�佸骇娆$ぜ浠�侀�佸绀间华绛夛紝杩樺寘鎷皯鑸矖浣嶇殑鏈嶅姟鐢ㄨ銆佹湇鍔℃妧鑳界瓑銆�
           </p>
           <h3 id="c038">
-            <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>
           <p>2.浜嗚В姘戣埅绀间华鎶�鑳藉睍绀烘儏鏅墽鍒涗綔鎬濊矾涓庢敞鎰忎簨椤广��</p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <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>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氭皯鑸ぜ浠妧鑳藉睍绀烘儏鏅墽鐨勫垱浣滄柟娉�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo08 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '344eb0db9295fbfd83736cf3431a134a'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-09')" />
+              </el-tooltip>
+            </p>
+          </div>
+          <div class="video-box">
+            <p class="center text td-0">
+              <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 == 'c8ce4540a2e9e2122ebb6cd64c6c0c4c'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-10')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h4 id="d115">涓�銆佹皯鑸ぜ浠妧鑳藉睍绀烘儏鏅墽鐨勫垎鏋愪笌鍒涗綔鏂规硶</h4>
           <h5 id="e156">锛堜竴锛夌啛璇绘儏鏅墽鍓ф湰</h5>
           <p>
@@ -771,7 +847,7 @@
           </p>
           <h5 id="e157">锛堜簩锛変簡瑙f皯鑸儏鏅墽涓撲笟鑳屾櫙</h5>
           <p>
-            瀵规儏鏅殑涓撲笟鑳屾櫙銆佷汉鐗╄儗鏅繘琛屽垎鏋愬拰鐮旂┒銆備緥濡傦紝瀹㈣埍涔樺姟鍛樼ぜ浠儏鏅睍绀猴紝搴旈鍏堟帉鎻″鑸变箻鍔″憳鐨勪笓涓氭妧鑳斤紝濡傚鑸辫繋閫併�侀椋熶緵搴旂瓑鏈鸿埍鏈嶅姟鎶�鑳斤紝骞剁粨鍚堢ぜ浠鑼冿紝澶氭煡闃呯浉鍏宠祫鏂欙紝鍖呮嫭鏂囧瓧銆佸浘鐗囥�佽棰戠瓑锛屽敖鍙兘澶氬湴浜嗚В鍜岀啛鎮変綔鍝佷腑鐨�
+            瀵规儏鏅殑涓撲笟鑳屾櫙銆佷汉鐗╄儗鏅繘琛屽垎鏋愬拰鐮旂┒銆備緥濡傦紝瀹㈣埍涔樺姟鍛樼ぜ浠儏鏅睍绀猴紝搴旈鍏堟帉鎻″鑸变箻鍔″憳鐨勪笓涓氭妧鑳斤紝濡傚鑸辫繋閫併�侀椋熶緵搴旂瓑鏈鸿埍鏈嶅姟鎶�鑳斤紝骞剁粨鍚堢ぜ浠鑼冿紝澶氭煡闃呯浉鍏宠祫鏂欙紝鍖呮嫭鏂囧瓧銆佸浘鐗囥�佽棰戠瓑锛屽敖鍙兘澶氬湴浜嗚В鍜岀啛鎮変綔鍝佷腑鐨勬椂闂淬�佸湴鐐广�佷笓涓氳姹備互鍙婃墍鍖呭惈鐨勪汉鏂囨�濇兂鍜岀ぞ浼氶棶棰樼瓑銆�
           </p>
         </div>
       </div>
@@ -781,15 +857,14 @@
       <div v-if="showPageList.indexOf(166) > -1">
         <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">160</span>
-               <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+            <span class="mr-10 pNum">160</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="" />
           </li>
         </ul>
         <div class="bodystyle">
-          <p>鏃堕棿銆佸湴鐐广�佷笓涓氳姹備互鍙婃墍鍖呭惈鐨勪汉鏂囨�濇兂鍜岀ぞ浼氶棶棰樼瓑銆�</p>
           <h5 id="e158">锛堜笁锛夋槑纭儏鏅墽涓婚鎬濇兂</h5>
           <p>
             涓婚鏄寚浣滆�呴�氳繃鍓ф湰鍐茬獊鎻愬嚭鐨勫熀鏈棶棰樸�備富棰樻�濇兂鏄鍓ф湰鎻愬嚭鐨勫熀鏈棶棰樼殑鍥炵瓟锛屽寘鎷繖涓綔鍝佹�荤殑鎬濇兂鍚箟銆�
@@ -822,8 +897,8 @@
         <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="header-right-Number cloud"><img class=""  src="../../assets/images/yemei02.png" alt="" /></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>
         </ul>
@@ -845,29 +920,34 @@
           <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">
+            <div class="bj3 fz-15">
               <p>1.浜轰负浠�涔堜竴瀹氳璁叉枃鏄庣ぜ浠紵搴旇鎬庢牱鍋氾紵</p>
-              <textarea v-model="questionData.askAbout.eight" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
-                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.eight" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
               <p>2.浣滀负姘戣埅涓撲笟浜哄憳鐨勬垜浠紝搴旇鎬庢牱鎻愬崌绀间华绱犲吇锛�</p>
-              <textarea v-model="questionData.askAbout.nine" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
-                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.nine" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
-          <p><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
-          <p class="center">
-            <img class="img-c" alt="" src="../../assets/images/0167-1.jpg" />
-          </p>
-          <p class="img">鍥�5-2-4 瀹㈣埍涔樺姟鍛樼ぜ浠睍绀�1</p>
-          <p class="center">
-            <img class="img-c" alt="" src="../../assets/images/0167-2.jpg" />
-          </p>
-          <p class="img">鍥�5-2-5 瀹㈣埍涔樺姟鍛樼ぜ浠睍绀�2</p>
+          <p class="td-0 mb-10 mt-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
+          <div class="fl al-fe mt-10">
+            <span>
+              <p class="center openImgBox">
+                <img class="w80" alt="" src="../../assets/images/0167-1.jpg" />
+              </p>
+              <p class="img">鍥�5-2-4 瀹㈣埍涔樺姟鍛樼ぜ浠睍绀�1</p>
+            </span>
+            <span>
+              <p class="center openImgBox">
+                <img class="w80" alt="" src="../../assets/images/0167-2.jpg" />
+              </p>
+              <p class="img">鍥�5-2-5 瀹㈣埍涔樺姟鍛樼ぜ浠睍绀�2</p>
+            </span>
+          </div>
         </div>
       </div>
     </div>
@@ -876,22 +956,29 @@
       <div v-if="showPageList.indexOf(168) > -1">
         <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">162</span>
-               <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+            <span class="mr-10 pNum">162</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="" />
           </li>
         </ul>
         <div class="bodystyle">
-          <p class="center">
-            <img class="img-c" alt="" src="../../assets/images/0168-1.jpg" />
-          </p>
-          <p class="img">鍥�5-2-6 瀹㈣埍瀹夊叏绀鸿寖婕旂ず1</p>
-          <p class="center">
-            <img class="img-c" alt="" src="../../assets/images/0168-2.jpg" />
-          </p>
-          <p class="img">鍥�5-2-7 瀹㈣埍瀹夊叏绀鸿寖婕旂ず2</p>
+
+          <div class="fl al-fe mt-10">
+            <span>
+              <p class="center openImgBox">
+                <img class="w80" alt="" src="../../assets/images/0168-1.jpg" />
+              </p>
+              <p class="img">鍥�5-2-6 瀹㈣埍瀹夊叏绀鸿寖婕旂ず1</p>
+            </span>
+            <span>
+              <p class="center openImgBox">
+                <img class="w80" alt="" src="../../assets/images/0168-2.jpg" />
+              </p>
+              <p class="img">鍥�5-2-7 瀹㈣埍瀹夊叏绀鸿寖婕旂ず2</p>
+            </span>
+          </div>
           <p>
             鍦ㄦ煇楂樻牎2023骞村鐢熻亴涓氭妧鑳藉ぇ璧涚殑璧涘満涓婏紝绌轰腑涔樺姟涓撲笟瀛﹀瓙閫氳繃鎯呮櫙鍐嶇幇鐨勬柟寮忥紝浠ユ湇鍔℃妧鑳戒负钃濇湰锛岃繘琛屼簡瀹㈣埍涔樺姟鍛樿亴涓氱ぜ浠睍绀恒�佸鑸卞畨鍏ㄧず鑼冩紨缁冪瓑姣旀嫾锛屼綋鐜颁簡绌轰腑涔樺姟涓撲笟瀛︾敓瀹岀編鐨勭患鍚堢礌璐ㄥ拰涓撲笟鐨勮亴涓氶閲囥�傞�氳繃鐞嗚缁撳悎瀹炶返锛屼互璧涗績瀛︺�佷互璧涗績鏁欍�佷互璧涗績璁紝鍏ㄦ柟浣嶆彁鍗囦簡绌轰箻浜哄憳鐨勬暣浣撲笓涓氭妧鑳斤紝褰㈡垚浜嗘湁鐗硅壊鐨勫涔犲瀷绌轰箻鏈嶅姟浣撶郴锛屼娇瀛︾敓灏嗘潵鍙互涓轰箻瀹㈡彁渚涙洿涓撲笟銆佹洿浼樿川銆佹洿蹇嵎鐨勬湇鍔°��
           </p>
@@ -907,48 +994,20 @@
               绀间华鏁欒偛鏄�濇兂鏀挎不鏁欒偛鐨勬湁鏁堣浇浣撱�傛�濇兂閬撳痉鏄竴涓汉鐨勫唴鍦ㄧ礌鍏伙紝鑰岀ぜ浠叿鏈夎浇浣撶殑鍔熻兘锛屼娇鍐呭湪鐨勬�濇兂閬撳痉閫氳繃澶栧湪鐨勮〃鐜板舰寮忎綋鐜板嚭鏉ャ�傚湪鎴戜滑鐪嬫潵锛岄亾寰峰睘浜庝汉鐨勭簿绁炵礌鍏伙紝濡傛灉浠呬粎閲囧彇璇存暀鐨勬柟寮忎笉浣嗙己涔忚鏈嶅姏锛岃�屼笖鎶借薄銆佹櫐娑┿�侀毦鎳傦紝鎬濇兂鏀挎不鏁欒偛涔熷緢闅捐揪鍒拌壇濂界殑鏁堟灉銆傚湪鎬濇兂鏀挎不鏁欒偛鐨勮繃绋嬩腑锛屽皢绀间华鏁欒偛浣滀负杞戒綋锛屽仛鍒拌偛寰蜂簬绀硷紝娼滅Щ榛樺寲涓彁楂樹簡鎬濇兂鏀挎不鏁欒偛鐨勬湁鏁堟�с��
             </p>
           </div>
-          <p><span class="bj2">路绀间箣瀹炶返路</span></p>
+          <p class="td-0 mb-10 mt-10"><span class="bj2">路绀间箣瀹炶返路</span></p>
           <p>
             鏍规嵁浣犵殑涓撲笟锛屽皾璇曞埗浣滀竴浠芥皯鑸ぜ浠妧鑳藉睍绀烘儏鏅墽鏂规锛屼竴瀹氳鍖呮嫭鎯呮櫙浠嬬粛銆佽鑹茶瀹氥�佺ぜ浠睍绀哄厓绱犵瓑鍐呭锛屽苟鑷鍒嗙粍杩涜缂栨帓銆傛椂闀垮湪5锝�8鍒嗛挓銆�
           </p>
-          <p><span class="bj2">路椤圭洰鑷祴路</span></p>
+          <p class="td-0 mb-10 mt-10"><span class="bj2">路椤圭洰鑷祴路</span></p>
           <p>1.姘戣埅绀间华鎶�鑳藉睍绀轰富瑕佹槸锛堛��銆�锛夈�傦紙鍗曢�夐锛�</p>
-          <p><input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="1"
-              v-model="questionData.projectTwo.one.value"
-              @change="setBookQuestion"
-            />A.瑙掕壊</p>
-          <p><input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="1"
-              v-model="questionData.projectTwo.one.value"
-              @change="setBookQuestion"
-            />B.鎶�鑳�</p>
-          <p><input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="1"
-              v-model="questionData.projectTwo.one.value"
-              @change="setBookQuestion"
-            />C.鍓ф儏</p>
-          <p><input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="1"
-              v-model="questionData.projectTwo.one.value"
-              @change="setBookQuestion"
-            />D.琛ㄦ紨</p>
+          <p><input type="radio" name="qtDataOne" :disabled="questionData.isComplete" value="A" id="1"
+              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />A.瑙掕壊</p>
+          <p><input type="radio" name="qtDataOne" :disabled="questionData.isComplete" value="B" id="1"
+              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />B.鎶�鑳�</p>
+          <p><input type="radio" name="qtDataOne" :disabled="questionData.isComplete" value="C" id="1"
+              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />C.鍓ф儏</p>
+          <p><input type="radio" name="qtDataOne" :disabled="questionData.isComplete" value="D" id="1"
+              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />D.琛ㄦ紨</p>
         </div>
       </div>
     </div>
@@ -958,181 +1017,114 @@
         <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="header-right-Number cloud"><img class=""  src="../../assets/images/yemei02.png" alt="" /></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>
         </ul>
         <div class="bodystyle">
           <p>2.姘戣埅绀间华鎶�鑳藉睍绀烘儏鏅墽鍒涗綔鎬濊矾鏄紙銆�銆�锛夈�傦紙鍗曢�夐锛�</p>
-          <p><input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="2"
-              v-model="questionData.projectTwo.two.value"
-              @change="setBookQuestion"
-            />A.鎯呰妭璁捐</p>
-          <p><input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="2"
-              v-model="questionData.projectTwo.two.value"
-              @change="setBookQuestion"
-            />B.鍙拌瘝璁捐</p>
-          <p><input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="2"
-              v-model="questionData.projectTwo.two.value"
-              @change="setBookQuestion"
-            />C.鎯呮櫙閲嶇幇</p>
-          <p><input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="2"
-              v-model="questionData.projectTwo.two.value"
-              @change="setBookQuestion"
-            />D.鑸炲彴琛ㄧ幇</p>
+          <p><input type="radio" name="qtDataTwo" :disabled="questionData.isComplete" value="A" id="2"
+              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />A.鎯呰妭璁捐</p>
+          <p><input type="radio" name="qtDataTwo" :disabled="questionData.isComplete" value="B" id="2"
+              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />B.鍙拌瘝璁捐</p>
+          <p><input type="radio" name="qtDataTwo" :disabled="questionData.isComplete" value="C" id="2"
+              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />C.鎯呮櫙閲嶇幇</p>
+          <p><input type="radio" name="qtDataTwo" :disabled="questionData.isComplete" value="D" id="2"
+              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />D.鑸炲彴琛ㄧ幇</p>
           <p>
             3.鎯呮櫙鍓ф晠浜嬫垨浜虹墿鍐茬獊涓昏鏄寚锛堛��銆�锛夊啿绐併�傚寘鎷汉鐗╁湪鎰忓康銆佹�ф牸銆佷俊浠般�佺簿绁炲拰浠峰�肩瓑涓婄殑宸紓銆傦紙鍗曢�夐锛�
           </p>
-          <p><input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="3"
-              v-model="questionData.projectTwo.three.value"
-              @change="setBookQuestion"
-            />A.绀句細鎬�</p>
-          <p><input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="3"
-              v-model="questionData.projectTwo.three.value"
-              @change="setBookQuestion"
-            />B.鎯呯华鎬�</p>
-          <p><input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="3"
-              v-model="questionData.projectTwo.three.value"
-              @change="setBookQuestion"
-            />C.鎬濇兂鎬�</p>
-          <p><input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="3"
-              v-model="questionData.projectTwo.three.value"
-              @change="setBookQuestion"
-            />D.鏍煎眬鎬�</p>
+          <p><input type="radio" name="qtDataThree" :disabled="questionData.isComplete" value="A" id="3"
+              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />A.绀句細鎬�</p>
+          <p><input type="radio" name="qtDataThree" :disabled="questionData.isComplete" value="B" id="3"
+              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />B.鎯呯华鎬�</p>
+          <p><input type="radio" name="qtDataThree" :disabled="questionData.isComplete" value="C" id="3"
+              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />C.鎬濇兂鎬�</p>
+          <p><input type="radio" name="qtDataThree" :disabled="questionData.isComplete" value="D" id="3"
+              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />D.鏍煎眬鎬�</p>
           <p>
             4.绀间华琛ㄦ紨锛屽嵆鎶婄害瀹氫織鎴愮殑绀间华瑙勮寖鎴栬姹傞�氳繃鍏紬琛ㄦ紨鐨勬柟寮忥紝灏嗭紙銆�銆�锛夊睍绀哄嚭鏉ャ�傦紙澶氶�夐锛�
           </p>
-          <p><input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="4"
-              v-model="questionData.projectTwo.four.value"
-              @change="setBookQuestion"
-            />A.椋庤矊</p>
-          <p><input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="4"
-              v-model="questionData.projectTwo.four.value"
-              @change="setBookQuestion"
-            />B.椋庡皻</p>
-          <p><input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="4"
-              v-model="questionData.projectTwo.four.value"
-              @change="setBookQuestion"
-            />C.绱犲吇</p>
-          <p><input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="4"
-              v-model="questionData.projectTwo.four.value"
-              @change="setBookQuestion"
-            />D.鐗硅壊</p>
+          <p><input type="checkbox" name="qtDataFour" :disabled="questionData.isComplete" value="A" id="4"
+              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />A.椋庤矊</p>
+          <p><input type="checkbox" name="qtDataFour" :disabled="questionData.isComplete" value="B" id="4"
+              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />B.椋庡皻</p>
+          <p><input type="checkbox" name="qtDataFour" :disabled="questionData.isComplete" value="C" id="4"
+              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />C.绱犲吇</p>
+          <p><input type="checkbox" name="qtDataFour" :disabled="questionData.isComplete" value="D" id="4"
+              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />D.鐗硅壊</p>
           <p>
             5.涓婚鏄寚浣滆�呴�氳繃鍓ф湰鍐茬獊鎻愬嚭鐨勫熀鏈棶棰樸�備富棰樻�濇兂鏄鍓ф湰鎻愬嚭鐨勫熀鏈棶棰樼殑鍥炵瓟銆傦紙銆�銆�锛夛紙鍒ゆ柇棰橈級
           </p>
-          <p><input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="瀵�"
-              id="4"
-              v-model="questionData.projectTwo.five.value"
-              @change="setBookQuestion"
-            />瀵�</p>
-          <p><input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="閿�"
-              id="4"
-              v-model="questionData.projectTwo.five.value"
-              @change="setBookQuestion"
-            />閿�</p>
+          <p><input type="radio" name="qtDataFive" :disabled="questionData.isComplete" value="瀵�" id="4"
+              v-model="questionData.projectTwo.five.value" @change="setBookQuestion" />瀵�</p>
+          <p><input type="radio" name="qtDataFive" :disabled="questionData.isComplete" value="閿�" id="4"
+              v-model="questionData.projectTwo.five.value" @change="setBookQuestion" />閿�</p>
           <p>
-            6.姘戣埅鎯呮櫙鍓хぜ浠妧鑳藉睍绀哄唴瀹瑰寘鍚繋瀹㈢ぜ浠��<input type="" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.six.value" @change="setBookQuestion"/>
-            绀间华銆佷粙缁嶇ぜ浠�佹彙鎵嬬ぜ浠��<input type="" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.six.value" @change="setBookQuestion"/>绀间华銆佸紩棰嗙ぜ浠��<input type="" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.six.value" @change="setBookQuestion"/>绀间华銆佸骇娆$ぜ浠��<input type="" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.six.value" @change="setBookQuestion"/>绀间华绛夈��
+            6.姘戣埅鎯呮櫙鍓хぜ浠妧鑳藉睍绀哄唴瀹瑰寘鍚繋瀹㈢ぜ浠��<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectTwo.six.value1" @change="setBookQuestion" />
+            绀间华銆佷粙缁嶇ぜ浠�佹彙鎵嬬ぜ浠��<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectTwo.six.value2" @change="setBookQuestion" />绀间华銆佸紩棰嗙ぜ浠��
+            <input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectTwo.six.value3" @change="setBookQuestion" />绀间华銆佸骇娆$ぜ浠��
+            <input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectTwo.six.value4" @change="setBookQuestion" />绀间华绛夈��
           </p>
           <p>
-            7.姘戣埅绀间华鎶�鑳藉睍绀虹殑鎸囧鎬濇兂瑕佷互鈥滃睍绀�<input type="" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value" @change="setBookQuestion"/>銆�
-            璁茬┒<input type="" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value" @change="setBookQuestion"/>銆�
-            鎻愬崌<input type="" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value" @change="setBookQuestion"/>銆�
-            寮哄寲<input type="" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value" @change="setBookQuestion"/>鈥濅负涓婚锛�
-            浠モ��<input type="" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value" @change="setBookQuestion"/>銆�
-            <input type="" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value" @change="setBookQuestion"/>銆�
-            <input type="" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value" @change="setBookQuestion"/>鈥�
-            鏁欒偛涓洪噸鐐瑰唴瀹癸紝浠モ�滈伒瀹�<input type="" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value" @change="setBookQuestion"/>銆�
-            <input type="" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value" @change="setBookQuestion"/>鈥濈瓑鍏绘垚鏁欒偛涓虹獊鐮村彛銆�
+            7.姘戣埅绀间华鎶�鑳藉睍绀虹殑鎸囧鎬濇兂瑕佷互鈥滃睍绀�<input type="" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectTwo.seven.value1" @change="setBookQuestion" />銆�
+            璁茬┒<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectTwo.seven.value2" @change="setBookQuestion" />銆�
+            鎻愬崌<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectTwo.seven.value3" @change="setBookQuestion" />銆�
+            寮哄寲<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectTwo.seven.value4" @change="setBookQuestion" />鈥濅负涓婚锛�
+            浠モ��<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectTwo.seven.value5" @change="setBookQuestion" />銆�
+            <input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectTwo.seven.value6" @change="setBookQuestion" />銆�
+            <input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectTwo.seven.value7" @change="setBookQuestion" />鈥�
+            鏁欒偛涓洪噸鐐瑰唴瀹癸紝浠モ�滈伒瀹�<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectTwo.seven.value8" @change="setBookQuestion" />銆�
+            <input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectTwo.seven.value9" @change="setBookQuestion" />鈥濈瓑鍏绘垚鏁欒偛涓虹獊鐮村彛銆�
           </p>
           <p>8.璇风畝杩版皯鑸ぜ浠妧鑳藉睍绀烘儏鏅墽鍒涗綔娉ㄦ剰浜嬮」銆�</p>
-          <textarea
-            v-model="questionData.projectTwo.eight.value"
-            placeholder="璇疯緭鍏ュ唴瀹�"
-            rows="4"
-            class="fz-16 textarea-box"
-            @change="setBookQuestion"
-          ></textarea>
-
+          <textarea v-model="questionData.projectTwo.eight.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+            class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+          <p class="dialogQuestion"  @click="openQuestion(1)">
+            <span class="td-0">銆愭湰鑺傛祴璇曘��</span>
+            <span class="td-0">
+              <svg t="1736157124915" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                xmlns="http://www.w3.org/2000/svg" p-id="2536" xmlns:xlink="http://www.w3.org/1999/xlink" width="28"
+                height="28">
+                <path
+                  d="M798.72 76.8H947.2v145.92h51.2V25.6h-199.68zM947.2 798.72v145.92h-148.48v51.2H998.4v-197.12zM66.56 222.72V76.8h148.48V25.6H12.8v197.12zM215.04 944.64H66.56v-145.92H12.8v197.12h202.24z"
+                  fill="#fff" p-id="2537"></path>
+                <path
+                  d="M826.88 522.24L512 207.36c0-2.56-2.56-2.56-7.68-2.56-2.56 0-5.12 0-7.68 2.56L184.32 524.8c-2.56 2.56-5.12 7.68-2.56 10.24 2.56 5.12 5.12 7.68 10.24 7.68h58.88V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6V504.32c0-5.12-5.12-10.24-10.24-10.24h-2.56l217.6-220.16 220.16 222.72c-5.12 0-10.24 5.12-10.24 10.24V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6v-250.88h51.2c5.12 0 10.24-5.12 10.24-10.24 2.56-5.12 0-7.68-2.56-10.24z"
+                  fill="#fff" p-id="2538"></path>
+                <path
+                  d="M386.56 762.88h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-69.12h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-71.68h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-7.68 7.68-17.92 17.92-17.92zM514.56 535.04h-20.48c-5.12 0-7.68-2.56-7.68-7.68v-2.56c0-17.92 5.12-30.72 23.04-46.08 17.92-15.36 23.04-23.04 23.04-33.28s-7.68-20.48-20.48-20.48c-15.36 0-25.6 7.68-30.72 25.6 0 5.12-5.12 5.12-10.24 5.12l-25.6-5.12c-5.12 0-7.68-5.12-5.12-10.24 10.24-38.4 33.28-53.76 79.36-53.76 38.4 0 61.44 25.6 61.44 51.2 0 20.48-7.68 35.84-33.28 53.76-20.48 15.36-23.04 20.48-23.04 33.28-2.56 7.68-7.68 10.24-10.24 10.24zM481.28 588.8v-28.16c0-5.12 2.56-7.68 7.68-7.68h30.72c5.12 0 7.68 2.56 7.68 7.68V588.8c0 5.12-2.56 7.68-7.68 7.68h-30.72c-5.12 0-7.68-5.12-7.68-7.68z"
+                  fill="#fff" p-id="2539"></path>
+              </svg>
+            </span>
+          </p>
         </div>
       </div>
     </div>
     <!-- 164椤� -->
     <div class="page-box mt-20" page="170" style="min-height: auto">
-            <div v-if="showPageList.indexOf(170) > -1">
-                <img class="img-0" alt="" src="../../assets/images/fengdi.png" />
-            </div>
-        </div>
+      <div v-if="showPageList.indexOf(170) > -1">
+        <img class="img-0" alt="" src="../../assets/images/FD.jpg" />
+      </div>
+    </div>
+    <dialogExaminations :isClear="dialogVisibleOne" :primaryColor="themeColor"
+      :cardList="interfaceQuestion[questionNum]" v-if="interfaceQuestion" :chapter="1" :page="questionNum"
+      :questionTitle="questionTitleMain" ref="dialogRef">
+    </dialogExaminations>
   </div>
 </template>
 
@@ -1142,96 +1134,135 @@
   getCollectResource,
   setCollectResource,
 } from "@/assets/methods/resources";
+import dialogExaminations from "@/components/dialogExaminations/index.vue";
 export default {
   name: "chapterFive",
   props: {
     showPageList: {
       type: Array,
     },
+    interfaceQuestion: {
+      type: Object,
+    },
+  },
+  components: {
+    dialogExaminations,
   },
   data() {
     return {
       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: "",
+      videoPathEleven: "",
+      videoPathNine: "",
+      videoPathTen: "",
       collectResourceList: [],
       questionData: {
         isComplete: false,
-        askAbout:{
-          one:'',
-          two:'',
-          three:'',
-          four:'',
-          five:'',
-          six:'',
-          seven:'',
-          eight:'',
-          nine:'',
+        askAbout: {
+          one: '',
+          two: '',
+          three: '',
+          four: '',
+          five: '',
+          six: '',
+          seven: '',
+          eight: '',
+          nine: '',
         },
-        projectOne:{
-          one:{
-            value:""
+        projectOne: {
+          one: {
+            value: ""
           },
-          two:{
-            value:""
+          two: {
+            value: ""
           },
-          three:{
-            value:""
+          three: {
+            value1: "",
+            value2: "",
+            value3: "",
+            value4: "",
           },
-          four:{
-            value:[]
+          four: {
+            value: []
           },
-          five:{
-            value:""
+          five: {
+            value: ""
           }
-          
+
         },
-        projectTwo:{
-          one:{
-            value:''
+        projectTwo: {
+          one: {
+            value: ''
           },
-          two:{
-            value:''
+          two: {
+            value: ''
           },
-          three:{
-            value:''
+          three: {
+            value: ''
           },
-          four:{
-            value:[]
+          four: {
+            value: []
           },
-          five:{
-            value:''
+          five: {
+            value: ''
           },
-          six:{
-            value:''
+          six: {
+            value1: "",
+            value2: "",
+            value3: "",
+            value4: "",
           },
-          seven:{
-            value:''
+          seven: {
+            value1: "",
+            value2: "",
+            value3: "",
+            value4: "",
+            value5: "",
+            value6: "",
+            value7: "",
+            value8: "",
+            value9: "",
           },
-          eight:{
-            value:''
+          eight: {
+            value: ''
           }
         },
-      },
-      chapter004: {
-        videoMd5: [
-          {
-            isCollectVideo: false,
-            handleMd5: "",
-            md5: "7454A10BD25ED828FF31D0702DA63D55",
-            name: "浠�涔堟槸蹇冪悊鍋ュ悍",
-          },
-          {
-            isCollectVideo: false,
-            handleMd5: "",
-            md5: "E4AC28F178D660E96355C17E6F283E66",
-            name: "蹇冪悊鍋ュ悍鐨�10椤规爣鍑�",
-          },
-        ],
       },
       chapterData: {
         isCollectVideo: false,
         isCollectVideo01: false,
+        isCollectVideo02: false,
+        isCollectVideo03: false,
+        isCollectVideo04: false,
+        isCollectVideo05: false,
+        isCollectVideo06: false,
+        isCollectVideo07: false,
+        isCollectVideo08: false,
+        isCollectVideo09: false,
+        isCollectVideo10: false,
+      },
+      // 璇锋眰棰樼洰鐩稿叧
+      dialogVisibleOne: false,
+      themeColor: "#6E85AF",
+      questionNum: 0,
+      questionTitleMain: "",
+      chapter001: {
+        question: {
+          1: {
+            questionTitleMain: "鎷撳睍妯″潡銆�绀间华娲诲姩绛栧垝",
+            questionNum: 169,
+          },
+        },
       },
     };
   },
@@ -1244,18 +1275,12 @@
     }
 
     const choiceQuestion = localStorage.getItem(
-      "civilAviatyonSevervices-book-chapter04-Data"
+      "aviationEtiquette-book-chapter04-Data"
     );
     if (choiceQuestion) {
       this.chapterData = JSON.parse(choiceQuestion);
     }
 
-    const videoData = localStorage.getItem(
-      "civilAviatyonSevervices-book-chapter004"
-    );
-    if (videoData) {
-      this.chapter004 = JSON.parse(videoData);
-    }
     this.getVidoePath();
     this.collectResourceList = await getCollectResource(
       this.config.activeBook.bookId
@@ -1264,17 +1289,35 @@
   methods: {
     async getVidoePath() {
       this.videoPathOne = await getResourcePath(
-        "f230fd8fd7952a4ad4dd05d94df7e797"
+        "d3ac730a06dcc8381de684ace3263a63"
       );
       this.videoPathTwo = await getResourcePath(
-        "700cfdb8b85b372045b1e97e3356ae3a"
+        "49cdf2e707f9f69b91167c285890c6f8"
       );
-      for (let index = 0; index < this.chapter004.videoMd5.length; index++) {
-        const item = this.chapter004.videoMd5[index];
-        if (item.md5 && !item.md5.includes("https:")) {
-          item.handleMd5 = await getResourcePath(item.md5);
-        }
-      }
+      this.videoPathThree = await getResourcePath(
+        "d4b25959b1c7f85b2762be516aefe078"
+      );
+      this.videoPathFour = await getResourcePath(
+        "78a2562f8f80c90e54d299d38abb2d1d"
+      );
+      this.videoPathFive = await getResourcePath(
+        "460dbcdc0c34cbac9ca90c343dbf89b9"
+      );
+      this.videoPathSix = await getResourcePath(
+        "f8ca26a51e475fb9921db5c4bdf5d1be"
+      );
+      this.videoPathSeven = await getResourcePath(
+        "8afe53c2f626fc193a3bfb160c33f99c"
+      );
+      this.videoPathEight = await getResourcePath(
+        "964332e9334f71db8d9174fa1a4911b1"
+      );
+      this.videoPathNine = await getResourcePath(
+        "344eb0db9295fbfd83736cf3431a134a"
+      );
+      this.videoPathTen = await getResourcePath(
+        "c8ce4540a2e9e2122ebb6cd64c6c0c4c"
+      );
     },
 
     setBookQuestion() {
@@ -1286,17 +1329,10 @@
 
     handleChapterData() {
       localStorage.setItem(
-        "civilAviatyonSevervices-book-chapter04-Data",
+        "aviationEtiquette-book-chapter04-Data",
         JSON.stringify(this.chapterData)
       );
     },
-    handlechapter004() {
-      localStorage.setItem(
-        "civilAviatyonSevervices-book-chapter004",
-        JSON.stringify(this.chapter004)
-      );
-    },
-
     handleFocus(id) {
       this.isFocused = id; // 褰搕extarea鑱氱劍鏃讹紝璁剧疆涓簍rue
     },
@@ -1305,38 +1341,107 @@
     },
 
     handleCollect(e) {
-      if (e.md5) {
+      if (e == "video-01") {
         this.handleCollectResource(
-          e.md5,
-          e.md5,
+          "d3ac730a06dcc8381de684ace3263a63",
+          "d3ac730a06dcc8381de684ace3263a63",
           "",
           "瑙嗛",
           "bits",
-          "寰灏忚鍫傦細" + e.name
-        );
-        e.isCollectVideo = !e.isCollectVideo;
-      } else if (e == "video-01") {
-        this.handleCollectResource(
-          "f230fd8fd7952a4ad4dd05d94df7e797",
-          "f230fd8fd7952a4ad4dd05d94df7e797",
-          "",
-          "瑙嗛",
-          "bits",
-          "瑙嗛锛氬績鐞嗗鐨勬祦娲�"
+          "瑙嗛锛氱ぜ浠椂瑁呯"
         );
         this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo;
       } else if (e == "video-02") {
         this.handleCollectResource(
-          "700cfdb8b85b372045b1e97e3356ae3a",
-          "700cfdb8b85b372045b1e97e3356ae3a",
+          "49cdf2e707f9f69b91167c285890c6f8",
+          "49cdf2e707f9f69b91167c285890c6f8",
           "",
           "瑙嗛",
           "bits",
-          "瑙嗛锛氬績鐞嗗鐨勭爺绌跺唴瀹�"
+          "瑙嗛锛氬涔犵ぜ浠儏鏅墽鐨勭瓥鍒�"
         );
         this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01;
+      } else if (e == "video-03") {
+        this.handleCollectResource(
+          "d4b25959b1c7f85b2762be516aefe078",
+          "d4b25959b1c7f85b2762be516aefe078",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氱ぜ浠儏鏅墽鐨勮鐭�"
+        );
+        this.chapterData.isCollectVideo02 = !this.chapterData.isCollectVideo02;
+      } else if (e == "video-04") {
+        this.handleCollectResource(
+          "78a2562f8f80c90e54d299d38abb2d1d",
+          "78a2562f8f80c90e54d299d38abb2d1d",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氱ぜ浠儏鏅墽鐨勮垶鍙扳�滃叆鐢烩��"
+        );
+        this.chapterData.isCollectVideo03 = !this.chapterData.isCollectVideo03;
+      } else if (e == "video-05") {
+        this.handleCollectResource(
+          "460dbcdc0c34cbac9ca90c343dbf89b9",
+          "460dbcdc0c34cbac9ca90c343dbf89b9",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氶珮鑱岄櫌鏍$ぜ浠儏鏅ず鑼冨睍绀�"
+        );
+        this.chapterData.isCollectVideo04 = !this.chapterData.isCollectVideo04;
+      } else if (e == "video-06") {
+        this.handleCollectResource(
+          "f8ca26a51e475fb9921db5c4bdf5d1be",
+          "f8ca26a51e475fb9921db5c4bdf5d1be",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氭皯鑸湇鍔$ぜ浠〃婕旂患鍚堣兘鍔涜缁�"
+        );
+        this.chapterData.isCollectVideo05 = !this.chapterData.isCollectVideo05;
+      } else if (e == "video-07") {
+        this.handleCollectResource(
+          "8afe53c2f626fc193a3bfb160c33f99c",
+          "8afe53c2f626fc193a3bfb160c33f99c",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氶珮鑱岄櫌鏍$ぜ浠绀鸿寖灞曠ず"
+        );
+        this.chapterData.isCollectVideo06 = !this.chapterData.isCollectVideo06;
+      } else if (e == "video-08") {
+        this.handleCollectResource(
+          "964332e9334f71db8d9174fa1a4911b1",
+          "964332e9334f71db8d9174fa1a4911b1",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氳璇嗙ぜ浠〃婕�"
+        );
+        this.chapterData.isCollectVideo07 = !this.chapterData.isCollectVideo07;
+      } else if (e == "video-09") {
+        this.handleCollectResource(
+          "344eb0db9295fbfd83736cf3431a134a",
+          "344eb0db9295fbfd83736cf3431a134a",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氭皯鑸ぜ浠妧鑳藉睍绀烘儏鏅墽鐨勫垱浣滄柟娉�"
+        );
+        this.chapterData.isCollectVideo09 = !this.chapterData.isCollectVideo09;
+      } else if (e == "video-10") {
+        this.handleCollectResource(
+          "c8ce4540a2e9e2122ebb6cd64c6c0c4c",
+          "c8ce4540a2e9e2122ebb6cd64c6c0c4c",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氭皯鑸湇鍔$ぜ浠〃婕旂礌鏉愬強鍐呭璁捐"
+        );
+        this.chapterData.isCollectVideo10 = !this.chapterData.isCollectVideo10;
       }
-      this.handlechapter004();
       this.handleChapterData();
     },
     //璧勬簮鏀惰棌浜嬩欢
@@ -1370,6 +1475,13 @@
         this.collectResourceList
       );
     },
+    openQuestion(num) {
+      if (num) {
+        this.questionNum = this.chapter001.question[num].questionNum;
+        this.questionTitleMain = this.chapter001.question[num].questionTitleMain;
+        this.$refs.dialogRef.openDialogQuestion();
+      }
+    },
   },
 };
 </script>

--
Gitblit v1.9.1