From fe52c75b42ef2815dc5c66e964c2b388ed09d097 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期五, 25 四月 2025 11:28:21 +0800
Subject: [PATCH] 环境变量修改

---
 src/books/aviationEtiquette/view/components/chapter004.vue | 2162 ++++++++++++++++++++++++++++++++-------------------------
 1 files changed, 1,205 insertions(+), 957 deletions(-)

diff --git a/src/books/aviationEtiquette/view/components/chapter004.vue b/src/books/aviationEtiquette/view/components/chapter004.vue
index d1194be..f0a94d5 100644
--- a/src/books/aviationEtiquette/view/components/chapter004.vue
+++ b/src/books/aviationEtiquette/view/components/chapter004.vue
@@ -5,16 +5,11 @@
       <div v-if="showPageList.indexOf(118) > -1">
         <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
           <li class="headerText pNum">112</li>
-          <img
-            class="headerImg mr-10"
-            src="../../assets/images/yemei.png"
-            alt=""
-          />
+          <img class="headerImg mr-10" src="../../assets/images/yemei.png" alt="" />
         </ul>
         <div class="bodystyle">
           <h1 id="a008">
-            <span class="h1-bj">妯″潡鍥�</span
-            ><span class="h1-bk">姘戣埅涓撲笟绀间华瀹炶</span>
+            <span class="h1-bj">妯″潡鍥�</span><span class="h1-bk">姘戣埅涓撲笟绀间华瀹炶</span>
           </h1>
           <h2 id="b008">椤圭洰涓�銆�鍊欐満妤兼湇鍔$ぜ浠�</h2>
           <div class="tp-3">
@@ -22,11 +17,11 @@
               <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/unitFour-01.png" alt=""></p>
           <div class="bk">
             <p class="bj1-qjms fl al-c">
-              <span class="span-box"></span
-              ><span class="span-text">椤圭洰鎻忚堪</span
-              ><span class="span-box"></span>
+              <span class="span-box"></span><span class="span-text">椤圭洰鎻忚堪</span><span class="span-box"></span>
             </p>
             <p class="fz-15">
               鏉庝附鍗冲皢鍜屽悓瀛︿滑涓�璧峰幓鍊欐満妤艰繘琛屼负鏈熶袱涓湀鐨勫矖浣嶅涔犮�傚ス杩垏鎯崇煡閬撳�欐満妤兼湇鍔$殑鍒嗙被锛岄渶瑕佹帉鎻′粈涔堟牱鐨勭煡璇嗗拰鎶�鑳斤紝鍙兘浼氶亣鍒板摢浜涙梾瀹㈢殑鐤戦棶锛岃鎬庢牱澶勭悊銆傚涔犺�呴�氳繃鏈」鐩殑瀛︿範锛屼簡瑙e�欐満妤奸棶璇€�佸涔樸�佸�兼満鍜岃吹瀹惧巺鏈嶅姟鐨勮亴璐h姹傚強绀间华瑙勮寖锛屽舰鎴愬鍊欐満妤煎父瑙佺殑鍑犱釜涓昏宀椾綅鏈嶅姟瑙勮寖鍜屾搷浣滄祦绋嬬殑鍏ㄩ潰璁ょ煡锛屾彁楂樺鍊欐満妤兼梾瀹㈢殑鏈嶅姟鏁堢巼锛屼负姘戣埅浼佷笟鐨勬湇鍔″搧鐗屻�佹湇鍔″嵃璞$鐞嗗仛璐$尞锛屽苟閫氳繃浼樿川鏈嶅姟锛屾惌寤鸿壇濂界殑瀹㈡埛鍏崇郴銆�
@@ -34,9 +29,7 @@
           </div>
           <div class="bk">
             <p class="bj1-qjms fl al-c">
-              <span class="span-box"></span
-              ><span class="span-text">绀煎湪韬竟</span
-              ><span class="span-box"></span>
+              <span class="span-box"></span><span class="span-text">绀煎湪韬竟</span><span class="span-box"></span>
             </p>
             <p class="fz-15">
               2018骞�6鏈�11鏃ワ紝涓嬪崍涓ょ偣鍗婏紝涓�鍚嶅绫嶆梾瀹㈢劍鎬ュ湴鏉ュ埌闂鍙帮紝鏈嶅姟浜哄憳灏忔潕绔嬪嵆璧疯韩杩庢帴鏃呭骞朵富鍔ㄨ闂湁浠�涔堣兘甯繖鐨勩�傞�氳繃杩欏悕澶栫睄鏃呭鐨勮〃杈撅紝灏忔潕浜嗚В鍒帮紝鏃呭鍦ㄦ暣鐞嗚鏉庢椂锛屼笉鎱庢妸鎶ょ収寮勪涪浜嗐�傚皬鏉庣珛鍗抽�氱煡骞挎挱绔欒繘琛屽け鐗╂嫑棰嗘挱鎶ワ紝闅忓悗瀹夋姎鏃呭鎯呯华锛屽ぇ姒�5鍒嗛挓锛屽氨鎺ュ埌宸ヤ綔浜哄憳鍥炲锛屾壘鍒颁簡璇ュ悕鏃呭鐨勬姢鐓э紝鑰屾鏃惰窛绂昏鍚嶆梾瀹箻鍧愮殑鑸彮鍏抽棴杩樻湁6鍒嗛挓銆備负浜嗚鏃呭鑳藉椤哄埄涔樺潗鑸彮锛屽皬鏉庣洿鎺ヤ负杩欏悕澶栫睄鏃呭瀹夋帓浜嗕笓闂ㄧ殑瀵间箻鍛橈紝鍏ㄧ▼寮曞锛屽湪鏈�鍚庝竴鍒绘梾瀹㈡垚鍔熷姙鐞嗕簡鍊兼満鎵嬬画銆�
@@ -45,32 +38,21 @@
           <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="4"
-                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.鏈哄満闂鏈嶅姟宀椾綅閫氬父鏄�欐満妤间腑瑙g瓟鏃呭鐤戦毦鐨勯噸瑕佺獥鍙o紝浣犺寰楀湪闂鏈嶅姟涓垜浠簲璇ユ敞鎰忓摢浜涚ぜ浠鑼冨憿锛�
               </p>
-              <textarea
-                v-model="questionData.askAbout.two"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-16 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
         </div>
@@ -91,13 +73,50 @@
         </ul>
         <div class="bodystyle">
           <h3 id="c026">
-            <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.浜嗚В鍊欐満妤奸棶璇㈡湇鍔″矖浣嶈亴璐c��</p>
           <p>3.鎺屾彙鍊欐満妤奸棶璇㈡湇鍔″矖浣嶅伐浣滀汉鍛樼ぜ浠鑼冦��</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 == 'e9002557d1ba0b28dbddf10c52612e3f'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-01')" />
+              </el-tooltip>
+            </p>
+          </div>
+          <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 == 'da82b43c7571108d00a19ffcb5233a2e'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-02')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h4 id="d083">涓�銆佸�欐満妤奸棶璇㈡湇鍔$殑鍒嗙被</h4>
           <p>
             鏈哄満闂鏈嶅姟浜哄憳鏄埅绌哄叕鍙哥殑瀵瑰褰㈣薄澶т娇锛岃繖涓矖浣嶆槸涓轰箻瀹㈠揩閫熻В鍐崇枒闅鹃棶棰樸�佸紩瀵间箻瀹㈤『鍒╃櫥鏈鸿�岃绔嬬殑锛屾槸鑸┖鍏徃瀵瑰鎵胯鈥滄梾瀹㈣嚦涓婏紝鎵撻�犵粏鑷村叆寰殑鏈嶅姟鈥濈殑涓�绉嶄綋鐜般�傞棶璇㈡湇鍔″矖浣嶄汉鍛樺簲褰撻伒寰満鍦哄拰鑸徃鍒跺畾鐨勫伐浣滆鑼冧互鍙婂伐浣滄爣鍑嗭紝鍋氬埌娉ㄩ噸浠〃銆佸睍鐜扮ぜ璨屻�傚�欐満妤奸棶璇㈡湇鍔″彲閫氳繃浠ヤ笅鏂瑰紡杩涜鍒嗙被銆�
@@ -113,21 +132,13 @@
           <div class="fl al-fe mt-10">
             <span>
               <p class="center openImgBox">
-                <img
-                  class="img-b"
-                  alt=""
-                  src="../../assets/images/0119-1.jpg"
-                />
+                <img class="img-b" alt="" src="../../assets/images/0119-1.jpg" />
               </p>
               <p class="img">鍥�4-1-1 鐜板満闂</p>
             </span>
             <span>
               <p class="center openImgBox">
-                <img
-                  class="img-b"
-                  alt=""
-                  src="../../assets/images/0119-2.jpg"
-                />
+                <img class="img-b" alt="" src="../../assets/images/0119-2.jpg" />
               </p>
               <p class="img">鍥�4-1-2 鐢佃瘽闂</p>
             </span>
@@ -141,11 +152,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">114</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -184,7 +191,7 @@
             锛�3锛夊簲绛旀梾瀹㈢殑鎻愰棶鎴栧緛璇㈡椂锛岃瑷�搴旂畝娲併�佸噯纭紝璇皵濠夎浆锛岄煶閲忛�備腑锛屼笉鑳借瘝涓嶈揪鎰忥紝搴斾粠瀹逛笉杩紝鎸夊厛鏉ュ悗鍒扮殑娆″簭锛屽垎杞婚噸缂撴�ワ紝涓�涓�鍥炵瓟锛屼笉鑳藉彧椤句竴浣嶆梾瀹紝鑰屽拷鐣ヤ簡鍏朵粬鏃呭鐨勫瓨鍦ㄣ��
           </p>
           <p>
-            锛�4锛夊浜庢梾瀹㈡彁鍑虹殑鏃犵悊瑕佹眰锛岄渶瑕佹矇浣忔皵锛屽瑷�鎷掔粷锛屾垨宸у鍥炵瓟锛屽仛鍒版湁淇吇銆佹湁椋庡害銆佷笉澶辩ぜ锛涘浜庢梾瀹㈢殑鎵硅瘎鎸囪矗瑕佸寘瀹瑰拰璋﹁櫄銆傚鏋滈棶棰樼‘瀹炴槸鎴戜滑鐨勪笉褰撴垨澶辫亴瀵艰嚧鐨勶紝搴旂珛鍒诲悜涔樺璧旂ぜ閬撴瓑锛屽涔樺鐨勫叧娉ㄨ〃绀烘劅璋紝绔嬪嵆鎶ュ憡鎴栧Ε鍠勫鐞嗐�傚鏋滄梾瀹㈡彁鍑虹殑鎵硅瘎鎸囪矗鏄洜涓鸿浼氬拰璇В锛屾垜浠篃瑕佺涓�鏃堕棿鍚戞梾瀹㈣〃杈炬瓑鎰忥紝
+            锛�4锛夊浜庢梾瀹㈡彁鍑虹殑鏃犵悊瑕佹眰锛岄渶瑕佹矇浣忔皵锛屽瑷�鎷掔粷锛屾垨宸у鍥炵瓟锛屽仛鍒版湁淇吇銆佹湁椋庡害銆佷笉澶辩ぜ锛涘浜庢梾瀹㈢殑鎵硅瘎鎸囪矗瑕佸寘瀹瑰拰璋﹁櫄銆傚鏋滈棶棰樼‘瀹炴槸鎴戜滑鐨勪笉褰撴垨澶辫亴瀵艰嚧鐨勶紝搴旂珛鍒诲悜涔樺璧旂ぜ閬撴瓑锛屽涔樺鐨勫叧娉ㄨ〃绀烘劅璋紝绔嬪嵆鎶ュ憡鎴栧Ε鍠勫鐞嗐�傚鏋滄梾瀹㈡彁鍑虹殑鎵硅瘎鎸囪矗鏄洜涓鸿浼氬拰璇В锛屾垜浠篃瑕佺涓�鏃堕棿鍚戞梾瀹㈣〃杈炬瓑鎰忥紝瀹夋姎鏃呭鎯呯华銆�
           </p>
         </div>
       </div>
@@ -203,7 +210,6 @@
           <li class="header-right-end" style=""><br /></li>
         </ul>
         <div class="bodystyle">
-          <p class="td-0">瀹夋姎鏃呭鎯呯华銆�</p>
           <p>
             锛�5锛夐亣鍒拌В鍐充笉浜嗙殑闂鏃讹紝搴斿厛鍚戞梾瀹㈣〃杈炬瓑鎰忥紝骞跺紩瀵兼梾瀹㈠埌鑳芥彁渚涙湁鏁堟湇鍔$殑閮ㄩ棬鎴栧矖浣嶏紝绂佹璇翠竴浜涘惁瀹氬彞銆�
           </p>
@@ -218,23 +224,17 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>濡傛灉浣犳槸闂鍛橈紝浣犱細鎬庢牱澶勭悊鏃呭鐨勯棶璇紵</p>
               <p>
                 鍒嗘瀽锛氬湪鏈哄満锛岄亣鍒拌埅鐝欢璇紝骞挎挱鎾姤鏈�澶氱殑鏄�滃ぉ姘斿師鍥犫�濓紝鑰屽線寰�鏃呭鐪煎墠鐪嬪埌鐨勬槸鏈楁湕鏅寸┖锛屽啀鍘绘煡鐪嬬洰鐨勫湴鐨勫ぉ姘旀椂锛屽彂鐜颁篃鏄剧ず鏅存湕锛屾鏃舵梾瀹㈤毦鍏嶄細瀵硅埅鐝欢璇殑鍘熷洜浜х敓鎬�鐤戙�備簨瀹炰笂锛屸�滃ぉ姘斿師鍥犫�濇湁寰堝绉嶆儏鍐碉細涓�鏄鏈哄洜鍑哄彂鍦板ぉ姘旂姸鍐典笉閫傚疁璧烽锛涗簩鏄鏈哄洜鐩殑鍦板ぉ姘旂姸鍐典笉閫傚疁璧烽锛涗笁鏄鏈哄洜椋炶鑸矾涓婄殑澶╂皵鐘跺喌涓嶉�傚疁璧烽绛夈�傚湪鍏ㄧ▼鑸嚎涓婏紝鍙鏈変竴涓湴鏂圭殑澶╂皵鐘跺喌鍑虹幇寮傚父锛岄鏈哄氨鍙兘鐢变簬鈥滃ぉ姘斿師鍥犫�濆湪鍘熷湴鍋滅暀銆傛墍浠ワ紝鏅寸┖涓囬噷涓嶄唬琛ㄩ琛屾剰涔変笂鐨勩�佹梾瀹㈣涓虹殑姝e父澶╂皵銆�
               </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>
           <h5 id="e097">锛堜簩锛夌數璇濋棶璇㈡湇鍔$ぜ浠�</h5>
@@ -254,11 +254,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">116</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -315,9 +311,27 @@
           <p class="td-0 mb-10 mt-10"><span class="bj2">路绀间箣鍙嶆�澛�</span></p>
           <p>閫氳繃瀵归棶璇㈡湇鍔$殑瀛︿範锛屽悓瀛︿滑鏈変綍鎰熸偀鍜屾柊棰栫殑鎯虫硶锛�</p>
           <h3 id="c027">
-            <span class="h3-zt1">浠诲姟2</span
-            ><span class="h3-bk">瀵间箻鏈嶅姟绀间华瀹炶銆�</span>
+            <span class="h3-zt1">浠诲姟2</span><span class="h3-bk">瀵间箻鏈嶅姟绀间华瀹炶銆�</span>
           </h3>
+          <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 == '36f02743b633758c2ecdee90af20fe34'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-03')" />
+              </el-tooltip>
+            </p>
+          </div>
           <p class="td-0 mb-10 mt-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
           <p class="center"><span class="cs1">鑳岃�佷汉璧惰埅鐝殑鈥滃皬璺戝摜鈥�</span></p>
           <p class="block">
@@ -326,20 +340,14 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <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>
           <p><b>浠诲姟鐩爣锛�</b></p>
@@ -365,11 +373,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">118</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -392,6 +396,44 @@
             闅旂妗╃殑缁存姢锛氶殧绂绘々瀹屽ソ鐜�100%锛屽鏈夋晠闅滈渶閫氱煡鍊兼満涓讳换锛涢殧绂绘々涓嶅緱鏈夌矘绾搞�佸皹鍦熴�佹墦缁撱�佺紶缁曘�佹澗鍔ㄣ�佺己鎹熺瓑鐜拌薄锛涢殧绂诲甫鏁寸悊棰戠巼涓嶅緱灏戜簬10鍒嗛挓/娆★紝鎽嗘斁闂磋窛鐩哥瓑锛屾í骞崇珫鐩达紝妯悜鍜岀旱鍚戝憟90掳锛涢伒寰�滀笁妗╀袱甯︹�濆師鍒欙紝鍗虫瘡涓�涓殧绂诲甫鐢变袱涓珫妗╅厤涓�鏍归殧绂诲甫锛屽苟鍛堜竴鏉$洿绾裤�傞殧绂诲甫涓嶅緱瓒呰繃涓�绫抽粍绾夸綅缃紱涓嶅緱瓒呰繃鍒掑畾鍖哄煙锛屼笉寰楀奖鍝嶆梾瀹㈤�氳銆�
           </p>
           <h4 id="d089">涓夈�佸�欐満妤煎涔樻湇鍔$ぜ浠鑼�</h4>
+          <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 == '810345cbf8f3d003d9ff7247a5247570'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-04')" />
+              </el-tooltip>
+            </p>
+          </div>
+          <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>瑙嗛锛氬�欐満妤煎憳宸ヤ笌鏃呭鍐茬獊浜嬩欢瑙e喅</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo04 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '2336e67a853728fa6a1d2b7a4a2d9abf'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-05')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h5 id="e098">锛堜竴锛夌Н鏋佷富鍔ㄥ搷搴旀梾瀹㈤渶姹�</h5>
           <p>
             鍝嶅簲鎬ф槸鎸囧涔樹汉鍛樺悜鏃呭鎻愪緵鏈嶅姟鐨勮嚜鍙戞�э紝鍝嶅簲鎬у喅瀹氫簡鏃呭涓烘湇鍔$瓑寰呯殑鏃堕棿鍜岄棶棰樿В鍐崇殑鏁堢巼銆傚涔樹汉鍛樺鏃呭鍝嶅簲鍙婃椂锛岃兘澶熷鍔犳梾瀹㈢殑淇′换搴﹀拰婊℃剰搴︼紝閬垮厤鏃呭鍑虹幇涓嶆弧鎯呯华銆�
@@ -424,28 +466,17 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>1.妗堜緥涓紝鍊兼満鍛樺皬钁d负鏃呭鎻愪緵浜嗗摢浜涙殩蹇冩湇鍔★紵</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>
               <p>2.璋堜竴璋堬紝浣犱粠璇ユ渚嬩腑寰楀埌浜嗗摢浜涘惎绀猴紵</p>
-              <textarea
-                v-model="questionData.askAbout.six"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-16 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h5 id="e100">锛堜笁锛変弗瀹堣鑼冩彁鍗囨湇鍔¤川閲�</h5>
@@ -467,11 +498,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">120</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -484,82 +511,39 @@
           <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>
               <p>
-                涓嶈鈥滀笉鐭ラ亾锛屼笉娓呮鈥濃�斺�旀垜浠彲浠ヨ锛�<input
-                  type=""
-                  name="ball1"
-                  class="fz-16 input-box"
-                  style="width: 200px"
-                  v-model="questionData.askAbout.seven"
-                  @change="setBookQuestion"
-                />
+                涓嶈鈥滀笉鐭ラ亾锛屼笉娓呮鈥濃�斺�旀垜浠彲浠ヨ锛�<input type="text" name="ball1" class="fz-15 input-box" style="width: 200px"
+                  v-model="questionData.askAbout.seven" @change="setBookQuestion" />
               </p>
               <p>
-                涓嶈鈥滀綘鎬庝箞杩樹笉鏄庣櫧鈥濃�斺�旀垜浠彲浠ヨ锛�<input
-                  type=""
-                  name="ball1"
-                  class="fz-16 input-box"
-                  style="width: 200px"
-                  v-model="questionData.askAbout.eight"
-                  @change="setBookQuestion"
-                />
+                涓嶈鈥滀綘鎬庝箞杩樹笉鏄庣櫧鈥濃�斺�旀垜浠彲浠ヨ锛�<input type="text" name="ball1" class="fz-15 input-box" style="width: 200px"
+                  v-model="questionData.askAbout.eight" @change="setBookQuestion" />
               </p>
               <p>
-                涓嶈鈥滃垰鎵嶄笉鏄凡缁忓憡璇変綘浜嗗悧鈥濃�斺�旀垜浠彲浠ヨ锛�<input
-                  type=""
-                  name="ball1"
-                  class="fz-16 input-box"
-                  style="width: 130px"
-                  v-model="questionData.askAbout.nine"
-                  @change="setBookQuestion"
-                />
+                涓嶈鈥滃垰鎵嶄笉鏄凡缁忓憡璇変綘浜嗗悧鈥濃�斺�旀垜浠彲浠ヨ锛�<input type="text" name="ball1" class="fz-16 input-box" style="width: 130px"
+                  v-model="questionData.askAbout.nine" @change="setBookQuestion" />
               </p>
               <p>
-                涓嶈鈥滃摢涔扮殑绁ㄥ摢閫�鍘伙紝鍒壘鎴戜滑鈥濃�斺�旀垜浠彲浠ヨ锛�<input
-                  type=""
-                  name="ball1"
-                  class="fz-16 input-box"
-                  style="width: 115px"
-                  v-model="questionData.askAbout.ten"
-                  @change="setBookQuestion"
-                />
+                涓嶈鈥滃摢涔扮殑绁ㄥ摢閫�鍘伙紝鍒壘鎴戜滑鈥濃�斺�旀垜浠彲浠ヨ锛�<input type="text" name="ball1" class="fz-16 input-box" style="width: 115px"
+                  v-model="questionData.askAbout.ten" @change="setBookQuestion" />
               </p>
               <p>
-                涓嶈鈥滄�ヤ粈涔堬紝鍒偓鎴戔�濃�斺�旀垜浠彲浠ヨ锛�<input
-                  type=""
-                  name="ball1"
-                  class="fz-16 input-box"
-                  style="width: 200px"
-                  v-model="questionData.askAbout.eleven"
-                  @change="setBookQuestion"
-                />
+                涓嶈鈥滄�ヤ粈涔堬紝鍒偓鎴戔�濃�斺�旀垜浠彲浠ヨ锛�<input type="text" name="ball1" class="fz-16 input-box" style="width: 200px"
+                  v-model="questionData.askAbout.eleven" @change="setBookQuestion" />
               </p>
               <p>
-                涓嶈鈥滅埍鎵捐皝鎵捐皝锛屾垜瑙e喅涓嶄簡鈥濃�斺�旀垜浠彲浠ヨ锛�<input
-                  type=""
-                  name="ball1"
-                  class="fz-16 input-box"
-                  style="width: 130px"
-                  v-model="questionData.askAbout.twelve"
-                  @change="setBookQuestion"
-                />
+                涓嶈鈥滅埍鎵捐皝鎵捐皝锛屾垜瑙e喅涓嶄簡鈥濃�斺�旀垜浠彲浠ヨ锛�<input type="text" name="ball1" class="fz-16 input-box" style="width: 130px"
+                  v-model="questionData.askAbout.twelve" @change="setBookQuestion" />
               </p>
               <p>
-                涓嶈鈥滄尋浠�涔堟尋锛屽悗闈㈢瓑鐫�鍘烩�濃�斺�旀垜浠彲浠ヨ锛�<input
-                  type=""
-                  name="ball1"
-                  class="fz-16 input-box"
-                  style="width: 140px"
-                  v-model="questionData.askAbout.thirteen"
-                  @change="setBookQuestion"
-                />
+                涓嶈鈥滄尋浠�涔堟尋锛屽悗闈㈢瓑鐫�鍘烩�濃�斺�旀垜浠彲浠ヨ锛�<input type="text" name="ball1" class="fz-16 input-box" style="width: 140px"
+                  v-model="questionData.askAbout.thirteen" @change="setBookQuestion" />
               </p>
             </div>
           </div>
@@ -568,17 +552,31 @@
             <img class="img-0" alt="" src="../../assets/images/0126-1.jpg" />
           </p>
           <h3 id="c028">
-            <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>
           <p>3.鑳界啛缁冭繍鐢ㄧぜ浠鑼冦��</p>
-          <h4 id="d090">涓�銆佸�欐満妤煎�兼満鏈嶅姟姒傝堪</h4>
-          <p>
-            鍊兼満鏈嶅姟鏄寚鑸┖鍏徃涓烘梾瀹㈠姙鐞嗕箻鏈烘墜缁殑鍏ㄦ祦绋嬫湇鍔★紝鍩烘湰娴佺▼鍖呮嫭锛氳繋鎺ユ梾
-          </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 == 'f60bcf0daea848fdd87d931e0debffe7'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-06')" />
+              </el-tooltip>
+            </p>
+          </div>
         </div>
       </div>
     </div>
@@ -596,8 +594,9 @@
           <li class="header-right-end" style=""><br /></li>
         </ul>
         <div class="bodystyle">
+          <h4 id="d090">涓�銆佸�欐満妤煎�兼満鏈嶅姟姒傝堪</h4>
           <p>
-            瀹€�佹煡楠屾梾瀹㈠绁ㄥ強璇佷欢銆佷负鏃呭瀹夋帓搴т綅銆佹敹杩愭墭杩愭梾瀹㈣鏉庛�佸拰鏃呭鍛婂埆銆傛瘡涓�涓祦绋嬶紝鍊兼満浜哄憳閮藉簲閬靛畧鐩稿簲鐨勭ぜ浠鑼冿紝涓烘梾瀹㈡彁渚涙弧鎰忕殑鏈嶅姟锛屼互鎻愰珮姘戣埅浼佷笟鐨勫舰璞★紝杩涜�屼績杩涙皯鑸紒涓氱殑鍙戝睍銆�
+            鍊兼満鏈嶅姟鏄寚鑸┖鍏徃涓烘梾瀹㈠姙鐞嗕箻鏈烘墜缁殑鍏ㄦ祦绋嬫湇鍔★紝鍩烘湰娴佺▼鍖呮嫭锛氳繋鎺ユ梾瀹€�佹煡楠屾梾瀹㈠绁ㄥ強璇佷欢銆佷负鏃呭瀹夋帓搴т綅銆佹敹杩愭墭杩愭梾瀹㈣鏉庛�佸拰鏃呭鍛婂埆銆傛瘡涓�涓祦绋嬶紝鍊兼満浜哄憳閮藉簲閬靛畧鐩稿簲鐨勭ぜ浠鑼冿紝涓烘梾瀹㈡彁渚涙弧鎰忕殑鏈嶅姟锛屼互鎻愰珮姘戣埅浼佷笟鐨勫舰璞★紝杩涜�屼績杩涙皯鑸紒涓氱殑鍙戝睍銆�
           </p>
           <p class="td-0 mb-10 mt-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
           <p class="block">
@@ -611,21 +610,13 @@
           <div class="fl al-fe mt-10">
             <span>
               <p class="center openImgBox">
-                <img
-                  class="img-a"
-                  alt=""
-                  src="../../assets/images/0127-1.jpg"
-                />
+                <img class="img-a" alt="" src="../../assets/images/0127-1.jpg" />
               </p>
               <p class="img">鍥�4-1-3 杩庢帴鏃呭</p>
             </span>
             <span>
               <p class="center openImgBox">
-                <img
-                  class="img-a"
-                  alt=""
-                  src="../../assets/images/0127-2.jpg"
-                />
+                <img class="img-a" alt="" src="../../assets/images/0127-2.jpg" />
               </p>
               <p class="img">鍥�4-1-4 寰瑧</p>
             </span>
@@ -634,20 +625,14 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>鍦ㄦ鏌ユ梾瀹㈠绁ㄥ拰璇佷欢鏃讹紝搴旀敞鎰忓摢浜涙柟闈紵</p>
-              <textarea
-                v-model="questionData.askAbout.fourteen"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-16 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.fourteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h5 id="e102">锛堜簩锛夋煡楠屾梾瀹㈠绁ㄥ強璇佷欢绀间华</h5>
@@ -666,11 +651,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">122</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -696,19 +677,18 @@
           <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.fifteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.fifteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
-            鍦ㄩ�氬父鎯呭喌涓嬶紝鍊兼満鍛樹负鏃呭瀹夋帓搴т綅閬靛惊浠ヤ笅鍑犱釜鍘熷垯锛氬鏋滄槸鍚岃鏃呭锛屽簲灏介噺瀹夋帓鍦ㄩ偦杩戠殑搴т綅涓婏紱濡傛灉閬囧埌瀛曞绛夐渶瑕佺壒娈婄収椤剧殑鏃呭锛屼竴鑸畨鎺掑湪闈犺繎瀹㈣埍鏈嶅姟鍛樻垨鑰呮柟渚垮嚭鍏ョ殑鐩稿瀹芥暈鐨勫骇浣嶄笂锛屼絾鏄笉鑳藉畨鎺掑湪绱ф�ュ嚭鍙o紱濡傛灉鏄埅鍙哥殑閲嶈鏃呭锛屼竴鑸細瀹夋帓鍦ㄩ潬鍓嶇殑搴т綅涓婏紝鎴栬�呭湪鍏徃鍏佽鏉′欢涓嬩负鍏惰繘琛屽崌鑸辨湇鍔★紱濡傛灉鏈�
+            鍦ㄩ�氬父鎯呭喌涓嬶紝鍊兼満鍛樹负鏃呭瀹夋帓搴т綅閬靛惊浠ヤ笅鍑犱釜鍘熷垯锛氬鏋滄槸鍚岃鏃呭锛屽簲灏介噺瀹夋帓鍦ㄩ偦杩戠殑搴т綅涓婏紱濡傛灉閬囧埌瀛曞绛夐渶瑕佺壒娈婄収椤剧殑鏃呭锛屼竴鑸畨鎺掑湪闈犺繎瀹㈣埍鏈嶅姟鍛樻垨鑰呮柟渚垮嚭鍏ョ殑鐩稿瀹芥暈鐨勫骇浣嶄笂锛屼絾鏄笉鑳藉畨鎺掑湪绱ф�ュ嚭鍙o紱濡傛灉鏄埅鍙哥殑閲嶈鏃呭锛屼竴鑸細瀹夋帓鍦ㄩ潬鍓嶇殑搴т綅涓婏紝鎴栬�呭湪鍏徃鍏佽鏉′欢涓嬩负鍏惰繘琛屽崌鑸辨湇鍔★紱濡傛灉鏈轰笂鏈夋洿鍔犵壒娈婄殑鏃呭锛屽鍏畨鏈哄叧闇�瑕佹娂閫佺殑鐘汉鏃呭锛屼笉鑳藉畨鎺掑湪闈犺繎绱ф�ュ嚭鍙g殑搴т綅涓婏紝涔熶笉鑳藉畨鎺掑湪闈犵獥鐨勫骇浣嶄笂锛岃淇濊瘉鍏畨浜哄憳鐨勫骇浣嶅湪鐘汉鏃呭搴т綅鐨勬梺杈广��
           </p>
         </div>
       </div>
@@ -727,9 +707,6 @@
           <li class="header-right-end" style=""><br /></li>
         </ul>
         <div class="bodystyle">
-          <p class="td-0">
-            涓婃湁鏇村姞鐗规畩鐨勬梾瀹紝濡傚叕瀹夋満鍏抽渶瑕佹娂閫佺殑鐘汉鏃呭锛屼笉鑳藉畨鎺掑湪闈犺繎绱ф�ュ嚭鍙g殑搴т綅涓婏紝涔熶笉鑳藉畨鎺掑湪闈犵獥鐨勫骇浣嶄笂锛岃淇濊瘉鍏畨浜哄憳鐨勫骇浣嶅湪鐘汉鏃呭搴т綅鐨勬梺杈广��
-          </p>
           <h5 id="e104">锛堝洓锛夋敹杩愭墭杩愭梾瀹㈣鏉庣ぜ浠�</h5>
           <p>
             鍊兼満浜哄憳鍦ㄧ粰鏃呭鍔炵悊鏀惰繍銆佹墭杩愯鏉庢椂锛屽鏋滄梾瀹㈡病鏈変富鍔ㄨ鏈夎鏉庨渶瑕佹墭杩愶紝鍊兼満浜哄憳鍦ㄤ负鏃呭鎵撳嵃濂界櫥鏈虹墝鍚庯紝搴斾富鍔ㄨ闂梾瀹㈡槸鍚︽湁鎵樿繍鐨勮鏉庛�傚鏋滄梾瀹㈡湁琛屾潕瑕佹墭杩愶紝鏀惰繍鏃呭琛屾潕鏃讹紝鍊兼満浜哄憳闇�瑕佹敞鎰忎互涓嬩簨椤广��
@@ -756,25 +733,63 @@
           <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.sixteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.sixteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
-          <div class="bk4">
-            <div class="bk5">
-              <p><span class="bj2">路鎬濇斂鍥湴路</span></p>
-            </div>
-            <p>
-              鍊兼満浜哄憳鍦ㄦ暣涓皯鑸梾瀹㈣繍杈撴祦绋嬩腑鎵紨鐫�闈炲父閲嶈鐨勮鑹层�傚�兼満浜哄憳涓嶄粎闇�瑕佹敞鎰忚嚜韬殑绀间华涓炬锛岃繕瑕佹敞鎰忚瀵熸梾瀹㈢殑瑷�琛屼妇姝紝浠庤�屾爲绔嬪拰濉戦�犺壇濂界殑褰㈣薄锛屾彁鍗囦翰鍜屽姏銆�
-            </p>
-          </div>
+          <h5 id="e105">锛堝叚锛夋満鍦烘櫤鎱у�兼満鏈嶅姟</h5>
+          <p>
+            涓轰簡缁欐梾瀹㈡彁渚涙洿鍔犲畨鍏ㄣ�佷究鎹枫�侀珮鏁堛�佹櫤鑳界殑鏈嶅姟锛岃繎骞存潵锛屾皯鑸笟姝e姞蹇柊鎶�鏈殑鍒涙柊搴旂敤锛屾寔缁彁鍗囨湇鍔″伐浣滅殑鏁板瓧鍖栥�佹櫤鎱у寲姘村钩銆傛垜鍥界殑鍚勭褰㈠紡鐨勭壒鑹插�兼満涓氬姟鍙戝睍涔熷緢蹇紝杩戝勾鏉USS鏈哄湪姘戠敤鏈哄満鐨勬櫘鍙婄巼鏄捐憲鎻愰珮锛屽悇鑸┖鍏徃缃戠珯涓婃櫘閬嶈缃簡鑷姪鍊兼満鏉垮潡锛屾梾瀹娇鐢ㄧ殑鏂逛究鎬т篃澶уぇ鏀瑰杽銆備腑鍥借埅绌哄叕鍙哥殑鐗硅壊鍊兼満鍙戝睍鍦ㄥ叏鐞冨凡缁忓浜庡墠鍒椼��
+          </p>
+          <p>
+            浠庢満鍦烘湇鍔″埌鑸彮杩愯锛屼粠绌轰腑浜ら�氬埌鍦伴潰淇濋殰锛屽綋鍓嶏紝鏅烘収姘戣埅寤鸿鎻愬崌浜嗘皯鑸繍钀ユ晥鐜囧拰鏈嶅姟姘村钩锛屾垚鏋滄儬鍙婁竾鍗冩梾瀹€�傞櫎浜嗘満鍦哄畨妫�锛屽湪鍊兼満銆佽鏉庢墭杩愬拰鐧绘満鐨勫悇涓幆鑺傦紝鏃呭鍦ㄥ畬鎴愬埛鑴稿悗渚胯兘蹇�熷姙鐞嗘墜缁�傚湪瑙嗚璇嗗埆銆佷汉宸ユ櫤鑳界畻娉曠瓑鎶�鏈殑甯姪涓嬶紝鏃呭涓嶄粎鍙互浜彈鏇翠究鎹风殑鐧绘満鏈嶅姟锛岃繕鍙互浣撻獙鏇撮珮鏁堝畨鍏ㄧ殑琛屾潕鎵樿繍鏈嶅姟銆�
+          </p>
+          <p class="center openImgBox">
+            <img class="img-b" alt="" src="../../assets/images/0129-1.jpg" />
+          </p>
+          <p class="img">鍥�4-1-6 CUSS鏈�</p>
+          <p>
+            鑷姪鍊兼満涔熸垚涓哄緢澶氭梾瀹㈠嚭琛岀殑棣栭�夛紝鑷姪鍊兼満鏄梾瀹㈣嚜涓荤嫭绔嬪畬鎴愬�兼満鐨勫叏杩囩▼銆�
+          </p>
+          <p>
+            鏃呭鍦ㄨ嚜鍔╁�兼満鏃舵満鍦哄伐浣滀汉鍛樼殑绀间华鏈嶅姟涔熼潪甯搁噸瑕併��
+          </p>
+          <p>
+            璐熻矗鑷姪鍊兼満鐨勬湇鍔′汉鍛樹笉浠呴渶瑕佺啛鎮夋櫤鑳藉寲璁惧鐨勬搷浣滐紝杩橀渶涓烘梾瀹㈡彁渚涢珮鏁堛�佸弸濂界殑鏈嶅姟锛屽叾鏈嶅姟瑙勮寖涓昏鍖呮嫭浠ヤ笅鍐呭锛�
+          </p>
+          <p>
+            锛�1锛夌敤瑙勮寖涓撲笟鐨勬湇鍔$敤璇噯纭В绛旀梾瀹娇鐢ㄨ嚜鍔╁�兼満缁堢銆佽嚜鍔╄鏉庢墭杩愯澶囩瓑鐨勬搷浣滈棶棰樸��
+          </p>
+          <p>
+            锛�2锛夊叧娉ㄥ�兼満璁惧锛岀‘淇濊澶囨甯歌繍琛屻�傚閬囦笉鑳芥湇鍔℃梾瀹㈢殑鏁呴殰璁惧锛岄櫎鍙婃椂澶勭悊鎴栬仈绯绘妧鏈敮鎸佸锛屾洿瑕佸仛濂芥梾瀹㈢殑鍒嗘祦寮曞鍜岃В閲婂伐浣溿��
+          </p>
+          <p>
+            锛�3锛夊紩瀵兼梾瀹㈠畬鎴愯嚜鍔╁�兼満銆佽鏉庢墭杩愩�佸畨妫�绛夋祦绋嬶紝鎸夋搷浣滆鑼冨噺灏戞帓闃熸椂闂淬��
+          </p>
+          <p>
+            锛�4锛変负鐗规畩鏃呭鏈嶅姟锛屽鑰佷汉銆佸効绔ャ�佹畫闅滀汉澹瓑鎻愪緵涓�瀵逛竴鍗忓姪锛岀‘淇濋『鍒╁�兼満銆�
+          </p>
+          <p>
+            锛�5锛夊強鏃朵负鏃呭鎻愪緵鑸彮鍔ㄦ�併�佺櫥鏈哄彛淇℃伅銆佽鏉庢斂绛栫瓑鍜ㄨ鏈嶅姟锛岃В绛旀梾瀹㈠叧浜庡�兼満鏃堕棿銆佽鏉庨檺棰濄�侀�夊骇瑙勫垯绛夐棶棰樸��
+          </p>
+          <p>
+            锛�6锛夊府鍔╂梾瀹㈠畬鎴愪汉鑴歌瘑鍒�兼満锛岀‘淇濊韩浠戒俊鎭噯纭棤璇�傚強鏃惰繘琛屽紓甯告儏鍐靛鐞嗭紝鍥犺韩浠戒俊鎭笉绗︽垨绯荤粺璇嗗埆澶辫触瀵艰嚧鐨勯棶棰樸��
+          </p>
+          <p>
+            锛�7锛夊湪鏃呭楂樺嘲鏈熷悎鐞嗗垎娴侊紝寮曞鏃呭鍚堢悊浣跨敤鑷姪璁惧鎴栦汉宸ユ煖鍙帮紝浠庤�屾彁楂樺�兼満鏁堢巼鍜岀‘淇濆�兼満鍖哄煙绉╁簭浜曠劧锛岄伩鍏嶆嫢鍫靛拰娣蜂贡銆�
+          </p>
+          <p>
+            锛�8锛変负閮ㄥ垎鏃呭鎻愪緵涓�у寲鏈嶅姟锛屼负鍏舵彁渚涢�夊骇銆佸崌鑸便�佺壒娈婇椋熺瓑鏈嶅姟銆備负鑸┖鍏徃甯告梾瀹㈡垨VIP鏃呭鎻愪緵涓撳睘鍊兼満閫氶亾鍜屼紭鍏堟湇鍔$瓑銆�
+          </p>
+          <p>
+            锛�9锛夎褰曟梾瀹㈠湪浣跨敤鏅烘収鍊兼満鏈嶅姟鏃堕亣鍒扮殑甯歌闂锛岀敱鎵�鍦ㄩ儴闂ㄥ弽棣堢粰鎶�鏈洟闃熶紭鍖栫郴缁熴�傛牴鎹梾瀹㈠弽棣堬紝鎻愬嚭鏀硅繘鍊兼満娴佺▼鍜屾湇鍔¤川閲忕殑寤鸿銆�
+          </p>
         </div>
       </div>
     </div>
@@ -784,28 +799,119 @@
         <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">124</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
           </li>
         </ul>
         <div class="bodystyle">
+          <p>
+            锛�10锛夋櫤鎱у�兼満浼氳妭鐪侀儴鍒嗕汉鍔涙湇鍔★紝浣嗗鍦ㄥ矖鐨勫伐浣滀汉鍛樼‘鏈夋洿楂樼殑鏈嶅姟瑕佹眰锛屾満鍦哄悇宀椾綅宸ヤ綔浜哄憳锛屽湪鏈嶅姟杩囩▼涓渶鍏ㄧ▼淇濇寔寰瑧鏈嶅姟锛岃�愬績瑙g瓟鏃呭鎻愬嚭鐨勫悇绫婚棶棰橈紝骞舵彁渚涙俯棣ㄦ湇鍔′綋楠屻�傝繕瑕佷繚鎸佸ソ涓撲笟鐨勮亴涓氬舰璞★紝鐫�瑁呮暣娲侊紝瑷�琛屽緱浣擄紝灞曠幇鏈哄満鏈嶅姟浜哄憳鐨勪笓涓氱礌鍏汇��
+          </p>
+          <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>
+              </p>
+            </div>
+            <div class="bj3 fz-15">
+              <p class="fl al-c">閭d箞鍦ㄥ紩瀵兼梾瀹㈣繘琛岃嚜鍔╁�兼満鏃讹紝鎴戜滑搴斿綋浣跨敤浠�涔堟牱鐨勬湇鍔℃墜鍔垮憿锛�
+                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="30" viewBox="0 0 20.501 20.501" class="c-p"
+                  title="鏌ョ湅瑙f瀽" @click="showAnswerOne = !showAnswerOne">
+                  <path class="a"
+                    d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+                    transform="translate(-3327.144 15329)" />
+                </svg>
+              </p>
+              <textarea v-model="questionData.askAbout.twentyEight" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <div class="event-header-text-bc" style="width: 90%;margin-left: 2em; padding: 0 10px;"
+                v-if="showAnswerOne">
+                <p>
+                  瑙f瀽锛氳嚜鍔╁�兼満寮曞鏃讹紝鏈嶅姟鎵嬪娍鏄潪甯搁噸瑕佺殑鑲綋璇█銆傛湇鍔″憳搴斿綋浜旀寚骞舵嫝锛屽悜鏃呭闇�瑕佺偣鍑荤殑鍦版柟绀烘剰锛岄伩鍏嶇敤鎵嬫寚鎸囨寚鐐圭偣锛屼娇鏃呭浜х敓鈥滆鍛戒护鈥濈殑涓嶈灏婇噸鐨勬劅瑙夈��
+                </p>
+                <p>
+                  鎺屾彙鑷姪鍊兼満鏈嶅姟甯哥敤鐨勬湇鍔$敤璇篃鏄紭璐ㄦ湇鍔$殑灏忔妧宸у摝
+                </p>
+                <p>
+                  1.鎮ㄥソ锛岃鍒拌繖杈圭殑*鍙锋満鍣ㄥ�兼満銆�
+                </p>
+                <p>
+                  2.璇锋斁蹇冿紝鎴戜細鍗忓姪鎮ㄧ殑鍊兼満宸ヤ綔銆�
+                </p>
+                <p>
+                  3.璇峰皢韬唤璇佹闈㈡湞涓婃斁鍒拌繖閲岀殑鍖哄煙銆�
+                </p>
+                <p>
+                  4.璇烽棶鎮ㄥ搴т綅鏈変粈涔堣姹傦紵杩欓噷鏄洰鍓嶆偍鍙互閫夋嫨鐨勫骇浣嶅浘锛屾偍鐪嬬湅鏈夋偍鍠滄鐨勫悧锛�
+                </p>
+                <p>
+                  5.杩欎釜搴т綅鍖哄煙鏄寚鈥︹�︽偍鐪嬫槸鍚︽効鎰忛�夋嫨杩欎釜搴т綅銆�
+                </p>
+                <p>
+                  6.闈炲父鎶辨瓑鐩墠娌℃湁鎮ㄦ渶鍠滄鐨勫骇浣嶏紝濡傛灉瑕侀�夋嫨绱ф�ラ�氶亾搴т綅锛屾偍鍙互鍘讳汉宸ュ�兼満鏌滃彴锛岃浠庤繖閲屽線鍓嶇洿琛岋紝鍒�20鍙锋煖鍙般��
+                </p>
+                <p>
+                  7.涓嶇敤鐫�鎬ワ紝鎴戜滑鍐嶈瘯涓�娆°��
+                </p>
+                <p>
+                  8.璇锋嬁濂芥偍鐨勭櫥鏈虹墝锛岀鎮ㄦ梾閫旀剦蹇��
+                </p>
+              </div>
+            </div>
+          </div>
+          <p class="td-0 mb-10 mt-10"><span class="bj2">路绀间箣瀹炶返路</span></p>
+          <p>
+            璇蜂互灏忕粍涓哄崟浣嶏紝妯℃嫙涓鸿嚜鍔╁�兼満鏃呭鐨勬湇鍔★紝浣撲細骞舵�荤粨鏈嶅姟鐢ㄨ銆�
+          </p>
+          <p class="td-0 mb-10 mt-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
+          <p>瀹炰範鐢熷皬鏄庡湪鏈哄満鑷姪鍊兼満鍖哄煙宸ヤ綔锛屼竴浣嶈�佸勾鏃呭鎬庝箞涔熷惉涓嶆槑鐧藉皬鏄庣粰浠栧仛鐨勬寚瀵硷紝涔熶笉澶兘鐞嗚В鑷姪鍊兼満鏈哄櫒鐨勬彁绀哄拰鎸囦护锛屽皬鏄庡績鐞嗗緢鐫�鎬ワ紝涔熷緢鐑﹁簛锛屽湪鏃呭闈㈠墠琛ㄧ幇鐨勫緢涓嶈�愮儲锛屽鑷存梾瀹㈤潪甯稿眬淇冦��</p>
+          <p class="td-0 mb-10 mt-10"><span class="bj2">路瀵荤ぜ涔嬮棶路</span></p>
+          <p>
+            鎮ㄦ槸灏忔槑鐨勫笀鍌呫�傛偍灏嗘�庢牱澶勭悊鍜岃В鍐崇幇鍦虹殑杩欎釜鍦烘櫙闂鍛紵
+          </p>
+          <div class="bk4">
+            <div class="bk5">
+              <p><span class="bj2">路鎬濇斂鍥湴路</span></p>
+            </div>
+            <p>
+              鍊兼満浜哄憳鍦ㄦ暣涓皯鑸梾瀹㈣繍杈撴祦绋嬩腑鎵紨鐫�闈炲父閲嶈鐨勮鑹层�傚�兼満浜哄憳涓嶄粎闇�瑕佹敞鎰忚嚜韬殑绀间华涓炬锛岃繕瑕佹敞鎰忚瀵熸梾瀹㈢殑瑷�琛屼妇姝紝浠庤�屾爲绔嬪拰濉戦�犺壇濂界殑褰㈣薄锛屾彁鍗囦翰鍜屽姏銆�
+            </p>
+          </div>
           <p class="td-0 mb-10 mt-10"><span class="bj2">路绀间箣瀹炶返路</span></p>
           <p class="center">
             <img class="img-0" alt="" src="../../assets/images/0130-1.jpg" />
           </p>
           <h3 id="c029">
-            <span class="h3-zt1">浠诲姟4</span
-            ><span class="h3-bk">璐靛鍘呮湇鍔$ぜ浠疄璁�</span>
+            <span class="h3-zt1">浠诲姟4</span><span class="h3-bk">璐靛鍘呮湇鍔$ぜ浠疄璁�</span>
           </h3>
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.鐭ラ亾璐靛鍘呮湇鍔$殑娴佺▼鍙婂唴瀹广��</p>
           <p>2.鎺屾彙璐靛鍘呮湇鍔$ぜ浠苟鑳藉湪瀹炶返涓啛缁冭繍鐢ㄣ��</p>
+          <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 == '51ee040702ff1402026c948b82f8df55'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-07')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h4 id="d092">涓�銆佽吹瀹惧巺鏈嶅姟姒傝堪</h4>
           <p>
             鍊欐満妤艰吹瀹惧巺鏈嶅姟鏄寚涓洪噸瑕佷汉澹彁渚涙満鍦哄叏绋嬪紩瀵笺�佸崗鍔╁姙鐞嗙櫥鏈烘墜缁瓑鏈嶅姟銆傝吹瀹炬湇鍔′富瑕佸垎涓鸿繋鏈烘湇鍔″拰閫佹満鏈嶅姟涓ょ銆�
@@ -820,7 +926,7 @@
             鏈哄満璐靛鍊欐満鍘呮槸璐靛绂绘腐鏃剁浉瀵瑰仠鐣欒緝闀跨殑鍖哄煙锛屼篃鏄湇鍔′汉鍛樹笌璐靛鎺ヨЕ鏃堕棿杈冮暱銆佸鏈嶅姟涓�у寲瑕佹眰鐩稿鏇撮珮鐨勫尯鍩熴�傚洜姝わ紝鏈嶅姟浜哄憳闇�鎺屾彙鐙壒鐨勭ぜ浠鑼冭姹傘�傝吹瀹惧巺鏈嶅姟浜哄憳鐨勫熀鏈鑼冨寘鎷互涓嬪嚑鏂归潰銆�
           </p>
           <p>
-            锛�1锛夆�滀笁杞烩�濇湇鍔♀�斺�旇璇濊交銆佸姩浣滆交銆佽蛋璺交銆傚贰瑙嗘椂闇�鑴氭杞荤紦锛屼娇鐢ㄦ棤澹�
+            锛�1锛夆�滀笁杞烩�濇湇鍔♀�斺�旇璇濊交銆佸姩浣滆交銆佽蛋璺交銆傚贰瑙嗘椂闇�鑴氭杞荤紦锛屼娇鐢ㄦ棤澹拌澶囥�傚浼戞伅瀹ゅ唴闊抽噺杩囧ぇ鎴栬涓轰笉闆呯殑鏃呭杩涜蹇呰鐨勬彁閱掓垨鏈夋晥骞查銆�
           </p>
         </div>
       </div>
@@ -839,9 +945,6 @@
           <li class="header-right-end" style=""><br /></li>
         </ul>
         <div class="bodystyle">
-          <p class="td-0">
-            璁惧銆傚浼戞伅瀹ゅ唴闊抽噺杩囧ぇ鎴栬涓轰笉闆呯殑鏃呭杩涜蹇呰鐨勬彁閱掓垨鏈夋晥骞查銆�
-          </p>
           <p>
             锛�2锛夆�滃惊鐜紡涓嶉棿鏂湇鍔♀�濃�斺�斿湪涓嶆墦鎵版梾瀹㈢殑鍩虹涓婏紝姣�15鍒嗛挓宸¤涓�娆℃梾瀹紤鎭尯鍩熴��
           </p>
@@ -864,17 +967,16 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>
                 浠庡皬涓滅殑鏈嶅姟鏁呬簨涓紝浣犵湅鍑轰簡璐靛鍘呮湇鍔$殑鍝簺鍐呭锛熶綘瑙夊緱璐靛鍘呮湇鍔′汉鍛橀渶瑕佹敞鎰忓摢浜涚ぜ浠憿锛�
               </p>
               <textarea v-model="questionData.askAbout.seventeen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h4 id="d093">浜屻�佽吹瀹惧巺鏈嶅姟绀间华</h4>
@@ -884,7 +986,7 @@
           </p>
           <h5 id="e107">锛堜簩锛夌數姊紩瀵肩ぜ浠�</h5>
           <p>
-            锛�1锛夐伒寰厛杩涘悗鍑哄師鍒欍�傚湪寮曞鏃呭涔樺潗鏃犱汉椹鹃┒鐨勭數姊椂锛屾湇鍔′汉鍛樺簲鍏堝湪鐢�
+            锛�1锛夐伒寰厛杩涘悗鍑哄師鍒欍�傚湪寮曞鏃呭涔樺潗鏃犱汉椹鹃┒鐨勭數姊椂锛屾湇鍔′汉鍛樺簲鍏堝湪鐢垫闂ㄥ墠鎸夊懠姊寜閽紝褰撶數姊棬鎵撳紑鍚庯紝鏈嶅姟浜哄憳鍏堣繘鍏ョ數姊紝绔欏湪鎸夋搷浣滈敭鐨勫湴鏂癸紝浠ヤ究鏈嶅姟鏃呭銆傝繘鍏ョ數姊悗涓�鎵嬫壎浣忕數姊棬涓�渚ф垨鑰呬竴鎵嬫寜寮�鐢垫闂ㄦ寜閽紙闃叉澶瑰埌鎴栧す浼ゆ梾瀹級锛岃鏃呭杩涘叆鐢垫銆�
           </p>
         </div>
       </div>
@@ -895,20 +997,13 @@
         <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">126</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
           </li>
         </ul>
         <div class="bodystyle">
-          <p class="td-0">
-            姊棬鍓嶆寜鍛兼鎸夐挳锛屽綋鐢垫闂ㄦ墦寮�鍚庯紝鏈嶅姟浜哄憳鍏堣繘鍏ョ數姊紝绔欏湪鎸夋搷浣滈敭鐨勫湴鏂癸紝浠ヤ究鏈嶅姟鏃呭銆傝繘鍏ョ數姊悗涓�鎵嬫壎浣忕數姊棬涓�渚ф垨鑰呬竴鎵嬫寜寮�鐢垫闂ㄦ寜閽紙闃叉澶瑰埌鎴栧す浼ゆ梾瀹級锛岃鏃呭杩涘叆鐢垫銆�
-          </p>
           <p>
             鍑虹數姊椂锛屽簲璁╂梾瀹㈠厛鍑虹數姊紝鏈嶅姟浜哄憳搴斾竴鎵嬪仛鍑鸿鐨勫姩浣滐紝骞舵寜浣忓紑闂ㄦ寜閽�傜瓑鏃呭璧板嚭鐢垫鍚庯紝鏈嶅姟浜哄憳搴旂珛鍒昏蛋鍑虹數姊紝骞跺紩瀵兼梾瀹㈣杩涚殑鏂瑰悜銆�
           </p>
@@ -927,6 +1022,25 @@
             鍦ㄤ负鏃呭鏈嶅姟鏃讹紝鐑瘺宸惧簲鏀剧疆浜庡浜哄乏鎵嬫柟鍚戙�傞�佸嚭鏃讹紝鏈嶅姟浜哄憳搴旂敤鎵嬫彙浣忔瘺宸剧洏杈圭紭锛屾敞鎰忔墜鎸囦笉瑕佽Е鎽稿埌姣涘肪锛屽洖鏀舵椂锛屼娇鐢ㄦ瘺宸惧す鍜屽彟澶栫殑姣涘肪鐩樸��
           </p>
           <h6 id="f041">2.鑼舵按鏈嶅姟绀间华</h6>
+          <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 == '14ada4ec3e004795ecb3a9c2ad8ea386'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-08')" />
+              </el-tooltip>
+            </p>
+          </div>
           <p>
             锛�1锛夊湪涓烘梾瀹㈣繘琛岃尪姘存湇鍔″墠锛屽簲娉ㄦ剰涓嶈浣跨敤鏈夌己鍙f垨瑁傜棔鐨勮尪鏉紝淇濇寔鑼舵澂骞插噣鍗敓銆�
           </p>
@@ -994,11 +1108,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">128</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -1008,241 +1118,113 @@
           <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.鏈哄満闂
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="1"
+              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />A.鏈哄満闂
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="1"
-              v-model="questionData.projectOne.one.value"
-              @change="setBookQuestion"
-            />B.鑱斿悎闂
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="1"
+              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />B.鑱斿悎闂
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="1"
-              v-model="questionData.projectOne.one.value"
-              @change="setBookQuestion"
-            />C.鑱斿悎闂銆佽埅绌哄叕鍙搁棶璇€�佹満鍦洪棶璇�
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="1"
+              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />C.鑱斿悎闂銆佽埅绌哄叕鍙搁棶璇€�佹満鍦洪棶璇�
           </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.杩庢帴鏃呭绀间华
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="2"
+              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />A.杩庢帴鏃呭绀间华
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="2"
-              v-model="questionData.projectOne.two.value"
-              @change="setBookQuestion"
-            />B.搴旂瓟鏃呭闂绀间华
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="2"
+              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />B.搴旂瓟鏃呭闂绀间华
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="2"
-              v-model="questionData.projectOne.two.value"
-              @change="setBookQuestion"
-            />C.鍛婂埆鏃呭绀间华
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="2"
+              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />C.鍛婂埆鏃呭绀间华
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="2"
-              v-model="questionData.projectOne.two.value"
-              @change="setBookQuestion"
-            />D.浠ヤ笂閮芥槸
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="2"
+              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />D.浠ヤ笂閮芥槸
           </p>
           <p>
             3.鐩磋甯﹀伐浣滆姹傦細鎺掗槦瓒呰繃锛堛��銆�锛変汉鏃讹紝澧炲姞鏌滃彴锛涘洟闃熻秴杩囷紙銆�銆�锛変汉鏃讹紝澧炲姞鏌滃彴銆�
           </p>
           <p>
-            <input
-              type="radio"
-              name="QThree"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="3"
-              v-model="questionData.projectOne.three.value"
-              @change="setBookQuestion"
-            />A.4锝�5锛�6
+            <input type="radio" name="QThree" :disabled="questionData.isComplete" value="A" id="3"
+              v-model="questionData.projectOne.three.value" @change="setBookQuestion" />A.4锝�5锛�6
           </p>
           <p>
-            <input
-              type="radio"
-              name="QThree"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="3"
-              v-model="questionData.projectOne.three.value"
-              @change="setBookQuestion"
-            />B.6锝�8锛�8
+            <input type="radio" name="QThree" :disabled="questionData.isComplete" value="B" id="3"
+              v-model="questionData.projectOne.three.value" @change="setBookQuestion" />B.6锝�8锛�8
           </p>
           <p>
-            <input
-              type="radio"
-              name="QThree"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="3"
-              v-model="questionData.projectOne.three.value"
-              @change="setBookQuestion"
-            />C.8锝�10锛�9
+            <input type="radio" name="QThree" :disabled="questionData.isComplete" value="C" id="3"
+              v-model="questionData.projectOne.three.value" @change="setBookQuestion" />C.8锝�10锛�9
           </p>
           <p>
-            <input
-              type="radio"
-              name="QThree"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="3"
-              v-model="questionData.projectOne.three.value"
-              @change="setBookQuestion"
-            />D.8锝�10锛�10
+            <input type="radio" name="QThree" :disabled="questionData.isComplete" value="D" id="3"
+              v-model="questionData.projectOne.three.value" @change="setBookQuestion" />D.8锝�10锛�10
           </p>
           <p>4.鍊欐満妤煎�兼満鏈嶅姟鐨勫熀鏈祦绋嬫湁锛堛��銆�锛夈��</p>
           <p>
-            <input
-              type="checkbox"
-              name="QFour"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="4"
-              v-model="questionData.projectOne.four.value"
-              @change="setBookQuestion"
-            />A.杩庢帴鏃呭锛屾敹杩愩�佹墭杩愭梾瀹㈣鏉�
+            <input type="checkbox" name="QFour" :disabled="questionData.isComplete" value="A" id="4"
+              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />A.杩庢帴鏃呭锛屾敹杩愩�佹墭杩愭梾瀹㈣鏉�
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="QFour"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="4"
-              v-model="questionData.projectOne.four.value"
-              @change="setBookQuestion"
-            />B.鏌ユ鏃呭瀹㈢エ鍙婅瘉浠讹紝鍚屾梾瀹㈠憡鍒�
+            <input type="checkbox" name="QFour" :disabled="questionData.isComplete" value="B" id="4"
+              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />B.鏌ユ鏃呭瀹㈢エ鍙婅瘉浠讹紝鍚屾梾瀹㈠憡鍒�
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="QFour"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="4"
-              v-model="questionData.projectOne.four.value"
-              @change="setBookQuestion"
-            />C.涓烘梾瀹㈠畨鎺掑骇浣�
+            <input type="checkbox" name="QFour" :disabled="questionData.isComplete" value="C" id="4"
+              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />C.涓烘梾瀹㈠畨鎺掑骇浣�
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="QFour"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="4"
-              v-model="questionData.projectOne.four.value"
-              @change="setBookQuestion"
-            />D.杩庢帴鏃呭锛屾鏌ユ梾瀹㈠绁ㄥ強璇佷欢锛屼负鏃呭瀹夋帓搴т綅锛屾敹杩愭墭杩愭梾瀹㈣鏉�
+            <input type="checkbox" name="QFour" :disabled="questionData.isComplete" value="D" id="4"
+              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />D.杩庢帴鏃呭锛屾鏌ユ梾瀹㈠绁ㄥ強璇佷欢锛屼负鏃呭瀹夋帓搴т綅锛屾敹杩愭墭杩愭梾瀹㈣鏉�
           </p>
           <p>5.閰掓按鏈嶅姟绀间华涓紝绾㈣憽钀勯厭搴斿�掓弧鏉瓙鐨勶紙銆�銆�锛夈��</p>
           <p>
-            <input
-              type="radio"
-              name="QFive"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="5"
-              v-model="questionData.projectOne.five.value"
-              @change="setBookQuestion"
-            />A.1/3
+            <input type="radio" name="QFive" :disabled="questionData.isComplete" value="A" id="5"
+              v-model="questionData.projectOne.five.value" @change="setBookQuestion" />A.1/3
           </p>
           <p>
-            <input
-              type="radio"
-              name="QFive"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="5"
-              v-model="questionData.projectOne.five.value"
-              @change="setBookQuestion"
-            />B.2/3
+            <input type="radio" name="QFive" :disabled="questionData.isComplete" value="B" id="5"
+              v-model="questionData.projectOne.five.value" @change="setBookQuestion" />B.2/3
           </p>
           <p>
-            <input
-              type="radio"
-              name="QFive"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="5"
-              v-model="questionData.projectOne.five.value"
-              @change="setBookQuestion"
-            />C.鍊掓弧
+            <input type="radio" name="QFive" :disabled="questionData.isComplete" value="C" id="5"
+              v-model="questionData.projectOne.five.value" @change="setBookQuestion" />C.鍊掓弧
           </p>
           <p>6.鏈夋晥鐨勮韩浠借瘉浠跺寘鎷粈涔堬紵</p>
-          <textarea
-            v-model="questionData.projectOne.six.value"
-            placeholder="璇疯緭鍏ュ唴瀹�"
-            rows="4"
-            class="fz-16 textarea-box"
-            @change="setBookQuestion"
-          ></textarea>
+          <textarea v-model="questionData.projectOne.six.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+            @change="setBookQuestion"></textarea>
           <p>7.绠�杩板洖绛旀梾瀹㈤棶棰樼殑鎶�宸с��</p>
-          <textarea
-            v-model="questionData.projectOne.seven.value"
-            placeholder="璇疯緭鍏ュ唴瀹�"
-            rows="4"
-            class="fz-16 textarea-box"
-            @change="setBookQuestion"
-          ></textarea>
+          <textarea v-model="questionData.projectOne.seven.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+            class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
           <p>8.绠�杩拌吹瀹惧巺鏈嶅姟涓殑鈥滀笁杞绘湇鍔♀�濃�滃惊鐜紡涓嶉棿鏂湇鍔♀�濃�滈浂鍛煎敜绠$悊鈥濄��</p>
-          <textarea
-            v-model="questionData.projectOne.eight.value"
-            placeholder="璇疯緭鍏ュ唴瀹�"
-            rows="4"
-            class="fz-16 textarea-box"
-            @change="setBookQuestion"
-          ></textarea>
+          <textarea v-model="questionData.projectOne.eight.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+            class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
           <p>9.鐢垫寮曞绀间华搴旈伒寰摢浜涘師鍒欙紵</p>
-          <textarea
-            v-model="questionData.projectOne.nine.value"
-            placeholder="璇疯緭鍏ュ唴瀹�"
-            rows="4"
-            class="fz-16 textarea-box"
-            @change="setBookQuestion"
-          ></textarea>
+          <textarea v-model="questionData.projectOne.nine.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>
@@ -1266,11 +1248,30 @@
               <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/unitFour-02.png" alt=""></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 == '808ca04bce334463e3e10b26edecec82'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-09')" />
+              </el-tooltip>
+            </p>
+          </div>
           <div class="bk">
             <p class="bj1-qjms fl al-c">
-              <span class="span-box"></span
-              ><span class="span-text">椤圭洰鎻忚堪</span
-              ><span class="span-box"></span>
+              <span class="span-box"></span><span class="span-text">椤圭洰鎻忚堪</span><span class="span-box"></span>
             </p>
             <p class="fz-15">
               鍦ㄥ�欐満妤兼湇鍔″疄涔犱腑锛屾潕涓界湅鍒颁竴浣嶆梾瀹㈠洜涓鸿鏉庢�绘槸鏃犳硶閫氳繃瀹夋鏈鸿�屼笉婊★紝鏉庝附鏃㈤渶瑕佸悜浠栧仛濂借В閲婂拰鏈嶅姟锛屾洿瑕佺‘淇濇皯鑸畨鍏紝纭繚鏈嶅姟绗﹀悎瑙勮寖銆傛潕涓藉簲璇ユ�庢牱鍋氭墠鑳借濂圭殑瀹夋鏈嶅姟鑾峰緱鏃呭鐨勮鍙憿锛熼�氳繃鏈」鐩殑瀛︿範锛屼簡瑙e畨妫�鏈嶅姟鐨勮亴璐h姹傚強鏈嶅姟绀间华瑙勮寖锛屽舰鎴愬瀹夋鏈嶅姟鐨勫叏闈㈣鐭ュ苟鍙婃椂鏈夋晥鍦板畬鎴愭梾瀹㈠畨鍏ㄦ鏌ワ紝鎻愰珮鏈嶅姟鏃呭鐨勬晥鐜囷紝閬垮厤瀹夊叏闅愭偅鐨勫彂鐢燂紝涓烘梾瀹繚椹炬姢鑸��
@@ -1278,9 +1279,7 @@
           </div>
           <div class="bk">
             <p class="bj1-qjms fl al-c">
-              <span class="span-box"></span
-              ><span class="span-text">绀煎湪韬竟</span
-              ><span class="span-box"></span>
+              <span class="span-box"></span><span class="span-text">绀煎湪韬竟</span><span class="span-box"></span>
             </p>
             <p class="fz-15">
               鏃呭寮犲コ澹姙鐞嗗畬鐧绘満鎵嬬画鍑嗗杩涜瀹夊叏妫�鏌ワ紝瀹夋鍛樿姹傚叾鑴辨帀澶ц。鍐嶈繃妫�锛岀敱浜庡紶濂冲+澶ц。閲岄潰鍙┛浜嗘棤琚栫殑T鎭わ紝渚胯涓嶆柟渚胯劚澶ц。銆傜湅鍒板紶濂冲+涓嶉厤鍚堝畨妫�鐨勮姹傦紝瀹夋鍛樺緢鐢熸皵锛屽氨杩炴帴杩囧紶濂冲+鐨勬墜鎻愯鏉庢椂涔熸病鑳芥帶鍒惰嚜宸辩殑涓嶆弧锛岄殢鎵嬪皢寮犲コ澹殑鎵嬫彁琛屾潕鎵斿埌浼犻�佸甫涓娿�傜湅鍒拌嚜宸辩殑琛屾潕琚墧鍒颁紶閫佸甫涓婏紝寮犲コ澹潪甯哥敓姘斿湴璇达細鈥滀负浠�涔堟墧鎴戠殑鍖咃紵鈥濆畨妫�鍛樿锛氣�滀綘涓嶉厤鍚堟垜浠殑宸ヤ綔锛屾垜涓轰粈涔堜笉鑳芥墧锛佲�濅袱浜哄彂鐢熶簡鍙h涔嬩簤鍜岃偄浣撳啿绐併��
@@ -1289,15 +1288,14 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>浣犺涓哄湪瀹夋鏈嶅姟涓簲鎬庢牱瑙勮寖鑷繁鐨勮█琛屼妇姝紵</p>
-              <textarea v-model="questionData.askAbout.eighteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.eighteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -1315,11 +1313,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">130</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -1327,12 +1321,30 @@
         </ul>
         <div class="bodystyle">
           <h3 id="c030">
-            <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="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 == '8086dfd8f1307041be4e7e4b15aee1b4'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-10')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h4 id="d094">涓�銆佷汉韬畨鍏ㄦ鏌ユ湇鍔$殑姒傝堪</h4>
           <p>
             浜鸿韩瀹夊叏妫�鏌ヤ富瑕佹槸閫氳繃妫�鏌ユ梾瀹㈣韩涓婃槸鍚︽惡甯︽灙鏀�佹槗鐕冩槗鐖嗙墿鍝併�佽厫铓�鎬х墿鍝併�佹湁姣掔墿鍝佺瓑锛屼繚闅滆埅绌哄櫒鍙婃梾瀹㈢殑瀹夊叏銆備汉韬畨鍏ㄦ鏌ヤ笉瀛樺湪鍏嶆鎯呭喌锛屽繀椤诲湪鏃呭鐧绘満鍓嶈繘琛岋紝鍚﹀垯涓嶅厑璁哥櫥鏈猴紙瑙佸浘4-2-1锛夈��
@@ -1373,28 +1385,46 @@
           <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>
               <p>
                 1.涓婅堪妗堜緥涓弿杩扮殑鏄摢涓畨妫�宀椾綅瀹夋鍛樼殑宸ヤ綔鍦烘櫙锛熷綋鍊煎畨妫�鍛樻湁鍝簺绀间华缂哄け鐨勫湴鏂癸紵
               </p>
-              <textarea v-model="questionData.askAbout.nineteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.nineteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
               <p>
                 2.涓婅堪妗堜緥涓紝璐熻矗浜鸿韩妫�鏌ョ殑瀹夋鍛樻槸鍚﹀彲浠ュ湪涓�瀹氱▼搴︿笂瀵瑰洜鍓嶅簭宸ヤ綔瀵艰嚧涓嶆弧鎯呯华鐨勬梾瀹㈣繘琛屽畨鎶氬憿锛熷鏋滃彲浠ワ紝搴旇鎬庝箞鍋氬憿锛�
               </p>
-              <textarea v-model="questionData.askAbout.twenty" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.twenty" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h4 id="d096">涓夈�佷汉韬畨鍏ㄦ鏌ユ湇鍔$殑绀间华瑙勮寖</h4>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathEleven" 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.isCollectVideo10 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'a77181ba5fdb0f851bb43cb61ec3fed2'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-11')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h5 id="e112">锛堜竴锛変汉韬畨鍏ㄦ鏌ュ憳鎵у嫟绀间华瑙勮寖</h5>
           <p>
             锛�1锛夊畨妫�鍛樹笂鐝墠涓嶅悆鏈夊紓鍛崇殑椋熺墿锛屼笉鍠濋厭銆佹娊鐑燂紝涓嶅悆闆堕锛屼笂鐝华鎬佽绔簞銆�
@@ -1427,11 +1457,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">132</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -1439,12 +1465,30 @@
         </ul>
         <div class="bodystyle">
           <h3 id="c031">
-            <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>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathTwelve" 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.isCollectVideo11 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'c583ec4fcdef8acae289d050c6e7eb78'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-12')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h4 id="d097">涓�銆佸紑绠卞寘妫�鏌ユ湇鍔℃杩�</h4>
           <p>
             寮�绠卞寘妫�鏌ユ槸鎸囧鐢╔灏勭嚎鏈烘鏌ユ椂锛屽浘鍍忔ā绯婁笉娓呯殑锛孹灏勭嚎鏈哄彂鐜扮被浼肩數姹犮�佺矇鐘剁墿銆佹恫浣撶姸銆佸绾跨瓑鍙枒鐗╁搧锛孹灏勭嚎鏈哄浘鍍忎腑鏄剧ず鏈夊鍣ㄧ殑鐗╁搧锛屾潵鍘嗕笉鏄庣殑鐗╁搧绛夎繘琛岀殑妫�鏌ャ��
@@ -1523,59 +1567,23 @@
           </p>
           <p class="mb-10 mt-10 td-0"><span class="bj2">路椤圭洰鑷祴路</span></p>
           <p>
-            <input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="1"
-              v-model="questionData.projectTwo.one.value"
-              @change="setBookQuestion"
-            />1.寮�绠卞寘妫�鏌ョ殑姝g‘姝ラ鏄紙銆�銆�锛夈�傦紙鍗曢�夐锛�
+            1.寮�绠卞寘妫�鏌ョ殑姝g‘姝ラ鏄紙銆�銆�锛夈�傦紙鍗曢�夐锛�
           </p>
           <p>
-            <input
-              type="radio"
-              name="QusOne"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="1"
-              v-model="questionData.projectTwo.one.value"
-              @change="setBookQuestion"
-            />A.妫�鏌ュ唴灞傘�佹鏌ョ鍖呭唴鐗╁搧
+            <input type="radio" name="QusOne" :disabled="questionData.isComplete" value="A" id="1"
+              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />A.妫�鏌ュ唴灞傘�佹鏌ョ鍖呭唴鐗╁搧
           </p>
           <p>
-            <input
-              type="radio"
-              name="QusOne"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="1"
-              v-model="questionData.projectTwo.one.value"
-              @change="setBookQuestion"
-            />B.瑙傚療澶栬銆佹鏌ョ鍖呭唴鐗╁搧
+            <input type="radio" name="QusOne" :disabled="questionData.isComplete" value="B" id="1"
+              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />B.瑙傚療澶栬銆佹鏌ョ鍖呭唴鐗╁搧
           </p>
           <p>
-            <input
-              type="radio"
-              name="QusOne"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="1"
-              v-model="questionData.projectTwo.one.value"
-              @change="setBookQuestion"
-            />C.瑙傚療澶栬銆佹鏌ュ唴灞傚拰澶瑰眰銆佹鏌ョ鍖呭唴鐗╁搧銆佸杽鍚庡鐞�
+            <input type="radio" name="QusOne" :disabled="questionData.isComplete" value="C" id="1"
+              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />C.瑙傚療澶栬銆佹鏌ュ唴灞傚拰澶瑰眰銆佹鏌ョ鍖呭唴鐗╁搧銆佸杽鍚庡鐞�
           </p>
           <p>
-            <input
-              type="radio"
-              name="QusOne"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="1"
-              v-model="questionData.projectTwo.one.value"
-              @change="setBookQuestion"
-            />D.瑙傚療澶栬銆佹鏌ュす灞傘�佹鏌ョ鍖呭唴鐗╁搧銆佸杽鍚庡鐞�
+            <input type="radio" name="QusOne" :disabled="questionData.isComplete" value="D" id="1"
+              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />D.瑙傚療澶栬銆佹鏌ュす灞傘�佹鏌ョ鍖呭唴鐗╁搧銆佸杽鍚庡鐞�
           </p>
         </div>
       </div>
@@ -1586,11 +1594,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">134</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -1599,118 +1603,65 @@
         <div class="bodystyle">
           <p>2.寮�绠卞寘妫�鏌ユ椂锛屼互涓嬪摢浜涗笉鏄彲鐤戠墿鍝侊紵锛堛��銆�锛夛紙鍗曢�夐锛�</p>
           <p>
-            <input
-              type="radio"
-              name="QusTwo"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="2"
-              v-model="questionData.projectTwo.two.value"
-              @change="setBookQuestion"
-            />A.鐢垫睜
+            <input type="radio" name="QusTwo" :disabled="questionData.isComplete" value="A" id="2"
+              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />A.鐢垫睜
           </p>
           <p>
-            <input
-              type="radio"
-              name="QusTwo"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="2"
-              v-model="questionData.projectTwo.two.value"
-              @change="setBookQuestion"
-            />B.绮夌姸鐗�
+            <input type="radio" name="QusTwo" :disabled="questionData.isComplete" value="B" id="2"
+              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />B.绮夌姸鐗�
           </p>
           <p>
-            <input
-              type="radio"
-              name="QusTwo"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="2"
-              v-model="questionData.projectTwo.two.value"
-              @change="setBookQuestion"
-            />C.鍥轰綋鐘剁墿
+            <input type="radio" name="QusTwo" :disabled="questionData.isComplete" value="C" id="2"
+              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />C.鍥轰綋鐘剁墿
           </p>
           <p>
-            <input
-              type="radio"
-              name="QusTwo"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="2"
-              v-model="questionData.projectTwo.two.value"
-              @change="setBookQuestion"
-            />D.瀵肩嚎
+            <input type="radio" name="QusTwo" :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="QusThree"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="3"
-              v-model="questionData.projectTwo.three.value"
-              @change="setBookQuestion"
-            />A.鍚�
+            <input type="checkbox" name="QusThree" :disabled="questionData.isComplete" value="A" id="3"
+              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />A.鍚�
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="QusThree"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="3"
-              v-model="questionData.projectTwo.three.value"
-              @change="setBookQuestion"
-            />B.鍡�
+            <input type="checkbox" name="QusThree" :disabled="questionData.isComplete" value="B" id="3"
+              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />B.鍡�
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="QusThree"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="3"
-              v-model="questionData.projectTwo.three.value"
-              @change="setBookQuestion"
-            />C.鏁�
+            <input type="checkbox" name="QusThree" :disabled="questionData.isComplete" value="C" id="3"
+              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />C.鏁�
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="QusThree"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="3"
-              v-model="questionData.projectTwo.three.value"
-              @change="setBookQuestion"
-            />D.鎽�
+            <input type="checkbox" name="QusThree" :disabled="questionData.isComplete" value="D" id="3"
+              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />D.鎽�
           </p>
           <p>4.绠�杩颁汉韬畨鍏ㄦ鏌ョ殑鍒嗙被銆�</p>
-          <textarea
-            v-model="questionData.projectTwo.four.value"
-            placeholder="璇疯緭鍏ュ唴瀹�"
-            rows="4"
-            class="fz-16 textarea-box"
-            @change="setBookQuestion"
-          ></textarea>
+          <textarea v-model="questionData.projectTwo.four.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+            @change="setBookQuestion"></textarea>
           <p>5.绠�杩颁汉韬畨鍏ㄦ鏌ユ湇鍔′汉鍛樻墽鍕ょぜ浠鑼冦��</p>
-          <textarea
-            v-model="questionData.projectTwo.five.value"
-            placeholder="璇疯緭鍏ュ唴瀹�"
-            rows="4"
-            class="fz-16 textarea-box"
-            @change="setBookQuestion"
-          ></textarea>
+          <textarea v-model="questionData.projectTwo.five.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+            @change="setBookQuestion"></textarea>
           <p>6.绠�杩颁汉韬畨鍏ㄦ鏌ユ湇鍔′汉鍛樼殑浠浠〃绀间华瑙勮寖銆�</p>
-          <textarea
-            v-model="questionData.projectTwo.six.value"
-            placeholder="璇疯緭鍏ュ唴瀹�"
-            rows="4"
-            class="fz-16 textarea-box"
-            @change="setBookQuestion"
-          ></textarea>
+          <textarea v-model="questionData.projectTwo.six.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+            @change="setBookQuestion"></textarea>
+          <p class="dialogQuestion"  @click="openQuestion(2)">
+            <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>
@@ -1734,11 +1685,30 @@
               <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/unitFour-03.png" alt=""></p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathThirteen" 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.isCollectVideo12 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '027d59276957d481732b80db9aad6768'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-13')" />
+              </el-tooltip>
+            </p>
+          </div>
           <div class="bk">
             <p class="bj1-qjms fl al-c">
-              <span class="span-box"></span
-              ><span class="span-text">椤圭洰鎻忚堪</span
-              ><span class="span-box"></span>
+              <span class="span-box"></span><span class="span-text">椤圭洰鎻忚堪</span><span class="span-box"></span>
             </p>
             <p class="fz-15">
               鏉庝附鐨勮亴涓氳鍒掓槸鎴愪负涓�鍚嶇┖涓箻鍔″憳锛屽湪鍊欐満妤肩殑鏈嶅姟涓ス浜嗚В浜嗙┖鍦拌仈鍔ㄧ殑閲嶈鎬э紝鐞嗚В浜嗗湴闈㈡湇鍔′笌绌轰腑鏈嶅姟鐨勫叧绯汇�傚鑸辨湇鍔℃槸鑸┖鏈嶅姟鐨勫叧閿疄鏂介樁娈碉紝瑕佹垚涓轰竴鍚嶅悎鏍肩殑绌轰腑涔樺姟鍛橈紝涓嶄粎闇�瑕佹帉鎻″鑸辨湇鍔$殑鎶�鑳斤紝鏇磋鐢ㄥ績閿ょ偧瀹㈣埍鏈嶅姟鑹烘湳銆傛潕涓借揩鍒囧湴闇�瑕佸皢鎵�瀛︾殑娌熼�氱ぜ浠�佺潃瑁呯ぜ浠�佽涓虹ぜ浠�佸Э鎬佺ぜ浠笌绌轰箻涓撲笟鎶�鑳芥湁鏁堣瀺鍚堝苟鍛堢幇鍦ㄥ鑸辨湇鍔′腑銆傚涔犺�呴�氳繃鏈」鐩殑瀛︿範锛屽皢鍓嶆湡鎵�瀛︾殑绀间华鐭ヨ瘑鍜屾妧鑳借瀺浼氳疮閫氬湴杩愮敤鍒版ā鎷熷疄璁腑锛屾彁鍗囧瀹㈣埍鏈嶅姟绀间华鐨勫疄鎴樿兘鍔涳紝鍏绘垚鑹ソ鐨勫伐浣滅ぜ浠範鎯紝鎻愬崌瀹㈣埍鏈嶅姟绱犲吇銆�
@@ -1746,9 +1716,7 @@
           </div>
           <div class="bk">
             <p class="bj1-qjms fl al-c">
-              <span class="span-box"></span
-              ><span class="span-text">绀煎湪韬竟</span
-              ><span class="span-box"></span>
+              <span class="span-box"></span><span class="span-text">绀煎湪韬竟</span><span class="span-box"></span>
             </p>
             <p class="fz-15">
               鏉庝附鐨勫濮愭潕闈欓�氳繃闈㈣瘯鎴愪簡鑸┖鍏徃鐨勫疄涔犱箻鍔″憳锛岀粡杩囧煿璁悗锛屽ス缁堜簬瑕佽蛋鍚戣嚜宸辩殑绗竴涓墽椋炶埅鐝簡銆傜敱浜庤埅鐝椂鍒昏緝鏃╋紝鏉庨潤鍙戠幇濂圭殑澶忓鍒舵湇瑁欐竻娲楀悗鏈共锛屼簬鏄┛涓婄瀛e埗鏈嶈锛屽苟鐢讳笂绮捐嚧鐨勫瀹癸紝杩樼壒鎰忔埓涓婁簡鐢熸棩鏃跺濡堥�佺殑杩愬姩鎵嬭〃銆傛病鎯冲埌鍙紑鍑嗗浼氭椂涔樺姟闀垮嵈瀵瑰ス鐨勭潃瑁呭拰閰嶉グ閮芥彁鍑轰簡鎵硅瘎銆傛潕闈欏緢闅捐繃锛屾槑鏄庡凡缁忓緢鐢ㄥ績鏁寸悊浜嗭紝涓轰粈涔堜箻鍔¢暱瑕佹壒璇勫ス鍛紵
@@ -1757,30 +1725,47 @@
           <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.twentyOne" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
               <p>2.鍏充簬涔樺姟鍛樿埅鍓嶇殑浠浠〃瑙勮寖锛屾垜浠簡瑙e灏戝憿锛�</p>
               <textarea v-model="questionData.askAbout.twentyTwo" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
               <p>3.鑸墠鍑嗗闃舵杩橀渶瑕佹帉鎻″摢浜涚ぜ浠鑼冨憿锛�</p>
               <textarea v-model="questionData.askAbout.twentyThree" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h3 id="c032">
-            <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="videoPathFourteen" 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.isCollectVideo13 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '0ca2f6d71dca30320627286ffbf5d60c'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-14')" />
+              </el-tooltip>
+            </p>
+          </div>
         </div>
       </div>
     </div>
@@ -1790,11 +1775,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">136</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -1802,6 +1783,63 @@
         </ul>
         <div class="bodystyle">
           <h4 id="d101">涓�銆佷箻鍔″憳鐫�瑁呯ぜ浠鑼�</h4>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathFifteen" 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.isCollectVideo14 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '7923cd0317296eaea5fa8c513fe7dcca'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-15')" />
+              </el-tooltip>
+            </p>
+          </div>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathSixteen" 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.isCollectVideo15 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'c1fa8a017a5538ff2e560b31d35232e1'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-16')" />
+              </el-tooltip>
+            </p>
+          </div>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathSeventeen" 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.isCollectVideo16 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'ea653cf2afa7376a6a032053596d9773'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-17')" />
+              </el-tooltip>
+            </p>
+          </div>
           <p>
             涔樺姟鍛樿亴涓氳鑳藉鍑告樉浼佷笟鏂囧寲鍜岃亴涓氱壒鎬э紝瀹冧笉浠呮槸鑸┖鍏徃鍜屼箻鍔″憳鑷韩瀹$編鐨勪綋鐜帮紝涔熸槸婊¤冻琚湇鍔℃梾瀹㈢殑瀹$編銆佽埅绋嬮绾﹀拰鑹ソ涔樻満浣撻獙鐨勯渶瑕併�備箻鍔″憳鍦ㄧ┛鐫�鍒舵湇鏃讹紝鏇磋鐗瑰埆娉ㄦ剰鑷繁鐨勪华琛ㄥ舰璞★紝浣胯嚜宸辩殑瑷�琛屻�佷妇姝㈢鍚堝埗鏈嶅簲琛ㄧ幇鍑虹殑浼佷笟鏂囧寲鍜屽搧鐗屼环鍊笺��
           </p>
@@ -1830,10 +1868,6 @@
           <p>
             淇濇寔鍒舵湇鐨勫共鍑�銆佹暣娲併�佹尯鎷紝鏄埗鏈嶄繚鍏荤殑鍩烘湰瑕佹眰銆傛瘡涓埅鐝粨鏉熷悗锛屽簲骞叉礂鍒舵湇锛涙瘡娆℃墽琛岃埅鐝换鍔″墠锛屽簲鐔ㄧ儷鍒舵湇銆傝鍏绘垚妫�鏌ュ埗鏈嶆湁鏃犳崯鍧忋�佹薄娓嶃�佹帀鎵c�佸紑绾跨瓑鎯呭喌鐨勪範鎯紝鑻ュ彂鐜版媺閾炬崯鍧忋�佹墸瀛愭帀钀界瓑闂锛屽簲绔嬪嵆淇悊琛ユ晳銆�
           </p>
-          <h5 id="e122">锛堜簲锛夌鐞嗗拰浣跨敤鐨勮鑼�</h5>
-          <p>
-            鍒舵湇鍙厑璁稿湪鎵ц鑸彮浠诲姟鏃剁┛锛屽鏋滃洜鍑哄腑閲嶅ぇ娲诲姩鎴栬�呭湪鐗规畩鍦哄悎闇�瑕佺┛鐫�鍒�
-          </p>
         </div>
       </div>
     </div>
@@ -1851,10 +1885,30 @@
           <li class="header-right-end" style=""><br /></li>
         </ul>
         <div class="bodystyle">
-          <p class="td-0">
-            鏈嶆椂锛屼篃搴旀寜瑕佹眰绌跨潃鍒舵湇锛岄櫎姝や箣澶栫殑鍏朵粬鏃堕棿銆佸満鍚堜笉鑳界┛鐫�鍒舵湇锛屾洿涓嶅厑璁稿皢鍒舵湇鍊熺粰浠栦汉浣跨敤銆�
+          <h5 id="e122">锛堜簲锛夌鐞嗗拰浣跨敤鐨勮鑼�</h5>
+          <p>
+            鍒舵湇鍙厑璁稿湪鎵ц鑸彮浠诲姟鏃剁┛锛屽鏋滃洜鍑哄腑閲嶅ぇ娲诲姩鎴栬�呭湪鐗规畩鍦哄悎闇�瑕佺┛鐫�鍒舵湇鏃讹紝涔熷簲鎸夎姹傜┛鐫�鍒舵湇锛岄櫎姝や箣澶栫殑鍏朵粬鏃堕棿銆佸満鍚堜笉鑳界┛鐫�鍒舵湇锛屾洿涓嶅厑璁稿皢鍒舵湇鍊熺粰浠栦汉浣跨敤銆�
           </p>
           <h4 id="d102">浜屻�佸噯澶囦細绀间华瑙勮寖</h4>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathEighteen" 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.isCollectVideo17 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '53644acc8e99901f5794c047c6bb9c0c'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-18')" />
+              </el-tooltip>
+            </p>
+          </div>
           <p>
             鑸墠鍑嗗浼氭槸瀹㈣埍涔樺姟浜哄憳椋炶浠诲姟鍓嶇殑涓�娆℃�诲姩鍛橈紝鐢变箻鍔¢暱涓绘寔鍙紑銆傝埅鍓嶅噯澶囦細鐨勪富瑕佸唴瀹瑰寘鎷細鑷垜浠嬬粛銆佹鏌ユ湁鏁堣瘉浠跺拰浠浠〃銆佺‘璁よ埅鐝俊鎭�佸伐浣滆亴璐e垎閰嶃�佸噯澶囩┖闃查妗堝拰搴旀�ラ妗堛�傚噯澶囦細绀间华瑙勮寖鍖呮嫭瑙侀潰鐨勭ぜ浠鑼冦�佺墿鍝佹憜鏀剧殑绀间华瑙勮寖銆佸骇搴忕殑绀间华瑙勮寖銆佷細璁殑绀间华瑙勮寖銆備互涓嬪唴瀹瑰皢璇︾粏浠嬬粛鍑嗗浼氱ぜ浠鑼冦��
           </p>
@@ -1884,7 +1938,7 @@
           </p>
           <p class="td-0 mb-10 mt-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
           <p class="block">
-            鍙蜂綅绾у埆锛氬湪鎵ц鑸彮浠诲姟鏃讹紝姣忎釜涔樺姟鍛橀兘鏈変笉鍚岀殑鍙蜂綅锛屼笉鍚岀殑鍙蜂綅浠h〃涓嶅悓鐨勫矖浣嶈亴璐e尯鍩燂紝鎵�浠ユ槸涓嶅瓨鍦ㄩ噸澶嶇殑鍙蜂綅鐨勩�傚垎鍙蜂綅鏄负浜嗚澶у鍒嗗伐鏇村姞鏄庣‘锛屼粠鑰岃兘澶熸洿濂藉湴瀹屾垚绌轰腑鏈嶅姟鍜屽畨鍏ㄤ繚闅滃伐浣溿�備笉鍚岀殑鏈哄瀷锛屼笉鍚岀殑鍙蜂綅鑱岃矗涔熸槸涓嶅敖鐩�
+            鍙蜂綅绾у埆锛氬湪鎵ц鑸彮浠诲姟鏃讹紝姣忎釜涔樺姟鍛橀兘鏈変笉鍚岀殑鍙蜂綅锛屼笉鍚岀殑鍙蜂綅浠h〃涓嶅悓鐨勫矖浣嶈亴璐e尯鍩燂紝鎵�浠ユ槸涓嶅瓨鍦ㄩ噸澶嶇殑鍙蜂綅鐨勩�傚垎鍙蜂綅鏄负浜嗚澶у鍒嗗伐鏇村姞鏄庣‘锛屼粠鑰岃兘澶熸洿濂藉湴瀹屾垚绌轰腑鏈嶅姟鍜屽畨鍏ㄤ繚闅滃伐浣溿�備笉鍚岀殑鏈哄瀷锛屼笉鍚岀殑鍙蜂綅鑱岃矗涔熸槸涓嶅敖鐩稿悓鐨勶紝瑙勫畾鐩稿綋缁嗚嚧澶嶆潅銆備笉鍚屽彿浣嶇殑鍩烘湰鑱岃矗锛氳礋璐e嚑鎺掑埌鍑犳帓鐨勬湇鍔★紝鍒嗗彂鎶ョ焊锛岀揣鎬ヨ劚绂婚棬銆佺獥鐨勬搷浣滐紝鐏儏澶勭疆绛夈��
           </p>
         </div>
       </div>
@@ -1895,20 +1949,13 @@
         <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">138</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
           </li>
         </ul>
         <div class="bodystyle">
-          <p class="td-0 block">
-            鍚岀殑锛岃瀹氱浉褰撶粏鑷村鏉傘�備笉鍚屽彿浣嶇殑鍩烘湰鑱岃矗锛氳礋璐e嚑鎺掑埌鍑犳帓鐨勬湇鍔★紝鍒嗗彂鎶ョ焊锛岀揣鎬ヨ劚绂婚棬銆佺獥鐨勬搷浣滐紝鐏儏澶勭疆绛夈��
-          </p>
           <h5 id="e126">锛堝洓锛変細璁殑绀间华瑙勮寖</h5>
           <p>
             鑸墠鍑嗗浼氶�氬父鍖呮嫭鈥滃鑸辨湇鍔¤鏄庘�濃�滃鑸卞畨鍏ㄧ浉鍏抽噸鐐瑰伐浣滀俊鎭鏄庘�濃�滅┖闃插畨鍏ㄥ伐浣滃唴瀹光�濈瓑銆傗�滃鑸辨湇鍔¤鏄庘�濆拰鈥滃鑸卞畨鍏ㄧ浉鍏抽噸鐐瑰伐浣滀俊鎭鏄庘�濅竴鑸敱浼氳涓绘寔浜鸿礋璐h瑙o紝鈥滅┖闃插畨鍏ㄥ伐浣滃唴瀹光�濅竴鑸敱瀹夊叏鍛樿礋璐h瑙c��
@@ -1919,15 +1966,14 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>鑸墠鍑嗗闃舵鐨勭ぜ浠腑铻嶅悎浜嗗墠闈㈣绋嬩腑鐨勫摢浜涢噸鐐圭煡璇嗭紵</p>
-              <textarea v-model="questionData.askAbout.twentyThree" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.twentyFour" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p class="td-0 mb-10 mt-10"><span class="bj2">路绀间箣瀹炶返路</span></p>
@@ -1951,21 +1997,20 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>
                 鍒樻収鏄煇鑸┖鍏徃鐨勪箻鍔″憳锛屽湪閲嶅簡椋炲線涓変簹鐨勮埅鐝笂锛屼箻鍔¢暱灏嗗垬鎱у畨鎺掑湪鍓嶇櫥鏈洪棬澶勮繋瀹€�傜敱浜庢鍊间笁浜氭梾娓告椇瀛o紝姝よ埅鐝梾瀹㈤潪甯稿銆傜珯鍦ㄨ埍闂ㄥ彛杩庡鐨勫垬鎱ц寰楀緢鐑紝娌$珯涓�浼氬効鍒樻収灏卞紑濮嬩笉鑰愮儲浜嗭紝鍙槸姝ゆ椂鎵嶅彧鏈変竴灏忛儴鍒嗘梾瀹㈢櫥鏈恒�傚湪鎺ヤ笅鏉ョ殑杩庡涓紝鍒樻収鑴镐笂鐨勫井绗戞參鎱㈡秷澶憋紝闈㈠鏃呭鐨勮闂紝濂逛篃鍙槸闅忔墜涓�鎸囷紝涓�鍓噿鏁d笉鑰愮儲鐨勬牱瀛愩��
               </p>
               <p>1.浣犺寰楀垬鎱у仛寰楀鍚楋紵</p>
-              <textarea v-model="questionData.askAbout.twentyFour" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
-              <p>2.瀵逛簬杩庡鐨勭ぜ浠鑼冿紝浣犵煡閬撳灏戯紵</p>
               <textarea v-model="questionData.askAbout.twentyFive" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <p>2.瀵逛簬杩庡鐨勭ぜ浠鑼冿紝浣犵煡閬撳灏戯紵</p>
+              <textarea v-model="questionData.askAbout.twentySix" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
         </div>
@@ -1986,14 +2031,70 @@
         </ul>
         <div class="bodystyle">
           <h3 id="c033">
-            <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>
           <p>3.鎺屾彙鑸▼涓棶璇㈢ぜ浠鑼冦��</p>
           <p>4.浜嗚В瀹㈣埍瀹夊叏妫�鏌ョぜ浠鑼冦��</p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathNineteen" 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.isCollectVideo18 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '9a3ca4974c773071810305bc71d0686c'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-19')" />
+              </el-tooltip>
+            </p>
+          </div>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathTwenty" 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.isCollectVideo19 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '992d774600338d541b8311e623488367'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-20')" />
+              </el-tooltip>
+            </p>
+          </div>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathTwentyOne" 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.isCollectVideo20 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '6f51dba939e06ba2e93109dc99576899'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-21')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h4 id="d103">涓�銆佽繋瀹㈢ぜ浠鑼�</h4>
           <p>
             鑹ソ銆佸緱浣撶殑绀间华杩愮敤锛屼細甯︾粰鏃呭涓撲笟銆佷翰鍒囥�佹俯棣ㄧ殑鍗拌薄锛屼负鍚庣画鎻愪緵鐨勫鑸辨湇鍔″瀹氳壇濂界殑鍩虹銆�
@@ -2008,15 +2109,14 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>鏃呭鐧绘満鏃讹紝杩庡鐨勫鑸变箻鍔″憳搴旇绔欏湪鍝噷鍛紵</p>
-              <textarea v-model="questionData.askAbout.twentySix" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.twentySeven" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h5 id="e128">锛堜簩锛夎繋瀹㈢珯浣嶄笌绔欏Э鐨勮鑼�</h5>
@@ -2030,10 +2130,6 @@
           <p>
             锛�3锛夎繋瀹㈡椂濂充箻鍔″憳閲囧彇鈥滃墠鑵瑰紡锛屼竵瀛楁绔欏Э鈥濓紝鐢蜂箻鍔″憳閲囧彇鈥滃墠鑵瑰紡锛屽钩琛屾绔欏Э鈥濄��
           </p>
-          <h5 id="e129">锛堜笁锛夎繋瀹㈢殑鎵嬪娍瑙勮寖</h5>
-          <p>
-            杩庡鏃惰涓�鐩翠繚鎸佸井绗戯紝骞惰�愬績涓烘梾瀹㈠紩瀵煎骇浣嶆垨鍗忓姪瀹夋斁琛屾潕銆備箻鍔″憳搴斿弻鎵嬫帴
-          </p>
         </div>
       </div>
     </div>
@@ -2043,19 +2139,16 @@
         <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">140</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
           </li>
         </ul>
         <div class="bodystyle">
-          <p class="td-0">
-            杩囨梾瀹㈢櫥鏈虹墝锛屽苟涓旀墜鎸囧苟鎷紝鎵嬪績鏈濅笂涓庢按骞抽潰鍛�45掳锛涙媷鎸囦笌椋熸寚杞绘嬁鐧绘満鐗岃竟缂橈紝杩呴�熸煡鐪嬩俊鎭悗浜よ繕鏃呭锛屽悓鏃舵牴鎹梾瀹㈠骇浣嶈窛绂荤殑杩滆繎锛岄噰鐢ㄩ珮銆佷腑銆佷綆浣嶆墜鍔挎寚寮曘��
+          <h5 id="e129">锛堜笁锛夎繋瀹㈢殑鎵嬪娍瑙勮寖</h5>
+          <p>
+            杩庡鏃惰涓�鐩翠繚鎸佸井绗戯紝骞惰�愬績涓烘梾瀹㈠紩瀵煎骇浣嶆垨鍗忓姪瀹夋斁琛屾潕銆備箻鍔″憳搴斿弻鎵嬫帴杩囨梾瀹㈢櫥鏈虹墝锛屽苟涓旀墜鎸囧苟鎷紝鎵嬪績鏈濅笂涓庢按骞抽潰鍛�45掳锛涙媷鎸囦笌椋熸寚杞绘嬁鐧绘満鐗岃竟缂橈紝杩呴�熸煡鐪嬩俊鎭悗浜よ繕鏃呭锛屽悓鏃舵牴鎹梾瀹㈠骇浣嶈窛绂荤殑杩滆繎锛岄噰鐢ㄩ珮銆佷腑銆佷綆浣嶆墜鍔挎寚寮曘��
           </p>
           <h5 id="e130">锛堝洓锛夎绀肩殑瑙勮寖</h5>
           <p>
@@ -2142,10 +2235,6 @@
           <p>
             鏀剁墿鍝佺殑鏃跺�欏簲璇ュ厛鏀惰繃閬撴梾瀹㈢殑鐗╁搧锛屽悗鏀堕潬绐楁梾瀹㈢殑鐗╁搧锛屽仛鍒板厛澶栧悗閲屻�傛敹鏃呭鐨勯ギ鏂欐澂鏃惰鐢ㄦ墭鐩橈紝鏀堕鐩樺垯蹇呴』浣跨敤椁愯溅鏀跺彇銆傛敹鍙栨椂閮借鍦ㄦ墭鐩樻垨鑰呴杞︿笂鐢遍噷鍚戝鎽嗘斁锛岄鐩掑瀿鍦ㄤ竴璧锋椂锛屾渶澶氫笉瓒呰繃5涓��
           </p>
-          <h6 id="f051">7.鎺ㄦ媺鐨勭ぜ浠鑼�</h6>
-          <p>
-            鎺ㄩ杞︽椂锛屽弻鎵嬪簲鎵跺湪椁愯溅涓婃柟宸﹀彸涓や晶锛屽弻鎵嬬暐鐢ㄥ姏鎺ㄥ姩椁愯溅锛屼絾涓嶅彲鐢ㄥ姏杩�
-          </p>
         </div>
       </div>
     </div>
@@ -2155,19 +2244,16 @@
         <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">142</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
           </li>
         </ul>
         <div class="bodystyle">
-          <p class="td-0">
-            澶с�佽繃蹇紝浠ヤ繚鎸侀杞︿笂鐨勭墿鍝佸钩绋筹紝娉ㄦ剰涓嶈鎾炲埌鏃呭鐨勬墜鑴氬拰搴ф鎵舵墜銆�
+          <h6 id="f051">7.鎺ㄦ媺鐨勭ぜ浠鑼�</h6>
+          <p>
+            鎺ㄩ杞︽椂锛屽弻鎵嬪簲鎵跺湪椁愯溅涓婃柟宸﹀彸涓や晶锛屽弻鎵嬬暐鐢ㄥ姏鎺ㄥ姩椁愯溅锛屼絾涓嶅彲鐢ㄥ姏杩囧ぇ銆佽繃蹇紝浠ヤ繚鎸侀杞︿笂鐨勭墿鍝佸钩绋筹紝娉ㄦ剰涓嶈鎾炲埌鏃呭鐨勬墜鑴氬拰搴ф鎵舵墜銆�
           </p>
           <h5 id="e134">锛堜簩锛夐楗湇鍔¤瑷�鐨勭ぜ浠鑼�</h5>
           <p>
@@ -2200,10 +2286,6 @@
           <p>
             鍦ㄥ鑸辨湇鍔′腑锛屾皯鑸鑸变箻鍔″憳浼氫笌涓嶅悓鏃呭鎵撲氦閬撱�傞噰鐢ㄥ悎閫傜殑璇█鎶�宸э紝鎺屾彙瑙勮寖鐨勬湇鍔¤瘽鏈紝鍙互鎻愬崌娌熼�氭晥鐜囷紝鎻愬崌鏈嶅姟鍝佽川銆�
           </p>
-          <h5 id="e135">锛堜竴锛夊鐗规畩鏃呭鐨勭О鍛艰鑼�</h5>
-          <p>
-            瀵圭敺鎬ф梾瀹㈡垜浠О鍛间负鈥滃厛鐢熲�濓紝瀵瑰コ鎬ф梾瀹㈡垜浠О鍛间负鈥滃コ澹�濄�傚湪鑸彮涓婁箻鍔�
-          </p>
         </div>
       </div>
     </div>
@@ -2221,8 +2303,9 @@
           <li class="header-right-end" style=""><br /></li>
         </ul>
         <div class="bodystyle">
-          <p class="td-0">
-            鍛樹細鎻愬墠鑾峰緱涓�浜涢噸瑕佹梾瀹箻鏈虹殑淇℃伅锛屽杩欑被鏃呭鐨勭О鍛艰閲囩敤鍏舵渶澶х殑鑱屽姟锛屽鈥滈闀挎偍濂解�濃�滃闀挎偍濂解�濄�傛湇鍔″晢鍔¤埍鐨勬梾瀹㈡椂鍒欒閲囩敤濮撴皬涓庤亴浣嶇浉缁撳悎鐨勫皧绉帮紝濡傗�滄潕鎬绘偍濂解�濃�滅帇钁f偍濂解�濓紝鍦ㄤ笉纭鏃呭鑱屼綅鐨勬儏鍐典笅锛屽彲閲囩敤濮撴皬涓庢�у埆鐩哥粨鍚堢殑鏂规硶锛屽鈥滃紶鍏堢敓鎮ㄥソ鈥濃�滅帇濂冲+鎮ㄥソ鈥濄��
+          <h5 id="e135">锛堜竴锛夊鐗规畩鏃呭鐨勭О鍛艰鑼�</h5>
+          <p>
+            瀵圭敺鎬ф梾瀹㈡垜浠О鍛间负鈥滃厛鐢熲�濓紝瀵瑰コ鎬ф梾瀹㈡垜浠О鍛间负鈥滃コ澹�濄�傚湪鑸彮涓婁箻鍔″憳浼氭彁鍓嶈幏寰椾竴浜涢噸瑕佹梾瀹箻鏈虹殑淇℃伅锛屽杩欑被鏃呭鐨勭О鍛艰閲囩敤鍏舵渶澶х殑鑱屽姟锛屽鈥滈闀挎偍濂解�濃�滃闀挎偍濂解�濄�傛湇鍔″晢鍔¤埍鐨勬梾瀹㈡椂鍒欒閲囩敤濮撴皬涓庤亴浣嶇浉缁撳悎鐨勫皧绉帮紝濡傗�滄潕鎬绘偍濂解�濃�滅帇钁f偍濂解�濓紝鍦ㄤ笉纭鏃呭鑱屼綅鐨勬儏鍐典笅锛屽彲閲囩敤濮撴皬涓庢�у埆鐩哥粨鍚堢殑鏂规硶锛屽鈥滃紶鍏堢敓鎮ㄥソ鈥濃�滅帇濂冲+鎮ㄥソ鈥濄��
           </p>
           <h5 id="e136">锛堜簩锛夊悜瑕佸浠嬬粛鏃剁殑瑙勮寖</h5>
           <p>
@@ -2257,18 +2340,14 @@
         <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">144</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
           </li>
         </ul>
         <div class="bodystyle">
-          <p class="block td-0">
+          <p class="block">
             琛ㄨ揪鎶�宸э細涓嶆伆褰撳湴杩愮敤娌熼�氭妧宸э紝浼氬奖鍝嶆湁鏁堟矡閫氾紝濡傛敼鍙樿瘽棰橈紝缁欐梾瀹竴绉嶄笉鎰夸笌涔嬫矡閫氱殑鎰熻锛涗富瑙傚垽鏂垨鍖嗗繖涓嬬粨璁哄父甯镐細浣挎矡閫氫腑鏂紱铏氬亣銆佷笉鎭板綋鐨勫畨鎱帮紝閽堝鎬т笉寮虹殑瑙i噴浼氱粰鏃呭涓�绉嶆暦琛嶄簡浜嬨�佷笉璐熻矗鐨勬劅瑙夈��
           </p>
           <p class="block">涓汉鍥犵礌锛氫釜浜鸿〃杈捐兘鍔涗笉瓒虫椂浼氫骇鐢熸矡閫氶殰纰嶃��</p>
@@ -2338,130 +2417,53 @@
           <p class="mb-10 mt-10 td-0"><span class="bj2">路椤圭洰妫�娴嬄�</span></p>
           <p>1.鍒舵湇缁熶竴瑙勮寖瑕佹眰涓紝鏈嶈鐨勶紙銆�銆�锛夊繀椤荤粺涓�銆�</p>
           <p>
-            <input
-              type="checkbox"
-              name="ball1"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="1"
-              v-model="questionData.projectThree.one.value"
-              @change="setBookQuestion"
-            />A.澶у皬銆侀鑹层�佽叞甯�
+            <input type="radio" name="Qusone" :disabled="questionData.isComplete" value="A" id="1"
+              v-model="questionData.projectThree.one.value" @change="setBookQuestion" />A.澶у皬銆侀鑹层�佽叞甯�
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="ball1"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="1"
-              v-model="questionData.projectThree.one.value"
-              @change="setBookQuestion"
-            />B.閰嶉グ銆侀瀷瀛愩�侀鑹�
+            <input type="radio" name="Qusone" :disabled="questionData.isComplete" value="B" id="1"
+              v-model="questionData.projectThree.one.value" @change="setBookQuestion" />B.閰嶉グ銆侀瀷瀛愩�侀鑹�
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="ball1"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="1"
-              v-model="questionData.projectThree.one.value"
-              @change="setBookQuestion"
-            />C.瀛h妭銆佹寮忋�侀厤楗�
+            <input type="radio" name="Qusone" :disabled="questionData.isComplete" value="C" id="1"
+              v-model="questionData.projectThree.one.value" @change="setBookQuestion" />C.瀛h妭銆佹寮忋�侀厤楗�
           </p>
           <p>2.鐫�鍒舵湇鏃讹紝宸ュ彿鐗岃浣╂埓鍦紙銆�銆�锛夈��</p>
           <p>
-            <input
-              type="checkbox"
-              name="ball1"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="2"
-              v-model="questionData.projectThree.two.value"
-              @change="setBookQuestion"
-            />A.鍙宠兏
+            <input type="radio" name="Qustwo" :disabled="questionData.isComplete" value="A" id="2"
+              v-model="questionData.projectThree.two.value" @change="setBookQuestion" />A.鍙宠兏
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="ball1"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="2"
-              v-model="questionData.projectThree.two.value"
-              @change="setBookQuestion"
-            />B.鍙宠兏姝d笂鏂�
+            <input type="radio" name="Qustwo" :disabled="questionData.isComplete" value="B" id="2"
+              v-model="questionData.projectThree.two.value" @change="setBookQuestion" />B.鍙宠兏姝d笂鏂�
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="ball1"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="2"
-              v-model="questionData.projectThree.two.value"
-              @change="setBookQuestion"
-            />C.宸﹁兏姝d笂鏂�
+            <input type="radio" name="Qustwo" :disabled="questionData.isComplete" value="C" id="2"
+              v-model="questionData.projectThree.two.value" @change="setBookQuestion" />C.宸﹁兏姝d笂鏂�
           </p>
           <p>3.鎵嬭〃鏄┖鍕や汉鍛樺繀澶囩殑閰嶉グ锛屽鎵嬭〃鐨勮姹傛槸蹇呴』鍏峰锛堛��銆�锛夈��</p>
           <p>
-            <input
-              type="checkbox"
-              name="ball1"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="3"
-              v-model="questionData.projectThree.three.value"
-              @change="setBookQuestion"
-            />A.2閽�6鍒诲害
+            <input type="radio" name="Qusthree" :disabled="questionData.isComplete" value="A" id="3"
+              v-model="questionData.projectThree.three.value" @change="setBookQuestion" />A.2閽�6鍒诲害
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="ball1"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="3"
-              v-model="questionData.projectThree.three.value"
-              @change="setBookQuestion"
-            />B.3閽�12鍒诲害
+            <input type="radio" name="Qusthree" :disabled="questionData.isComplete" value="B" id="3"
+              v-model="questionData.projectThree.three.value" @change="setBookQuestion" />B.3閽�12鍒诲害
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="ball1"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="3"
-              v-model="questionData.projectThree.three.value"
-              @change="setBookQuestion"
-            />C.浠绘剰鍒诲害
+            <input type="radio" name="Qusthree" :disabled="questionData.isComplete" value="C" id="3"
+              v-model="questionData.projectThree.three.value" @change="setBookQuestion" />C.浠绘剰鍒诲害
           </p>
           <p>
             4.鎴磋繎瑙嗙溂闀滅殑涔樺姟鍛樺湪鎵ц鑸彮浠诲姟鏃讹紝蹇呴』浣╂埓锛堛��銆�锛夛紝鍚屾椂涓洪槻姝㈢獊鍙戞儏鍐碉紝杩橀渶瑕佸涓�鍓紙銆�銆�锛夈��
           </p>
           <p>
-            <input
-              type="radio"
-              name="Qusfour"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="4"
-              v-model="questionData.projectThree.four.value"
-              @change="setBookQuestion"
-            />A.闅愬舰鐪奸暅銆佹鏋剁溂闀�
+            <input type="radio" name="Qusfour" :disabled="questionData.isComplete" value="A" id="4"
+              v-model="questionData.projectThree.four.value" @change="setBookQuestion" />A.闅愬舰鐪奸暅銆佹鏋剁溂闀�
           </p>
           <p>
-            <input
-              type="radio"
-              name="Qusfour"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="4"
-              v-model="questionData.projectThree.four.value"
-              @change="setBookQuestion"
-            />B.褰╄壊鐪奸暅銆侀殣褰㈢溂闀�
+            <input type="radio" name="Qusfour" :disabled="questionData.isComplete" value="B" id="4"
+              v-model="questionData.projectThree.four.value" @change="setBookQuestion" />B.褰╄壊鐪奸暅銆侀殣褰㈢溂闀�
           </p>
         </div>
       </div>
@@ -2472,11 +2474,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">146</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -2484,97 +2482,66 @@
         </ul>
         <div class="bodystyle">
           <p>
-            <input
-              type="radio"
-              name="Qusfour"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="4"
-              v-model="questionData.projectThree.four.value"
-              @change="setBookQuestion"
-            />C.妗嗘灦鐪奸暅銆佺編鐬�
+            <input type="radio" name="Qusfour" :disabled="questionData.isComplete" value="C" id="4"
+              v-model="questionData.projectThree.four.value" @change="setBookQuestion" />C.妗嗘灦鐪奸暅銆佺編鐬�
           </p>
           <p>
             5.鍙紑鑸墠鍑嗗浼氭椂搴旇娉ㄦ剰涔樺姟鍛樺埌鍦哄悗锛屽簲鍏堝皢绠卞寘锛堛��銆�锛夌劧鍚庡啀钀藉骇銆�
           </p>
           <p>
-            <input
-              type="radio"
-              name="Qusfive"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="5"
-              v-model="questionData.projectThree.five.value"
-              @change="setBookQuestion"
-            />A.闅忔剰瀹夋斁
+            <input type="radio" name="Qusfive" :disabled="questionData.isComplete" value="A" id="5"
+              v-model="questionData.projectThree.five.value" @change="setBookQuestion" />A.闅忔剰瀹夋斁
           </p>
           <p>
-            <input
-              type="radio"
-              name="Qusfive"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="5"
-              v-model="questionData.projectThree.five.value"
-              @change="setBookQuestion"
-            />B.鏀惧湪鑵胯竟
+            <input type="radio" name="Qusfive" :disabled="questionData.isComplete" value="B" id="5"
+              v-model="questionData.projectThree.five.value" @change="setBookQuestion" />B.鏀惧湪鑵胯竟
           </p>
           <p>
-            <input
-              type="radio"
-              name="Qusfive"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="5"
-              v-model="questionData.projectThree.five.value"
-              @change="setBookQuestion"
-            />C.鏁撮綈鎽嗘斁鑷虫寚瀹氬尯鍩�
+            <input type="radio" name="Qusfive" :disabled="questionData.isComplete" value="C" id="5"
+              v-model="questionData.projectThree.five.value" @change="setBookQuestion" />C.鏁撮綈鎽嗘斁鑷虫寚瀹氬尯鍩�
           </p>
           <p>6.鏃呭鐧绘満鏃讹紝杩庡鐨勫鑸变箻鍔″憳搴旇绔欏湪鍝噷杩庡鍛紵</p>
-          <textarea
-            v-model="questionData.projectThree.six.value"
-            placeholder="璇疯緭鍏ュ唴瀹�"
-            rows="4"
-            class="fz-16 textarea-box"
-            @change="setBookQuestion"
-          ></textarea>
+          <textarea v-model="questionData.projectThree.six.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+            class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
           <p>7.璇峰啓涓�鍐欒繋瀹㈡椂鎴栧洖绛旀梾瀹㈢櫥鏈虹殑璇㈤棶鏃跺簲璇ヨ鍝簺璇█銆�</p>
-          <textarea
-            v-model="questionData.projectThree.seven.value"
-            placeholder="璇疯緭鍏ュ唴瀹�"
-            rows="4"
-            class="fz-16 textarea-box"
-            @change="setBookQuestion"
-          ></textarea>
+          <textarea v-model="questionData.projectThree.seven.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+            class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
           <p>8.璇峰啓涓�鍐欑鎵樼洏鏃跺簲娉ㄦ剰鍝簺绀间华瑙勮寖銆�</p>
-          <textarea
-            v-model="questionData.projectThree.eight.value"
-            placeholder="璇疯緭鍏ュ唴瀹�"
-            rows="4"
-            class="fz-16 textarea-box"
-            @change="setBookQuestion"
-          ></textarea>
+          <textarea v-model="questionData.projectThree.eight.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+            class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
           <p>
             9.濡傛灉浣犳槸鏈鑸彮鐨勫ご绛夎埍涔樺姟鍛橈紝闇�瑕佸悜鏃呭寮犳�诲仛鑷垜浠嬬粛锛岃鍐欏嚭鎮ㄧ殑鑷垜浠嬬粛鍐呭銆�
           </p>
-          <textarea
-            v-model="questionData.projectThree.nine.value"
-            placeholder="璇疯緭鍏ュ唴瀹�"
-            rows="4"
-            class="fz-16 textarea-box"
-            @change="setBookQuestion"
-          ></textarea>
+          <textarea v-model="questionData.projectThree.nine.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+            class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
           <p>10.璇峰啓涓�鍐欏湪瀹夊叏妫�鏌ヤ腑涔樺姟鍛橀渶瑕佹敞鎰忓摢浜涚ぜ浠鑼冿紵</p>
-          <textarea
-            v-model="questionData.projectThree.ten.value"
-            placeholder="璇疯緭鍏ュ唴瀹�"
-            rows="4"
-            class="fz-16 textarea-box"
-            @change="setBookQuestion"
-          ></textarea>
+          <textarea v-model="questionData.projectThree.ten.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+            class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+          <p class="dialogQuestion"  @click="openQuestion(3)">
+            <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>
+    <dialogExaminations :isClear="dialogVisibleOne" :primaryColor="themeColor"
+      :cardList="interfaceQuestion[questionNum]" v-if="interfaceQuestion" :chapter="1" :page="questionNum"
+      :questionTitle="questionTitleMain" ref="dialogRef">
+    </dialogExaminations>
   </div>
 </template>
 
@@ -2584,19 +2551,46 @@
   getCollectResource,
   setCollectResource,
 } from "@/assets/methods/resources";
+import dialogExaminations from "@/components/dialogExaminations/index.vue";
 export default {
   name: "chapterFour",
   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: "",
+      videoPathTwelve: "",
+      videoPathThirteen: "",
+      videoPathFourteen: "",
+      videoPathFifteen: "",
+      videoPathSixteen: "",
+      videoPathSeventeen: "",
+      videoPathEighteen: "",
+      videoPathNineteen: "",
+      videoPathTwenty: "",
       collectResourceList: [],
+      showAnswerOne: false,
       questionData: {
         isComplete: false,
         askAbout: {
@@ -2610,22 +2604,24 @@
           eight: "",
           nine: "",
           ten: "",
-          eleven:'',
-          twelve:'',
-          thirteen:'',
-          fourteen:'',
-          fifteen:'',
-          sixteen:'', 
-          seventeen:'',
-          eighteen:'',
-          nineteen:'',
-          twenty:'',
-          twentyOne:'',
-          twentyTwo:'',
-          twentyThree:'',
-          twentyFour:'',
-          twentyFive:'',
-          twentySix:'',
+          eleven: '',
+          twelve: '',
+          thirteen: '',
+          fourteen: '',
+          fifteen: '',
+          sixteen: '',
+          seventeen: '',
+          eighteen: '',
+          nineteen: '',
+          twenty: '',
+          twentyOne: '',
+          twentyTwo: '',
+          twentyThree: '',
+          twentyFour: '',
+          twentyFive: '',
+          twentySix: '',
+          twentySeven: '',
+          twentyEight: '',
         },
         projectOne: {
           one: {
@@ -2709,25 +2705,49 @@
           },
         },
       },
-      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,
+        isCollectVideo11: false,
+        isCollectVideo12: false,
+        isCollectVideo13: false,
+        isCollectVideo14: false,
+        isCollectVideo15: false,
+        isCollectVideo16: false,
+        isCollectVideo17: false,
+        isCollectVideo18: false,
+        isCollectVideo19: false,
+        isCollectVideo20: false,
+      },
+      // 棰樼洰鐩稿叧
+      dialogVisibleOne: false,
+      themeColor: "#6E85AF",
+      questionNum: 0,
+      questionTitleMain: "",
+      chapter001: {
+        question: {
+          1: {
+            questionTitleMain: "妯″潡鍥涖��鍊欐満妤兼湇鍔$ぜ浠�",
+            questionNum: 134,
+          },
+          2: {
+            questionTitleMain: "妯″潡鍥涖��瀹夋鏈嶅姟绀间华",
+            questionNum: 140,
+          },
+          3: {
+            questionTitleMain: "妯″潡鍥涖��瀹㈣埍鏈嶅姟绀间华",
+            questionNum: 152,
+          },
+        },
       },
     };
   },
@@ -2746,12 +2766,6 @@
       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
@@ -2760,17 +2774,68 @@
   methods: {
     async getVidoePath() {
       this.videoPathOne = await getResourcePath(
-        "f230fd8fd7952a4ad4dd05d94df7e797"
+        "e9002557d1ba0b28dbddf10c52612e3f"
       );
       this.videoPathTwo = await getResourcePath(
-        "700cfdb8b85b372045b1e97e3356ae3a"
+        "da82b43c7571108d00a19ffcb5233a2e"
       );
-      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(
+        "36f02743b633758c2ecdee90af20fe34"
+      );
+      this.videoPathFour = await getResourcePath(
+        "810345cbf8f3d003d9ff7247a5247570"
+      );
+      this.videoPathFive = await getResourcePath(
+        "2336e67a853728fa6a1d2b7a4a2d9abf"
+      );
+      this.videoPathSix = await getResourcePath(
+        "f60bcf0daea848fdd87d931e0debffe7"
+      );
+      this.videoPathSeven = await getResourcePath(
+        "51ee040702ff1402026c948b82f8df55"
+      );
+      this.videoPathEight = await getResourcePath(
+        "14ada4ec3e004795ecb3a9c2ad8ea386"
+      );
+      this.videoPathNine = await getResourcePath(
+        "808ca04bce334463e3e10b26edecec82"
+      );
+      this.videoPathTen = await getResourcePath(
+        "8086dfd8f1307041be4e7e4b15aee1b4"
+      );
+      this.videoPathEleven = await getResourcePath(
+        "a77181ba5fdb0f851bb43cb61ec3fed2"
+      );
+      this.videoPathTwelve = await getResourcePath(
+        "c583ec4fcdef8acae289d050c6e7eb78"
+      );
+      this.videoPathThirteen = await getResourcePath(
+        "027d59276957d481732b80db9aad6768"
+      );
+      this.videoPathFourteen = await getResourcePath(
+        "0ca2f6d71dca30320627286ffbf5d60c"
+      );
+      this.videoPathFifteen = await getResourcePath(
+        "7923cd0317296eaea5fa8c513fe7dcca"
+      );
+      this.videoPathSixteen = await getResourcePath(
+        "c1fa8a017a5538ff2e560b31d35232e1"
+      );
+      this.videoPathSeventeen = await getResourcePath(
+        "ea653cf2afa7376a6a032053596d9773"
+      );
+      this.videoPathEighteen = await getResourcePath(
+        "53644acc8e99901f5794c047c6bb9c0c"
+      );
+      this.videoPathNineteen = await getResourcePath(
+        "9a3ca4974c773071810305bc71d0686c"
+      );
+      this.videoPathTwenty = await getResourcePath(
+        "992d774600338d541b8311e623488367"
+      );
+      this.videoPathTwentyOne = await getResourcePath(
+        "6f51dba939e06ba2e93109dc99576899"
+      );
     },
 
     setBookQuestion() {
@@ -2786,12 +2851,7 @@
         JSON.stringify(this.chapterData)
       );
     },
-    handlechapter004() {
-      localStorage.setItem(
-        "civilAviatyonSevervices-book-chapter004",
-        JSON.stringify(this.chapter004)
-      );
-    },
+
 
     handleFocus(id) {
       this.isFocused = id; // 褰搕extarea鑱氱劍鏃讹紝璁剧疆涓簍rue
@@ -2801,38 +2861,219 @@
     },
 
     handleCollect(e) {
-      if (e.md5) {
+      if (e == "video-01") {
         this.handleCollectResource(
-          e.md5,
-          e.md5,
+          "e9002557d1ba0b28dbddf10c52612e3f",
+          "e9002557d1ba0b28dbddf10c52612e3f",
           "",
           "瑙嗛",
           "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",
+          "da82b43c7571108d00a19ffcb5233a2e",
+          "da82b43c7571108d00a19ffcb5233a2e",
           "",
           "瑙嗛",
           "bits",
-          "瑙嗛锛氬績鐞嗗鐨勭爺绌跺唴瀹�"
+          "瑙嗛锛氬�欐満妤煎�兼満鏈嶅姟姒傝堪"
         );
         this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01;
+      } else if (e == "video-03") {
+        this.handleCollectResource(
+          "36f02743b633758c2ecdee90af20fe34",
+          "36f02743b633758c2ecdee90af20fe34",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氭満鍦哄箍鎾�氱煡寤惰"
+        );
+        this.chapterData.isCollectVideo02 = !this.chapterData.isCollectVideo02;
       }
-      this.handlechapter004();
+      else if (e == "video-04") {
+        this.handleCollectResource(
+          "810345cbf8f3d003d9ff7247a5247570",
+          "810345cbf8f3d003d9ff7247a5247570",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氭梾瀹涪澶辩墿鍝佺殑鏈嶅姟"
+        );
+        this.chapterData.isCollectVideo03 = !this.chapterData.isCollectVideo03;
+      }
+      else if (e == "video-05") {
+        this.handleCollectResource(
+          "2336e67a853728fa6a1d2b7a4a2d9abf",
+          "2336e67a853728fa6a1d2b7a4a2d9abf",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氬�欐満妤煎憳宸ヤ笌鏃呭鍐茬獊浜嬩欢瑙e喅"
+        );
+        this.chapterData.isCollectVideo04 = !this.chapterData.isCollectVideo04;
+      } else if (e == "video-06") {
+        this.handleCollectResource(
+          "f60bcf0daea848fdd87d931e0debffe7",
+          "f60bcf0daea848fdd87d931e0debffe7",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氬�欐満妤兼湇鍔$ぜ浠疄璁�"
+        );
+        this.chapterData.isCollectVideo05 = !this.chapterData.isCollectVideo05;
+      } else if (e == "video-07") {
+        this.handleCollectResource(
+          "51ee040702ff1402026c948b82f8df55",
+          "51ee040702ff1402026c948b82f8df55",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氳吹瀹惧巺鏈嶅姟鍏ㄦ祦绋�"
+        );
+        this.chapterData.isCollectVideo06 = !this.chapterData.isCollectVideo06;
+      } else if (e == "video-08") {
+        this.handleCollectResource(
+          "14ada4ec3e004795ecb3a9c2ad8ea386",
+          "14ada4ec3e004795ecb3a9c2ad8ea386",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氳吹瀹惧巺鑼舵按鏈嶅姟鍏ㄦ祦绋�"
+        );
+        this.chapterData.isCollectVideo07 = !this.chapterData.isCollectVideo07;
+      } else if (e == "video-09") {
+        this.handleCollectResource(
+          "808ca04bce334463e3e10b26edecec82",
+          "808ca04bce334463e3e10b26edecec82",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氬畨妫�鏈嶅姟绀间华姒傝堪"
+        );
+        this.chapterData.isCollectVideo08 = !this.chapterData.isCollectVideo08;
+      } else if (e == "video-10") {
+        this.handleCollectResource(
+          "8086dfd8f1307041be4e7e4b15aee1b4",
+          "8086dfd8f1307041be4e7e4b15aee1b4",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氫汉韬畨鍏ㄦ鏌ョぜ浠搷浣滆鑼�"
+        );
+        this.chapterData.isCollectVideo09 = !this.chapterData.isCollectVideo09;
+      } else if (e == "video-11") {
+        this.handleCollectResource(
+          "a77181ba5fdb0f851bb43cb61ec3fed2",
+          "a77181ba5fdb0f851bb43cb61ec3fed2",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氫汉韬畨鍏ㄦ鏌ユ湇鍔$敤璇鑼�"
+        );
+        this.chapterData.isCollectVideo10 = !this.chapterData.isCollectVideo10;
+      } else if (e == "video-12") {
+        this.handleCollectResource(
+          "c583ec4fcdef8acae289d050c6e7eb78",
+          "c583ec4fcdef8acae289d050c6e7eb78",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氬畨妫�宸ヤ綔浜哄憳鏈嶅姟鎬佸害鎯呮櫙灞曠ず"
+        );
+        this.chapterData.isCollectVideo11 = !this.chapterData.isCollectVideo11;
+      } else if (e == "video-13") {
+        this.handleCollectResource(
+          "027d59276957d481732b80db9aad6768",
+          "027d59276957d481732b80db9aad6768",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氱┖鍕や汉鍛樼潃瑁呮儏鏅睍绀�"
+        );
+        this.chapterData.isCollectVideo12 = !this.chapterData.isCollectVideo12;
+      } else if (e == "video-14") {
+        this.handleCollectResource(
+          "0ca2f6d71dca30320627286ffbf5d60c",
+          "0ca2f6d71dca30320627286ffbf5d60c",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氳埅鍓嶅噯澶囦細闃舵绀间华瀹炶"
+        );
+        this.chapterData.isCollectVideo13 = !this.chapterData.isCollectVideo13;
+      } else if (e == "video-15") {
+        this.handleCollectResource(
+          "7923cd0317296eaea5fa8c513fe7dcca",
+          "7923cd0317296eaea5fa8c513fe7dcca",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氱┖鍕や汉鍛樼潃瑁呯ぜ浠鑼�"
+        );
+        this.chapterData.isCollectVideo14 = !this.chapterData.isCollectVideo14;
+      } else if (e == "video-16") {
+        this.handleCollectResource(
+          "c1fa8a017a5538ff2e560b31d35232e1",
+          "c1fa8a017a5538ff2e560b31d35232e1",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氱┖鍕ゅコ澹潃瑁呮暀瀛﹁棰�"
+        );
+        this.chapterData.isCollectVideo15 = !this.chapterData.isCollectVideo15;
+      } else if (e == "video-17") {
+        this.handleCollectResource(
+          "ea653cf2afa7376a6a032053596d9773",
+          "ea653cf2afa7376a6a032053596d9773",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氱┖鍕ょ敺澹潃瑁呮暀瀛﹁棰�"
+        );
+        this.chapterData.isCollectVideo16 = !this.chapterData.isCollectVideo16;
+      } else if (e == "video-18") {
+        this.handleCollectResource(
+          "53644acc8e99901f5794c047c6bb9c0c",
+          "53644acc8e99901f5794c047c6bb9c0c",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氳埅鍓嶅噯澶囦細鍏ㄦ祦绋�"
+        );
+        this.chapterData.isCollectVideo17 = !this.chapterData.isCollectVideo17;
+      } else if (e == "video-19") {
+        this.handleCollectResource(
+          "9a3ca4974c773071810305bc71d0686c",
+          "9a3ca4974c773071810305bc71d0686c",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氱┖鍕や汉鍛樿繋瀹㈢ぜ浠鑼�"
+        );
+        this.chapterData.isCollectVideo18 = !this.chapterData.isCollectVideo18;
+      } else if (e == "video-20") {
+        this.handleCollectResource(
+          "992d774600338d541b8311e623488367",
+          "992d774600338d541b8311e623488367",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氱┖鍕や汉鍛樺鑸辫繋瀹㈡祦绋�"
+        );
+        this.chapterData.isCollectVideo19 = !this.chapterData.isCollectVideo19;
+      } else if (e == "video-21") {
+        this.handleCollectResource(
+          "6f51dba939e06ba2e93109dc99576899",
+          "6f51dba939e06ba2e93109dc99576899",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氱┖鍕や汉鍛樻湇鍔$敤璇鑼�"
+        );
+        this.chapterData.isCollectVideo20 = !this.chapterData.isCollectVideo20;
+      }
       this.handleChapterData();
     },
     //璧勬簮鏀惰棌浜嬩欢
@@ -2866,6 +3107,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