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/chapter001.vue | 2814 +++++++++++++++++++++++++++++++++++++++++------------------
 1 files changed, 1,954 insertions(+), 860 deletions(-)

diff --git a/src/books/aviationEtiquette/view/components/chapter001.vue b/src/books/aviationEtiquette/view/components/chapter001.vue
index ca09df7..c77c7fc 100644
--- a/src/books/aviationEtiquette/view/components/chapter001.vue
+++ b/src/books/aviationEtiquette/view/components/chapter001.vue
@@ -3,52 +3,57 @@
     <!-- 1椤� -->
     <div class="page-box" page="7">
       <div v-if="showPageList.indexOf(7) > -1">
-        <ul class="fl al-c pad-t-55 pad-l-80 mb-45">
-          <li class="header-left-Number">01</li>
+        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
+          <li class="headerText pNum">1</li>
+          <img class="headerImg mr-10" src="../../assets/images/yemei.png" alt="" />
         </ul>
         <div class="bodystyle">
           <h1 id="a005">
-            <span class="h1-bj">妯″潡涓�</span
-            ><span class="h1-bk">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</span>
+            <span class="h1-bj">妯″潡涓�</span><span class="h1-bk">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</span>
           </h1>
           <h2 id="b001">椤圭洰涓�銆�绀间华璁ょ煡</h2>
           <div class="tp-3">
-            <p class="center">
+            <p class="tl-f td-0">
               <img class="rwmb-4" alt="" src="../../assets/images/tb.png" />
             </p>
           </div>
+          <p class="td-0 mt-10 mb-10"><span class="bj2">路鎬濈淮瀵煎浘路</span></p>
+          <p class="td-0 openImgBox"><img class="img-0" src="../../assets//images/unitOne-01.png" alt=""></p>
           <div class="bk">
-            <div class="bk1">
-              <p><span class="bj1">鈻犮��椤圭洰鎻忚堪銆�鈻�</span></p>
-            </div>
-            <p>
+            <p class="bj1-qjms fl al-c">
+              <span class="span-box"></span><span class="span-text">椤圭洰鎻忚堪</span><span class="span-box"></span>
+            </p>
+            <p class="fz-15">
               鈥滄彁鍗囨湇鍔$礌璐紝浼樺寲鏈嶅姟姘村钩锛屾彁鍗囨湇鍔¤川閲忥紝缁欐梾瀹㈠甫鏉ヨ壇濂界殑涔樻満浣撻獙锛屾彁鍗囦紒涓氬搧鐗屽奖鍝嶅姏鈥︹�︹�濇潕涓界粡甯稿惉鍒拌埅鍙镐汉鍔涜祫婧愰儴缁忕悊鍜岃�佸笀璺熷悓瀛︿滑璋堝埌杩欎釜璇濋銆傛湇鍔$ぜ浠槸鏈嶅姟璐ㄩ噺鐨勯噸瑕佺粍鎴愶紝鏄湇鍔¤兘鍔涚殑閲嶈浣撶幇銆傛皯鑸笓涓氬鐢熻鐭ョぜ銆佸畧绀笺�佹噦绀笺�佺敤绀硷紝閫氳繃绀间华浣撶幇鎬濇兂閬撳痉姘村钩銆佹枃鍖栦慨鍏汇�佷氦闄呬氦寰�鑳藉姏锛屼綋鐜版皯鑸紒涓氱殑鏂囧寲鍐呮兜銆佽亴涓氶亾寰枫�傞偅涔堢ぜ浠埌搴曟槸浠�涔堝憿锛熻瀛︿範鑰呴�氳繃鏈」鐩殑瀛︿範锛屼簡瑙gぜ浠殑璧锋簮銆佸彂灞曘�佸唴娑靛強鏈川锛岀悊瑙gぜ浠殑鐗瑰緛骞跺湪鑷韩鐨勫涔犲拰鏈潵鐨勫伐浣滀腑杩涜鍚堢悊鏈夋晥鐨勮繍鐢ㄣ��
             </p>
           </div>
           <div class="bk">
-            <div class="bk1">
-              <p><span class="bj1">鈻犮��绀煎湪韬竟銆�鈻�</span></p>
-            </div>
+            <p class="bj1-qjms fl al-c">
+              <span class="span-box"></span><span class="span-text">绀煎湪韬竟</span><span class="span-box"></span>
+            </p>
             <p class="center"><span class="cs1">鏇惧瓙閬垮腑</span></p>
-            <p>
+            <p class="fz-15">
               浠插凹灞咃紝鏇惧瓙渚嶃�傚瓙鏇帮細鈥滃厛鐜嬫湁鑷冲痉瑕侀亾锛屼互椤哄ぉ涓嬶紝姘戠敤鍜岀潶锛屼笂涓嬫棤鎬ㄣ�傛睗鐭ヤ箣涔庯紵鈥濇浘瀛愰伩甯洶锛氣�滃弬涓嶆晱锛屼綍瓒充互鐭ヤ箣锛熲��
             </p>
-            <p>璇戞枃锛�</p>
-            <p>
+            <p class="fz-15">璇戞枃锛�</p>
+            <p class="fz-15">
               鏇惧瓙鏄瓟瀛愮殑涓�涓紵瀛愶紝鏈変竴娆′粬鍦ㄥ瓟瀛愯韩杈逛緧鍧愶紝瀛斿瓙灏遍棶浠栵細鈥滀互鍓嶇殑鍦h搐涔嬬帇鏈夎嚦楂樻棤涓婄殑寰疯銆佺簿瑕佸ゥ濡欑殑鐞嗚锛岀敤鏉ユ暀瀵煎ぉ涓嬩箣浜猴紝浜轰滑灏辫兘鍜岀潶鐩稿锛屽悰鐜嬪拰鑷d笅涔嬮棿涔熸病鏈変笉婊★紝浣犵煡閬撳畠浠槸浠�涔堝悧锛熲�濇浘瀛愬惉浜嗭紝鏄庣櫧瀛斿瓙鏄鎸囩偣浠栨渶娣卞埢鐨勯亾鐞嗭紝浜庢槸绔嬪埢浠庡潗鐫�鐨勫腑瀛愪笂绔欒捣鏉ワ紝鎭伃鏁暚鍦拌閬擄細鈥滄垜涓嶅鑱槑锛屽摢閲岃兘鐭ラ亾锛熻繕璇疯�佸笀鎶婅繖浜涢亾鐞嗘暀缁欐垜銆傗��
             </p>
           </div>
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>1.浠�涔堟槸鈥滈伩甯�濓紵</p>
+              <textarea v-model="questionData.askAbout.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
               <p>2.鏇惧瓙涓轰綍瑕佲�滈伩甯�濓紵</p>
+              <textarea v-model="questionData.askAbout.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
         </div>
@@ -57,24 +62,42 @@
     <!-- 2椤� -->
     <div class="page-box" page="8">
       <div v-if="showPageList.indexOf(8) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerText">2</li>
-          <li class="headerText">姘戣埅鏈嶅姟绀间华</li>
-          <img
-            class="headerImg mr-10"
-            src="../../assets/images/headerlogo.png"
-            alt=""
-          />
+        <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
+          <li class="header-left-Number">
+            <span class="mr-10 pNum">2</span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+          </li>
+          <li class="header-left-text">
+            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
+          </li>
         </ul>
         <div class="bodystyle">
           <h3 id="c001">
-            <span class="h3-zt1">浠诲姟1</span
-            ><span class="h3-bk">绀间华璧锋簮璁ょ煡</span>
+            <span class="h3-zt1">浠诲姟1</span><span class="h3-bk">绀间华璧锋簮璁ょ煡</span>
           </h3>
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.浜嗚В绀间华鐨勪簲绉嶈捣婧愯銆�</p>
           <p>2.浜嗚В涓浗绀间华鍙戝睍鐨勫巻绋嬨��</p>
           <p>3.鐞嗚В涓タ鏂圭ぜ浠瀺鍚堝彂灞曠殑鎰忎箟銆�</p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathTwo" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氱ぜ浠鐭�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoOne ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'dfa7f3d64168acde32e4ca07a9001e79'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-02')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h4 id="d001">涓�銆佺ぜ浠殑璧锋簮</h4>
           <p>
             鎴戝浗绱犳湁鈥滅ぜ浠箣閭︹�濈殑缇庤獕锛岀ぜ浠枃鍖栨簮杩滄祦闀裤�傗�滅ぜ鈥濆瓧鏈�鏃╁嚭鐜板湪閲戞枃閲屻�備汉绫诲彂灞曠殑鍒濇湡锛屼汉浠寰堝鑷劧鐜拌薄锛屽鐏北鍠峰彂銆佸湴闇囥�佺數闂浄楦g瓑鏃犳硶鐞嗚В涔熸棤娉曡В閲婏紝鍙兘褰掔粨涓洪绁炵殑鍔涢噺鎵�鑷达紝浠栦滑璁や负澶╁湴闂存湁绁炵殑鍔涢噺鍦ㄤ富瀹帮紝涔熸湁楝奸瓊鐨勫瓨鍦紝鑰屽嚭浜庡澶╁湴楝肩鐨勬儳鎬曘�佹暚浠帮紝浜轰滑閫氳繃璁捐娴佺▼銆佷妇琛屼华寮忋�佹暚鐚キ鍝佺瓑鏂瑰紡鏉ヨ〃杈炬暚鐣忥紝杩欑娴佺▼閫愭笎鍥哄寲涓轰竴绉嶈鑼冿紝杩欐牱灏变骇鐢熶簡绀笺�傚寳浜殑鈥滃ぉ鍧涒�濃�滃湴鍧涒�濆氨鏄彜浠e浗鍚涚敤鏉ヤ妇琛岃繖绫荤キ澶╃キ鍦版椿鍔ㄧ殑寤虹瓚銆�
@@ -100,15 +123,20 @@
     <!-- 3椤� -->
     <div class="page-box" page="9">
       <div v-if="showPageList.indexOf(9) > -1">
-        <ul class="fl al-c pad-t-55 pad-l-80 mb-45">
-          <li class="header-left-Number">妯″潡涓�</li>
-          <li class="header-left-text">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
-          <li class="header-left-Number">3</li>
+        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
+          <li class="header-right-Number header-right-title">妯″潡涓�</li>
+          <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
+          <li class="p-Num">3</li>
+          <li class="header-right-Number cloud">
+            <img class="" src="../../assets/images/yemei02.png" alt="" />
+          </li>
+          <li class="header-right-last"><br /></li>
+          <li class="header-right-end"><br /></li>
         </ul>
         <div class="bodystyle">
           <h6 id="f004">4.绀间负浜烘�у拰鐜鐭涚浘鐨勪骇鐗�</h6>
           <p>
-            鈥滈娓婇棶浠併�傚瓙鏇帮細鈥樺厠宸卞绀间负浠併�備竴鏃ュ厠宸卞绀硷紝澶╀笅褰掍粊鐒夈�傗�濓紙銆婅璇烽娓娿�嬶級鍏嬪繁鏄鑷垜鐨勭鐞嗭紝浜轰笌鐜浼氫骇鐢熺煕鐩撅紝鑰岃В鍐宠繖绉嶇煕鐩剧殑鏂规硶灏辨槸鈥滃厠宸扁�濄�傚瓟瀛愪竴鐩存妸瀵逛汉鎬х殑绾︽潫鍜岀鐞嗕綔涓烘仮澶嶅懆绀肩殑閲嶈閫斿緞锛屼汉鏈夊悇绉嶆鏈涳紝闇�閫氳繃閬撳痉銆佺ぜ浠�佹硶寰嬬瓑褰㈠紡杩涜瑙勮寖锛屾晠绀间负浜烘�у拰鐜鐭涚浘鐨勪骇鐗┿��
+            鈥滈娓婇棶浠併�傚瓙鏇帮細鈥樺厠宸卞绀间负浠併�備竴鏃ュ厠宸卞绀硷紝澶╀笅褰掍粊鐒夈�傗�欌�濓紙銆婅璇烽娓娿�嬶級鍏嬪繁鏄鑷垜鐨勭鐞嗭紝浜轰笌鐜浼氫骇鐢熺煕鐩撅紝鑰岃В鍐宠繖绉嶇煕鐩剧殑鏂规硶灏辨槸鈥滃厠宸扁�濄�傚瓟瀛愪竴鐩存妸瀵逛汉鎬х殑绾︽潫鍜岀鐞嗕綔涓烘仮澶嶅懆绀肩殑閲嶈閫斿緞锛屼汉鏈夊悇绉嶆鏈涳紝闇�閫氳繃閬撳痉銆佺ぜ浠�佹硶寰嬬瓑褰㈠紡杩涜瑙勮寖锛屾晠绀间负浜烘�у拰鐜鐭涚浘鐨勪骇鐗┿��
           </p>
           <h6 id="f005">5.绀肩敓浜庣悊锛屾簮浜庝織</h6>
           <p>
@@ -128,7 +156,7 @@
             鍛ㄥ叕鐨勨�滃埗绀间綔涔愨�濓紝瀹為檯涓婂氨鏄缓绔嬪懆浠g殑涓�绯诲垪鍒跺害锛屽畠娑夊強鏀挎不銆佺粡娴庛�佹硶寰嬨�佺ぜ浠�佺キ绁�銆佹暀鑲茬瓑鍒跺害鍙婁箰鑸炴椿鍔紝鏄鍛ㄤ唬鐨勭ぞ浼氭斂娌绘枃鍖栧悇涓柟闈㈢殑杈冨叏闈㈢殑瑙勮寖銆傚湪鍒跺畾鍛ㄤ唬绀煎埗杩囩▼涓紝鍛ㄥ叕涓嶆槸绠�鍗曞湴閲嶅鍓嶄唬绀间华锛岃�屾槸鎶婄ぜ浠疮绌夸簬鎵�鏈夋椿鍔ㄤ腑锛屼粠鑰屽缓绔嬩簡涓�濂楀畬鏁淬�佸懆瀵嗙敋鑷崇儲鐞愮殑绀间华绯荤粺锛屼娇绀间华鍦ㄥ懆浠e叿鏈夊叏鏂扮殑鎰忎箟銆�
           </p>
           <p>
-            鏄ョ鏃舵湡锛岀ぞ浼氱敓浜у姏鐨勫彂灞曪紝鏂板叴鍦颁富闃剁骇鐨勫嚭鐜板鑷粹�滅ぜ宕╀箰鍧忊�濓紝绀句細鍗佸垎娣蜂贡锛屾柊鏃у娍鍔涚殑鏂椾簤灏栭攼銆傚瓟瀛愬湪杩欎竴鏃舵湡鎻愬嚭鈥滀粊鈥濈殑鎬濇兂锛屽苟鎶婂畠鍚屸�滅ぜ鈥濇湁鏈虹粨鍚堝湪涓�璧凤紝褰㈡垚浜嗗剴瀹舵�濇兂浣撶郴鐨勬牳蹇冿紝鏋勬垚浜嗗剴瀹舵�濇兂鐨勭ぞ浼氶亾寰疯鑼冦�傚湪涓浗鏃╂湡鏂囨槑鍙蹭笂锛屽懆鐜嬫湞绀间箰鏂囨槑鎸佺画鏁扮櫨杞斤紝瀵逛腑鍗庢皯鏃忔枃鍖栧績鐞嗙殑濉戦�犱骇鐢熶簡閲嶈褰卞搷锛屾渶缁�
+            鏄ョ鏃舵湡锛岀ぞ浼氱敓浜у姏鐨勫彂灞曪紝鏂板叴鍦颁富闃剁骇鐨勫嚭鐜板鑷粹�滅ぜ宕╀箰鍧忊�濓紝绀句細鍗佸垎娣蜂贡锛屾柊鏃у娍鍔涚殑鏂椾簤灏栭攼銆傚瓟瀛愬湪杩欎竴鏃舵湡鎻愬嚭鈥滀粊鈥濈殑鎬濇兂锛屽苟鎶婂畠鍚屸�滅ぜ鈥濇湁鏈虹粨鍚堝湪涓�璧凤紝褰㈡垚浜嗗剴瀹舵�濇兂浣撶郴鐨勬牳蹇冿紝鏋勬垚浜嗗剴瀹舵�濇兂鐨勭ぞ浼氶亾寰疯鑼冦�傚湪涓浗鏃╂湡鏂囨槑鍙蹭笂锛屽懆鐜嬫湞绀间箰鏂囨槑鎸佺画鏁扮櫨杞斤紝瀵逛腑鍗庢皯鏃忔枃鍖栧績鐞嗙殑濉戦�犱骇鐢熶簡閲嶈褰卞搷锛屾渶缁堢‘绔嬩簡涓浗鈥滅ぜ浠箣閭︹�濈殑鍘嗗彶鍦颁綅銆�
           </p>
         </div>
       </div>
@@ -136,29 +164,29 @@
     <!-- 4椤� -->
     <div class="page-box" page="10">
       <div v-if="showPageList.indexOf(10) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">4</li>
-          <li class="headerText">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
-          <img
-            class="headerImg mr-10"
-            src="../../assets/images/headerlogo.png"
-            alt=""
-          />
+        <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
+          <li class="header-left-Number">
+            <span class="mr-10 pNum">4</span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+          </li>
+          <li class="header-left-text">
+            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
+          </li>
         </ul>
         <div class="bodystyle">
-          <p>纭珛浜嗕腑鍥解�滅ぜ浠箣閭︹�濈殑鍘嗗彶鍦颁綅銆�</p>
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>
                 鍛ㄥ叕鍜屽瓟瀛愬绀间华鐨勫彂灞曡捣鍒颁簡閲嶈浣滅敤锛岃澶у灏藉彲鑳藉鍦版悳闆嗘湁鍏冲懆鍏拰瀛斿瓙鐨勭ぜ浠皬鏁呬簨锛屽苟鎸戦�変綘浣撲細鏈�娣辩殑涓�涓拰鍚屽浠垎浜紝鍛婅瘔澶у浠庝粬浠殑鏁呬簨涓綘瀛﹀埌浜嗕粈涔堬紝鏈変粈涔堟劅鎮熴��
               </p>
+              <textarea v-model="questionData.askAbout.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -167,26 +195,27 @@
           <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>
                 闅忕潃淇℃伅鎶�鏈潻鍛界殑涓嶆柇鍙戝睍锛屽湪缁忔祹鍏ㄧ悆鍖栫殑鎺ㄥ姩涓嬶紝涓栫晫鍚勫浗涔嬮棿銆佷笉鍚屾皯鏃忎箣闂淬�佷笉鍚屽湴鍩熶箣闂寸殑浜ゅ線涓庢矡閫氭棩鐩婇绻佸拰瀵嗗垏锛屼竴浜涘叡鍚岀殑绀间华灏嗚浣滀负鍥介檯鍏鐨勮涓鸿鑼冭�屾櫘閬嶉噰鐢紝浠庤�岃繘涓�姝ュ奖鍝嶇ぜ浠枃鍖栫殑鍙戝睍锛屽苟鏈�缁堝舰鎴愭柊鐨勭ぜ浠鑼冦��
               </p>
+              <textarea v-model="questionData.askAbout.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
-          <p><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
-          <p>
+          <p class="td-0 mt-10 mb-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
+          <p class="block">
             鈥滅儹鐖辫嚜宸辩殑鐝骇锛岄伒瀹堢彮绾хぜ浠鑼冿紝灏嗕娇鐢ㄦ枃鏄庣ぜ璨岀敤璇綔涓轰範鎯紝灏嗗浜哄井绗戜綔涓轰慨鍏伙紝灏嗕负浠栦汉鏈嶅姟浣滀负绱犺川锛屽皢寰椾綋鐨勫寲濡嗗拰瑙勮寖鐨勭潃瑁呬綔涓哄熀纭�锛屾垜灏嗙墷璁板拰閬靛畧鈥︹�︹��
           </p>
-          <p>
+          <p class="block">
             杩欐槸鍥涘窛瑗垮崡鑸┖鑱屼笟瀛﹂櫌2002绾х┖涔�1鐝彮绾у叕绾︾殑寮�澶撮儴鍒嗭紝鍚屽浠湪姣忓ぉ鐨勭彮绾у叕绾﹁璇讳腑娼滅Щ榛樺寲鍦版敼鍙樼潃鑷繁鐨勮█琛屼妇姝紝璁╄嚜宸辨嫢鏈変竴棰椾负浠栦汉鐫�鎯炽�佷负鐝骇浜夊厜鐨勮崳瑾変箣蹇冦��
           </p>
-          <p>
+          <p class="block">
             姣曚笟鍗佸勾浠ュ悗锛屾瘡褰撳悓瀛︿滑鍜岃�佸笀涓�璧峰洖蹇嗚繖涓墖娈碉紝鍚屽浠悍绾疯〃绀鸿繖鏍风殑鐝骇鍏害鑳藉鎻愰啋浠栦滑鏃舵椂鍒诲埢灏嗙ぜ浠鑼冪墷璁颁簬蹇冦�佽返涔嬩簬琛岋紝鏃舵椂鍒诲埢绾︽潫浠栦滑鍦ㄥ伐浣滀腑銆佺敓娲讳腑鍏虫敞鍏害锛屽叧娉ㄦ柊鐨勮鑼冿紝涓嶆柇鎻愬崌鏂囧寲鍐呮兜銆�
           </p>
         </div>
@@ -195,15 +224,19 @@
     <!-- 5椤� -->
     <div class="page-box" page="11">
       <div v-if="showPageList.indexOf(11) > -1">
-        <ul class="fl al-c pad-t-55 pad-l-80 mb-45">
-          <li class="header-left-Number">妯″潡涓�</li>
-          <li class="header-left-text">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
-          <li class="header-left-Number">5</li>
+        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
+          <li class="header-right-Number header-right-title">妯″潡涓�</li>
+          <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
+          <li class="p-Num">5</li>
+          <li class="header-right-Number cloud">
+            <img class="" src="../../assets/images/yemei02.png" alt="" />
+          </li>
+          <li class="header-right-last"><br /></li>
+          <li class="header-right-end"><br /></li>
         </ul>
         <div class="bodystyle">
           <h3 id="c002">
-            <span class="h3-zt1">浠诲姟2</span
-            ><span class="h3-bk">绀间华鍐呮兜璁ょ煡</span>
+            <span class="h3-zt1">浠诲姟2</span><span class="h3-bk">绀间华鍐呮兜璁ょ煡</span>
           </h3>
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.浜嗚В鈥滅ぜ鈥濆拰鈥滀华鈥濆湪涓嶅悓鏂归潰鐨勫瘬鎰忋��</p>
@@ -229,7 +262,7 @@
           <h4 id="d004">浜屻�佲�滀华鈥濈殑鍚箟</h4>
           <h5 id="e005">锛堜竴锛夋寚鍏歌寖銆佽〃鐜�</h5>
           <p>
-            鈥滀笂鑰咃紝涓嬩箣浠篃銆傚郊灏嗗惉鍞辫�屽簲锛岃浠�屽姩銆傚敱榛樺垯姘戞棤搴斾篃锛屼华闅愬垯涓嬫棤鍔ㄤ篃銆備笉搴斾笉鍔紝鍒欎笂涓嬫棤浠ョ浉鏈変篃銆傗�濓紙銆婅崁瀛惵锋璁恒�嬶級鍚涗富锛屾槸鑷d笅鐨勫噯鍒欍�傜櫨濮撳惉鍒板�″灏卞搷搴旓紝鐪嬪埌鍑嗗垯灏辫鍔ㄣ�傚悰涓绘矇榛橈紝鐧惧灏辨棤娉曞搷搴旓紱鍑嗗垯闅愬尶锛岀櫨濮撳氨鏃犳硶琛屽姩銆備笉
+            鈥滀笂鑰咃紝涓嬩箣浠篃銆傚郊灏嗗惉鍞辫�屽簲锛岃浠�屽姩銆傚敱榛樺垯姘戞棤搴斾篃锛屼华闅愬垯涓嬫棤鍔ㄤ篃銆備笉搴斾笉鍔紝鍒欎笂涓嬫棤浠ョ浉鏈変篃銆傗�濓紙銆婅崁瀛惵锋璁恒�嬶級鍚涗富锛屾槸鑷d笅鐨勫噯鍒欍�傜櫨濮撳惉鍒板�″灏卞搷搴旓紝鐪嬪埌鍑嗗垯灏辫鍔ㄣ�傚悰涓绘矇榛橈紝鐧惧灏辨棤娉曞搷搴旓紱鍑嗗垯闅愬尶锛岀櫨濮撳氨鏃犳硶琛屽姩銆備笉鍝嶅簲銆佷笉琛屽姩锛岄偅涔堜笂涓嬪氨鏃犳硶鐩镐簰渚濋潬銆傝繖浣撶幇鍑衡�滀华鈥濈殑琛ㄧ巼銆佹鏍峰拰甯﹀ご浣滅敤銆�
           </p>
         </div>
       </div>
@@ -237,19 +270,16 @@
     <!-- 6椤� -->
     <div class="page-box" page="12">
       <div v-if="showPageList.indexOf(12) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">6</li>
-          <li class="headerText">姘戣埅鏈嶅姟绀间华</li>
-          <img
-            class="headerImg mr-10"
-            src="../../assets/images/headerlogo.png"
-            alt=""
-          />
+        <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
+          <li class="header-left-Number">
+            <span class="mr-10 pNum">6</span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+          </li>
+          <li class="header-left-text">
+            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
+          </li>
         </ul>
         <div class="bodystyle">
-          <p>
-            鍝嶅簲銆佷笉琛屽姩锛岄偅涔堜笂涓嬪氨鏃犳硶鐩镐簰渚濋潬銆傝繖浣撶幇鍑衡�滀华鈥濈殑琛ㄧ巼銆佹鏍峰拰甯﹀ご浣滅敤銆�
-          </p>
           <h5 id="e006">锛堜簩锛夋寚瀹硅矊銆侀搴�</h5>
           <p>
             鈥滃悰瀛愭鍏惰。鍐狅紝灏婂叾鐬昏锛屼卡鐒朵汉鏈涜�岀晱涔嬶紝鏂笉浜﹀▉鑰屼笉鐚涗箮锛熲�濓紙銆婅璇峰哀鏇般�嬶級鎰忔�濊锛屽悰瀛愯。鍐犳暣榻愶紝鐩笉鏂滆锛屼娇浜鸿浜嗗氨鐢熸暚鐣忎箣蹇冿紝杩欎笉涔熸槸濞佷弗鑰屼笉鍑剁寷鐨勪綋鐜板悧锛熸晠鑹ソ鐨勪华瀹逛华琛ㄤ篃鍙睍绀哄嚭涓汉鐨勫舰璞℃皵璐ㄣ��
@@ -261,26 +291,31 @@
           <p>
             绀兼槸瑙勫畾绀句細琛屼负鐨勬硶鍒欍�佽鑼冦�佷华寮忕殑鎬荤О銆傚洜鏃堕棿銆佸湴鍩熴�佹皯鏃忔枃鍖栫瓑鍥犵礌鐨勫樊寮傦紝绀间华鍦ㄤ笉鍚岀殑姘戞棌銆佷笉鍚岀殑鍥藉銆佷笉鍚岀殑鏃朵唬鏈変笉鍚岀殑琛ㄧ幇鏂瑰紡銆�
           </p>
-          <p><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
-          <p>涓�璧锋潵鐪嬩竴鍒欓琛屾棩璁般��</p>
-          <p>娆ф床鐨勫啲澶╃粡甯稿ぇ闆悍椋烇紝鑸彮浼氬洜姝よ�屽欢璇垨鑰呭彇娑堛��</p>
-          <p>
+          <p class="td-0 mb-10 mt-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
+          <p class="block">涓�璧锋潵鐪嬩竴鍒欓琛屾棩璁般��</p>
+          <p class="block">
+            娆ф床鐨勫啲澶╃粡甯稿ぇ闆悍椋烇紝鑸彮浼氬洜姝よ�屽欢璇垨鑰呭彇娑堛��
+          </p>
+          <p class="block">
             浠婂ぉ鏄垜绗竴娆¢鍓嶅線浼︽暒鐨勮埅鐝紝缁忚繃7灏忔椂鐨勯琛岋紝鍑嗗涓嬮檷鏃舵満闀挎帴鍒板湴闈㈡姤鍛婏細鍥犱负涓嬮洩锛岃兘瑙佸害澶綆锛岄鏈轰笉鑳介檷钀姐�傛垜浠笉寰椾笉鍦ㄧ┖涓洏鏃嬩簡杩�1灏忔椂锛屽彲鏄緢閬楁喚鐨勬槸锛屾渶缁堜鸡鏁︽満鍦鸿繕鏄洜鏆撮闆笉寰椾笉瀹e竷鏆傛椂鍏抽棴锛屾垜浠闄嶅埌浜嗘浖褰绘柉鐗规満鍦虹瓑寰呬鸡鏁︾殑鏀鹃閫氱煡銆傝繖涓�绛夊氨鏄�7灏忔椂锛屾梾瀹滑閮藉緢鍙嬪ソ锛屽彧鏄伓灏旇繃鏉ヨ闂ぉ姘旀儏鍐点�傛垜浠笉鏂湴缁欐梾瀹㈡彁渚涢ギ鍝佸拰椁愰锛屾渶鍚庤繛椋炴満涓婄殑楗煎共鍜岀硸鏋滀篃閮藉叏閮ㄥ彂瀹屻��
           </p>
-          <p>
+          <p class="block">
             鍦ㄧ‘瀹氱煭鏈熷唴浼︽暒鏈哄満涓嶄細鍐嶅紑鏀剧殑鎯呭喌涓嬶紝鏃呭浠粓浜庤繕鏄湪鏇煎交鏂壒缁撴潫浜嗚繖娆$殑椋炶銆傚墠鍚�15灏忔椂鏃犻棿鏂殑鏈嶅姟锛屾瘡涓箻鍔″憳閮芥鏃犳�ㄨ█銆佺敤蹇冨湪鍋氾紝铏界劧寰堢疮锛屼絾鏄垜浠鏃呭浣撻獙鍒颁簡楂樿川閲忕殑鏈嶅姟锛屾垜浠寰楀緢鍊煎緱銆�
           </p>
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>1.鍦ㄤ綘鐨勮鐭ヤ腑锛屸�滅ぜ浠�濆埌搴曟槸浠�涔堝憿锛�</p>
+              <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-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
         </div>
@@ -289,15 +324,19 @@
     <!-- 7椤� -->
     <div class="page-box" page="13">
       <div v-if="showPageList.indexOf(13) > -1">
-        <ul class="fl al-c pad-t-55 pad-l-80 mb-45">
-          <li class="header-left-Number">妯″潡涓�</li>
-          <li class="header-left-text">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
-          <li class="header-left-Number">5</li>
+        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
+          <li class="header-right-Number header-right-title">妯″潡涓�</li>
+          <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
+          <li class="p-Num">7</li>
+          <li class="header-right-Number cloud">
+            <img class="" src="../../assets/images/yemei02.png" alt="" />
+          </li>
+          <li class="header-right-last"><br /></li>
+          <li class="header-right-end"><br /></li>
         </ul>
         <div class="bodystyle">
           <h3 id="c003">
-            <span class="h3-zt1">浠诲姟3</span
-            ><span class="h3-bk">绀间华鐗瑰緛璁ょ煡</span>
+            <span class="h3-zt1">浠诲姟3</span><span class="h3-bk">绀间华鐗瑰緛璁ょ煡</span>
           </h3>
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.浜嗚В绀间华鐨勫叚澶х壒寰併��</p>
@@ -326,14 +365,14 @@
     <!-- 8椤� -->
     <div class="page-box" page="14">
       <div v-if="showPageList.indexOf(14) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">8</li>
-          <li class="headerText">姘戣埅鏈嶅姟绀间华</li>
-          <img
-            class="headerImg mr-10"
-            src="../../assets/images/headerlogo.png"
-            alt=""
-          />
+        <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
+          <li class="header-left-Number">
+            <span class="mr-10 pNum">8</span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+          </li>
+          <li class="header-left-text">
+            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
+          </li>
         </ul>
         <div class="bodystyle">
           <h4 id="d008">鍥涖�佸樊寮傛��</h4>
@@ -358,30 +397,37 @@
     <!-- 9椤� -->
     <div class="page-box" page="15">
       <div v-if="showPageList.indexOf(15) > -1">
-        <ul class="fl al-c pad-t-55 pad-l-80 mb-45">
-          <li class="header-left-Number">妯″潡涓�</li>
-          <li class="header-left-text">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
-          <li class="header-left-Number">9</li>
+        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
+          <li class="header-right-Number header-right-title">妯″潡涓�</li>
+          <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
+          <li class="p-Num">9</li>
+          <li class="header-right-Number cloud">
+            <img class="" src="../../assets/images/yemei02.png" alt="" />
+          </li>
+          <li class="header-right-last"><br /></li>
+          <li class="header-right-end"><br /></li>
         </ul>
         <div class="bodystyle">
           <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.seven" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
               <p>2.璋堣皥浣犲姘戣埅绀间华鍐呮兜鐨勭悊瑙c��</p>
+              <textarea v-model="questionData.askAbout.eight" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h3 id="c004">
-            <span class="h3-zt1">浠诲姟4</span
-            ><span class="h3-bk">绀间华鍘熷垯璁ょ煡</span>
+            <span class="h3-zt1">浠诲姟4</span><span class="h3-bk">绀间华鍘熷垯璁ょ煡</span>
           </h3>
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.浜嗚В绀间华鐨勪簲澶у師鍒欍��</p>
@@ -390,7 +436,7 @@
           <p>
             椹厠鎬濊杩囷細浜虹殑鏈川鍦ㄥ叾鐜板疄鎬т笂鏄竴鍒囩ぞ浼氬叧绯荤殑鎬诲拰銆備汉铏界劧鏄嫭绔嬬殑涓綋锛屼絾涓嶈兘鑴辩绀句細锛岄渶瑕佸湪绀句細鍥綋涓敓娲汇�備汉绫绘槸缇ゅ眳鍔ㄧ墿锛岀涓嶅紑浜洪檯浜ゅ線锛岀ぜ浠湪浜洪檯浜ゅ線娲诲姩涓壆婕斾簡閲嶈瑙掕壊銆傜ぜ浠槸浜洪檯浜ゅ線鐨勨�滄鼎婊戝墏鈥濓紝鑹ソ鐨勭ぜ浠兘淇冭繘鍜岃皭鐨勪汉闄呭叧绯荤殑浜х敓銆�
           </p>
-          <p><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
+          <p class="td-0 mt-10 mb-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
           <p class="center"><span class="cs1">瑗块瀹翠細涓殑灏忔晠浜�</span></p>
           <p>
             鍦ㄤ竴娆″簡绁濆晢鍔″悎浣滄垚鍔熺殑澶у瀷瑗块瀹翠細涓婏紝鍦ㄥ浼氳繘鍏ュ熬澹版椂锛屼緧鑰呯敤绮捐嚧鐨勫皬鐩忕鏉ユ竻姘淬�傝繖鐩忔按鏄粰椁愰ギ鍢夊鍑�鎵嬬殑锛屼絾鍙傚姞瀹翠細鐨勫浜轰笉浜嗚В杩欎釜涔犱織锛屼互涓烘槸鍠濈殑姘达紝浜庢槸绔捣灏忕洀涓�楗�屽敖銆傚浼氫富浜轰负浜嗕笉浼ゅ瀹汉灏婁弗锛屼笉璁╁浼氶櫡鍏ュ按灏紝涔熺璧烽潰鍓嶇殑灏忕洀锛屽拰瀹汉涓�璧峰枬涓嬫礂鎵嬫按銆傚弬鍔犲浼氱殑鍏朵粬鍢夊鐪嬭鍚庯紝绾风悍鏁堜豢銆傚浼氬湪娆㈠0绗戣涓剦蹇湴缁撴潫浜嗐��
@@ -398,22 +444,22 @@
           <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.nine" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
               <p>2.杩欎釜绀间华灏忔晠浜嬪浣犳湁浠�涔堟牱鐨勫惎绀猴紵</p>
+              <textarea v-model="questionData.askAbout.ten" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h4 id="d011">涓�銆佺ぜ鏁粬浜虹殑鍘熷垯</h4>
           <p>
-            绀兼暚浠栦汉鏄寚鍦ㄧぞ浜ゆ椿鍔ㄤ腑锛屼氦寰�瀵硅薄涔嬮棿鐩镐簰灏婃暚銆佽唉璁╋紝鍙嬪ソ鐩稿緟锛屽拰鐫﹀叡澶勶紱灏婇噸浜ゅ線瀵硅薄鐨勪汉鏍硷紝灏婇噸浜ゅ線瀵硅薄鐨勬劅鎯呫�佸枩濂姐�佷範淇楋紝灏婇噸浜ゅ線瀵硅薄鐨勫姵鍔紝灏嗗浜�
-          </p>
-          <p>
-            寰�瀵硅薄鐨勯噸瑙嗐�佹伃鏁�佸弸濂芥斁鍦ㄩ浣嶃�傜ぜ鏁粬浜猴紝鏄笌浠栦汉寤虹珛鍜岃皭鐨勪汉闄呭叧绯荤殑鍩虹煶銆�
+            绀兼暚浠栦汉鏄寚鍦ㄧぞ浜ゆ椿鍔ㄤ腑锛屼氦寰�瀵硅薄涔嬮棿鐩镐簰灏婃暚銆佽唉璁╋紝鍙嬪ソ鐩稿緟锛屽拰鐫﹀叡澶勶紱灏婇噸浜ゅ線瀵硅薄鐨勪汉鏍硷紝灏婇噸浜ゅ線瀵硅薄鐨勬劅鎯呫�佸枩濂姐�佷範淇楋紝灏婇噸浜ゅ線瀵硅薄鐨勫姵鍔紝灏嗗浜ゅ線瀵硅薄鐨勯噸瑙嗐�佹伃鏁�佸弸濂芥斁鍦ㄩ浣嶃�傜ぜ鏁粬浜猴紝鏄笌浠栦汉寤虹珛鍜岃皭鐨勪汉闄呭叧绯荤殑鍩虹煶銆�
           </p>
         </div>
       </div>
@@ -421,24 +467,21 @@
     <!-- 10椤� -->
     <div class="page-box" page="16">
       <div v-if="showPageList.indexOf(16) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">10</li>
-          <li class="headerText">姘戣埅鏈嶅姟绀间华</li>
-          <img
-            class="headerImg mr-10"
-            src="../../assets/images/headerlogo.png"
-            alt=""
-          />
+        <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
+          <li class="header-left-Number">
+            <span class="mr-10 pNum">10</span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+          </li>
+          <li class="header-left-text">
+            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
+          </li>
         </ul>
         <div class="bodystyle">
-          <p>
-            寰�瀵硅薄鐨勯噸瑙嗐�佹伃鏁�佸弸濂芥斁鍦ㄩ浣嶃�傜ぜ鏁粬浜猴紝鏄笌浠栦汉寤虹珛鍜岃皭鐨勪汉闄呭叧绯荤殑鍩虹煶銆�
-          </p>
           <h4 id="d012">浜屻�佺湡璇氬皧閲嶇殑鍘熷垯</h4>
           <p>
             鑻忔牸鎷夊簳璇达細鈥滀笉瑕侀潬棣堣禒鏉ヨ幏寰椾竴涓湅鍙嬶紝浣犲繀椤昏础鐚綘璇氭寶鐨勭埍锛屽涔犳�庢牱鐢ㄦ褰撶殑鏂规硶鏉ヨ耽寰椾竴涓汉鐨勫績銆傗�濈敱姝ゅ彲瑙佸湪涓庝汉浜ゅ線杩囩▼涓紝鐪熻瘹灏婇噸鏄ぜ浠殑閲嶈鍘熷垯銆傜湡璇氭槸浠ュ疄浜嬫眰鏄殑鎬佸害寰呬汉澶勪笘锛屾槸鍙嬪杽銆佽瘹鎰忕殑浣撶幇銆傚叿浣撹〃鐜板湪锛岄鍏堬紝浠ョ湡璇氱ず浜猴紝瀵瑰緟绀句氦瀵硅薄涓嶈櫄浼�佷笉娆洪獥锛涘叾娆★紝姝g‘璁よ瘑浠栦汉銆佺浉淇′粬浜恒�佸皧閲嶄粬浜恒�傚彧鏈夌湡璇氬緟浜恒�佸皧閲嶄粬浜猴紝鎵嶈兘鍒涢�犲拰璋愭剦蹇殑浜洪檯鍏崇郴銆�
           </p>
-          <p><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
+          <p class="td-0 mt-10 mb-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
           <p>
             鍏厓鍓�521骞存槬锛屽瓟瀛愪笌瀹暚鍙斿悓琛屽墠寰�浜兘锛屽埌杈剧殑绗簩澶╋紝瀛斿瓙渚垮緬姝ュ墠寰�瀹堣棌鍙插簻鍘绘嫓鏈涜�佸瓙銆傛鍦ㄤ功鍐欍�婇亾寰风粡銆嬬殑鑰佸瓙鍚瑾夋弧澶╀笅鐨勫瓟涓樺墠鏉ユ眰鏁欙紝璧跺繖鏀句笅鎵嬩腑鍒�绗旓紝鏁撮】琛e啝鍑鸿繋銆傚瓟瀛愯澶ч棬閲屽嚭鏉ヤ竴浣嶅勾閫惧彜绋�銆佺簿绁炵煃閾勭殑鑰佷汉锛屾枡鎯充究鏄�佸瓙锛屾�ヨ秼鍚戝墠锛屾伃鎭暚鏁湴鍚戣�佸瓙琛屼簡寮熷瓙绀笺�傝繘鍏ュぇ鍘呭悗锛屽瓟瀛愬啀鎷滃悗鎵嶅潗涓嬫潵銆傝�佸瓙闂瓟瀛愪负浣曚簨鑰屾潵锛屽瓟瀛愮搴у洖绛旓細鈥滄垜瀛﹁瘑娴呰杽锛屽绀煎埗涓�鏃犳墍鐭ワ紝鐗瑰湴鍚戣�佸笀璇锋暀銆傗�濊�佸瓙瑙佸瓟瀛愯繖鏍疯瘹鎭筹紝渚胯缁嗗湴鎶掑彂浜嗚嚜宸辩殑瑙佽В銆傚瓟瀛愮敤鑷繁鐨勭湡璇氳幏寰椾簡鑰佸瓙鐨勮鍚岋紝瀛︿範浜嗘洿澶氱殑鐪熺煡鐏艰銆�
           </p>
@@ -450,9 +493,9 @@
           <p>
             鑷俊鏄湇鍔″伐浣滀腑鐨勫師鍒欙紝鍞湁鑷垜璁ゅ彲锛屽鑷繁鍏呮弧淇″績锛屾墠鑳藉楸煎緱姘达紝寰楀績搴旀墜銆傝嚜淇℃槸寰堝彲璐电殑蹇冪悊绱犺川銆備竴涓湁鑷俊鐨勪汉锛岃兘鍦ㄤ氦寰�涓笉鍗戜笉浜€�佽惤钀藉ぇ鏂广�傝嚜寰嬪嵆鑷垜绾︽潫锛屽彧鏈変繚鎸佽嚜寰嬫墠鑳戒繚璇佸涔犮�佸伐浣溿�佺敓娲绘湁绉╁簭杩涜銆傝嚜淇¤嚜寰嬫槸寤虹珛浜洪檯鍏崇郴涓嶅彲鎴栫己鐨勯儴鍒嗐��
           </p>
-          <p><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
-          <p>
-            鏈変竴澶╂棭鏅紝椴佽繀涓婂杩熷埌浜嗐�傛暀涔﹁鐪熺殑瀵块暅鍚捐�佸厛鐢熶弗鍘夊湴瀵逛粬璇达細鈥滀互鍚庤鏃�
+          <p class="td-0 mt-10 mb-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
+          <p class="block">
+            鏈変竴澶╂棭鏅紝椴佽繀涓婂杩熷埌浜嗐�傛暀涔﹁鐪熺殑瀵块暅鍚捐�佸厛鐢熶弗鍘夊湴瀵逛粬璇达細鈥滀互鍚庤鏃╁埌锛佲�濋瞾杩呴粯榛樺湴鍥炲埌搴т綅涓婏紝鍦ㄩ偅寮犳棫涔︽涓婂埢浜嗕釜鈥滄棭鈥濆瓧锛屼篃鎶婁竴涓潥瀹氱殑淇″康娣辨繁鍦板埢鍦ㄥ績閲屻�備粠閭d互鍚庯紝椴佽繀涓婂鍐嶆病鏈夎繜鍒拌繃锛岃�屼笖鏃舵椂鏃┿�佷簨浜嬫棭锛屽鏂椾簡涓�鐢熴��
           </p>
         </div>
       </div>
@@ -460,15 +503,17 @@
     <!-- 11椤� -->
     <div class="page-box" page="17">
       <div v-if="showPageList.indexOf(17) > -1">
-        <ul class="fl al-c pad-t-55 pad-l-80 mb-45">
-          <li class="header-left-Number">妯″潡涓�</li>
-          <li class="header-left-text">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
-          <li class="header-left-Number">11</li>
+        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
+          <li class="header-right-Number header-right-title">妯″潡涓�</li>
+          <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
+          <li class="p-Num">11</li>
+          <li class="header-right-Number cloud">
+            <img class="" src="../../assets/images/yemei02.png" alt="" />
+          </li>
+          <li class="header-right-last"><br /></li>
+          <li class="header-right-end"><br /></li>
         </ul>
         <div class="bodystyle">
-          <p>
-            鍒帮紒鈥濋瞾杩呴粯榛樺湴鍥炲埌搴т綅涓婏紝鍦ㄩ偅寮犳棫涔︽涓婂埢浜嗕釜鈥滄棭鈥濆瓧锛屼篃鎶婁竴涓潥瀹氱殑淇″康娣辨繁鍦板埢鍦ㄥ績閲屻�備粠閭d互鍚庯紝椴佽繀涓婂鍐嶆病鏈夎繜鍒拌繃锛岃�屼笖鏃舵椂鏃┿�佷簨浜嬫棭锛屽鏂椾簡涓�鐢熴��
-          </p>
           <h4 id="d015">浜斻�佷俊鐢ㄥ瀹圭殑鍘熷垯</h4>
           <p>
             淇$敤鐨勫師鍒欏嵆璁茬┒淇¤獕銆傝瘹瀹炲畧淇℃槸涓崕姘戞棌鐨勪紭绉�浼犵粺缇庡痉銆傚湪绀句氦娲诲姩涓紝涓�鏄畧鏃讹紝涓庝汉绾﹀ソ鐨勪細瑙併�佷細璋堛�佷細璁瓑锛屽喅涓嶅簲鎷栧欢杩熷埌锛涗簩鏄畧绾︼紝涓庝汉绾﹀畾鐨勪簨涓�瀹氳璇村埌鍋氬埌锛屾墍璋撹█蹇呬俊锛岃蹇呮灉銆�
@@ -476,7 +521,7 @@
           <p>
             瀹藉鐨勫師鍒欏嵆涓庝汉涓哄杽銆傚瀹逛粬浜恒�佺悊瑙d粬浜恒�佷綋璋呬粬浜猴紝涓嶆眰鍏ㄨ矗澶囥�佷笉鏂ゆ枻璁¤緝銆傛�昏�岃█涔嬶紝淇$敤瀹藉鏄淮鎸佸拰璋愮ぞ浜ゅ叧绯荤殑鑹柟銆�
           </p>
-          <p><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
+          <p class="td-0 mt-10 mb-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
           <p class="center"><span class="cs1">涓�璇哄崈閲�</span></p>
           <p>
             绉︽湯鏈変釜鍙甯冪殑浜猴紝浠栦竴鍚戣璇濈畻鏁帮紝淇¤獕闈炲父楂橈紝璁稿浜洪兘鍚屼粬寤虹珛浜嗘繁鍘氱殑鍙嬫儏锛屽綋鏃剁敋鑷虫祦浼犵潃杩欐牱鐨勮皻璇細鈥滃緱榛勯噾鐧炬枻锛屼笉濡傚緱瀛e竷涓�璇恒�傗�濓紙杩欏氨鏄�滀竴璇哄崈閲戔�濈殑鐢辨潵銆傦級鍚庢潵锛屼粬寰楃姜浜嗘眽楂樼鍒橀偊锛岃鎮祻鎹夋嬁銆備絾鏄紝鐢变簬浠栧钩鏃跺湪鏈嬪弸涓殑鑹ソ淇¤獕鍜屽彛纰戯紝浠栨棫鏃ョ殑鏈嬪弸涓嶄粎娌℃湁琚垬閭︾殑閲嶉噾鏀朵拱锛屽弽鑰屽啋鐫�鍗遍櫓淇濇姢浜嗕粬锛屼娇浠栧厤閬ジ娈冦��
@@ -484,155 +529,269 @@
           <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.eleven" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
               <p>
                 2.浣滀负姘戣埅涓撲笟鐨勫鐢燂紝浣犺涓烘皯鑸粠涓氫汉鍛樺簲褰撳叿澶囧摢浜涚ぜ浠礌璐紵
               </p>
+              <textarea v-model="questionData.askAbout.twelve" 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 class="fz-15">
               绀间华鏄汉闄呬氦寰�鐨勯�氳璇侊紝鏄竴涓汉銆佷竴涓皯鏃忕礌璐ㄧ礌鍏荤殑浣撶幇銆備腑鍗庣ぜ浠簮杩滄祦闀裤�傚涔犵ぜ浠紝涓嶄粎浠呮槸閬靛畧瑙勮寖鐨勪綋鐜帮紝鏇存槸涓板瘜鍐呭績銆佷績杩涘叏姘戠礌鍏绘彁楂樼殑閲嶈閫斿緞銆�
             </p>
-            <p>
+            <p class="fz-15">
               鏄庣ぜ璇氫俊锛屽瀹瑰弸鍠勶紝涓嶄粎鏄ぜ浠殑瑕佹眰锛屾洿鑳戒績杩涙垜浠殑鑷韩绱犲吇鐨勬彁鍗囥��
             </p>
           </div>
-          <p><span class="bj2">路椤圭洰鑷祴路</span></p>
+          <p class="td-0 mt-10 mb-10"><span class="bj2">路椤圭洰鑷祴路</span></p>
           <p>
             1.鍛ㄦ湞鏄ぜ浠�愭瓒嬪悜瀹屽杽鐨勬椂浠o紝鍦ㄦ鏈熼棿锛岋紙銆�銆�锛夊绀间华鐨勫彂灞曡捣鍒颁簡宸ㄥぇ鐨勪綔鐢ㄣ�傦紙鍗曢�夐锛�
           </p>
-          <p>A.瀛熷瓙</p>
-          <p>B.鑰佸瓙</p>
-          <p>C.鍛ㄥ叕</p>
-          <p>D.瀛斿瓙</p>
+          <p>
+            <input type="radio" name="projectOne.one" :disabled="questionData.isComplete" value="A" id="1"
+              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />A.瀛熷瓙
+          </p>
+          <p>
+            <input type="radio" name="projectOne.one" :disabled="questionData.isComplete" value="B" id="1"
+              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />B.鑰佸瓙
+          </p>
+          <p>
+            <input type="radio" name="projectOne.one" :disabled="questionData.isComplete" value="C" id="1"
+              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />C.鍛ㄥ叕
+          </p>
+          <p>
+            <input type="radio" name="projectOne.one" :disabled="questionData.isComplete" value="D" id="1"
+              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />D.瀛斿瓙
+          </p>
         </div>
       </div>
     </div>
     <!-- 12椤� -->
     <div class="page-box" page="18">
       <div v-if="showPageList.indexOf(18) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">12</li>
-          <li class="headerText">姘戣埅鏈嶅姟绀间华</li>
-          <img
-            class="headerImg mr-10"
-            src="../../assets/images/headerlogo.png"
-            alt=""
-          />
+        <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
+          <li class="header-left-Number">
+            <span class="mr-10 pNum">12</span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+          </li>
+          <li class="header-left-text">
+            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
+          </li>
         </ul>
         <div class="bodystyle">
           <p>2.涓嬮潰鏈夊叧鈥滅ぜ鈥濈殑鍐呭湪鍚箟璇存硶姝g‘鐨勬槸锛堛��銆�锛夈�傦紙澶氶�夐锛�</p>
-          <p>A.琛ㄧず灏婃暚銆佹暚鎰忕殑缁熺О</p>
-          <p>B.涓鸿〃绀烘暚鎰忔垨琛ㄧず闅嗛噸涓捐鐨勪华寮�</p>
-          <p>C.娉涙寚绀句細鐢熸椿涓殑鏌愮绀句細瑙勮寖鍜岄亾寰疯鑼�</p>
-          <p>D.琛ㄧず閫佺ぜ鐗┿�佺ぜ鍝�</p>
+          <p>
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="2"
+              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />A.琛ㄧず灏婃暚銆佹暚鎰忕殑缁熺О
+          </p>
+          <p>
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="2"
+              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />B.涓鸿〃绀烘暚鎰忔垨琛ㄧず闅嗛噸涓捐鐨勪华寮�
+          </p>
+          <p>
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="2"
+              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />C.娉涙寚绀句細鐢熸椿涓殑鏌愮绀句細瑙勮寖鍜岄亾寰疯鑼�
+          </p>
+          <p>
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="3"
+              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />D.琛ㄧず閫佺ぜ鐗┿�佺ぜ鍝�
+          </p>
           <p>3.涓嬮潰鏈夊叧鈥滀华鈥濈殑鍐呭湪鍚箟璇存硶姝g‘鐨勬槸锛堛��銆�锛夈�傦紙澶氶�夐锛�</p>
-          <p>A.鈥滀华鈥濆叿鏈夎〃鐜囥�佹鏍峰拰甯﹀ご浣滅敤</p>
-          <p>B.鎸囦釜浜哄璨屻�侀搴�</p>
-          <p>C.鎸囧悇绉嶅ぇ灏忓瀷浠紡銆佺ぜ鑺�</p>
+          <p>
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="3"
+              v-model="questionData.projectOne.three.value" @change="setBookQuestion" />A.鈥滀华鈥濆叿鏈夎〃鐜囥�佹鏍峰拰甯﹀ご浣滅敤
+          </p>
+          <p>
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="3"
+              v-model="questionData.projectOne.three.value" @change="setBookQuestion" />B.鎸囦釜浜哄璨屻�侀搴�
+          </p>
+          <p>
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="3"
+              v-model="questionData.projectOne.three.value" @change="setBookQuestion" />C.鎸囧悇绉嶅ぇ灏忓瀷浠紡銆佺ぜ鑺�
+          </p>
           <p>
             4.绀间华鍦ㄦ湰璐ㄤ笂鍏锋湁涓嶅悓鐨勭壒寰侊紝绀间华鐨勭壒寰佸寘鎷紙銆�銆�锛夈�傦紙澶氶�夐锛�
           </p>
-          <p>A.瑙勮寖鎬�</p>
-          <p>B.鏃跺皻鎬�</p>
-          <p>C.澶氭牱鎬�</p>
-          <p>D.浼犳壙鎬�</p>
-          <p>E.宸紓鎬�</p>
-          <p>F.鎿嶄綔鎬�</p>
-          <p>G.鏃朵唬鎬�</p>
+          <p>
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="4"
+              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />A.瑙勮寖鎬�
+          </p>
+          <p>
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="4"
+              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />B.鏃跺皻鎬�
+          </p>
+          <p>
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="4"
+              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />C.澶氭牱鎬�
+          </p>
+          <p>
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="4"
+              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />D.浼犳壙鎬�
+          </p>
+          <p>
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="E" id="4"
+              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />E.宸紓鎬�
+          </p>
+          <p>
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="F" id="4"
+              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />F.鎿嶄綔鎬�
+          </p>
+          <p>
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="G" id="4"
+              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />G.鏃朵唬鎬�
+          </p>
           <p>
             5.绀间华鐨勬湰璐ㄦ槸鈥滃皧閲嶁�濓紝灏婂繁涓斿皧浠栥�傛湁鍏崇ぜ鏁粬浜虹殑鍘熷垯璇存硶姝g‘鐨勬槸锛堛��銆�锛夈�傦紙澶氶�夐锛�
           </p>
           <p>
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="5"
+              v-model="questionData.projectOne.five.value" @change="setBookQuestion" />
             A.绀兼暚浠栦汉鏄寚鍦ㄧぞ浜ゆ椿鍔ㄤ腑锛屼氦寰�瀵硅薄涔嬮棿鐩镐簰灏婃暚銆佽唉璁╋紝鍙嬪ソ鐩稿緟锛屽拰鐫﹀叡澶�
           </p>
           <p>
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="5"
+              v-model="questionData.projectOne.five.value" @change="setBookQuestion" />
             B.绀兼暚浠栦汉鏄皧閲嶄氦寰�瀵硅薄鐨勪汉鏍硷紝灏婇噸浜ゅ線瀵硅薄鐨勬劅鎯呫�佸枩濂姐�佷範淇楋紝灏婇噸浜ゅ線瀵硅薄鐨勫姵鍔紝灏嗗浜ゅ線瀵硅薄鐨勯噸瑙嗐�佹伃鏁�佸弸濂芥斁鍦ㄩ浣�
           </p>
           <p>
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="5"
+              v-model="questionData.projectOne.five.value" @change="setBookQuestion" />
             C.绀兼暚浠栦汉涓昏鏄垎鍦哄悎鍜屽璞★紝鏍规嵁鍏蜂綋鐨勫満鍚堝拰瀵硅薄閫夋嫨鏄惁缁欎簣瀵规柟灏婇噸
           </p>
-          <p>D.绀兼暚浠栦汉鏄笌浠栦汉寤虹珛鍜岃皭鐨勪汉闄呭叧绯荤殑鍩虹煶</p>
+          <p>
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="5"
+              v-model="questionData.projectOne.five.value" @change="setBookQuestion" />D.绀兼暚浠栦汉鏄笌浠栦汉寤虹珛鍜岃皭鐨勪汉闄呭叧绯荤殑鍩虹煶
+          </p>
+          <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>
     <!-- 13椤� -->
     <div class="page-box" page="19">
       <div v-if="showPageList.indexOf(19) > -1">
-        <ul class="fl al-c pad-t-55 pad-l-80 mb-45">
-          <li class="header-left-Number">妯″潡涓�</li>
-          <li class="header-left-text">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
-          <li class="header-left-Number">13</li>
+        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
+          <li class="header-right-Number header-right-title">妯″潡涓�</li>
+          <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
+          <li class="p-Num">13</li>
+          <li class="header-right-Number cloud">
+            <img class="" src="../../assets/images/yemei02.png" alt="" />
+          </li>
+          <li class="header-right-last"><br /></li>
+          <li class="header-right-end"><br /></li>
         </ul>
         <div class="bodystyle">
           <h2 id="b002">椤圭洰浜屻��姘戣埅鏈嶅姟鎰忚瘑璁ょ煡</h2>
           <div class="tp-3">
-            <p class="center">
-              <img class="rwmb-4" alt="" src="../../assets/images/tb.png" />
+            <p class="tl-f td-0">
+              <img class="img-b" 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/unitOne-02.png" alt=""></p>
           <div class="bk">
-            <div class="bk1">
-              <p><span class="bj1">鈻犮��椤圭洰鎻忚堪銆�鈻�</span></p>
-            </div>
-            <p>
+            <p class="bj1-qjms fl al-c">
+              <span class="span-box"></span><span class="span-text">椤圭洰鎻忚堪</span><span class="span-box"></span>
+            </p>
+            <p class="fz-15">
               浜嗚В浜嗙ぜ浠鏈嶅姟鐨勯噸瑕佹�у悗锛屾潕涓藉鎻愬崌姘戣埅鏈嶅姟璐ㄩ噺鏈変簡鏂扮殑璁よ瘑銆備絾鑰佸笀鍙堣锛屽崟绾湴閬靛畧瑙勭珷銆佹満姊板湴浣跨敤鏈嶅姟鎶�鑳藉拰鏈嶅姟鎶�宸э紝鏃犳硶浠庣湡姝f剰涔変笂璧板嚭鈥滄ā寮忓寲鏈嶅姟鈥濈殑璇尯锛屼笉鍙兘鎻愪緵涓�у寲鐨勪紭璐ㄦ湇鍔°�傝埅鍙镐汉鍔涜祫婧愰儴缁忕悊涔熷憡璇夊悓瀛︿滑锛屽彧鏈変簡瑙f皯鑸湇鍔$殑鐜扮姸锛屾墠鑳界湡姝f爲绔嬩富鍔ㄦ湇鍔$殑鎰忚瘑銆傝瀛︿範鑰呴�氳繃鏈」鐩殑瀛︿範锛屼簡瑙f皯鑸湇鍔$殑鍚箟鍙婃湰璐紝浜嗚В姘戣埅鏈嶅姟鐨勭幇鐘跺強鏈嶅姟璐ㄩ噺闂浜х敓鐨勫師鍥狅紝鎺屾彙姘戣埅鏈嶅姟涓爲绔嬩富鍔ㄦ湇鍔℃剰璇嗙殑閲嶈鎬э紝浠庤�屾彁鍗囨湇鍔℃剰璇嗭紝鎻愪緵娓╅Θ銆佹俯鎯呫�佺敤蹇冪殑鏈嶅姟銆�
             </p>
           </div>
           <div class="bk">
-            <div class="bk1">
-              <p><span class="bj1">鈻犮��绀煎湪韬竟銆�鈻�</span></p>
-            </div>
-            <p>
+            <p class="bj1-qjms fl al-c">
+              <span class="span-box"></span><span class="span-text">绀煎湪韬竟</span><span class="span-box"></span>
+            </p>
+            <p class="fz-15">
               鏌愭棩锛屽湪A鍒癇鐨勮埅鐝笂锛屽ご绛夎埍鐨勪竴鍚嶆梾瀹㈠悜涔樺姟鍛樿闂槸鍚︽湁榛戝阀鍏嬪姏锛屼箻鍔″憳鐭ラ亾杩欐鑸彮娌℃湁閰嶅锛屼絾濂瑰苟娌℃湁閲囧彇绠�鍗曞惁璁ょ殑鏂瑰紡澶勭悊锛岃�屾槸鍏堣闂満缁勬垚鍛橈紝鍚庢潵缁堜簬鍦ㄥ壇椹鹃┒閭i噷鎵惧埌浜嗛粦宸у厠鍔涘苟閫佺粰浜嗘梾瀹€�傚悗鏉ワ紝褰撲箻鍔″憳浜嗚В鍒拌繖鍚嶆梾瀹竴鍛ㄥ悗瑕佷箻鍧愯鍏徃鑸彮浠嶣杩斿洖A鍚庯紝涓诲姩涓庡綋澶╂墽琛岃埅鐝换鍔$殑澶寸瓑鑸变箻鍔″憳鑱旂郴锛岀壒鎰忎负杩欏悕鏃呭鍑嗗浜嗛粦宸у厠鍔涖�備粠姝わ紝杩欏悕鏃呭鎴愪簡杩欏鑸┖鍏徃鐨勫繝瀹為【瀹€��
             </p>
           </div>
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>1.妗堜緥涓繖鍚嶆梾瀹负浠�涔堜細鎴愪负杩欏鑸┖鍏徃鐨勫繝瀹為【瀹紵</p>
+              <textarea v-model="questionData.askAbout.thirteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
               <p>2.姝ゆ渚嬭鏄庝簡姘戣埅鏈嶅姟浠庝笟浜哄憳闇�瑕佸叿澶囦粈涔堟牱鐨勭礌璐紵</p>
+              <textarea v-model="questionData.askAbout.fourteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
               <p>3.杩欎釜妗堜緥瀵逛簬浣犵悊瑙f皯鑸湇鍔$殑鍚箟鏈変粈涔堝惎绀猴紵</p>
+              <textarea v-model="questionData.askAbout.fifteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h3 id="c005">
-            <span class="h3-zt1">浠诲姟1</span
-            ><span class="h3-bk">鐞嗚В姘戣埅鏈嶅姟鐨勫唴娑靛強鐗瑰緛</span>
+            <span class="h3-zt1">浠诲姟1</span><span class="h3-bk">鐞嗚В姘戣埅鏈嶅姟鐨勫唴娑靛強鐗瑰緛</span>
           </h3>
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.鐞嗚В姘戣埅鏈嶅姟鐨勫惈涔夈��</p>
           <p>2.鐞嗚В姘戣埅鏈嶅姟鐨勬湰璐ㄣ��</p>
           <p>3.浜嗚В骞舵帉鎻℃皯鑸湇鍔¤涓氱殑鍩烘湰鐗瑰緛銆�</p>
+          <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.isCollectVideoTwo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '602e257498cd61657b759edd5be0221d'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-03')" />
+              </el-tooltip>
+            </p>
+          </div>
         </div>
       </div>
     </div>
     <!-- 14 -->
     <div class="page-box" page="20">
       <div v-if="showPageList.indexOf(20) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">14</li>
-          <li class="headerText">姘戣埅鏈嶅姟绀间华</li>
-          <img
-            class="headerImg mr-10"
-            src="../../assets/images/headerlogo.png"
-            alt=""
-          />
+        <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
+          <li class="header-left-Number">
+            <span class="mr-10 pNum">14</span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+          </li>
+          <li class="header-left-text">
+            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
+          </li>
         </ul>
         <div class="bodystyle">
           <h4 id="d016">涓�銆佹皯鑸湇鍔$殑鍚箟</h4>
@@ -649,14 +808,14 @@
             绗笁锛屼粠鏃呭鐨勮搴︾湅锛屾皯鑸湇鍔℃槸鏃呭鍦ㄦ秷璐硅繃绋嬩腑鎵�鎰熷彈鍒扮殑涓�鍒囪涓哄拰鍙嶅簲锛屽彲浠ヨ鏄竴绉嶇粡楠岀殑鎰熷彈锛屼篃鍙互璇存槸鑸┖鍏徃鍙婂叾鏈嶅姟浜哄憳鐨勮〃鐜扮粰浠栦滑鐣欎笅鐨勫嵃璞°��
           </p>
           <h4 id="d017">浜屻�佹皯鑸湇鍔$殑鏈川</h4>
-          <p><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
-          <p>
+          <p class="td-0 mt-10 mb-20"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
+          <p class="block">
             鍥藉簡鑺傚綋澶╋紝鐜嬪厛鐢熶箻鍧愪粠鎴愰兘椋炲線鍝堝皵婊ㄧ殑椋炴満銆傚埌浜嗗崍椁愭椂闂达紝涔樺姟鍛樻帹鐫�椁愯溅璇㈤棶鐜嬪厛鐢熸効鎰忛鐢ㄩ浮鑲夌背楗繕鏄墰鑲夌背楗紝鐜嬪厛鐢熻锛氣�滆繖涓ょ椋熷搧鎴戦兘涓嶈兘鍚冦�傗��
           </p>
-          <p>
+          <p class="block">
             鐜嬪厛鐢熸湰浠ヤ负鑷繁浼氬洜鐗规畩鐨勯ギ椋熶範鎯�岄タ鑲氬瓙锛屾病鎯冲埌涔樺姟鍛樺嵈璇达細鈥滃厛鐢燂紝鎶辨瓑锛屾垜甯偍鎵句竴浠界礌椋熷惂銆傗��
           </p>
-          <p>
+          <p class="block">
             杩囦簡娌″涔咃紝閭e悕涔樺姟鍛樺張鏉ヤ簡锛氣�滃緢鎶辨瓑鍏堢敓锛岃埅鐝笂鐨勭礌椋熶篃鍙戝畬浜嗭紝鎴戠粰鎮ㄥ噯澶囦簡涓�涓儰鍦熻眴鍜屼竴鍖呴ゼ骞诧紝鎮ㄧ湅鍙互鍚楋紵鈥濈帇鍏堢敓鍚畬锛屽涔樺姟鍛樿〃杈句簡鎰熻阿銆�
           </p>
         </div>
@@ -665,24 +824,34 @@
     <!-- 15椤� -->
     <div class="page-box" page="21">
       <div v-if="showPageList.indexOf(21) > -1">
-        <ul class="fl al-c pad-t-55 pad-l-80 mb-45">
-          <li class="header-left-Number">妯″潡涓�</li>
-          <li class="header-left-text">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
-          <li class="header-left-Number">15</li>
+        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
+          <li class="header-right-Number header-right-title">妯″潡涓�</li>
+          <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
+          <li class="p-Num">15</li>
+          <li class="header-right-Number cloud">
+            <img class="" src="../../assets/images/yemei02.png" alt="" />
+          </li>
+          <li class="header-right-last"><br /></li>
+          <li class="header-right-end"><br /></li>
         </ul>
         <div class="bodystyle">
           <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.sixteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
               <p>2.浣犺寰楁槸浠�涔堣涔樺姟鍛樺仛鍑轰簡杩欎簺璐村績鐨勪簨鎯咃紵</p>
+              <textarea v-model="questionData.askAbout.seventeen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
               <p>3.浠庤妗堜緥鍑哄彂锛屼綘鎬庝箞鐞嗚В姘戣埅鏈嶅姟鐨勬湰璐紵</p>
+              <textarea v-model="questionData.askAbout.eighteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -721,52 +890,53 @@
     <!-- 16 -->
     <div class="page-box" page="22">
       <div v-if="showPageList.indexOf(22) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">16</li>
-          <li class="headerText">姘戣埅鏈嶅姟绀间华</li>
-          <img
-            class="headerImg mr-10"
-            src="../../assets/images/headerlogo.png"
-            alt=""
-          />
+        <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
+          <li class="header-left-Number">
+            <span class="mr-10 pNum">16</span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+          </li>
+          <li class="header-left-text">
+            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
+          </li>
         </ul>
         <div class="bodystyle">
           <p>锛�5锛夋槸鍚﹀叿鏈夆�滄潵鐨勯兘鏄鈥濄�佷竴瑙嗗悓浠佺殑骞崇瓑鎰忚瘑銆�</p>
           <p>锛�6锛夋槸鍚﹀叿鏈夊闅忎富渚跨殑鍙橀�氭剰璇嗐��</p>
           <p>锛�7锛夋槸鍚﹀叿鏈変笉鏂�傚簲鏃呭鐨勫彂灞曟剰璇嗐��</p>
           <p>锛�8锛夋槸鍚︽湁鏇存柊瑙傚康銆佹帹闄堝嚭鏂扮殑鍒涙柊鎰忚瘑銆�</p>
-          <p><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
+          <p class="td-0 mb-10 mt-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
           <p class="center">
             <span class="cs1">鏆栧績鏈嶅姟锛岃杩欎綅姘戣埅鑰佸墠杈堣禐涓嶇粷鍙�</span>
           </p>
-          <p>
+          <p class="block">
             澶у勾鍒濅簩鐨勬満鍦虹啓鐔欐敇鏀橈紝鍑鸿鐨勬梾瀹㈣劯涓婃弧鍚瑧鎰忋�傛煇鏈哄満鑸湇鍒嗗叕鍙哥殑灏忚彶鍦ㄤ簩鍙疯埅绔欐ゼK鍊兼満宀涚湅鍒颁竴浣嶈�佷汉瀹朵粠杩滃缂撶紦璧版潵銆傚療瑙夊埌鑰佷汉瀹舵部閫斿鎵剧殑鐩厜锛屽皬鑿蹭富鍔ㄨ繋涓婂墠锛岃闂�佷汉瀹舵槸鍚﹂渶瑕佸府鍔╋紝璇㈤棶鍚庡緱鐭ヨ繖浣嶉倽濠嗗﹩浠婂勾96宀佷簡锛屽ス浠庨娓繃鏉ワ紝鍑嗗涔樺潗绗簩澶╃殑鑸彮鍘诲寳浜紝浠婂ぉ鐗规剰鍒版満鍦烘彁鍓嶇啛鎮変竴涓嬬幆澧冦��
           </p>
-          <p>
+          <p class="block">
             鍦ㄤ氦璋堜腑锛屽皬鑿蹭簡瑙e埌閭濆﹩濠嗙洰鍓嶅眳浣忓湪璺濈鏈哄満寰堣繙鐨勫競鍖洪厭搴楋紝濡傛灉瑕佷繚璇佹槑澶╄兘鍑嗘椂鍒拌揪鏈哄満锛岄渶瑕佸ぉ涓嶄寒灏卞嚭闂紝鑰岄倽濠嗗﹩瑙嗗姏鍙堜笉濂斤紝杩欎箞鏃╁嚭闂ㄦ湁涓�瀹氱殑瀹夊叏椋庨櫓锛屾墍浠ュ皬鑿蹭富鍔ㄥ缓璁倽濠嗗﹩鏇存崲鍒版満鍦洪檮杩戝眳浣忋��
           </p>
-          <p>
+          <p class="block">
             閭濆﹩濠嗛噰绾充簡灏忚彶鐨勫缓璁紝骞跺悜濂瑰挩璇㈠摢浜涢厭搴楅�傚悎鑷繁锛屽皬鑿茶�愬績浠旂粏鍦板悜閭濆﹩濠嗕粙缁嶄簡鏈哄満鐨勮鏃朵紤鎭銆佹満鍦洪檮杩戦厭搴楃殑鍑犵涓嶅悓浣忓鏂规锛岄倽濠嗗﹩瀵硅鏃朵紤鎭寰堟湁鍏磋叮锛屽皬鑿插張鐑績鍦版彁鐫�琛屾潕闄即鑰佷汉瀹跺墠寰�浣嶄簬涓�鍙疯埅绔欐ゼ鐨勮鏃朵紤鎭銆�
           </p>
-          <p>
+          <p class="block">
             鍦ㄨ鏃朵紤鎭閲岋紝鏌滃彴鏈嶅姟鍛樺皬濞滀负閭濆﹩濠嗗仛浜嗙儹蹇冪殑浠嬬粛锛岄倽濠嗗﹩闈炲父婊℃剰锛岃〃绀烘兂鍦ㄨ繖閲屼綇銆傚皬濞滀笉浠呭畨鎺掗倽濠嗗﹩鍦ㄤ紤鎭尯浼戞伅锛岃繕璺戝墠璺戝悗锛屽府鍔╁ス璁㈠ソ浜嗚垝蹇冪殑杩囧鎴裤��
           </p>
-          <p>
+          <p class="block">
             鑰冭檻鍒伴倽濠嗗﹩绗簩澶╁嚭鍙戞椂闇�瑕佷粠涓�鍙疯埅绔欐ゼ杞埌浜屽彿鑸珯妤煎姙鐞嗕箻鏈烘墜缁紝瀛よ韩涓�浜哄甫鐫�琛屾潕鍗佸垎涓嶄究锛屽皬濞滆创蹇冨湴甯倽濠嗗﹩棰勭害浜嗗厤璐圭殑鈥滃畨蹇冮�佹満鈥濇湇鍔★紝鍦ㄩ倽濠嗗﹩鍑哄彂褰撳ぉ涓撻棬瀹夋帓鏈嶅姟鍛樺崗鍔╁姙鐧绘満鐗屻�佹墭杩愯鏉庛�佽繃瀹夋锛岀‘淇濊�佷汉瀹跺叏绋嬫棤蹇с�佷竴璺晠椤恒��
           </p>
-          <p>
+          <p class="block">
             鐧绘満鍓嶏紝閭濆﹩濠嗕竴鍐嶈〃杈句簡瀵规満鍦烘湇鍔′汉鍛樼殑鎰熻阿锛岃锛氣�滃皬濮戝锛�76骞村墠鎴戜篃鏄竴鍚嶆皯鑸湇鍔″憳锛屽姘戣埅鏈嶅姟鐨勫彉鍖栭潪甯告湁鎰熻Е锛屼粖澶╂垜浜彈鍒颁綘浠殑鏈嶅姟锛屼綘浠彁渚涗簡閭d箞澶氱殑鏈嶅姟鍐呭锛屾満鍦鸿繕鏈夐偅涔堝ソ鐨勮鏂斤紝璁╂垜鎰熷埌闈炲父娓╅Θ銆侀潪甯告弧鎰忋�傜幇鍦ㄧ殑姘戣埅鏈嶅姟鐪熸槸瓒婃潵瓒婂ソ浜嗭紝璋㈣阿浣犱滑锛佲��
           </p>
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>姘戣埅鏈嶅姟鐨勫摢浜涙湇鍔¤閭濆﹩濠嗘劅鍙楀埌浜嗘俯棣ㄥ拰婊℃剰锛�</p>
+              <textarea v-model="questionData.askAbout.nineteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
         </div>
@@ -775,15 +945,19 @@
     <!-- 17椤� -->
     <div class="page-box" page="23">
       <div v-if="showPageList.indexOf(23) > -1">
-        <ul class="fl al-c pad-t-55 pad-l-80 mb-45">
-          <li class="header-left-Number">妯″潡涓�</li>
-          <li class="header-left-text">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
-          <li class="header-left-Number">17</li>
+        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
+          <li class="header-right-Number header-right-title">妯″潡涓�</li>
+          <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
+          <li class="p-Num">17</li>
+          <li class="header-right-Number cloud">
+            <img class="" src="../../assets/images/yemei02.png" alt="" />
+          </li>
+          <li class="header-right-last"><br /></li>
+          <li class="header-right-end"><br /></li>
         </ul>
         <div class="bodystyle">
           <h3 id="c006">
-            <span class="h3-zt1">浠诲姟2</span
-            ><span class="h3-bk">鐞嗚В姘戣埅鏈嶅姟鐨勭幇鐘�</span>
+            <span class="h3-zt1">浠诲姟2</span><span class="h3-bk">鐞嗚В姘戣埅鏈嶅姟鐨勭幇鐘�</span>
           </h3>
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.浜嗚В姘戣埅鏈嶅姟鐨勭幇鐘跺強鏈嶅姟璐ㄩ噺闂浜х敓鐨勫師鍥犮��</p>
@@ -798,15 +972,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.twenty" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h4 id="d021">浜屻�佹皯鑸湇鍔¤川閲忛棶棰樺垎鏋�</h4>
@@ -817,13 +992,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.twentyOne" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
         </div>
@@ -832,14 +1008,14 @@
     <!-- 18 -->
     <div class="page-box" page="24">
       <div v-if="showPageList.indexOf(24) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">18</li>
-          <li class="headerText">姘戣埅鏈嶅姟绀间华</li>
-          <img
-            class="headerImg mr-10"
-            src="../../assets/images/headerlogo.png"
-            alt=""
-          />
+        <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
+          <li class="header-left-Number">
+            <span class="mr-10 pNum">18</span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+          </li>
+          <li class="header-left-text">
+            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
+          </li>
         </ul>
         <div class="bodystyle">
           <h5 id="e009">锛堜簩锛夊競鍦烘剰璇嗕笉瓒�</h5>
@@ -850,26 +1026,27 @@
             姘戣埅浼佷笟闇�瑕佹牴鎹梾瀹㈢殑娑堣垂鍜岄渶姹傚彉鍖栵紝涓嶆柇璋冩暣鑷繁鐨勬湇鍔′骇鍝佸拰鍐呭锛屽悓鏃讹紝閬靛惊甯傚満瑙勫緥锛岄�犵浜庢梾瀹㈠拰娑堣垂鑰呫�傚洜姝わ紝鍚勬皯鑸紒涓氳涓庢墍鏈夊憳宸ヤ竴璧凤紝灏嗘秷璐硅�呭拰甯傚満鏀惧湪閲嶈浣嶇疆锛屼笌鏃朵勘杩涘湴娣卞叆鐮旂┒浜烘皯缇や紬瀵规皯鑸湇鍔$殑闇�姹傦紝鍦ㄦ湇鍔¤寖鍥淬�佹湇鍔$绫汇�佹湇鍔$幆澧冦�佹湇鍔℃晥鐜囥�佹湇鍔¤兘鍔涖�佹湇鍔″搧璐ㄤ笂涓嬪姛澶紝鍦ㄩ檷浣庢秷璐硅�呮秷璐规垚鏈拰鎻愰珮娑堣垂鑰呮湇鍔′綋楠屼笂涓嬪姛澶��
           </p>
           <h5 id="e010">锛堜笁锛夊嵄鏈烘剰璇嗘瑺缂�</h5>
-          <p><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
+          <p class="td-0 mb-10 mt-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
           <p class="center"><span class="cs1">鏃跺埢淇濇寔鍗辨満鎰忚瘑</span></p>
-          <p>
+          <p class="block">
             寰堜箙浠ュ墠锛屾湁涓�涓墽缇婁汉鍦ㄥ瘨鍐风殑鍦版柟鏀剧緤銆傝捣鍒濓紝杩欓噷鐨勬俯搴︽瘮杈冮�傚疁缇婄敓瀛橈紝瀹冧滑鎰熷埌寰堣垝閫傦紝鎱㈡參鍦颁究鍏绘垚浜嗕竴绉嶄笉鐖卞姩鐨勪範鎯�傚啲澶╂潵浜嗭紝姘旀俯楠ら檷锛屽瘨鍐风殑澶╂皵浣跨緤缇ゆ棤娉曢�傚簲锛屽緢澶氱緤閮借鍐绘浜嗐��
           </p>
-          <p>
+          <p class="block">
             鐗х緤浜烘劅鍒伴潪甯搁毦杩囷紝涓轰簡浣跨緤鑳芥洿濂藉湴鐢熷瓨涓嬪幓锛屼粬缁炲敖鑴戞眮锛屾渶鍚庢兂鍑轰簡涓�涓湅浼煎彲鎬曠殑鏂规硶锛氬湪缇婄敓娲荤殑鍦版柟鏀句簡鍑犲彧鐙笺�傜緤鎰熷埌浜嗙敓瀛樺嵄鏈猴紝浠ヤ笉鏂湴濂旇窇鏉ラ槻姝㈢嫾鐨勮鍑汇�傝繖鏍风殑濂旇窇鏈夋晥鍦伴樆姝簡瀵掑喎鐨勪镜铓�銆傚湪鐙肩殑濞佽儊涓嬶紝缇婄殑姝讳骸鏁伴噺鍙嶈�屽噺灏戜簡銆�
           </p>
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>
                 缇婄兢鑳藉湪瀵掑喎鐨勫啲澶╅『鍒╃敓瀛樼殑鍘熷洜鏄粈涔堬紵缁撳悎鐢熸椿瀹為檯锛岃皥璋堜綘瀵瑰嵄鏈烘剰璇嗙殑鐞嗚В銆�
               </p>
+              <textarea v-model="questionData.askAbout.twentyTwo" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -881,22 +1058,28 @@
     <!-- 19椤� -->
     <div class="page-box" page="25">
       <div v-if="showPageList.indexOf(25) > -1">
-        <ul class="fl al-c pad-t-55 pad-l-80 mb-45">
-          <li class="header-left-Number">妯″潡涓�</li>
-          <li class="header-left-text">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
-          <li class="header-left-Number">19</li>
+        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
+          <li class="header-right-Number header-right-title">妯″潡涓�</li>
+          <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
+          <li class="p-Num">19</li>
+          <li class="header-right-Number cloud">
+            <img class="" src="../../assets/images/yemei02.png" alt="" />
+          </li>
+          <li class="header-right-last"><br /></li>
+          <li class="header-right-end"><br /></li>
         </ul>
         <div class="bodystyle">
           <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-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h5 id="e011">锛堝洓锛夊煿璁彁鍗囨湁寰呭姞寮�</h5>
@@ -906,28 +1089,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>
                 缁撳悎姘戣埅涓氱殑鍙戝睍鐜扮姸锛屼綘璁や负姘戣埅涓氬簲璇ヤ晶閲嶅煿璁憳宸ュ摢浜涙柟闈紵
               </p>
+              <textarea v-model="questionData.askAbout.twentyFour" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
             涓�浜涙皯鑸紒涓氬拰鍛樺伐鐨勬湇鍔℃剰璇嗘贰钖勶紝缂轰箯鏈嶅姟璐d换蹇冿紝杩欐牱寰堥毦鏈夋晥鎻愬崌姘戣埅鏈嶅姟鐨勬暣浣撴按骞炽�傚姞寮烘皯鑸湇鍔′汉鍛樷�滀互鏃呭涓轰腑蹇冣�濈殑鏈嶅姟鐞嗗康锛屽舰鎴愭満鍦哄洿缁曢鏈鸿浆銆侀鏈哄洿缁曞競鍦鸿浆銆佸競鍦哄洿缁曟梾瀹㈣浆鐨勮壇鎬у惊鐜ā寮忥紝鏄笉鏂彁鍗囨皯鑸湇鍔¤川閲忕殑鍩虹銆�
           </p>
           <h3 id="c007">
-            <span class="h3-zt1">浠诲姟3</span
-            ><span class="h3-bk">鐞嗚В涓诲姩鏈嶅姟鐨勯噸瑕佹��</span>
+            <span class="h3-zt1">浠诲姟3</span><span class="h3-bk">鐞嗚В涓诲姩鏈嶅姟鐨勯噸瑕佹��</span>
           </h3>
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.浜嗚В涓诲姩鏈嶅姟鐨勫唴娑点��</p>
           <p>2.鐞嗚В涓诲姩鏈嶅姟鐨勯噸瑕佹�с��</p>
           <p>3.鎻愬崌涓诲姩鏈嶅姟鐨勬剰璇嗐��</p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathFour" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氱悊瑙d富鍔ㄦ湇鍔$殑閲嶈鎬�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoThree ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '571b9fb7962e8fc30749893919d2157b'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-04')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h4 id="d022">涓�銆佹纭璇嗘湇鍔℃剰璇�</h4>
           <p>
             濡傛灉璇存皯鑸湇鍔′汉鍛樼殑鐭ヨ瘑涓庢妧鑳芥槸鏈嶅姟鐨勬満缈硷紝閭d箞鏈嶅姟鎰忚瘑鎵嶆槸浣胯繖鏋堕鏈哄睍缈呴珮椋炵殑鍙戝姩鏈恒��
@@ -938,14 +1140,14 @@
     <!-- 20 -->
     <div class="page-box" page="26">
       <div v-if="showPageList.indexOf(26) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">20</li>
-          <li class="headerText">姘戣埅鏈嶅姟绀间华</li>
-          <img
-            class="headerImg mr-10"
-            src="../../assets/images/headerlogo.png"
-            alt=""
-          />
+        <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
+          <li class="header-left-Number">
+            <span class="mr-10 pNum">20 </span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+          </li>
+          <li class="header-left-text">
+            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
+          </li>
         </ul>
         <div class="bodystyle">
           <p>
@@ -957,24 +1159,27 @@
           <p>
             鍙湁鎻愰珮鏈嶅姟鎰忚瘑锛屾墠鑳戒粠浼樿川鏈嶅姟鐨勮搴﹀幓鎬濊�冨拰浣撻獙鏃呭鐨勫績鐞嗙姸鎬侊紝鍒嗘瀽鍜屼簡瑙d簨鎯呰儗鍚庣殑鐪熷疄闇�姹傘�佷富瑕佸師鍥狅紝浠庢牴婧愪笂瑙e喅鍜屽鐞嗛棶棰橈紝璁╂梾瀹綋楠岄珮璐ㄩ噺銆佹俯棣ㄤ笖鏈夋俯搴︾殑鏈嶅姟銆�
           </p>
-          <p><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
+          <p class="td-0 mb-10 mt-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
           <p class="center"><span class="cs1">娓╂儏鏃跺埢</span></p>
-          <p>
+          <p class="block">
             2017骞�6鏈�7鏃ワ紝娣卞湷鍒版浖璋风殑鑸彮涓婏紝涔樺姟闀挎堡鏌愪负鍙戠儳鑷�38.9鎽勬皬搴︾殑灏忔梾瀹㈣繘琛岀墿鐞嗛檷娓┿�傚ス娓╂煍鍦版摝鎷潃瀛╁瓙鐨勫皬鑴氫斧锛屼竴杈硅浆绉讳粬鐨勬敞鎰忓姏锛屼竴杈瑰畨鎱扮潃鐒︽�ョ殑骞磋交瀹堕暱銆傚崄鍑犲垎閽熻繃鍘讳簡锛屽ス閮芥病璧疯韩锛屽府鍔╁瀛愭崲浜嗕竴鏉″張涓�鏉℃瘺宸撅紝瀛╁瓙鐨勪綋娓╃粓浜庢笎娓愰檷浜嗕笅鏉ャ�傚瀛愬濡堢溂鍚唱鍏夛紝涓嶅仠鍦伴亾璋€��
           </p>
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>1.妗堜緥涓殑姹や箻鍔¢暱涓轰簡缁欏瀛愰檷娓╁仛浜嗗摢浜涗簨鎯呭憿锛�</p>
+              <textarea v-model="questionData.askAbout.twentyFive" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                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>
           <h4 id="d023">浜屻�佸姘戣埅鏈嶅姟鎰忚瘑鐨勮姹�</h4>
@@ -985,7 +1190,7 @@
             鎵�浠ワ紝瀵规皯鑸湇鍔℃剰璇嗙殑鍩烘湰瑕佹眰鏄細鍦ㄤ繚璇侀琛屽畨鍏ㄧ殑鎯呭喌涓嬶紝浠ヨВ鍐虫梾瀹㈢殑瀹為檯闂銆佹弧瓒虫梾瀹㈢殑闇�姹備负鍋氬ソ鏈嶅姟宸ヤ綔鐨勫熀鏈墠鎻愩��
           </p>
           <p>
-            鍦ㄤ笉杩濆弽鐩稿叧椋炶瀹夊叏鏉′緥鐨勫熀纭�涓婏紝鎴戜滑搴旇灏嗛琛屼腑鍙戠敓鐨勬湇鍔′簨浠舵垨鏈嶅姟鐭涚浘锛屼互鍙婄敱姝や骇鐢熺殑浜夎銆佹彁鍑虹殑璧斿伩銆佸垝鍒嗙殑璐d换绛夐棶棰橈紝閮芥斁鍒板畨鎶氭梾瀹㈡儏缁�佹彁
+            鍦ㄤ笉杩濆弽鐩稿叧椋炶瀹夊叏鏉′緥鐨勫熀纭�涓婏紝鎴戜滑搴旇灏嗛琛屼腑鍙戠敓鐨勬湇鍔′簨浠舵垨鏈嶅姟鐭涚浘锛屼互鍙婄敱姝や骇鐢熺殑浜夎銆佹彁鍑虹殑璧斿伩銆佸垝鍒嗙殑璐d换绛夐棶棰橈紝閮芥斁鍒板畨鎶氭梾瀹㈡儏缁�佹彁渚涙湇鍔′箣鍚庢潵瑙e喅銆傚綋鐒讹紝鑻ヨ繚鍙嶇浉搴旂殑瀹夊叏鏉′緥鍜屾硶寰嬶紝搴斿綋绔嬪嵆璇蜂笓涓氫汉澹鐞嗗苟瑙e喅銆�
           </p>
         </div>
       </div>
@@ -993,36 +1198,40 @@
     <!-- 21椤� -->
     <div class="page-box" page="27">
       <div v-if="showPageList.indexOf(27) > -1">
-        <ul class="fl al-c pad-t-55 pad-l-80 mb-45">
-          <li class="header-left-Number">妯″潡涓�</li>
-          <li class="header-left-text">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
-          <li class="header-left-Number">19</li>
+        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
+          <li class="header-right-Number header-right-title">妯″潡涓�</li>
+          <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
+          <li class="p-Num">21</li>
+          <li class="header-right-Number cloud">
+            <img class="" src="../../assets/images/yemei02.png" alt="" />
+          </li>
+          <li class="header-right-last"><br /></li>
+          <li class="header-right-end"><br /></li>
         </ul>
         <div class="bodystyle">
-          <p>
-            渚涙湇鍔′箣鍚庢潵瑙e喅銆傚綋鐒讹紝鑻ヨ繚鍙嶇浉搴旂殑瀹夊叏鏉′緥鍜屾硶寰嬶紝搴斿綋绔嬪嵆璇蜂笓涓氫汉澹鐞嗗苟瑙e喅銆�
-          </p>
           <p>
             姘戣埅鏈嶅姟浜哄憳搴斿叏蹇冨叏鎰忎负鏃呭鏈嶅姟锛屼互璁╂梾瀹㈡弧鎰忎綔涓烘湇鍔$洰鏍囷紝瀹炵幇浼佷笟鐨勬渶缁堣拷姹傚強鐩爣锛屽疄鐜颁紒涓氱殑鍙戝睍銆傛皯鑸湇鍔℃剰璇嗚姹傛垜浠淇″畧鏈嶅姟鎵胯锛岀敤蹇冪敤鐖辩敤娓╁害鏈嶅姟锛屽苟涔愪簬涓烘梾瀹㈡湇鍔★紝濡ュ杽瑙e喅鏃呭鍦ㄦ梾閫斾腑鐨勯棶棰樸��
           </p>
           <h4 id="d024">涓夈�佹爲绔嬩富鍔ㄦ湇鍔$殑鎰忚瘑</h4>
-          <p><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
+          <p class="td-0 mb-10 mt-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
           <p class="center"><span class="cs1">鍔╂梾瀹㈡壘鍥為仐澶辫鏉�</span></p>
-          <p>2017骞达紝鏌愭満鍦哄湴闈㈡湇鍔¢儴鏀跺埌鏃呭浜茶嚜閫佹潵鐨勪竴闈㈤敠鏃椼��</p>
-          <p>
+          <p class="block">
+            2017骞达紝鏌愭満鍦哄湴闈㈡湇鍔¢儴鏀跺埌鏃呭浜茶嚜閫佹潵鐨勪竴闈㈤敠鏃椼��
+          </p>
+          <p class="block">
             浜嬫儏鍙戠敓鍦�3涓湀浠ュ墠锛屽綋澶╄埅鐝噯鏃跺埌杈炬満鍦恒�傚�兼満鍛樺皬鏉庣粡杩囩粏蹇冩鏌ュ悗鎸夎鑼冨悜瀹㈣埍鍋氬嚭浜嗗畨鍏ㄦ墜鍔裤�傚彲闅忕潃瀹㈣埍闂ㄧ殑缂撶紦鎺ㄥ紑锛屼箻鍔¢暱鍗撮湶鍑轰簡鐣ユ樉鐫�鎬ョ殑绁炶壊锛屽ス鍛婅瘔灏忔潕锛岃繖涓埅鐝笂鐨勬梾瀹㈡槑鍏堢敓鍦ㄥ箍宸炴満鍦哄�欐満鏃朵涪澶变簡涓�涓潪甯搁噸瑕佺殑鍖咃紝鍖呭唴鏈夎繖娆′粬鍑哄樊鏃跺晢鍔¤皥鍒ら渶瑕佺殑闈炲父鏈哄瘑鑰屼笖閲嶈鐨勮祫鏂欙紝濡傛灉涓㈠け浜嗭紝涓嶄粎浼氭硠闇插晢涓氭満瀵嗭紝涔熶細浣夸粬鍗冲皢寮�灞曠殑鍚堜綔鍙楀埌鏋佸ぇ褰卞搷锛屼粬鍜屼粬鐨勫叕鍙稿皢鎹熷け鎯ㄩ噸銆傛槑鍏堢敓鍦ㄩ鏈轰笂琛ㄧ幇寰楅潪甯哥劍铏戯紝涓�鍐嶈姹傛棤璁哄浣曢兘瑕佸府鍔╀粬銆�
           </p>
-          <p>
+          <p class="block">
             灏忔潕鍦ㄤ簡瑙f儏鍐靛悗锛岀珛鍗冲憡鐭ュ綋鏃ュ�肩彮缁忕悊锛屽苟鍚戝湴鏈嶈皟搴﹀腑浣嶈闂箍宸炲満绔欎唬琛ㄨ仈绯绘柟寮忓拰骞垮窞鏈哄満澶辩墿鎷涢澶勭數璇濄�傚彲鏄箍宸炲満绔欏弽棣堢櫥鏈哄彛闄勮繎鏈彂鐜伴仐鐣欑墿鍝侊紝骞垮窞澶辩墿鎷涢澶勪篃鍥炲鐩墠娌℃湁鎺ユ敹鍒拌繖鏍风殑鐗╁搧銆�
           </p>
-          <p>
+          <p class="block">
             灏忔潕瀹夋叞鏄庡厛鐢燂紝骞剁暀涓嬩簡浠栫殑鑱旂郴鏂瑰紡锛屽悜浠栦繚璇佷竴瀹氫細璺熶粬淇濇寔鑱旂郴锛屾湁娑堟伅鍚庝細绗竴鏃堕棿鍛婅瘔浠栵紝鍚屾椂杩樿〃绀哄鏋滄槑鍏堢敓鏈夊叾浠栭渶瑕佸府鍔╃殑涔熷彲浠ヨ窡濂硅锛屽ス浼氱灏芥墍鑳姐��
           </p>
-          <p>鎰熷彈鍒板皬鏉庣殑鐪熻瘹鍜岀儹鎯咃紝鏄庡厛鐢熼潪甯告劅鍔ㄣ��</p>
-          <p>
+          <p class="block">鎰熷彈鍒板皬鏉庣殑鐪熻瘹鍜岀儹鎯咃紝鏄庡厛鐢熼潪甯告劅鍔ㄣ��</p>
+          <p class="block">
             閫佽蛋鏄庡厛鐢熷悗锛屽皬鏉庝竴鐩存兂鏂硅娉曞湴鑱旂郴骞垮窞鏈哄満銆傚姛澶笉璐熸湁蹇冧汉锛岀浜屽ぉ锛屾満鍦哄け鐗╂嫑棰嗗鎵惧埌浜嗘槑鍏堢敓鐨勭墿鍝侊紝灏忔潕绗竴鏃堕棿灏嗗ソ娑堟伅鍛婄煡鏄庡厛鐢燂紝骞剁Н鏋佽仈绯诲箍宸炲満绔欎唬琛ㄥ拰骞垮窞鏈哄満锛屽湪澶у鐨勯厤鍚堜笅锛屾槑鍏堢敓鐨勫寘瀹屽ソ鍦板瘎鍒颁簡鏄庡厛鐢熺殑浣忓銆�
           </p>
-          <p>
+          <p class="block">
             鏁呬簨鍒拌繖閲屼技涔庡氨缁撴潫浜嗭紝鐒惰�岋紝3涓湀浠ュ悗锛屽啀娆℃潵鍑哄樊鐨勬槑鍏堢敓鍗翠笓绋嬪皢涓�闈㈤敠鏃楅�佸埌浜嗗皬鏉庢墜涓�傛槑鍏堢敓璇达細鈥滅湡鐨勫お鎰熻阿鎮ㄤ簡锛岃鏄病鏈夋偍鐨勭湡璇氥�佺儹蹇冨拰涓嶆斁寮冿紝娌℃湁鑸┖鍚勪綅浜哄憳鐨勭Н鏋侀厤鍚堝拰涓诲姩宸ヤ綔锛屾垜鐨勪笢瑗夸笉鍙兘琚壘鍥炴潵銆傛垜瑕佷负浣犱滑鐑儏銆佽礋璐g殑鏈嶅姟鎬佸害鐐硅禐锛屼互鍚庝箻鍧愰鏈烘垜浼氶閫変綘浠埅绌猴紒鈥�
           </p>
         </div>
@@ -1031,29 +1240,32 @@
     <!-- 22 -->
     <div class="page-box" page="28">
       <div v-if="showPageList.indexOf(28) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">22</li>
-          <li class="headerText">姘戣埅鏈嶅姟绀间华</li>
-          <img
-            class="headerImg mr-10"
-            src="../../assets/images/headerlogo.png"
-            alt=""
-          />
+        <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
+          <li class="header-left-Number">
+            <span class="mr-10 pNum">22</span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+          </li>
+          <li class="header-left-text">
+            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
+          </li>
         </ul>
         <div class="bodystyle">
           <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.杩欎釜妗堜緥涓紝鍝簺琛屼负灞炰簬鑸┖鏈嶅姟浜哄憳鎻愪緵鐨勫伐浣滆亴璐h瀹氫互澶栫殑鏈嶅姟锛�
               </p>
+              <textarea v-model="questionData.askAbout.twentySeven" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
               <p>2.妗堜緥涓皬鏉庢槸鎬庢牱涓诲姩鎻愪緵鏈嶅姟鐨勶紵</p>
+              <textarea v-model="questionData.askAbout.twentyEight" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -1063,28 +1275,29 @@
           <p>
             鑱屼笟鎰忚瘑鏄亴涓氫汉鎵�鍏锋湁鐨勬剰璇嗭紝瀹冩槸鎸囦竴涓汉杩涘叆璇ュ矖浣嶅悗锛屾寜鐓у矖浣嶈姹傦紝灞ヨ鍜屽畬鎴愬矖浣嶆墍璧嬩簣鐨勫叏閮ㄥ伐浣滐紝瀹炵幇涓汉鐨勭ぞ浼氫环鍊肩殑涓�绉嶆剰璇嗐�傝亴涓氭剰璇嗘槸鑱屼笟閬撳痉銆佽亴涓氭搷瀹堛�佽亴涓氳涓虹瓑鑱屼笟瑕佺礌鐨勬�诲拰銆�
           </p>
-          <p><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
-          <p>
+          <p class="td-0 mb-10 mt-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
+          <p class="block">
             蹇冪悊瀛︿笂鏈変釜钁楀悕鐨勨�滅綏妫灏旀晥搴斺�濄��1968骞达紝缇庡浗蹇冪悊瀛﹀缃楁.濉斿皵鍜岄泤鍚勫竷妫潵鍒颁竴鎵�灏忓杩涜浜�7椤瑰疄楠屻�備粬浠粠1鑷�6骞寸骇鍚勯�変簡3涓彮锛屽杩�18涓彮鐨勫鐢熻繘琛屼簡鈥滄湭鏉ュ彂灞曡秼鍔挎祴楠屸�濄�備箣鍚庯紝缃楁.濉斿皵浠ヨ禐璁哥殑鍙e惢灏嗕竴浠解�滄渶鏈夊彂灞曞墠閫旇�呪�濈殑鍚嶅崟浜ょ粰浜嗘牎闀垮拰鐩稿叧鏁欏笀锛屽苟鍙槺浠栦滑鍔″繀瑕佷繚瀵嗭紝浠ュ厤褰卞搷瀹為獙鐨勬纭�с�傚叾瀹烇紝缃楁.濉斿皵鍚嶅崟涓婄殑瀛︾敓鏄殢渚挎寫閫夊嚭鏉ョ殑銆�8涓湀鍚庯紝缃楁.濉斿皵鍜屽姪鎵嬩滑瀵归偅18涓彮绾х殑瀛︾敓杩涜澶嶈瘯锛岀粨鏋滆浜烘剰澶栵紝鍥犱负鍑℃槸鍚嶅崟涓婄殑瀛︾敓锛屾瘡涓�涓汉鐨勬垚缁╅兘鏈夎緝澶х殑杩涙锛岃�屼笖鎬ф牸娲绘臣寮�鏈楋紝鑷俊蹇冨己锛屾眰鐭ユ鏃虹洓锛屾洿涔愪簬鍜屽埆浜烘墦浜ら亾銆�
           </p>
-          <p>
+          <p class="block">
             姝f槸鏁欏笀瀵瑰鐢熺殑鏈熷緟涓庤鍚岋紝鎵嶄娇瀛︾敓浜х敓浜嗕竴绉嶅姫鍔涙敼鍙樿嚜鎴戙�佸畬鍠勮嚜鎴戠殑杩涙鍔ㄥ姏銆傝繖绉嶄紒鐩肩編濂芥効鏈涘彉鎴愮幇瀹炵殑蹇冪悊锛屽睘浜庘�滅綏妫灏旀晥搴斺�濈殑涓�绉嶈〃鐜帮紝杩欑鏁堝簲涔熻绉颁负鈥滄湡寰呮晥搴斺�濄��
           </p>
-          <p>
+          <p class="block">
             鍚岀悊锛屽彧鏈夊枩娆㈠苟鐑埍姘戣埅鏈嶅姟宸ヤ綔锛屽厖鍒嗕簡瑙f皯鑸湇鍔″伐浣滅殑浠峰�煎拰鎰忎箟锛屽苟鍙戣嚜鍐呭績鍦版帴绾冲拰璁ゅ悓鏈嶅姟瀵硅薄锛岃鍚屾湇鍔$殑鍐呭锛岃鍙嚜宸辩殑宸ヤ綔锛屾墠浼氭爲绔嬪鑱屼笟鐨勬纭鐭ュ拰娓呮櫚瑙勫垝锛屾墠鏈夊彲鑳藉仛濂芥湇鍔″伐浣滐紝杩欎篃鏄湡鎯呮湇鍔$殑鍓嶆彁銆�
           </p>
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>
                 鍦ㄦ皯鑸湇鍔′腑锛屽浣曟墠鑳戒骇鐢熲�滄湡寰呮晥搴斺�濓紵浣犲彲浠ヤ粠鍝簺鏂归潰鍩瑰吇鑷繁鐨勮亴涓氭剰璇嗗憿锛�
               </p>
+              <textarea v-model="questionData.askAbout.twentyNine" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
         </div>
@@ -1093,10 +1306,15 @@
     <!-- 23椤� -->
     <div class="page-box" page="29">
       <div v-if="showPageList.indexOf(29) > -1">
-        <ul class="fl al-c pad-t-55 pad-l-80 mb-45">
-          <li class="header-left-Number">妯″潡涓�</li>
-          <li class="header-left-text">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
-          <li class="header-left-Number">23</li>
+        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
+          <li class="header-right-Number header-right-title">妯″潡涓�</li>
+          <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
+          <li class="p-Num">23</li>
+          <li class="header-right-Number cloud">
+            <img class="" src="../../assets/images/yemei02.png" alt="" />
+          </li>
+          <li class="header-right-last"><br /></li>
+          <li class="header-right-end"><br /></li>
         </ul>
         <div class="bodystyle">
           <h5 id="e013">锛堜簩锛夋彁鍗団�滃埄浠栤�濇剰璇�</h5>
@@ -1125,43 +1343,43 @@
         </div>
       </div>
     </div>
-
     <!-- 24 -->
     <div class="page-box" page="30">
       <div v-if="showPageList.indexOf(30) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">24</li>
-          <li class="headerText">姘戣埅鏈嶅姟绀间华</li>
-          <img
-            class="headerImg mr-10"
-            src="../../assets/images/headerlogo.png"
-            alt=""
-          />
+        <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
+          <li class="header-left-Number">
+            <span class="mr-10 pNum">24</span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+          </li>
+          <li class="header-left-text">
+            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
+          </li>
         </ul>
         <div class="bodystyle">
-          <p><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
+          <p class="td-0 mb-10 mt-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
           <p class="center">
-            <span class="cs1"
-              >鈥滆繖寮犵収鐗囧浜庢垜鏉ヨ澶弽璐典簡锛佽阿璋紝璋㈣阿浣狅紝濮戝鈥�</span
-            >
+            <span class="cs1">鈥滆繖寮犵収鐗囧浜庢垜鏉ヨ澶弽璐典簡锛佽阿璋紝璋㈣阿浣狅紝濮戝鈥�</span>
           </p>
-          <p>
+          <p class="block">
             褰撲唬琛ㄦ案鎭掔埍鎯呯殑鐜懓鑺辩粡鐢变箙缁忓瞾鏈堟钵妗戠殑鍙屾墜閫掑埌瀵归潰閭e弻鎵嬩笂鏃讹紝涓�鐢熸寶鐖辩殑涓や綅鑰佷汉绱х揣鐩告嫢锛屼竾绫抽珮绌轰笂鐨勬墍鏈変汉鍏卞悓瑙佽瘉浜嗚繖鍦烘劅浜虹殑鐖辨儏鏁呬簨銆�
           </p>
-          <p>
+          <p class="block">
             2019骞�5鏈�21鏃ワ紝鑸┖涔樺姟闀垮惔鏌愬拰濂圭殑缁勫憳浠湪涓囩背楂樼┖鐨勫鑸卞唴锛屽皢99鏈电帿鐟拌姳閫佸埌浜嗕竴瀵瑰鎯呬荆鎴栬�呯埍浜烘墜涓紝鍠濆僵澹板拰绁濈澹版璧峰郊浼忋�傝繖鏃讹紝涓�浣嶈�佸厛鐢熻交杞婚棶鍚存煇锛氣�滀篃鑳界粰鎴戜竴鏋濊姳鍚楋紵鎴戞兂鎶婂畠閫佺粰鑰佷即銆傗�濆師鏉ワ紝鑰佸厛鐢熸槸涓�鍚嶉��褰瑰啗浜猴紝缁撳35骞存潵锛屼粬涓�鐩撮┗瀹堝湪閮ㄩ槦锛屽拰濡诲瓙鑱氬皯绂诲銆傝櫧鐒朵粬涓轰簡绁栧浗鍋氬嚭浜嗗緢澶х殑璐$尞锛屼絾瀵逛簬瀹跺涵锛屽濡诲瓙鏇村鐨勬槸浜忔瑺锛岀敋鑷充粠娌¤杩団�滄垜鐖变綘鈥濄�傚綋鑰佸ザ濂舵湁浜涚緸娑╁湴鎺ヨ繃椴滆姳鍚庯紝鍚存煇涓嶇粡鎰忕湅鍒颁簡濂圭溂瑙掗殣闅愰棯鐑佺潃骞哥鐨勬唱鍏夈�備负浜嗕笉閿欒繃杩欎竴鐬棿鐨勭編濂斤紝鍚存煇鐢ㄦ墜鏈烘媿涓嬩簡杩欐劅浜虹殑涓�骞曘�傝�佺埛鐖风湅鐫�鐓х墖涓�鐩磋锛氣�滆繖寮犵収鐗囧浜庢垜鏉ヨ澶弽璐典簡锛佽阿璋紝璋㈣阿浣狅紝濮戝銆傗��
           </p>
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>1.涔樺姟闀垮惔鏌愬鑰佺埛鐖锋彁渚涗簡浠�涔堜环鍊肩殑鏈嶅姟锛�</p>
+              <textarea v-model="questionData.askAbout.thirty" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
               <p>2.璇诲畬妗堜緥浣犳湁浣曟劅鎮燂紵瀵逛箻鍔″憳杩欎竴宸ヤ綔澶氫簡鍝簺璁よ瘑锛�</p>
+              <textarea v-model="questionData.askAbout.thirtyOne" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -1170,13 +1388,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.thirtyTwo" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <div class="bk4">
@@ -1193,74 +1412,150 @@
     <!-- 25椤� -->
     <div class="page-box" page="31">
       <div v-if="showPageList.indexOf(31) > -1">
-        <ul class="fl al-c pad-t-55 pad-l-80 mb-45">
-          <li class="header-left-Number">妯″潡涓�</li>
-          <li class="header-left-text">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
-          <li class="header-left-Number">25</li>
+        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
+          <li class="header-right-Number header-right-title">妯″潡涓�</li>
+          <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
+          <li class="p-Num">25</li>
+          <li class="header-right-Number cloud">
+            <img class="" src="../../assets/images/yemei02.png" alt="" />
+          </li>
+          <li class="header-right-last"><br /></li>
+          <li class="header-right-end"><br /></li>
         </ul>
         <div class="bodystyle">
-          <p><span class="bj2">路椤圭洰鑷祴路</span></p>
+          <p class="td-0 mb-10 mt-10"><span class="bj2">路椤圭洰鑷祴路</span></p>
           <p>1.浠ヤ笅鍝」涓嶅睘浜庢皯鑸湇鍔$殑琛屼笟鐗瑰緛锛燂紙銆�銆�锛夛紙鍗曢�夐锛�</p>
-          <p>A.缁忔祹鎬�</p>
-          <p>B.鍔熻兘鎬�</p>
-          <p>C.鏂囨槑鎬�</p>
-          <p>D.闅忔満鎬�</p>
+          <p>
+            <input type="radio" name="projectTwo.one" :disabled="questionData.isComplete" value="A" id="1"
+              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />A.缁忔祹鎬�
+          </p>
+          <p>
+            <input type="radio" name="projectTwo.one" :disabled="questionData.isComplete" value="B" id="1"
+              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />B.鍔熻兘鎬�
+          </p>
+          <p>
+            <input type="radio" name="projectTwo.one" :disabled="questionData.isComplete" value="C" id="1"
+              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />C.鏂囨槑鎬�
+          </p>
+          <p>
+            <input type="radio" name="projectTwo.one" :disabled="questionData.isComplete" value="D" id="1"
+              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />D.闅忔満鎬�
+          </p>
           <p>2.浠ヤ笅鍝」涓嶅睘浜庢皯鑸湇鍔$殑閫氱敤鏍囧噯锛燂紙銆�銆�锛夛紙鍗曢�夐锛�</p>
-          <p>A.鍏锋湁鈥滄垜涓轰汉浜猴紝浜轰汉涓烘垜鈥濈殑澶у眬鎰忚瘑</p>
-          <p>B.鍏锋湁涓婚殢瀹究鐨勫彉閫氭剰璇�</p>
-          <p>C.鍏锋湁鏃呭鑷充笂銆佹湇鍔$涓�鐨勮鍒欐剰璇�</p>
-          <p>D.鍏锋湁浠ラ【瀹负涓績鐨勬湇鍔℃剰璇�</p>
+          <p>
+            <input type="radio" name="projectTwo.two" :disabled="questionData.isComplete" value="A" id="2"
+              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />A.鍏锋湁鈥滄垜涓轰汉浜猴紝浜轰汉涓烘垜鈥濈殑澶у眬鎰忚瘑
+          </p>
+          <p>
+            <input type="radio" name="projectTwo.two" :disabled="questionData.isComplete" value="B" id="2"
+              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />B.鍏锋湁涓婚殢瀹究鐨勫彉閫氭剰璇�
+          </p>
+          <p>
+            <input type="radio" name="projectTwo.two" :disabled="questionData.isComplete" value="C" id="2"
+              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />C.鍏锋湁鏃呭鑷充笂銆佹湇鍔$涓�鐨勮鍒欐剰璇�
+          </p>
+          <p>
+            <input type="radio" name="projectTwo.two" :disabled="questionData.isComplete" value="D" id="2"
+              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />D.鍏锋湁浠ラ【瀹负涓績鐨勬湇鍔℃剰璇�
+          </p>
           <p>
             3.浠庢梾瀹㈢殑瑙掑害鐪嬶紝鏃呭鑺变笂姣斿潗姹借溅銆佺伀杞﹂珮璁稿鐨勯挶鍧愰鏈哄嚭琛岀殑鐩殑锛屼富瑕佸湪浜庯紙銆�銆�锛夈�傦紙鍗曢�夐锛�
           </p>
-          <p>A.瀹夊叏</p>
-          <p>B.蹇嵎鐪佹椂</p>
-          <p>C.鏈変汉鎻愪緵涓撻棬鏈嶅姟</p>
-          <p>D.鑸掗��</p>
+          <p>
+            <input type="radio" name="projectTwo.three" :disabled="questionData.isComplete" value="A" id="3"
+              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />A.瀹夊叏
+          </p>
+          <p>
+            <input type="radio" name="projectTwo.three" :disabled="questionData.isComplete" value="B" id="3"
+              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />B.蹇嵎鐪佹椂
+          </p>
+          <p>
+            <input type="radio" name="projectTwo.three" :disabled="questionData.isComplete" value="C" id="3"
+              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />C.鏈変汉鎻愪緵涓撻棬鏈嶅姟
+          </p>
+          <p>
+            <input type="radio" name="projectTwo.three" :disabled="questionData.isComplete" value="D" id="3"
+              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />D.鑸掗��
+          </p>
           <p>
             4.鏈嶅姟鎰忚瘑涔熸槸鈥滃埄浠栤�濈殑鎰忚瘑锛屾彁楂樻湇鍔℃剰璇嗗彲浠ヤ粠鎻愰珮鈥滃埄浠栤�濇剰璇嗗叆鎵嬨�傚叿浣撲綋鐜板湪浠ヤ笅鍑犱釜鏂归潰锛燂紙銆�銆�锛夛紙澶氶�夐锛�
           </p>
-          <p>A.鍏呭垎鐞嗚В鏃呭鐨勮繃閿�</p>
-          <p>B.鍏呭垎鐞嗚В鏃呭鐨勯渶姹�</p>
-          <p>C.鍏呭垎鐞嗚В鏃呭鐨勬兂娉曞拰蹇冩��</p>
-          <p>D.鍏呭垎鐞嗚В涓嶅悓鏃呭</p>
+          <p>
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="4"
+              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />A.鍏呭垎鐞嗚В鏃呭鐨勮繃閿�
+          </p>
+          <p>
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="4"
+              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />B.鍏呭垎鐞嗚В鏃呭鐨勯渶姹�
+          </p>
+          <p>
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="4"
+              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />C.鍏呭垎鐞嗚В鏃呭鐨勬兂娉曞拰蹇冩��
+          </p>
+          <p>
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="4"
+              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />D.鍏呭垎鐞嗚В涓嶅悓鏃呭
+          </p>
           <p>5.璇风畝瑕佽鍑烘皯鑸湇鍔$殑琛屼笟鐗瑰緛銆�</p>
+          <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>
+          <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>
-
     <!-- 26 -->
     <div class="page-box" page="32">
       <div v-if="showPageList.indexOf(32) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">26</li>
-          <li class="headerText">姘戣埅鏈嶅姟绀间华</li>
-          <img
-            class="headerImg mr-10"
-            src="../../assets/images/headerlogo.png"
-            alt=""
-          />
+        <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
+          <li class="header-left-Number">
+            <span class="mr-10 pNum">26</span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+          </li>
+          <li class="header-left-text">
+            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
+          </li>
         </ul>
         <div class="bodystyle">
           <h2 id="b003">椤圭洰涓夈��姘戣埅浜哄憳搴斿叿澶囩殑鑳藉姏</h2>
           <div class="tp-3">
-            <p class="center">
+            <p class="tl-f td-0">
               <img class="rwmb-4" alt="" src="../../assets/images/tb.png" />
             </p>
           </div>
+          <p class="td-0 mt-10 mb-10"><span class="bj2">路鎬濈淮瀵煎浘路</span></p>
+          <p class="td-0 openImgBox"><img class="img-0" src="../../assets//images/unitOne-03.png" alt=""></p>
           <div class="bk">
-            <div class="bk1">
-              <p><span class="bj1">鈻犮��椤圭洰鎻忚堪銆�鈻�</span></p>
-            </div>
-            <p>
+            <p class="bj1-qjms fl al-c">
+              <span class="span-box"></span><span class="span-text">椤圭洰鎻忚堪</span><span class="span-box"></span>
+            </p>
+            <p class="fz-15">
               鏉庝附鍜屽悓瀛︿滑鍧氬畾浜嗗仛濂芥皯鑸湇鍔″伐浣滅殑鍐冲績锛屼篃鏍戠珛浜嗘垚涓轰竴鍚嶄紭绉�姘戣埅鍛樺伐鐨勭悊鎯炽�傞殢鐫�姘戣埅浜嬩笟鐨勪笉鏂彂灞曪紝闈㈠鏃呭瓒婃潵瓒婇珮鐨勬湇鍔¤姹傦紝姘戣埅鍛樺伐闇�瑕佺敤鑷繁鐏垫椿澶氬彉鐨勮兘鍔涘拰鎶�宸ф潵鏈嶅姟鏃呭銆傞偅涔堢┒绔熼渶瑕佸叿澶囧摢浜涜兘鍔涘憿锛熻瀛︿範鑰呴�氳繃鏈」鐩殑瀛︿範锛屼簡瑙f皯鑸憳宸ョ殑姒傚康锛屼簡瑙f皯鑸憳宸ョ殑宀椾綅鑱岃矗锛屾帉鎻℃皯鑸憳宸ュ簲鍏峰鐨勯�氱敤鑳藉姏锛屼粠鑰岃兘澶熷湪瀹為檯宸ヤ綔涓伒娲诲鍙橈紝杩愮敤鍚勯」鑳藉姏瑙e喅瀹為檯闂銆�
             </p>
           </div>
           <div class="bk">
-            <div class="bk1">
-              <p><span class="bj1">鈻犮��绀煎湪韬竟銆�鈻�</span></p>
-            </div>
+            <p class="bj1-qjms fl al-c">
+              <span class="span-box"></span><span class="span-text">绀煎湪韬竟</span><span class="span-box"></span>
+            </p>
             <p class="center"><span class="cs1">缁嗚吇鐨勫績锛岃创蹇冪殑鏈嶅姟</span></p>
             <p>
               浠庝笂娴峰埌骞垮窞鐨勮埅鐝笂锛屼箻鍔″憳灏忔潕鍙戠幇澶寸瓑鑸辩殑涓�鍚嶆梾瀹㈠湪涓婃満鏃惰韩浣撳井寰彂棰わ紝闈㈣壊寰孩锛屽皬鏉庣珛鍗冲悜浠栬闂儏鍐点��
@@ -1278,14 +1573,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.姝ゆ渚嬩腑灏忔潕鍏峰鍝簺鑱屼笟绱犲吇鑳藉姏锛�</p>
+              <textarea v-model="questionData.askAbout.thirtyThree" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
               <p>2.妗堜緥涓殑鏃呭涓轰綍浼氭劅璋㈠皬鏉庯紵</p>
+              <textarea v-model="questionData.askAbout.thirtyFour" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
         </div>
@@ -1294,15 +1592,19 @@
     <!-- 27椤� -->
     <div class="page-box" page="33">
       <div v-if="showPageList.indexOf(33) > -1">
-        <ul class="fl al-c pad-t-55 pad-l-80 mb-45">
-          <li class="header-left-Number">妯″潡涓�</li>
-          <li class="header-left-text">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
-          <li class="header-left-Number">27</li>
+        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
+          <li class="header-right-Number header-right-title">妯″潡涓�</li>
+          <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
+          <li class="p-Num">27</li>
+          <li class="header-right-Number cloud">
+            <img class="" src="../../assets/images/yemei02.png" alt="" />
+          </li>
+          <li class="header-right-last"><br /></li>
+          <li class="header-right-end"><br /></li>
         </ul>
         <div class="bodystyle">
           <h3 id="c008">
-            <span class="h3-zt1">浠诲姟1</span
-            ><span class="h3-bk">姘戣埅鍛樺伐宸ヤ綔鑱岃矗璁ょ煡</span>
+            <span class="h3-zt1">浠诲姟1</span><span class="h3-bk">姘戣埅鍛樺伐宸ヤ綔鑱岃矗璁ょ煡</span>
           </h3>
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.浜嗚В姘戠敤鑸┖浜哄憳鐨勬蹇点��</p>
@@ -1312,25 +1614,64 @@
             鏍规嵁銆婁腑鍗庝汉姘戝叡鍜屽浗姘戠敤鑸┖娉曘�嬬涓夊崄涔濇潯瑙勫畾锛屾皯鐢ㄨ埅绌轰汉鍛樻槸鎸囦粠浜嬫皯鐢ㄨ埅绌烘椿鍔ㄧ殑绌哄嫟浜哄憳鍜屽湴闈汉鍛樸�傜┖鍕や汉鍛橈紝鍖呮嫭椹鹃┒鍛樸�侀琛屾満姊颁汉鍛樸�佷箻鍔″憳锛涘湴闈汉鍛橈紝鍖呮嫭姘戠敤鑸┖鍣ㄧ淮淇汉鍛樸�佺┖涓氦閫氱鍒跺憳銆侀琛岀娲惧憳銆佽埅绌虹數鍙伴�氫俊鍛樸�傛棤璁烘槸璐熻矗鍦ㄨ埍鍐呮彁渚涙湇鍔$殑绌哄嫟浜哄憳杩樻槸璐熻矗涓烘梾瀹㈡彁渚涘湴闈㈡湇鍔★紝鍦ㄩ鏈鸿捣椋炲墠纭繚椋炶瀹夊叏锛屼负椋炶鎻愪緵蹇呬笉鍙皯鐨勯琛屽墠鍑嗗鐨勫湴闈汉鍛橈紝閮芥槸涓烘梾瀹㈢殑鑸掗�傚嚭琛屻�佸畨鍏ㄥ嚭琛屾湇鍔$殑銆�
           </p>
           <h4 id="d026">浜屻�佹皯鐢ㄨ埅绌轰汉鍛樼殑宀椾綅鑱岃矗</h4>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathFive" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氭皯鑸憳宸ュ簲鍏峰鐨勮兘鍔�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoFour ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '3b4d6a336fad79e9c4f137e142c26f0b'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-05')" />
+              </el-tooltip>
+            </p>
+          </div>
           <p>
             姘戠敤鑸┖浜哄憳鏈変笉鍚岀殑宀椾綅绉嶇被锛屽矖浣嶈亴璐d篃鏈夋墍涓嶅悓銆備互涓嬫槸瀵归儴鍒嗘皯鐢ㄨ埅绌轰汉鍛樺矖浣嶇绫诲強鍏蜂綋宸ヤ綔鑱岃矗鐨勯槓杩般��
           </p>
           <h5 id="e015">锛堜竴锛夐琛屽憳</h5>
           <p>宸ヤ綔鍦扮偣锛氶┚椹惰埍銆�</p>
           <p>宸ヤ綔鑱岃矗锛氶┚椹堕鏈猴紝灏嗘満涓婃梾瀹㈠畨鍏ㄩ�佽揪鐩殑鍦般��</p>
-          <p>
-            浠栦滑鎸佹湁鎵х収锛屾媴浠荤殑涓昏鑱屽姟鏄搷绾甸琛屾湡闂寸殑鑸┖鍣紙瑙佸浘1-3-1锛夈�傚叾涓紝椹鹃┒鍛橈紙鏈洪暱锛夎亴璐d富瑕佹槸棰嗗鏈虹粍鐨勪竴鍒囨椿鍔紝瀵硅埅绌哄櫒鍜岃埅绌哄櫒鎵�杞戒汉鍛樺強璐骇鐨勫畨鍏ㄣ�佽埅鐝甯搞�佹湇鍔¤川閲忓拰瀹屾垚浠诲姟璐熻矗銆傛満缁勫叏浣撴垚鍛樺繀椤绘湇浠庢満闀垮懡浠わ紝鍚粠鏈洪暱鎸囨尌銆傞鑸憳鐨勪富瑕佽亴璐f槸閰嶅悎鏈哄満瀹屾垚姝e父椋炶銆佽瀵熼琛岃埅绾裤�佺‘淇濋琛岄珮搴︾瓑瀵艰埅宸ヤ綔銆�
-          </p>
-          <p class="center">
-            <img class="img-c" alt="" src="../../assets/images/0033-1.jpg" />
-          </p>
-          <p class="img">鍥�1-3-1 椋炶鍛�</p>
+          <div class="img-rights openImgBox mt-20">
+            <p class="center">
+              <img class="img-c" alt="" src="../../assets/images/0033-1.jpg" />
+            </p>
+            <p class="img">鍥�1-3-1 椋炶鍛�</p>
+          </div>
+          <span>
+            <p>
+              浠栦滑鎸佹湁鎵х収锛屾媴浠荤殑涓昏鑱屽姟鏄搷绾甸琛屾湡闂寸殑鑸┖鍣紙瑙佸浘1-3-1锛夈�傚叾涓紝椹鹃┒鍛橈紙鏈洪暱锛夎亴璐d富瑕佹槸棰嗗鏈虹粍鐨勪竴鍒囨椿鍔紝瀵硅埅绌哄櫒鍜岃埅绌哄櫒鎵�杞戒汉鍛樺強璐骇鐨勫畨鍏ㄣ�佽埅鐝甯搞�佹湇鍔¤川閲忓拰瀹屾垚浠诲姟璐熻矗銆傛満缁勫叏浣撴垚鍛樺繀椤绘湇浠庢満闀垮懡浠わ紝鍚粠鏈洪暱鎸囨尌銆傞鑸憳鐨勪富瑕佽亴璐f槸閰嶅悎鏈哄満瀹屾垚姝e父椋炶銆佽瀵熼琛岃埅绾裤�佺‘淇濋琛岄珮搴︾瓑瀵艰埅宸ヤ綔銆�
+            </p>
+          </span>
           <h5 id="e016">锛堜簩锛変箻鍔″憳</h5>
           <p>宸ヤ綔鍦扮偣锛氬鑸便��</p>
+        </div>
+      </div>
+    </div>
+    <!-- 28 -->
+    <div class="page-box" page="34">
+      <div v-if="showPageList.indexOf(34) > -1">
+        <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
+          <li class="header-left-Number">
+            <span class="mr-10 pNum">28</span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+          </li>
+          <li class="header-left-text">
+            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
+          </li>
+        </ul>
+        <div class="bodystyle">
           <p>
             宸ヤ綔鑱岃矗锛氬湪椋炶閫斾腑涓烘梾瀹㈡彁渚涘畨鍏ㄨ垝閫傜殑鏈嶅姟锛屽苟涓旀壙鎷呭湪绱ф�ユ儏鍐典笅鐨勬梾瀹㈠畨鍏ㄦ挙绂诲伐浣滐紙瑙佸浘1-3-2锛夈��
           </p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-c" alt="" src="../../assets/images/0034-1.jpg" />
           </p>
           <p class="img">鍥�1-3-2 绌轰腑涔樺姟鍛�</p>
@@ -1339,30 +1680,17 @@
           </p>
           <h5 id="e017">锛堜笁锛夐鏈哄畨鍏ㄥ憳</h5>
           <p>宸ヤ綔鍦扮偣锛氬鑸便��</p>
-        </div>
-      </div>
-    </div>
-
-    <!-- 28 -->
-    <div class="page-box" page="34">
-      <div v-if="showPageList.indexOf(34) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">28</li>
-          <li class="headerText">姘戣埅鏈嶅姟绀间华</li>
-          <img
-            class="headerImg mr-10"
-            src="../../assets/images/headerlogo.png"
-            alt=""
-          />
-        </ul>
-        <div class="bodystyle">
-          <p>
-            宸ヤ綔鑱岃矗锛氬鐞嗗鏈烘満鑸卞唴鐨勫畨鍏ㄤ簨鍔°�傜洰鍓嶈繕鏈夊皯鏁拌埅鍙稿瓨鍦ㄥ畨鍏ㄥ憳鍏间箻鍔″憳锛屾绫诲憳宸ラ櫎鍦ㄩ鏈轰笂璐熻矗瀹㈡満鏈鸿埍瀹夊叏浜嬪姟澶栵紝杩橀渶鎵挎媴涔樺姟鍛樺鏃呭鐨勬湇鍔″伐浣滐紙瑙佸浘1-3-3锛夈��
-          </p>
-          <p class="center">
-            <img class="img-c" alt="" src="../../assets/images/0034-2.jpg" />
-          </p>
-          <p class="img">鍥�1-3-3 椋炴満瀹夊叏鍛�</p>
+          <div class="img-rights w200 openImgBox">
+            <p class="center">
+              <img class="img-c" alt="" src="../../assets/images/0034-2.jpg" />
+            </p>
+            <p class="img">鍥�1-3-3 椋炴満瀹夊叏鍛�</p>
+          </div>
+          <span>
+            <p>
+              宸ヤ綔鑱岃矗锛氬鐞嗗鏈烘満鑸卞唴鐨勫畨鍏ㄤ簨鍔°�傜洰鍓嶈繕鏈夊皯鏁拌埅鍙稿瓨鍦ㄥ畨鍏ㄥ憳鍏间箻鍔″憳锛屾绫诲憳宸ラ櫎鍦ㄩ鏈轰笂璐熻矗瀹㈡満鏈鸿埍瀹夊叏浜嬪姟澶栵紝杩橀渶鎵挎媴涔樺姟鍛樺鏃呭鐨勬湇鍔″伐浣滐紙瑙佸浘1-3-3锛夈��
+            </p>
+          </span>
           <p>
             瀹夊叏鍛樼殑鑱岃矗鏄繚鍗満涓婁汉鍛樹笌椋炴満鐨勫畨鍏紝澶勭疆鏈轰笂闈炴硶骞叉壈鍙婃壈涔辨�т簨浠讹紝閮ㄥ垎鍏艰亴瀹夊叏鍛樿繕瑕佹壙鎷呭鑸辨湇鍔″伐浣溿�傝埅绌哄畨鍏ㄥ憳蹇呴』鍦ㄦ満闀跨殑棰嗗涓嬭繘琛屽伐浣滐紝瀹夊叏鍛樹篃璁歌繕浼氫互鏅�氭梾瀹㈢殑韬唤鍑虹幇銆備箻璀︽槸椋炴満涓婄殑娌诲畨淇濆崼鑰咃紝鑲╄礋鐫�棰勯槻鍜屾墦鍑荤姱缃紝缁存姢椋炶娌诲畨绉╁簭锛屼繚闅滄梾瀹㈢敓鍛借储浜у畨鍏ㄧ殑绁炲湥鑱岃矗銆�
           </p>
@@ -1371,25 +1699,30 @@
           <p>
             宸ヤ綔鑱岃矗锛氬椋炴満杩涜妫�鏌ャ�佺淮鎶ゅ拰淇悊锛屾帓闄ら鏈哄瓨鍦ㄧ殑瀹夊叏闅愭偅锛堣鍥�1-3-4锛夈��
           </p>
-          <p>
-            姘戠敤鑸┖缁翠慨浜哄憳璐熻矗椋炴満鐨勭淮淇伐浣滐紝鎸夌収缁翠慨鍗曞強鏃跺仛濂借瘖鏂笌缁翠慨锛涙寜椋炴満璁惧淇濆吇鎵嬪唽鍜岃澶囪鏄庝功鍒惰淇濆吇璁″垝寤鸿锛屽苟鎸夎鍒掑疄鏂戒繚鍏诲伐浣滐紱鏍规嵁搴撳瓨鎯呭喌鎻愪氦澶囦欢閲囪喘鐢宠喘琛紝璐熻矗澶囦欢鐨勯獙鏀朵笌鎬ヨ喘澶囦欢鐨勬彁浜わ紱鍋氬ソ鏃ュ父璁惧鐨勫贰瑙嗘鏌ュ伐
-          </p>
         </div>
       </div>
     </div>
     <!-- 29椤� -->
     <div class="page-box" page="35">
       <div v-if="showPageList.indexOf(35) > -1">
-        <ul class="fl al-c pad-t-55 pad-l-80 mb-45">
-          <li class="header-left-Number">妯″潡涓�</li>
-          <li class="header-left-text">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
-          <li class="header-left-Number">29</li>
+        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
+          <li class="header-right-Number header-right-title">妯″潡涓�</li>
+          <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
+          <li class="p-Num">29</li>
+          <li class="header-right-Number cloud">
+            <img class="" src="../../assets/images/yemei02.png" alt="" />
+          </li>
+          <li class="header-right-last"><br /></li>
+          <li class="header-right-end"><br /></li>
         </ul>
         <div class="bodystyle">
           <p>
+            姘戠敤鑸┖缁翠慨浜哄憳璐熻矗椋炴満鐨勭淮淇伐浣滐紝鎸夌収缁翠慨鍗曞強鏃跺仛濂借瘖鏂笌缁翠慨锛涙寜椋炴満璁惧淇濆吇鎵嬪唽鍜岃澶囪鏄庝功鍒惰淇濆吇璁″垝寤鸿锛屽苟鎸夎鍒掑疄鏂戒繚鍏诲伐浣滐紱鏍规嵁搴撳瓨鎯呭喌鎻愪氦澶囦欢閲囪喘鐢宠喘琛紝璐熻矗澶囦欢鐨勯獙鏀朵笌鎬ヨ喘澶囦欢鐨勬彁浜わ紱鍋氬ソ鏃ュ父璁惧鐨勫贰瑙嗘鏌ュ伐
             浣滐紝鍙婃椂鍙戠幇闂锛屽鐞嗛殣鎮o紱鍋氬ソ棰勯槻鎬т繚鍏汇�佺淮鎶ゅ伐浣滐紝鍑忓皯鏈尯鍩熷洜鍋滄満宸ユ椂鍙婅澶囧師鍥犻�犳垚鐨勬潗鏂欐姤搴熼噺銆�
           </p>
-          <p class="center"><img alt="" src="../../assets/images/0035-1.jpg" /></p>
+          <p class="center openImgBox">
+            <img class="img-d" alt="" src="../../assets/images/0035-1.jpg" />
+          </p>
           <p class="img">鍥�1-3-4 鑸┖鏈哄姟鍛�</p>
           <h5 id="e019">锛堜簲锛夌娲惧憳</h5>
           <p>宸ヤ綔鍦扮偣锛氭満鍦鸿繍琛屾寚鎸ヤ腑蹇冦��</p>
@@ -1404,25 +1737,24 @@
           <p>
             宸ヤ綔鑱岃矗锛氬涔樺潗姘戠敤鑸┖鍣ㄧ殑鏃呭鍙婂叾琛屾潕銆佽繘鍏ユ満鍦烘帶鍒跺尯鐨勫叾浠栦汉鍛樺強鍏剁墿鍝侊紝浠ュ強绌鸿繍璐х墿銆侀偖浠跺疄鏂藉畨鍏ㄦ鏌ワ紝纭繚鑸┖瀹夊叏锛堣鍥�1-3-5锛夈��
           </p>
-          <p class="center">
-            <img class="img-c" alt="" src="../../assets/images/0035-2.jpg" />
+          <p class="center openImgBox">
+            <img class="img-d" alt="" src="../../assets/images/0035-2.jpg" />
           </p>
           <p class="img">鍥�1-3-5 鏈哄満瀹夋鍛�</p>
         </div>
       </div>
     </div>
-
     <!-- 30 -->
     <div class="page-box" page="36">
       <div v-if="showPageList.indexOf(36) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">30</li>
-          <li class="headerText">姘戣埅鏈嶅姟绀间华</li>
-          <img
-            class="headerImg mr-10"
-            src="../../assets/images/headerlogo.png"
-            alt=""
-          />
+        <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
+          <li class="header-left-Number">
+            <span class="mr-10 pNum">30</span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+          </li>
+          <li class="header-left-text">
+            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
+          </li>
         </ul>
         <div class="bodystyle">
           <p>鏍规嵁宸ヤ綔鍖哄煙涓嶅悓锛屾満鍦哄畨妫�鍛樼殑涓昏鑱岃矗濡備笅銆�</p>
@@ -1443,9 +1775,6 @@
           <p>
             宸ヤ綔鑱岃矗锛氬湪鑸┖鍏徃涓牴鎹绠楁満CKI绯荤粺璁剧疆鐨勬垨杞介噸骞宠 鍛樻彁渚涚殑瀹㈣埍搴т綅鍒嗗竷鏂规锛屽畨鎺掓梾瀹㈠骇浣嶏紝鍙戞斁鐧绘満鐗岋紙瑙佸浘1-3-6锛夈��
           </p>
-          <p class="center">
-            <img class="img-c" alt="" src="../../assets/images/0036-1.jpg" />
-          </p>
           <p>
             鏈哄満鍊兼満鍛樹富瑕佽礋璐e湴闈㈡梾瀹㈣繍杈撶殑鍥藉唴鍊兼満淇濋殰锛屼负鏃呭鍔炵悊鐧绘満鐗屻�佽鏉庢墭杩愶紝浠ュ強鏀跺彇閫鹃噸琛屾潕璐圭瓑锛屽苟鍥炵瓟鏃呭鍊兼満璇㈤棶锛屼负鍑烘腐鑸彮鐨勬甯歌繍琛屾彁渚涙湁鏁堜繚闅溿�傛棩甯稿伐浣滀富瑕佹湁浠ヤ笅鏂归潰銆�
           </p>
@@ -1456,6 +1785,9 @@
           <p>锛�3锛夊仛濂芥梾瀹㈠�兼満淇濋殰宸ヤ綔銆�</p>
           <p>锛�4锛変弗鏍兼寜鐓у湴闈㈡湇鍔℃墜鍐岃姹傛帴鏀剁壒娈婃梾瀹€�佺壒娈婅鏉庛��</p>
           <p>锛�5锛夋牴鎹矖浣嶈亴璐h姹傚鐞嗗悇绫讳笉姝e父鎴栫獊鍙戜簨浠躲��</p>
+          <p class="center openImgBox">
+            <img class="img-d" alt="" src="../../assets/images/0036-1.jpg" />
+          </p>
           <p class="img">鍥�1-3-6 鍊兼満鍛�</p>
         </div>
       </div>
@@ -1463,10 +1795,15 @@
     <!-- 31椤� -->
     <div class="page-box" page="37">
       <div v-if="showPageList.indexOf(37) > -1">
-        <ul class="fl al-c pad-t-55 pad-l-80 mb-45">
-          <li class="header-left-Number">妯″潡涓�</li>
-          <li class="header-left-text">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
-          <li class="header-left-Number">31</li>
+        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
+          <li class="header-right-Number header-right-title">妯″潡涓�</li>
+          <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
+          <li class="p-Num">31</li>
+          <li class="header-right-Number cloud">
+            <img class="" src="../../assets/images/yemei02.png" alt="" />
+          </li>
+          <li class="header-right-last"><br /></li>
+          <li class="header-right-end"><br /></li>
         </ul>
         <div class="bodystyle">
           <h5 id="e022">锛堝叓锛夊湴鍕ゅ憳</h5>
@@ -1474,10 +1811,6 @@
           <p>
             宸ヤ綔鑱岃矗锛氬湪鑸┖鍏徃銆佹満鍦虹瓑鐩稿叧鏈烘瀯涓烘梾瀹㈡彁渚涘悇绉嶆湇鍔★紝濡傝В绛旈棶璇紝骞挎挱锛屽彂甯冭埅鐝俊鎭紝鎺ュ惉鏃呭鎶曡瘔鐢佃瘽锛屾彁渚涘�兼満鏈嶅姟銆佸畨妫�鏈嶅姟銆佽仈妫�鏈嶅姟銆佸紩瀵兼湇鍔°�佽鏉庢湇鍔°�佸�欐満妤煎晢涓氭湇鍔$瓑锛堣鍥�1-3-7锛夈��
           </p>
-          <p class="center">
-            <img class="img-c" alt="" src="../../assets/images/0037-1.jpg" />
-          </p>
-          <p class="img">鍥�1-3-7 鍦板嫟鍛�</p>
           <p>
             锛�1锛夋満鍦烘煖鍙版湇鍔★細涓烘梾瀹㈠姙鐞嗘姤鍒般�佽瘉浠舵鏌ャ�佽鏉庤繃纾呫�佸骇浣嶅垎閰嶅強鍑虹エ锛堝嵆涓烘梾瀹㈡洿鎹㈢櫥鏈虹墝锛夈��
           </p>
@@ -1496,68 +1829,95 @@
           <p>
             锛�6锛変笌瀹㈡埛娌熼�氾細涓庡鎴蜂繚鎸佽壇濂芥矡閫氾紝瀹炴椂鎶婃彙瀹㈡埛闇�姹傦紝涓哄鎴锋彁渚涗富鍔ㄣ�佺儹鎯呫�佹弧鎰忋�佸懆鍒扮殑鏈嶅姟銆�
           </p>
+          <p class="center openImgBox">
+            <img class="img-d" alt="" src="../../assets/images/0037-1.jpg" />
+          </p>
+          <p class="img">鍥�1-3-7 鍦板嫟鍛�</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>
+                <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.thirtyFive" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
         </div>
       </div>
     </div>
-
     <!-- 32 -->
     <div class="page-box" page="38">
       <div v-if="showPageList.indexOf(38) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">32</li>
-          <li class="headerText">姘戣埅鏈嶅姟绀间华</li>
-          <img
-            class="headerImg mr-10"
-            src="../../assets/images/headerlogo.png"
-            alt=""
-          />
+        <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
+          <li class="header-left-Number">
+            <span class="mr-10 pNum">32</span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+          </li>
+          <li class="header-left-text">
+            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
+          </li>
         </ul>
         <div class="bodystyle">
           <h3 id="c009">
-            <span class="h3-zt1">浠诲姟2</span
-            ><span class="h3-bk">姘戣埅鍛樺伐鍩烘湰鑳藉姏璁ょ煡</span>
+            <span class="h3-zt1">浠诲姟2</span><span class="h3-bk">姘戣埅鍛樺伐鍩烘湰鑳藉姏璁ょ煡</span>
           </h3>
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.浜嗚В姘戠敤鑸┖浜哄憳搴斿叿澶囩殑閫氱敤鑳藉姏銆�</p>
           <p>2.鐞嗚В鍚勯」鑳藉姏瀵逛笓涓氬拰宀椾綅鐨勬敮鎾戞�с��</p>
           <p>3.鑳藉鍦ㄥ疄闄呭伐浣滀腑鐏垫椿澶氬彉锛岃繍鐢ㄥ悇椤硅兘鍔涜В鍐冲疄闄呴棶棰樸��</p>
           <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.isCollectVideoFive ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '2b112927d0029591bee2ad5de73e3e2a'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-06')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h4 id="d027">涓�銆佷翰鍜屽姏</h4>
           <p>
             绌轰腑涔樺姟鍛樼殑宸ヤ綔涓嶄粎鏄畝鍗曠殑绔尪閫掓按锛岃�屾槸涓�椤归渶瑕佲�滅溂瑙傚叚璺紝鑰冲惉鍏柟鈥濈殑鍏ㄦ柟浣嶅伐浣滐紝鎵�浠ワ紝婊¤冻鏃呭鐨勯渶姹傚拰涓烘梾瀹㈠甫鏉ヨ壇濂界殑涔樻満浣撻獙鏄箻鍔″憳鐨勯瑕佷换鍔°�傛梾瀹㈣壇濂界殑鍥為鍙堥鍏堟簮浜庣┖涔樹汉鍛樿壇濂界殑浜插拰鍔涳紝杩欏氨瑕佹眰涔樺姟鍛橀渶鍏峰姝ら」鍩烘湰鑳藉姏銆傚湪鏈嶅姟鏃呭鏃讹紝涔樺姟鍛樹粠鍐呭績鍒板鍦ㄩ兘搴斾紶閫掑弸鍠勪俊鎭紝浣挎梾瀹骇鐢熸剦鎮︺�佸紑蹇冦�佽垝閫傘�佹俯棣ㄣ�佷俊浠荤殑蹇冪悊鎰熷彈锛屼粠鑰屽缓绔嬩箻鍔″憳涓庢梾瀹箣闂寸殑鍙嬪ソ銆佸拰鐫︾殑鍏崇郴銆�
           </p>
-          <p><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
+          <p class="td-0 mt-10 mb-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
           <p class="center"><span class="cs1">寰瑧1灏忔椂</span></p>
-          <p>
+          <p class="block">
             寰瑧涓�涓嬪緢绠�鍗曪紝寰瑧1灏忔椂鍗翠笉瀹规槗銆傚湪鏂板姞鍧$殑绌哄閫夋嫈涓紝绗竴鍏抽潰璇曚负1灏忔椂鐨勪腑鑻辨枃浜ゆ祦锛屽叾涓紝鍦�1灏忔椂涓兘鍚︿竴鐩翠繚鎸佺潃浼樼編鐨勫井绗戞槸閲嶈鐨勮�冩牳鎸囨爣銆�
           </p>
-          <p>鍦ㄧ涓�鍏崇殑鑰冩牳涓紝12鍚嶅鍛樹腑浠呮湁6鍚嶉棷杩団�滀繚鎸�1灏忔椂寰瑧鈥濋毦鍏炽��</p>
+          <p class="block">
+            鍦ㄧ涓�鍏崇殑鑰冩牳涓紝12鍚嶅鍛樹腑浠呮湁6鍚嶉棷杩団�滀繚鎸�1灏忔椂寰瑧鈥濋毦鍏炽��
+          </p>
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>1.鏂板姞鍧¤埅绌轰负浠�涔堣鎶婂井绗戜綔涓洪噸瑕佺殑閫夋嫈鏍囧噯锛�</p>
+              <textarea v-model="questionData.askAbout.twentySix" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
               <p>2.鍦ㄧ敓娲讳腑淇濇寔寰瑧瀵逛綘鏈変粈涔堢泭澶勶紵</p>
+              <textarea v-model="questionData.askAbout.thirtySeven" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -1569,62 +1929,69 @@
     <!-- 33椤� -->
     <div class="page-box" page="39">
       <div v-if="showPageList.indexOf(39) > -1">
-        <ul class="fl al-c pad-t-55 pad-l-80 mb-45">
-          <li class="header-left-Number">妯″潡涓�</li>
-          <li class="header-left-text">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
-          <li class="header-left-Number">33</li>
+        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
+          <li class="header-right-Number header-right-title">妯″潡涓�</li>
+          <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
+          <li class="p-Num">33</li>
+          <li class="header-right-Number cloud">
+            <img class="" src="../../assets/images/yemei02.png" alt="" />
+          </li>
+          <li class="header-right-last"><br /></li>
+          <li class="header-right-end"><br /></li>
         </ul>
         <div class="bodystyle">
-          <p class="center">
-            <img class="img-c" alt="" src="../../assets/images/0039-1.jpg" />
+          <p class="center openImgBox">
+            <img class="img-d" alt="" src="../../assets/images/0039-1.jpg" />
           </p>
           <p class="img">鍥�1-3-8 浜插拰鍔涒�斺�斿井绗�</p>
           <p>
             寰瑧鏄笘闂存渶缇庣殑璇█锛屾槸浜洪檯浜ゅ線鐨勯�氳璇併�傚井绗戞槸鑷俊鐨勮薄寰侊紝寰瑧鏄ぜ璨岀殑琛ㄧず锛屽井绗戞槸鍙嬪ソ鐨勫弽鏄狅紝寰瑧鏄Н鏋佸績鎬佺殑鍛堢幇銆傜湡璇氱殑寰瑧鏄渶缇庣殑锛屼篃鏈�鑳芥媺杩戝郊姝や箣闂寸殑璺濈锛屽悓鏃跺井绗戜篃鏄皯鑸湇鍔′汉鍛樹綋鐜颁翰鍜屽姏鐨勬湁鍔涗繚闅溿�傚浠婃瘡骞磋埅绌虹晫閮戒細涓惧姙鈥滄渶鍏蜂翰鍜屽姏涔樺姟鍛樷�濋�夋嫈娲诲姩锛岃繖鏈熼棿娑岀幇鍑轰竴澶ф壒鑸┖鍏徃鐨勪唬琛ㄤ汉鐗┿�傛瘮濡傛柊鍔犲潯鑸┖鍏徃锛屼粬浠殑涔樺姟鍛樿櫧鐒惰韩楂樹笉涓�锛屾牱璨屼篃骞堕潪鍏ㄩ兘鍗佸垎濮eソ锛岀敋鑷抽儴鍒嗕箻鍔″憳璁茬殑杩樹笉鏄爣鍑嗙殑鑻辫锛屼絾鏄粬浠湪瀹㈣埍鏈嶅姟杩囩▼涓缁堥潰甯﹀井绗戯紝鑷俊璁ょ湡鍦拌亞鍚箻瀹㈢殑闇�姹傦紝缁欎簣涔樺鈥滃鑷冲褰掆�濈殑韬績浣撻獙锛屽洜姝わ紝鏂板姞鍧¤埅绌哄叕鍙哥殑涔樺姟鍛樹篃鎴愪簡鏈�鍏蜂翰鍜屽姏涔樺姟鍛樼殑鍏稿瀷浠h〃銆�
           </p>
           <h4 id="d028">浜屻�佽瀵熻兘鍔�</h4>
-          <p><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
+          <p class="td-0 mb-10 mt-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
           <p class="center"><span class="cs1">涓�寮犲皬绾告潯鍐欐弧娓╂殩锛�</span></p>
-          <p>
+          <p class="block">
             鍦ㄤ粠鍖椾含鑷虫槅鏄庣殑鑸彮涓紝涔樺灏忓懆鍧愬湪浜嗛潬绐椾綅缃紝濂瑰姝ゆ鍓嶅線鏄嗘槑鐨勬梾閫斿厖婊℃湡寰咃紝鍗存病鎯冲埌閫斾腑閬囧埌浜嗕笉鎰夊揩銆�
           </p>
-          <p>
+          <p class="block">
             灏忓懆鐨勬梺杈瑰潗鐫�涓�浣嶇┛鐫�璨傜毊澶ц。鐨勮�佷汉锛屼笉鐭ユ槸韬綋涓嶄究杩樻槸鍏朵粬鍘熷洜锛屽湪涔樺潗椋炴満杩囩▼涓紝澶ч儴鍒嗘椂闂撮兘闈犲湪灏忓懆韬笂鐫¤銆傚皬鍛ㄥ娆¤瘯鍥剧敤鍔涙帹寮�浠栵紝鍗存牴鏈帹涓嶅姩銆傜湅鍒拌�佷汉骞寸邯澶э紝灏忓懆涓嶅ソ涓庝粬浜夋墽锛屼絾鍥犺鎸ゅ緱闅惧彈锛屽張娌℃硶鐩存帴鍚戜箻鍔″憳璇锋眰甯姪锛屾墍浠ュ皬鍛ㄧ殑鍐呭績闈炲父鐒︾伡銆�
           </p>
-          <p>
+          <p class="block">
             缁嗗績鐨勪箻鍔″憳鍦ㄥ钩椋炲贰鑸椂锛屽彂鐜颁簡灏忓懆鐨勪笉瀹夈�傚ス鍖嗗寙鎷胯捣绾哥瑪锛屽啓涓嬩竴娈垫殩蹇冪殑璇濋�掔粰濂癸細鈥滃コ澹紝鎮ㄥソ锛佺埛鐖峰勾绾ぇ浜嗭紝鏄惁缁欐偍閫犳垚浜嗕笉渚匡紵闇�瑕佷负鎮ㄦ崲搴т綅鍚楋紵鈥�
           </p>
-          <p>
+          <p class="block">
             灏忓懆鐬棿鎰熻鍒版晳鏄熷嚭鐜颁簡锛屾劅鍔ㄥ湴鍚戠┖濮愮偣浜嗙偣澶淬�傜┖濮愭妸濂瑰甫鍒颁簡鏈鸿埍鍚庨潰鐨勭┖浣嶃�備簨鍚庡皬鍛ㄥ湪绀句氦骞冲彴涓婂杩欏悕绌轰箻浜哄憳琛ㄧず浜嗘劅璋€��
           </p>
         </div>
       </div>
     </div>
-
     <!-- 34 -->
     <div class="page-box" page="40">
       <div v-if="showPageList.indexOf(40) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">34</li>
-          <li class="headerText">姘戣埅鏈嶅姟绀间华</li>
-          <img
-            class="headerImg mr-10"
-            src="../../assets/images/headerlogo.png"
-            alt=""
-          />
+        <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
+          <li class="header-left-Number">
+            <span class="mr-10 pNum">34</span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+          </li>
+          <li class="header-left-text">
+            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
+          </li>
         </ul>
         <div class="bodystyle">
           <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.thirtyEight" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
               <p>2.浣挎梾瀹㈠皬鍛ㄦ劅鍔ㄧ殑鍘熷洜鏄粈涔堬紵浠庢渚嬩腑浣犲鍒颁簡浠�涔堬紵</p>
+              <textarea v-model="questionData.askAbout.thirtyNine" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -1634,14 +2001,14 @@
             姘戣埅鏈嶅姟浜哄憳瑕佸杽浜庝粠鏃呭鐨勮█琛屼妇姝€�佽〃鎯呯溂绁炰腑鎶撳彇缁嗚妭杩涜杈ㄥ埆銆佸垎鏋愩�佸垽鏂紝鍙婃椂鎻愪緵鏈嶅姟锛屽苟涓斾篃瑕佺壒鍒収椤捐�佸急鐥呮畫瀛曠瓑鐗规畩涔樺锛屾彁渚涘姏鎵�鑳藉強鐨勫府鍔╀笌鏈嶅姟銆傞棽鏆囨椂闂村彲浠ュ涔犵浉鍏冲績鐞嗗鐭ヨ瘑锛屼笉鏂彁楂樿嚜鎴戠殑瑙傚療鑳藉姏銆佸垽鏂兘鍔涘拰杈ㄥ埆鑳藉姏銆�
           </p>
           <h4 id="d029">涓夈�佹敞鎰忚兘鍔�</h4>
-          <p><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
+          <p class="td-0 mt-10 mb-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
           <p class="center">
             <span class="cs1">娉ㄦ剰鑳藉姏鈥斺�旂┖涔樹汉鍛樼殑鏈嶅姟鐗囨</span>
           </p>
-          <p>
+          <p class="block">
             椋炴満椋炶5鍒嗛挓涔嬪悗锛屽唴鍦轰箻鍔″憳寮�濮嬪箍鎾紝澶栧満涔樺姟鍛樺紑濮嬩緵搴旈椋燂紝鐒跺悗鍐嶉�佷竴閬嶉ギ鏂欙紝杩欐椂锛屽樊涓嶅灏卞彲浠ユ敹椁愮洏浜嗭紙瑙佸浘1-3-9锛夈��
           </p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-c" alt="" src="../../assets/images/0040-1.jpg" />
           </p>
           <p class="img">鍥�1-3-9 瀹㈣埍椁愰ギ鏈嶅姟</p>
@@ -1651,28 +2018,36 @@
     <!-- 35 -->
     <div class="page-box" page="41">
       <div v-if="showPageList.indexOf(41) > -1">
-        <ul class="fl al-c pad-t-55 pad-l-80 mb-45">
-          <li class="header-left-Number">妯″潡涓�</li>
-          <li class="header-left-text">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
-          <li class="header-left-Number">35</li>
+        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
+          <li class="header-right-Number header-right-title">妯″潡涓�</li>
+          <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
+          <li class="p-Num">35</li>
+          <li class="header-right-Number cloud">
+            <img class="" src="../../assets/images/yemei02.png" alt="" />
+          </li>
+          <li class="header-right-last"><br /></li>
+          <li class="header-right-end"><br /></li>
         </ul>
         <div class="bodystyle">
-          <p>
+          <p class="block">
             褰撹繖浜涙湇鍔¢兘缁撴潫鍚庯紝涔樺姟鍛樺氨璇ユ嬁鐫�鎵樼洏宸¤瀹㈣埍浜嗐�傜湅鐪嬫梾瀹㈡槸涓嶆槸杩樻湁鍒殑闇�瑕侊紝鏄笉鏄繕瑕侀ギ鏂欙紝甯潯瑙夌殑鏃呭鍏虫帀闃呰鐏拰閫氶鍙o紝涓轰粬浠洊涓婂皬姣涙銆侀�掍笂鏋曞ご锛岀湅鐪嬪鑸遍噷杩樻湁浠�涔堝瀮鍦撅紝闅忔椂娉ㄦ剰娓呴櫎銆傝繕瑕佹敞鎰忚瀵熸梾瀹㈡湁浠�涔堥棶棰橈紝涓旀渶濂藉湪浠栦滑鍚戜綘鎻愬嚭瑕佹眰涔嬪墠灏辫兘澶熷府浠栦滑瑙e喅闂鈥︹�﹂鏈轰笅闄嶄簡锛屽張璇ヨ繘琛屽畨鍏ㄦ鏌ヤ簡锛屾彁閱掓梾瀹㈢郴濂藉畨鍏ㄥ甫锛岃皟鐩村骇妞呴潬鑳岋紝鏀惰捣灏忔鏉匡紝鎵撳紑閬槼鏉匡紝鐪嬬湅琛屾潕鏋舵槸鍚︽墸濂斤紝绱ф�ュ嚭鍙e拰閫氶亾鏄惁鏈夎鏉庢憜鏀俱�傜洿鍒拌繖涓椂鍊欙紝涔樺姟鍛樻墠鏈夋椂闂村潗鍦ㄨ嚜宸辩殑搴т綅涓婁紤鎭竴浼氬効銆�
           </p>
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>
                 1.闄や簡鍩虹鐨勬湇鍔℃祦绋嬶紝鎯宠鏃呭鏈夋洿鑸掑績鐨勬湇鍔′綋楠岃繕闇�瑕佺┖涔樹汉鍛樺叿鏈変粈涔堣兘鍔涳紵
               </p>
+              <textarea v-model="questionData.askAbout.forty" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
               <p>2.璇ユ渚嬬粰浣犱粈涔堟牱鐨勫惎绀猴紵</p>
+              <textarea v-model="questionData.askAbout.fortyOne" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -1682,47 +2057,46 @@
             姘戣埅鏈嶅姟浜哄憳鐨勬敞鎰忚兘鍔涙槸鎸囧湪宸ヤ綔杩囩▼涓紝鎶婂績鐞嗘椿鍔ㄥ畾鍚戦泦涓湪鏃呭韬笂鐨勮兘鍔涖�傛皯鑸湇鍔′汉鍛樺湪鏈嶅姟鏃惰灏嗕釜浜烘敞鎰忓姏鑼冨洿鎵╁ぇ銆備緥濡傦紝涔樺姟鍛樺湪涓鸿埅绌烘梾瀹㈤�侀ギ鏂欐椂锛屼笉浠呰娉ㄦ剰椁愯溅涓婂悇鐗╁搧鐨勬憜鏀撅紝椁愯溅鍦ㄨ埍鍐呯殑璧板娍锛岃繕瑕侀伩鍏嶆妸楗枡娲掑埌鏃呭韬笂绛夈�傝鎻愰珮娉ㄦ剰鍔涳紝棣栧厛闇�鏄庣‘鏈嶅姟浠ュ強鑷韩宸ヤ綔鐨勬剰涔夛紝鎻愰珮瀵规湰鑱屽伐浣滅殑鍏磋叮锛屽苟涓斿皢鐢熸椿涓殑浜嬩欢涓庡伐浣滃仛濂藉尯鍒嗭紝娉ㄦ剰鎺掗櫎鍚勭骞叉壈锛屾彁楂樺伐浣滄椂鐨勪笓娉ㄥ害鍙婅鐪熷害銆�
           </p>
           <h4 id="d030">鍥涖�佸�惧惉鑳藉姏</h4>
-          <p><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
+          <p class="td-0 mt-10 mb-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
           <p class="center"><span class="cs1">鍋氫竴鍚嶇湡姝g殑鍊惧惉鑰�</span></p>
-          <p>
-            涓�鏋跺浗闄呰埅鐝姷杈炬垚閮藉悗锛屾湁浣嶆梾瀹㈢殑琛屾潕鍑虹幇鐮存崯銆傛寜鐓ц瑙勶紝瀵逛簬姝ょ被鍥介檯鑸彮琛屾潕浜嬫晠涓�鑸槸涓嶄簣璧斿伩鐨勶紝鍊兼満鍛樺皬鍚翠究鍚戞梾瀹㈢粏鑷村湴瑙i噴骞惰嚧浠ユ瓑鎰忋�備絾杩欎綅鏃呭鐨勬儏缁嵈寮傚父婵�鍔紝闃愯堪浜嗘娆¤绋嬩腑鍙戠敓鐨勬墍鏈夎浜轰笉鎰夊揩鐨勪簨浠讹紝骞跺皢璐熼潰鎯呯华涓�骞跺彂娉勫嚭鏉ャ�傞潰瀵规梾瀹㈠妶澶寸洊鑴哥殑鍙戞硠鍜屾暟钀斤紝灏忓惔鍙仛浜嗕竴浠朵簨锛岄偅灏辨槸璁ょ湡鍦扳�滃�惧惉鈥濃�斺�旂洿鍒版梾瀹粠浠栫殑鐪肩涓鍒颁簡鐪熻瘹鍜屽叡鎯呫�傚綋鏃呭鐨勬儏缁�愭笎骞虫伅涓嬫潵鍚庯紝灏�
+          <p class="block">
+            涓�鏋跺浗闄呰埅鐝姷杈炬垚閮藉悗锛屾湁浣嶆梾瀹㈢殑琛屾潕鍑虹幇鐮存崯銆傛寜鐓ц瑙勶紝瀵逛簬姝ょ被鍥介檯鑸彮琛屾潕浜嬫晠涓�鑸槸涓嶄簣璧斿伩鐨勶紝鍊兼満鍛樺皬鍚翠究鍚戞梾瀹㈢粏鑷村湴瑙i噴骞惰嚧浠ユ瓑鎰忋�備絾杩欎綅鏃呭鐨勬儏缁嵈寮傚父婵�鍔紝闃愯堪浜嗘娆¤绋嬩腑鍙戠敓鐨勬墍鏈夎浜轰笉鎰夊揩鐨勪簨浠讹紝骞跺皢璐熼潰鎯呯华涓�骞跺彂娉勫嚭鏉ャ�傞潰瀵规梾瀹㈠妶澶寸洊鑴哥殑鍙戞硠鍜屾暟钀斤紝灏忓惔鍙仛浜嗕竴浠朵簨锛岄偅灏辨槸璁ょ湡鍦扳�滃�惧惉鈥濃�斺�旂洿鍒版梾瀹粠浠栫殑鐪肩涓鍒颁簡鐪熻瘹鍜屽叡鎯呫�傚綋鏃呭鐨勬儏缁�愭笎骞虫伅涓嬫潵鍚庯紝灏忓惔鎶婃彙鏃舵満鍐嶆濮斿鍦板悜瀵规柟璇存槑浜嗘満鍦轰簨鏁呭鐞嗙殑娴佺▼锛屽苟鎵胯浼氱珛鍗充笌鑸┖鍏徃浠h〃鑱旂郴銆�
           </p>
         </div>
       </div>
     </div>
-
     <!-- 36 -->
     <div class="page-box" page="42">
       <div v-if="showPageList.indexOf(42) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">36</li>
-          <li class="headerText">姘戣埅鏈嶅姟绀间华</li>
-          <img
-            class="headerImg mr-10"
-            src="../../assets/images/headerlogo.png"
-            alt=""
-          />
+        <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
+          <li class="header-left-Number">
+            <span class="mr-10 pNum">36</span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+          </li>
+          <li class="header-left-text">
+            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
+          </li>
         </ul>
         <div class="bodystyle">
-          <p>
-            鍚存妸鎻℃椂鏈哄啀娆″濠夊湴鍚戝鏂硅鏄庝簡鏈哄満浜嬫晠澶勭悊鐨勬祦绋嬶紝骞舵壙璇轰細绔嬪嵆涓庤埅绌哄叕鍙镐唬琛ㄨ仈绯汇��
-          </p>
-          <p>
+          <p class="block">
             褰撹埅绌哄叕鍙告寜鐓у父瑙勭粰鍑轰笉浜堣禂鍋挎剰瑙佸悗锛屽皬鍚翠竴杈瑰濠夊湴鍚戜箻瀹㈣浆杈撅紝涓�杈逛笉鎳堝湴鍚戣埅绌哄叕鍙镐簤鍙栥�傜粓浜庯紝灏忓惔鎬ユ梾瀹箣鎵�鎬ャ�佹兂鏃呭涔嬫墍鎯崇殑鏈嶅姟鎰熷姩浜嗚埅绌哄叕鍙革紝鑸┖鍏徃鏈�缁堝喅瀹氱粰浜堣ˉ鍋裤��
           </p>
-          <p>褰撳皬鍚村皢姝ゆ秷鎭憡璇夋梾瀹㈠悗锛岃耽寰椾簡鏃呭鐨勮禐璁稿拰鎰熻阿銆�</p>
+          <p class="block">
+            褰撳皬鍚村皢姝ゆ秷鎭憡璇夋梾瀹㈠悗锛岃耽寰椾簡鏃呭鐨勮禐璁稿拰鎰熻阿銆�
+          </p>
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>
                 鎮ㄤ粠姝や簨渚嬩腑鐪嬪埌灏忓惔鐨勪粈涔堣亴涓氱礌鍏昏兘鍔涳紵缁欐偍甯︽潵浜嗕粈涔堝惎鍙戯紵
               </p>
+              <textarea v-model="questionData.askAbout.fortyTwo" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -1731,9 +2105,9 @@
           <p>
             钁楀悕绀句細瀛﹀鍗¤�愬熀璇磋繃锛氣�滀竴鍙岀伒宸х殑鑰虫湹锛岃儨杩囧崄寮犺兘璇翠細閬撶殑鍢村反銆傗�濇湁鏁堢殑鍊惧惉鍙互甯姪鏈嶅姟浜哄憳鐪熷疄鍦颁簡瑙f梾瀹紝鑾峰緱鏈夋晥淇℃伅锛屼互渚垮紑灞曠浉搴斿伐浣滐紝骞朵笖浣垮鏂规劅鍒拌灏婇噸鍜岃娆h祻锛岃揪鍒颁袱鍏ㄥ叾缇庣殑鏁堟灉銆�
           </p>
-          <p><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
+          <p class="td-0 mb-10 mt-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
           <p class="center"><span class="cs1">姘戣埅鏈嶅姟浜哄憳鐨勫�惧惉鑳藉姏</span></p>
-          <p>
+          <p class="block">
             姘戣埅鏈嶅姟浜哄憳鐨勫�惧惉鑳藉姏鏄寚鍦ㄨ埅绌烘湇鍔¤繃绋嬩腑鎶曞叆鑷繁鐨勭洿瑙夈�佹�佸害鍜屾劅鎯呭埌鈥滃惉鈥濈殑娲诲姩涓紝浠庤�屽畬鏁村湴鎺ュ彈鏈嶅姟瀵硅薄浼犻�掔殑淇℃伅鐨勮兘鍔涖�傜Н鏋佺殑鍊惧惉鍙互甯姪鑷繁鑾峰緱澶ч噺鏈夌敤鐨勪俊鎭紝澧為暱鏅烘収銆傚悓鏃跺湪涓烘梾瀹㈡湇鍔$殑杩囩▼涓紝鍙互鍑忓皯涓庢梾瀹箣闂寸殑璇細锛屼笌瀵规柟寤虹珛铻嶆唇鐨勫叧绯汇�傚湪鍊惧惉鐨勫悓鏃讹紝涔樺姟鍛樿娉ㄦ剰鐢ㄧ洰鍏夋敞瑙嗘梾瀹紝鐪肩涓婄殑浜ゆ祦鍙互璁╂梾瀹綋浼氬埌灏婇噸鍜岄噸瑙嗭紝鍚屾椂鎭板綋鍦板埄鐢ㄩ潰閮ㄨ〃鎯咃紝濡傚井绗戙�佹壃鐪夈�佺偣澶寸瓑琛ㄦ儏鍔ㄤ綔涓板瘜褰兼鐨勪氦娴侊紝褰㈡垚涓庢梾瀹㈤棿鐨勮壇鎬т氦娴併�傚綋鏃呭涓诲姩鎻愬嚭鎰忚鏃讹紝涔樺姟鍛樺簲鍦ㄧН鏋佸�惧惉鐨勫悓鏃讹紝浣跨敤閫傚綋鐨勮瘽璇紦鍔卞鏂圭户缁〃杈撅紝濡傗�滃棷鈥濃�滃锛屾槸鐨勨�濈瓑銆傚苟涓斾互涓�绉嶅紑鏀炬�х殑濮挎�佸幓鎺ヨЕ鏃呭锛屽韬綋寰井鍓嶅�俱�傛垜浠彲浠ヤ粠浠ヤ笅鍑犱釜鏂归潰鍑哄彂锛屽仛鍒版湁鏁堝�惧惉锛氫笉闅忔剰鎵撴柇鏃呭鐨勮瘽锛屽�惧惉鏃惰娉ㄦ剰瀵规柟璇濊鐨勮姘旇璋冿紱鍦ㄥ�惧惉杩囩▼涓�傛椂缁欎簣鍥為锛屽閲嶅瀵规柟璇濊锛岃〃鏄庝綘鍦ㄨ鐪熷�惧惉锛涙姄浣忓鏂硅瘽璇腑鐨勯噸鐐瑰唴瀹瑰苟涓斿姫鍔涚悊瑙f梾瀹㈣璇濆唴瀹圭殑鐪熸鍐呮兜銆�
           </p>
         </div>
@@ -1742,31 +2116,39 @@
     <!-- 37 -->
     <div class="page-box" page="43">
       <div v-if="showPageList.indexOf(43) > -1">
-        <ul class="fl al-c pad-t-55 pad-l-80 mb-45">
-          <li class="header-left-Number">妯″潡涓�</li>
-          <li class="header-left-text">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
-          <li class="header-left-Number">37</li>
+        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
+          <li class="header-right-Number header-right-title">妯″潡涓�</li>
+          <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
+          <li class="p-Num">37</li>
+          <li class="header-right-Number cloud">
+            <img class="" src="../../assets/images/yemei02.png" alt="" />
+          </li>
+          <li class="header-right-last"><br /></li>
+          <li class="header-right-end"><br /></li>
         </ul>
         <div class="bodystyle">
           <h4 id="d031">浜斻�佹矡閫氳兘鍔�</h4>
-          <p><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
+          <p class="td-0 mb-10 mt-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
           <p class="center">
             <span class="cs1">娌熼�氫笉鍒颁綅閫犳垚鐨勮埅鐝欢璇�</span>
           </p>
-          <p>
+          <p class="block">
             涓�涓�佸共閮ㄦ梾琛屽洟涓婁簡椋炴満銆傚叾涓竴浣嶈�佷汉鐪嬪埌鑷繁搴т綅涓婃柟鐨勮鏉庢灦涓婃斁婊′簡涓滆タ锛堟満杞藉簲鎬ヨ澶囷級锛屽氨灏嗚繖浜涘簲鎬ヨ澶囧彇涓嬶紝鏀惧湪鍦版澘涓婏紝灏嗚嚜宸辩殑琛屾潕鏀惧湪璇ヤ綅缃笂銆備箻鍔″憳鍙戠幇鍚庯紝鏈皟鏌ヨ澶囩Щ鍔ㄧ殑鍘熷洜灏辩洿鎺ユ姤鍛婄粰涔樺姟闀匡紝涓旀姤鍛婂唴瀹硅繃浜庣畝鍗曪紝閫犳垚涔樺姟闀垮垽鏂け璇紝浠ヤ负鎯呭喌澶辨帶锛屼簬鏄�氱煡鍦伴潰澶勭悊銆傛渶鍚庯紝璇ユ梾琛屽洟瀵兼父琚甫涓嬮鏈猴紝閫犳垚鑸彮寤惰52鍒嗛挓銆�
           </p>
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>1.璇ユ渚嬩腑鍝簺鍦版柟鐨勬矡閫氳繕闇�鏀硅繘锛�</p>
+              <textarea v-model="questionData.askAbout.fortyThree" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
               <p>2.缁撳悎褰撴椂鐨勬儏鍐碉紝浣犺寰楀簲璇ユ�庢牱杩涜鏈夋晥鐨勬矡閫氾紵</p>
+              <textarea v-model="questionData.askAbout.fortyFour" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -1779,49 +2161,45 @@
             鑹ソ鐨勬矡閫氳兘鍔涙槸瀵规皯鑸湇鍔′汉鍛樺熀鏈礌鍏荤殑瑕佹眰锛屾祦鍒╃殑鏅�氳瘽銆佷竴闂ㄦ垨澶氶棬鐨勫璇紝閮芥湁鍔╀簬姘戣埅鏈嶅姟浜哄憳涓庝笉鍚屽浗瀹剁殑鏃呭浜ゆ祦娌熼�氥�傚彟澶栵紝鎺屾彙鏈嶅姟璇█鐨勫垎绫讳互鍙婅閬夸笉鎭板綋鐨勬湇鍔¤瑷�涔熸槸姘戣埅鏈嶅姟浜哄憳鐨勨�滄矡閫氬繀淇鈥濄��
           </p>
           <h4 id="d032">鍏�佸簲鎬ュ鐞嗚兘鍔�</h4>
-          <p><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
+          <p class="td-0 mb-10 mt-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
           <p class="center">
             <span class="cs1">宸濊埅鎯婇瓊濮嬫湯 鏈洪暱鍒樹紶鍋ヨ繕鍘熺粏鑺�</span>
           </p>
-          <p>
-            9800绫筹紝9400绫筹紝7200绫筹紝椋炴満涓嬮檷寰楀緢蹇��3U8633鑸彮鐨�9鍚嶆満缁勪汉鍛樺拰119鍚嶄箻瀹紝缁忓巻浜嗙敓姝讳竴鍒汇��2018骞�5鏈�14鏃ヤ笂鍗堬紝鐢卞洓宸濊埅绌鸿偂浠芥湁闄愬叕鍙告壙杩愮殑3U8633鑸彮鐢遍噸搴嗛寰�鎷夎惃銆傞�斾腑锛岄鏈洪┚椹惰埍鍙冲骇椋庢尅鐜荤拑鐮寸鑴辫惤銆傚湪涓ゅ垎閽熷唴椋炴満鎬ラ檷2200绫筹紝涓斿湪缂烘哀銆佷綆娓┿�佸己姘旀祦鐨勬潯浠朵笅锛屾満闀垮垬浼犲仴椹鹃┒椋炴満浜�7鏃�
+          <p class="block">
+            9800绫筹紝9400绫筹紝7200绫筹紝椋炴満涓嬮檷寰楀緢蹇��3U8633鑸彮鐨�9鍚嶆満缁勪汉鍛樺拰119鍚嶄箻瀹紝缁忓巻浜嗙敓姝讳竴鍒汇��2018骞�5鏈�14鏃ヤ笂鍗堬紝鐢卞洓宸濊埅绌鸿偂浠芥湁闄愬叕鍙告壙杩愮殑3U8633鑸彮鐢遍噸搴嗛寰�鎷夎惃銆傞�斾腑锛岄鏈洪┚椹惰埍鍙冲骇椋庢尅鐜荤拑鐮寸鑴辫惤銆傚湪涓ゅ垎閽熷唴椋炴満鎬ラ檷2200绫筹紝涓斿湪缂烘哀銆佷綆娓┿�佸己姘旀祦鐨勬潯浠朵笅锛屾満闀垮垬浼犲仴椹鹃┒椋炴満浜�7鏃�42鍒嗘垚鍔熷闄嶆垚閮藉弻娴佹満鍦恒�傚垬浼犲仴鏁戜簡鑷繁锛屼篃鏁戜簡鏈虹粍鍚屼簨鍜屼笂鐧惧悕涔樺銆傚敖绠′粬涓�鍐嶈В閲婅繖鏄粬鐨勬湰鑱屽伐浣滐紝浣嗕粛鏈変笉灏戜汉灏嗗叾绉颁负鈥滆嫳闆勨�濄��
           </p>
         </div>
       </div>
     </div>
-
     <!-- 38 -->
     <div class="page-box" page="44">
       <div v-if="showPageList.indexOf(44) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">38</li>
-          <li class="headerText">姘戣埅鏈嶅姟绀间华</li>
-          <img
-            class="headerImg mr-10"
-            src="../../assets/images/headerlogo.png"
-            alt=""
-          />
+        <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
+          <li class="header-left-Number">
+            <span class="mr-10 pNum">38</span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+          </li>
+          <li class="header-left-text">
+            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
+          </li>
         </ul>
         <div class="bodystyle">
-          <p>
-            42鍒嗘垚鍔熷闄嶆垚閮藉弻娴佹満鍦恒�傚垬浼犲仴鏁戜簡鑷繁锛屼篃鏁戜簡鏈虹粍鍚屼簨鍜屼笂鐧惧悕涔樺銆傚敖绠′粬涓�鍐嶈В閲婅繖鏄粬鐨勬湰鑱屽伐浣滐紝浣嗕粛鏈変笉灏戜汉灏嗗叾绉颁负鈥滆嫳闆勨�濄��
-          </p>
-          <p>
+          <p class="block">
             閭eぉ鑸彮涔樺姟闀挎瘯妤狅紝涔樺姟鍛樺紶绉嬪銆佸懆褰﹂洴銆侀粍濠枫�佹潹濠蜂竴濡傚線甯稿紩瀵间箻瀹㈠氨搴с�佹斁琛屾潕锛岀粰涔樺鎷挎瘺姣紝骞跺仛璧烽鍓嶇殑瀹夊叏妫�鏌ャ�傞┚椹惰埍鍐咃紝46宀佺殑鏈洪暱鍒樹紶鍋ュ拰鍓┚椹跺緪鐟炶景涔熷湪鍋氱潃璧烽鍓嶇殑鏈�鍚庡噯澶囥�傚垬浼犲仴姣曚笟浜庣┖鍐涚浜岄琛屽闄紝鍦ㄦ垚涓哄窛鑸琛屽憳涔嬪墠锛屼粬鍦ㄦ瘝鏍℃媴浠绘暀鍛樸�傞噸搴嗚嚦鎷夎惃杩欐潯绾匡紝浠栭浜嗕笉涓嬬櫨娆°�傞鏈哄湪鏅氱偣21鍒嗛挓鍚庨『鍒╄捣椋炪��
           </p>
-          <p>
+          <p class="block">
             澶х害鍗婂皬鏃跺悗锛岄鏈虹埇鍗囪嚦9800绫崇殑宸¤埅楂樺害銆傗�滃彲鑳芥槸杩囬珮鍘熺殑缂樻晠锛岄鏈洪绨告瘮杈冮绻侊紝闄ゆ涔嬪锛屼竴鍒囨甯搞�傗�濅箻瀹㈠懆鏌愬洖蹇嗚锛�7鏃跺乏鍙筹紝绌哄鍒嗗彂鏃╅銆傝繖鏃讹紝鍛ㄦ煇鍚埌鏈鸿埍鍓嶆柟浼犳潵涓�澹板法鍝嶏紝绱ф帴鐫�锛岄鏈哄紑濮嬪墽鐑堥绨革紝鈥滄劅瑙変汉鐬棿寰�涓嬫帀鈥濄��
           </p>
-          <p>
+          <p class="block">
             浣嗗緢蹇紝瀹㈣埍鍐呯殑鎸囩ず鐏拰鐓ф槑鐏氨鐔勭伃浜嗭紝姘ф皵闈㈢僵涔熷脊浜嗗嚭鏉ャ�傜┖濮愪竴杈规彁閱掍箻瀹㈢郴濂藉畨鍏ㄥ甫銆佹埓涓婃哀姘旈潰缃╋紝涓�杈瑰湪绌轰綅涓婂潗涓嬨��
           </p>
-          <p>
+          <p class="block">
             鍒樹紶鍋ュ洖蹇嗭紝浠栧拰寰愮憺杈板厛鏄惉鍒扳�滅牥鈥濈殑澹伴煶锛岄殢鍚庡彂鐜扮幓鐠冧笂鍑虹幇瑁傜汗銆傚垬浼犲仴鐢ㄦ墜鎽镐簡鎽哥幓鐠冿紝闅忓悗鍚戠┖绠¢儴闂ㄦ眹鎶ワ紝瑕佹眰杩旇埅钀藉湴銆傗�滃垰璇村畬涓�绉掗挓锛堢幓鐠冨氨纰庝簡锛夛紝涓�鐬棿涓嶇煡閬撲粈涔堟儏鍐碉紝锛堟垜锛夌潄寮�鐪硷紝鐪嬭鎴戠殑鍓┚涓�鍗婅韩浣撳湪澶栭潰浜嗭紝鎴戣瘯鍥句几鎵嬪幓鎷夛紝鎷変笉鍒般�傗�濇剰璇嗗埌鍗遍櫓鐨勫垬浼犲仴璧剁揣閫氳繃椋炴満搴旂瓟鏈哄簲鎬ヨ缃紙7700锛夊悜绌虹閮ㄩ棬瀹e竷绱ф�ョ姸鎬併�傛鏃讹紝椋炴満鍦ㄦ�ラ�熶笅鍧犮�傝タ閮ㄦ垬鍖虹┖鍐涗綔鎴樻寚鎸ユ帶鍒朵腑蹇冪洃鎺у埌浜嗚繖涓�闄╂儏銆傛嵁寰俊鍏紬鍙封�滅┖鍐涘彂甯冣�濇姤閬擄紝鍊肩彮鍙傝皨鍏冲仴鍏嬩粙缁嶏紝浠栦滑浜�7鏃�08鍒嗗彂鐜板亸鑸紝7鏃�10鍒嗗彂鐜颁簡鏈烘鏁呴殰浠g爜鍛婅銆傚垬浼犲仴鍙戝嚭鏈烘鏁呴殰浠g爜鍛婅鍚庯紝椋炴満椋炶楂樺害浠�9400绫虫�ラ�熶笅闄嶃��
           </p>
-          <p>
+          <p class="block">
             7鏃�12鍒嗭紝闆疯揪鏄剧ず椋炴満宸﹁浆涓嬮檷楂樺害鑷虫捣鎷�7200绫炽��7鏃�15鍒嗭紝鎸囨帶涓績鎺ュ埌閫氭姤锛�3U8633鑸彮椋庢尅鐜荤拑鑴辫惤锛岄渶绱ф�ュ闄嶆垚閮藉弻娴佹満鍦恒�傝劚闄╅┚椹惰埍鍙冲骇鍓嶉鎸$幓鐠冪獊鐒剁牬瑁傚苟鑴辫惤锛岄�犳垚椋炴満瀹㈣埍涓ラ噸澶卞帇锛屾暣鏋堕鏈哄浜庣揣鎬ュ嵄闄╃姸鎬併��
           </p>
-          <p>
+          <p class="block">
             鍒樹紶鍋ュ洖蹇嗭紝椋炴満褰撴椂鐨勯�熷害澶х害涓�800km/h锛屽己姘旀祦鐏岃繘椹鹃┒鑸憋紝鍚瑰緱浠栫殑鑴镐弗閲嶅彉褰€�傞櫎姝や箣澶栵紝韬潃鐭鐨勪粬杩樿鈥滃鎶椻��-40鈩冨乏鍙崇殑浣庢俯銆傚垢杩愮殑鏄紝鍒樹紶鍋ュ苟鏈け鍘诲椋炴満鐨勬帶鍒躲�傗�滄彙浣忔搷绾垫潌鐨勯偅涓�鍒伙紝鎴戝氨鏈変俊蹇冭椋炴満瀹夊叏钀藉湴銆傗�濆浜庡垬浼犲仴鏉ヨ锛屼笅闄嶇殑杩囩▼鏄潪甯哥棝鑻︾殑锛氬鏋滀笅闄嶈繃绋嬪お蹇紝椹鹃┒鍛樿韩浣撳彈鍒扮殑鍐插嚮浼氬緢澶э紱濡傛灉涓嬮檷鐨勯�熷害鎱簡锛屽氨鎰忓懗鐫�鍦ㄩ珮瀵掔己姘х殑鐜涓嬪緟鐨勬椂闂存洿闀裤�傛渶鍚庯紝鍒樹紶鍋ユ姌涓�夊彇浜嗗悎閫傜殑涓嬮檷閫熷害锛屼互淇濊瘉鍖呮嫭浠栧湪鍐呯殑鏈虹粍鎴愬憳鐨勫畨鍏紝杩涜�屼繚璇�119鍚嶆梾瀹㈢殑瀹夊叏銆�
           </p>
         </div>
@@ -1830,71 +2208,90 @@
     <!-- 39 -->
     <div class="page-box" page="45">
       <div v-if="showPageList.indexOf(45) > -1">
-        <ul class="fl al-c pad-t-55 pad-l-80 mb-45">
-          <li class="header-left-Number">妯″潡涓�</li>
-          <li class="header-left-text">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
-          <li class="header-left-Number">39</li>
+        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
+          <li class="header-right-Number header-right-title">妯″潡涓�</li>
+          <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
+          <li class="p-Num">39</li>
+          <li class="header-right-Number cloud">
+            <img class="" src="../../assets/images/yemei02.png" alt="" />
+          </li>
+          <li class="header-right-last"><br /></li>
+          <li class="header-right-end"><br /></li>
         </ul>
         <div class="bodystyle">
-          <p>
+          <p class="block">
             鍒颁簡鍚庡崐娈碉紝閮ㄥ垎鈥滀粠楝奸棬鍏宠蛋浜嗕竴閬�濈殑鏃呭寮�濮嬭〃鐜板嚭鈥滃悗閬楃棁鈥濄�傚懆寤哄己鐪嬪埌锛屾湁鏃呭寮�濮嬪憰鍚愶紝鏈夋梾瀹㈡斁澹板ぇ鍝��7鏃�42鍒嗭紝椋炴満椤哄埄澶囬檷鍙屾祦鏈哄満銆傛垚閮藉競绗竴浜烘皯鍖婚櫌5鏈�15鏃ラ�氭姤绉帮紝鍏ラ櫌鐨�29鍚嶄汉鍛樺寘鎷�2鍚嶆満缁勪汉鍛樸��27鍚嶆梾瀹紝鍏朵腑鐢锋��22浜恒�佸コ鎬�7浜猴紝骞撮緞鏈�澶�54宀侊紝鏈�灏�18宀併��27鍚嶆梾瀹㈢粡CT銆佽兏鐗囥�佽姘斿垎鏋愮瓑鍒濇妫�鏌ュ悗锛岀洰鍓嶆儏鍐靛钩绋筹紝鍏朵腑2鍚嶆梾瀹㈢粡鐣欓櫌瑙傚療娌荤枟鍚庢儏鍐靛ソ杞紝宸插畨鎺掔闄€��
           </p>
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>1.鍒樹紶寤烘満闀垮湪澶勭疆璇ヤ簨浠朵腑锛屽睍鐜颁簡浠栫殑鍝簺鑳藉姏锛�</p>
+              <textarea v-model="questionData.askAbout.fortyFive" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
               <p>
                 2.濡傛灉浣犳槸璇ヨ埅鐝殑涓�鍚嶄箻鍔″憳锛屽湪骞虫椂鐨勫煿璁腑浣犻渶瑕佺Н绱摢浜涙柟闈㈢殑绱犲吇鏉ュ畬鍠勮嚜宸卞鐞嗙揣鎬ユ儏鍐电殑鑳藉姏鍛紵
               </p>
+              <textarea v-model="questionData.askAbout.fortySix" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
-          <p class="center">
-            <img class="img-f" alt="" src="../../assets/images/0045-1.jpg" />
-          </p>
-          <p class="img">瑙嗛锛氬窛鑸揣鎬ユ挙绂�</p>
           <p>
             涔樺姟鍛樹細鏈嶅姟涓嶈鍏舵暟鐨勬梾瀹€�傞櫎浜嗗鏁拌鍔ㄨ嚜濡傜殑鏅�氭梾瀹紝杩樺寘鎷竴浜涚壒娈婃梾瀹€�傚湪鑸彮椋炶杩囩▼涓紝浠栦滑杩樹細閬囧埌鍚勭被绱ф�ユ儏鍐点��
           </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 == '4f0afd466e16bde40a447ff467452181'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-01')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h5 id="e023">锛堜竴锛夊簲鎬ュ鐞嗚兘鍔涚殑鍩瑰吇闇�瑕佸己澶х殑蹇冪悊绱犺川鍋氭敮鎾�</h5>
           <p>
             鍦ㄥ嚭鐜扮揣鎬ユ儏鍐垫椂锛屼箻鍔″憳搴旇兘澶熸矇鐫�鍐烽潤鍦板垎鏋愪簨鎯呯殑鎯呭喌浠ュ強鍙戝睍鐨勫姩鍚戯紝骞朵笖鑳藉鏍规嵁瀹為檯鎯呭喌鍒ゅ畾鏈�浼樿В鍐虫柟妗堝苟杩呴�熼噰鍙栬鍔ㄣ�備箻鍔″憳鍏峰鑹ソ鐨勫績鐞嗙礌璐ㄤ笉浠呰兘澶熻捣鍒板畨鎶氭梾瀹㈡儏缁殑浣滅敤锛岃�屼笖涔熸槸璁╂梾瀹㈤厤鍚堝仛濂芥挙绂诲伐浣滅殑閲嶈鏉′欢銆傝鎯冲湪绱ф�ユ儏鍐靛嚭鐜扮殑鏃跺埢鑳藉涓村嵄涓嶆儳銆佹矇鐫�鍐烽潤锛岃繖涓�鍗婂彇鍐充簬涔樺姟鍛樹釜浜虹殑澶╂�э紝鍙︿竴鍗婂彇鍐充簬鍚庡ぉ鐨勫煿璁��
           </p>
           <h5 id="e024">锛堜簩锛夊簲鎬ュ鐞嗚兘鍔涚殑鍩瑰吇闇�瑕佸潥瀹炵殑涓撲笟鐭ヨ瘑鍋氬悗鐩�</h5>
-          <p><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
+          <p class="td-0 mb-10 mt-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
           <p class="center"><span class="cs1">娉曡埅绱ф�ユ挙绂讳簨浠�</span></p>
-          <p>
-            2005骞�8鏈堬紝娉曡埅鏌愮┖瀹㈤鏈虹殑309鍚嶆梾瀹笌鏈虹粍鎴愬憳涓婃紨浜嗏�滄暀绉戜功寮忔挙绂烩�濓紝涓ゅ垎閽熷唴鏈轰笂鍏ㄩ儴浜哄憳鎴愬姛閫冪褰撴椂宸茬噧璧风唺鐔婂ぇ鐏殑椋炴満锛岃繖娆¢�冪敓缁忓巻鎴愪簡绱ф�ラ�冪敓鐨勫吀鑼冦�傚綋鏃讹紝椋炴満宸︿晶琚浄鐢靛嚮涓紝椋炴満鍐呭椹笂琚粦鐑熺缃╋紝鎵�鏈夌殑鐢电伅閮界唲鐏簡銆傛嵁褰撴椂鐨勬梾瀹㈣锛屽懆鍥翠竴鐗囬粦鏆楋紝绱ф�ユ哀姘旈潰缃╅檷涓嬫潵銆傝椋炴満鍦ㄦ毚椋庨洦涓粦鍑鸿窇閬�183绫冲悗锛岀粓浜庡仠浣忋�傛満涓婄殑12浣嶆満缁勪汉鍛橀潪甯搁晣闈欙紝鍙嶅簲涔熺浉褰撳揩鎹枫�傛満闀垮湪椹鹃┒鑸变腑锛屼笉鏂湴鍛婅瘔鎵�鏈変箻瀹繚鎸佸钩闈欙紝鍚粠鎸囨尌銆傚叾浠栨満缁勪汉鍛樺揩閫熷湴浠庡骇妞呬笂璧疯韩锛岃繀
+          <p class="block">
+            2005骞�8鏈堬紝娉曡埅鏌愮┖瀹㈤鏈虹殑309鍚嶆梾瀹笌鏈虹粍鎴愬憳涓婃紨浜嗏�滄暀绉戜功寮忔挙绂烩�濓紝涓ゅ垎閽熷唴鏈轰笂鍏ㄩ儴浜哄憳鎴愬姛閫冪褰撴椂宸茬噧璧风唺鐔婂ぇ鐏殑椋炴満锛岃繖娆¢�冪敓缁忓巻鎴愪簡绱ф�ラ�冪敓鐨勫吀鑼冦�傚綋鏃讹紝椋炴満宸︿晶琚浄鐢靛嚮涓紝椋炴満鍐呭椹笂琚粦鐑熺缃╋紝鎵�鏈夌殑鐢电伅閮界唲鐏簡銆傛嵁褰撴椂鐨勬梾瀹㈣锛屽懆鍥翠竴鐗囬粦鏆楋紝绱ф�ユ哀姘旈潰缃╅檷涓嬫潵銆傝椋炴満鍦ㄦ毚椋庨洦涓粦鍑鸿窇閬�183绫冲悗锛岀粓浜庡仠浣忋�傛満涓婄殑12浣嶆満缁勪汉鍛橀潪甯搁晣闈欙紝鍙嶅簲涔熺浉褰撳揩鎹枫�傛満闀垮湪椹鹃┒鑸变腑锛屼笉鏂湴鍛婅瘔鎵�鏈変箻瀹繚鎸佸钩闈欙紝鍚粠鎸囨尌銆傚叾浠栨満缁勪汉鍛樺揩閫熷湴浠庡骇妞呬笂璧疯韩锛岃繀閫熸墦寮�椋炴満渚ч潰鐨勬晳鐢熼棬锛屾斁涓嬫粦姊紝涓�杈归�愪釜甯姪鏃呭鎾ょ锛屼竴杈逛笉鏂湴瀹夋叞姣忎釜浜猴紝浣挎暣涓枏鏁e伐浣滃钩绋宠繘琛屻��
           </p>
         </div>
       </div>
     </div>
-
     <!-- 40 -->
     <div class="page-box" page="46">
       <div v-if="showPageList.indexOf(46) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">40</li>
-          <li class="headerText">姘戣埅鏈嶅姟绀间华</li>
-          <img
-            class="headerImg mr-10"
-            src="../../assets/images/headerlogo.png"
-            alt=""
-          />
+        <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
+          <li class="header-left-Number">
+            <span class="mr-10 pNum">40</span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+          </li>
+          <li class="header-left-text">
+            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
+          </li>
         </ul>
         <div class="bodystyle">
-          <p>
-            閫熸墦寮�椋炴満渚ч潰鐨勬晳鐢熼棬锛屾斁涓嬫粦姊紝涓�杈归�愪釜甯姪鏃呭鎾ょ锛屼竴杈逛笉鏂湴瀹夋叞姣忎釜浜猴紝浣挎暣涓枏鏁e伐浣滃钩绋宠繘琛屻��
-          </p>
-          <p>
+          <p class="block">
             鏃呭浠湪浠栦滑鐨勬寚鎸ヤ笅锛屾病鏈夋厡涔憋紝渚濇鍏堢寮�搴ф锛屽啀婊戜笅婊戞銆傛渶鍚庯紝涔樺姟鍛樺拰椹鹃┒鍛樺仛浜嗗畬鍏ㄧ殑妫�鏌ワ紝璇佹槑鎵�鏈夋梾瀹㈤兘瀹夊叏鎾ょ锛屾病鏈変换浣曢仐婕忥紝鏂规墠绂诲紑椋炴満銆傚湴闈㈡�ユ晳浜哄憳閰嶅悎寰椾篃闈炲父鍙婃椂銆傞鏈鸿捣鐏悗涓嶅埌涓�鍒嗛挓锛屾満鍦烘晳鎶よ溅灏辫刀鍒颁簡椋炴満闄勮繎銆備粬浠皢鍙椾激鑰呴�佸線鍖婚櫌锛屽苟鍚戝ぇ闆ㄤ腑鐨勬梾瀹滑鎻愪緵浜嗕繚鏆栫殑姣瓙銆傚�煎嫟鐨勮瀵熶滑杩樺皢璺戞暎鐨勬梾瀹㈤泦涓埌瀹夊叏鍦扮偣銆傛暣椤瑰伐浣滄湁鏉′笉绱婂湴杩涜鐫�銆�
           </p>
-          <p>
+          <p class="block">
             娉曡埅浜嬩欢璇佹槑浜嗕竴鐐癸紝鏃呭涔嬫墍浠ヨ兘澶熼『鍒╅�冪鏈鸿埍鐨勪竴涓師鍥犳槸涔樺姟鍛樻暀缁欐梾瀹㈠湪绱ф�ユ儏鍐典笅绂诲紑椋炴満鐨勬纭柟娉曘��
           </p>
           <p>
@@ -1906,7 +2303,7 @@
           </p>
           <h5 id="e026">锛堝洓锛夊簲鎬ュ鐞嗚兘鍔涚殑鍩瑰吇闇�瑕佸洟闃熷崗浣滃仛淇濋殰</h5>
           <p>
-            褰撶揣鎬ユ儏鍐靛彂鐢熸椂锛屼箻鍔″憳涔嬮棿褰㈡垚榛樺锛屽洟缁撹捣鏉ワ紝淇濇寔鎬濇兂涓庤鍔ㄧ殑涓�鑷存�ф槸
+            褰撶揣鎬ユ儏鍐靛彂鐢熸椂锛屼箻鍔″憳涔嬮棿褰㈡垚榛樺锛屽洟缁撹捣鏉ワ紝淇濇寔鎬濇兂涓庤鍔ㄧ殑涓�鑷存�ф槸鑷冲叧閲嶈鐨勩�傝繖闆嗕腑琛ㄧ幇鍦紝鍦ㄨ埅鐝琛岃繃绋嬩腑涔樺姟鍛樺簲鏄庣‘鍚勮嚜璐熻矗鐨勫矖浣嶅拰鑱岃矗锛屽湪鏃ュ父椋炶涓浉浜掑崗浣溿�佺浉浜掗厤鍚堬紝褰㈡垚鑹ソ鐨勯粯濂戯紝浠庤�屼繚璇佺揣鎬ユ儏鍐靛嚭鐜版椂锛屼箻鍔″憳缁勭粐鎾ょ鏃朵笉鍑虹幇鎷ユ尋韪╄笍鎴栬�呭奖鍝嶇揣鎬ユ儏鍐靛缃殑鎯呭喌锛屼粠鑰屾彁楂樻挙绂绘晥鐜囷紝淇濋殰鏃呭鐨勫畨鍏ㄣ��
           </p>
         </div>
       </div>
@@ -1914,28 +2311,67 @@
     <!-- 41 -->
     <div class="page-box" page="47">
       <div v-if="showPageList.indexOf(47) > -1">
-        <ul class="fl al-c pad-t-55 pad-l-80 mb-45">
-          <li class="header-left-Number">妯″潡涓�</li>
-          <li class="header-left-text">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
-          <li class="header-left-Number">41</li>
+        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
+          <li class="header-right-Number header-right-title">妯″潡涓�</li>
+          <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
+          <li class="p-Num">41</li>
+          <li class="header-right-Number cloud">
+            <img class="" src="../../assets/images/yemei02.png" alt="" />
+          </li>
+          <li class="header-right-last"><br /></li>
+          <li class="header-right-end"><br /></li>
         </ul>
         <div class="bodystyle">
-          <p>
-            鑷冲叧閲嶈鐨勩�傝繖闆嗕腑琛ㄧ幇鍦紝鍦ㄨ埅鐝琛岃繃绋嬩腑涔樺姟鍛樺簲鏄庣‘鍚勮嚜璐熻矗鐨勫矖浣嶅拰鑱岃矗锛屽湪鏃ュ父椋炶涓浉浜掑崗浣溿�佺浉浜掗厤鍚堬紝褰㈡垚鑹ソ鐨勯粯濂戯紝浠庤�屼繚璇佺揣鎬ユ儏鍐靛嚭鐜版椂锛屼箻鍔″憳缁勭粐鎾ょ鏃朵笉鍑虹幇鎷ユ尋韪╄笍鎴栬�呭奖鍝嶇揣鎬ユ儏鍐靛缃殑鎯呭喌锛屼粠鑰屾彁楂樻挙绂绘晥鐜囷紝淇濋殰鏃呭鐨勫畨鍏ㄣ��
-          </p>
-          <p><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
+          <p class="td-0"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
           <p class="center"><span class="cs1">鍥㈤槦绮剧</span></p>
-          <p>
+          <p class="block">
             鍏ㄧ編鑸┖1549鑸彮涓ゅ彴鍙戝姩鏈鸿楦熷嚮浠ュ悗锛屽湪瀹屽叏澶卞幓鍔ㄥ姏鐨勬儏鍐典笅椋炶鍛橀潬椋橀檷鎴愬姛杩檷鑷冲搱寰烽�婃渤闈笂锛�155浜哄叏閮ㄧ敓杩樸�傝繖铏界劧璇佹槑浜嗘満闀挎嫢鏈夌簿婀涢┚椹舵妧鏈紝浣嗕笉鍙惁璁ょ殑鏄紝鍦ㄨ揩闄嶄互鍚庢満鑸卞唴鐨勭枏鏁e伐浣滃叏閮ㄦ槸鐢变箻鍔″憳缁勭粐瀹屾垚鐨勶紝浠栦滑浠ユ瀬鍏朵笓涓氱殑绱犲吇涓庡洟闃熺簿绁烇紝灏嗗叏閮ㄦ梾瀹㈠畨鍏ㄧ枏鏁c�傚綋鏃惰埍鍐呭叡鏈変笁鍚嶄箻鍔″憳锛屼袱鍚嶄箻鍔″憳鍦ㄥ鑸卞墠閮ㄨ繀閫熷紩瀵兼梾瀹㈡挙绂伙紝涓�鍚嶅湪瀹㈣埍灏鹃儴鍔姏寮曞鏃呭鍚戞満鑸卞墠閮ㄨ繍鍔紙鍥犱负椋炴満灏鹃儴鍦ㄦ按涓悆姘村緢娣憋紝瑕佹槸浠讳綍涓�涓悗闂ㄨ鎵撳紑锛屾渤姘翠細寰堝揩杩涘叆鑸卞唴锛岄鏈哄彲鑳戒笉浼氭紓娴偅涔堥暱鏃堕棿锛夈�傚湪涓夊悕涔樺姟鍛橀粯濂戠殑閰嶅悎涓嬶紝155鍚嶆梾瀹㈠叏閮ㄧ敓杩橈紝鑰屼笖娌℃湁閬彈閲嶅ぇ浼ゅ銆�
           </p>
           <h3 id="c010">
-            <span class="h3-zt1">浠诲姟3</span
-            ><span class="h3-bk">姘戣埅鍛樺伐鍩烘湰鑳藉姏瀹炶</span>
+            <span class="h3-zt1">浠诲姟3</span><span class="h3-bk">姘戣埅鍛樺伐鍩烘湰鑳藉姏瀹炶</span>
           </h3>
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.閫氳繃璁粌鍩瑰吇浜插拰鍔涖��</p>
           <p>2.閫氳繃璁粌鍩瑰吇瑙傚療鑳藉姏銆�</p>
           <p>3.閫氳繃璁粌鍩瑰吇鍊惧惉鑳藉姏銆�</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.isCollectVideoSix ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'e483ec3b940fcc8616b8aea894d5ded0'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-07')" />
+              </el-tooltip>
+            </p>
+          </div>
+          <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.isCollectVideoSeven ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'be07f31967532a808843e53df1a436d5'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-08')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h4 id="d033">涓�銆佷翰鍜屽姏鐨勮缁�</h4>
           <h5 id="e027">锛堜竴锛夊闀滆缁冩硶</h5>
           <p>
@@ -1948,139 +2384,522 @@
         </div>
       </div>
     </div>
-
     <!-- 42 -->
     <div class="page-box" page="48">
       <div v-if="showPageList.indexOf(48) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">42</li>
-          <li class="headerText">姘戣埅鏈嶅姟绀间华</li>
-          <img
-            class="headerImg mr-10"
-            src="../../assets/images/headerlogo.png"
-            alt=""
-          />
+        <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
+          <li class="header-left-Number">
+            <span class="mr-10 pNum">42</span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+          </li>
+          <li class="header-left-text">
+            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
+          </li>
         </ul>
         <div class="bodystyle">
           <h5 id="e029">锛堜笁锛夊彛鍨嬪鐓ф硶</h5>
           <p>
             閫氳繃涓�浜涚浉浼兼�х殑鍙戦煶鍙e瀷锛屾壘鍒伴�傚悎鑷繁鐨勬渶缇庣殑寰瑧鐘舵�侊紝濡傗�滀竴鈥濃�滆寗瀛愨�濃�滃懙鈥濃�滃搱鈥濈瓑銆�
           </p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-c" alt="" src="../../assets/images/0048-1.jpg" />
           </p>
           <p class="img">鍥�1-3-10 浜插拰鍔涚殑琛ㄧ幇鈥斺�旇嚜淇$殑寰瑧</p>
-          <p><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
+          <p class="td-0"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
           <p class="center"><span class="cs1">浜插拰鍔涙祴璇�</span></p>
-          <p>
+          <p class="block">
             鍥炵瓟涓嬪垪闂锛岀瓟鈥滄槸鈥濆緱1鍒嗭紝绛斺�滃惁鈥濅笉寰楀垎銆傚鏋滄祴璇曟�诲垎澶氫簬5鍒嗭紝璇存槑浣犵殑浜插拰鍔涗笉瓒筹紝鍦ㄤ竴浜涙柟闈細浠や汉璁ㄥ帉锛屽湪鏃ュ父浜ゅ線涓娉ㄦ剰鏀硅繘銆�
           </p>
-          <p>
+          <p class="block">
             锛�1锛夊寙蹇欏湴琛岃蛋鍦ㄨ矾涓婏紝鍒汉鍚戜綘鎵撴嫑鍛尖�滀綘濂藉晩锛佲�濓紝浣犱細鍋滀笅鑴氭鍚屼粬鑱婅亰鍚楋紵
           </p>
-          <p>锛�2锛変笌鏈嬪弸浜よ皥鏃讹紝浣犳槸鍚︽�绘槸浠ヨ嚜宸变负涓績锛�</p>
-          <p>锛�3锛夎仛浼氫腑涓嶅埌浜轰汉鐤插�︼紝浣犱笉浼氬憡閫�銆�</p>
-          <p>
+          <div class="fl ml-35">
+            <p class="block">
+              <input type="radio" name="one" value="1" id="1" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.one" @change="setEvaluation" />鏄�
+            </p>
+            <p class="block">
+              <input type="radio" name="one" value="0" id="1" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.one" @change="setEvaluation" />鍚�
+            </p>
+          </div>
+          <p class="block">锛�2锛変笌鏈嬪弸浜よ皥鏃讹紝浣犳槸鍚︽�绘槸浠ヨ嚜宸变负涓績锛�</p>
+          <div class="fl ml-35">
+            <p class="block">
+              <input type="radio" name="two" value="1" id="2" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.two" @change="setEvaluation" />鏄�
+            </p>
+            <p class="block">
+              <input type="radio" name="two" value="0" id="2" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.two" @change="setEvaluation" />鍚�
+            </p>
+          </div>
+          <p class="block">锛�3锛夎仛浼氫腑涓嶅埌浜轰汉鐤插�︼紝浣犱笉浼氬憡閫�銆�</p>
+          <div class="fl ml-35">
+            <p class="block">
+              <input type="radio" name="three" value="1" id="3" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.three" @change="setEvaluation" />鏄�
+            </p>
+            <p class="block">
+              <input type="radio" name="three" value="0" id="3" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.three" @change="setEvaluation" />鍚�
+            </p>
+          </div>
+          <p class="block">
             锛�4锛変笉绠″埆浜烘湁娌℃湁瑕佹眰锛屼綘閮戒細涓诲姩鎻愬嚭寤鸿锛屽憡璇変粬搴旇鎬庝箞鍘诲仛鍚楋紵
           </p>
-          <p>锛�5锛変綘璁茬殑鏁呬簨鎴栭�镐簨鏄惁鎬绘槸鍙堥暱鍙堝鏉傦紝鍒汉闇�瑕佽�愬績鍦板幓鍚紵</p>
-          <p>锛�6锛夊綋浠栦汉鍦ㄨ瀺娲藉湴浜よ皥鏃讹紝浣犳槸鍚︿細璐哥劧鍦版彃璇濓紵</p>
-          <p>锛�7锛変綘鏄惁浼氱粡甯告触娲ユ湁鍛冲湴涓庢湅鍙嬭皥璧蜂粬浠笉璁よ瘑鐨勪汉锛�</p>
-          <p>锛�8锛夊綋鍒汉浜よ皥鏃讹紝浣犳槸鍚︿細鎵撴柇浠栦滑锛�</p>
-          <p>锛�9锛変綘鏄惁瑙夊緱鑷繁璁叉晠浜嬬粰鍒汉鍚紝姣斿埆浜鸿缁欎綘鍚湁鎰忔�濓紵</p>
-          <p>锛�10锛変綘鏄惁甯告彁閱掓湅鍙嬭淇″畧璇鸿█锛岄棶浠栤�滀綘璁板緱鍚椻�濇垨鈥滀綘蹇樹簡鍚椻�濓紵</p>
-          <p>锛�11锛変綘鏄惁鍧氭寔璁╂湅鍙嬮槄璇讳綘璁や负鏈夎叮鐨勪俊鎭紵</p>
-          <p>锛�12锛変綘鏄惁鎵撶數璇濇椂璇翠釜娌″畬锛岃鍏朵粬浜哄湪涓�鏃佺潃鎬ョ瓑寰咃紵</p>
-          <p>锛�13锛変綘鏄惁缁忓父鍙戠幇鏈嬪弸鐨勭煭澶勶紝骞惰姹備粬浠幓鏀硅繘锛�</p>
+          <div class="fl ml-35">
+            <p class="block">
+              <input type="radio" name="four" value="1" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.four" @change="setEvaluation" />鏄�
+            </p>
+            <p class="block">
+              <input type="radio" name="four" value="0" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.four" @change="setEvaluation" />鍚�
+            </p>
+          </div>
+          <p class="block">
+            锛�5锛変綘璁茬殑鏁呬簨鎴栭�镐簨鏄惁鎬绘槸鍙堥暱鍙堝鏉傦紝鍒汉闇�瑕佽�愬績鍦板幓鍚紵
+          </p>
+          <div class="fl ml-35">
+            <p class="block">
+              <input type="radio" name="five" value="1" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.five" @change="setEvaluation" />鏄�
+            </p>
+            <p class="block">
+              <input type="radio" name="five" value="0" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.five" @change="setEvaluation" />鍚�
+            </p>
+          </div>
+          <p class="block">锛�6锛夊綋浠栦汉鍦ㄨ瀺娲藉湴浜よ皥鏃讹紝浣犳槸鍚︿細璐哥劧鍦版彃璇濓紵</p>
+          <div class="fl ml-35">
+            <p class="block">
+              <input type="radio" name="six" value="1" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.six" @change="setEvaluation" />鏄�
+            </p>
+            <p class="block">
+              <input type="radio" name="six" value="0" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.six" @change="setEvaluation" />鍚�
+            </p>
+          </div>
+          <p class="block">
+            锛�7锛変綘鏄惁浼氱粡甯告触娲ユ湁鍛冲湴涓庢湅鍙嬭皥璧蜂粬浠笉璁よ瘑鐨勪汉锛�
+          </p>
+          <div class="fl ml-35">
+            <p class="block">
+              <input type="radio" name="seven" value="1" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.seven" @change="setEvaluation" />鏄�
+            </p>
+            <p class="block">
+              <input type="radio" name="seven" value="0" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.seven" @change="setEvaluation" />鍚�
+            </p>
+          </div>
+          <p class="block">锛�8锛夊綋鍒汉浜よ皥鏃讹紝浣犳槸鍚︿細鎵撴柇浠栦滑锛�</p>
+          <div class="fl ml-35">
+            <p class="block">
+              <input type="radio" name="eight" value="1" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.eight" @change="setEvaluation" />鏄�
+            </p>
+            <p class="block">
+              <input type="radio" name="eight" value="0" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.eight" @change="setEvaluation" />鍚�
+            </p>
+          </div>
+          <p class="block">
+            锛�9锛変綘鏄惁瑙夊緱鑷繁璁叉晠浜嬬粰鍒汉鍚紝姣斿埆浜鸿缁欎綘鍚湁鎰忔�濓紵
+          </p>
+          <div class="fl ml-35">
+            <p class="block">
+              <input type="radio" name="nine" value="1" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.nine" @change="setEvaluation" />鏄�
+            </p>
+            <p class="block">
+              <input type="radio" name="nine" value="0" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.nine" @change="setEvaluation" />鍚�
+            </p>
+          </div>
+          <p class="block">
+            锛�10锛変綘鏄惁甯告彁閱掓湅鍙嬭淇″畧璇鸿█锛岄棶浠栤�滀綘璁板緱鍚椻�濇垨鈥滀綘蹇樹簡鍚椻�濓紵
+          </p>
+          <div class="fl ml-35">
+            <p class="block">
+              <input type="radio" name="ten" value="1" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.ten" @change="setEvaluation" />鏄�
+            </p>
+            <p class="block">
+              <input type="radio" name="ten" value="0" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.ten" @change="setEvaluation" />鍚�
+            </p>
+          </div>
+          <p class="block">锛�11锛変綘鏄惁鍧氭寔璁╂湅鍙嬮槄璇讳綘璁や负鏈夎叮鐨勪俊鎭紵</p>
+          <div class="fl ml-35">
+            <p class="block">
+              <input type="radio" name="eleven" value="1" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.eleven" @change="setEvaluation" />鏄�
+            </p>
+            <p class="block">
+              <input type="radio" name="eleven" value="0" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.eleven" @change="setEvaluation" />鍚�
+            </p>
+          </div>
+          <p class="block">
+            锛�12锛変綘鏄惁鎵撶數璇濇椂璇翠釜娌″畬锛岃鍏朵粬浜哄湪涓�鏃佺潃鎬ョ瓑寰咃紵
+          </p>
+          <div class="fl ml-35">
+            <p class="block">
+              <input type="radio" name="twelve" value="1" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.twelve" @change="setEvaluation" />鏄�
+            </p>
+            <p class="block">
+              <input type="radio" name="twelve" value="0" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.twelve" @change="setEvaluation" />鍚�
+            </p>
+          </div>
+          <p class="block">
+            锛�13锛変綘鏄惁缁忓父鍙戠幇鏈嬪弸鐨勭煭澶勶紝骞惰姹備粬浠幓鏀硅繘锛�
+          </p>
+          <div class="fl ml-35">
+            <p class="block">
+              <input type="radio" name="thirteen" value="1" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.thirteen" @change="setEvaluation" />鏄�
+            </p>
+            <p class="block">
+              <input type="radio" name="thirteen" value="0" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.thirteen" @change="setEvaluation" />鍚�
+            </p>
+          </div>
         </div>
       </div>
     </div>
     <!-- 43 -->
     <div class="page-box" page="49">
       <div v-if="showPageList.indexOf(49) > -1">
-        <ul class="fl al-c pad-t-55 pad-l-80 mb-45">
-          <li class="header-left-Number">妯″潡涓�</li>
-          <li class="header-left-text">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
-          <li class="header-left-Number">43</li>
+        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
+          <li class="header-right-Number header-right-title">妯″潡涓�</li>
+          <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
+          <li class="p-Num">43</li>
+          <li class="header-right-Number cloud">
+            <img class="" src="../../assets/images/yemei02.png" alt="" />
+          </li>
+          <li class="header-right-last"><br /></li>
+          <li class="header-right-end"><br /></li>
         </ul>
         <div class="bodystyle">
-          <p>锛�14锛夊綋鍒汉璋堝埌浣犱笉鍠滄鐨勮瘽棰樻椂锛屼綘鏄惁灏变笉璇磋瘽浜嗭紵</p>
-          <p>锛�15锛夊绉嶇涓嶅鎰忕殑浜嬫儏锛屼綘鏄惁鎬绘槸鍠滄鎵句汉璇夎嫤锛�</p>
+          <p class="block">
+            锛�14锛夊綋鍒汉璋堝埌浣犱笉鍠滄鐨勮瘽棰樻椂锛屼綘鏄惁灏变笉璇磋瘽浜嗭紵
+          </p>
+          <div class="fl ml-35">
+            <p class="block">
+              <input type="radio" name="fourteen" value="1" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.fourteen" @change="setEvaluation" />鏄�
+            </p>
+            <p class="block">
+              <input type="radio" name="fourteen" value="0" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.fourteen" @change="setEvaluation" />鍚�
+            </p>
+          </div>
+          <p class="block">
+            锛�15锛夊绉嶇涓嶅鎰忕殑浜嬫儏锛屼綘鏄惁鎬绘槸鍠滄鎵句汉璇夎嫤锛�
+          </p>
+          <div class="fl ml-35">
+            <p class="block">
+              <input type="radio" name="fifteen" value="1" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.fifteen" @change="setEvaluation" />鏄�
+            </p>
+            <p class="block">
+              <input type="radio" name="fifteen" value="0" :disabled="evaluation.isCompleteOne"
+                v-model="evaluation.evaluationOneValue.fifteen" @change="setEvaluation" />鍚�
+            </p>
+          </div>
+          <!-- 鎻愪氦鎸夐挳 -->
+          <div class="w100 fl ju-cn">
+            <ul class="fl ju-ev w80 choice">
+              <li>
+                <button class="btn-border btn-w" @click="goCheckOne">
+                  鎻愪氦
+                </button>
+              </li>
+              <li>
+                <button @click="changeCheckData" class="btn-border btn-w">
+                  閲嶅仛
+                </button>
+              </li>
+            </ul>
+          </div>
+          <div class="c-r block" v-if="evaluationOneResults || evaluationOneResults === 0">
+            鎮ㄧ殑寰楀垎锛歿{ evaluationOneResults }}
+          </div>
           <h4 id="d034">浜屻�佽瀵熻兘鍔涚殑璁粌</h4>
           <p class="center">
             <span class="cs1">瑙傚療鍔涜�冮獙鈥斺�斿浘鐗囦腑鍏辨湁鍑犱釜浜猴紵</span>
           </p>
-          <p class="center">
-            <img class="img-c" alt="" src="../../assets/images/0049-1.jpg" />
+          <p class="center openImgBox">
+            <img class="img-d" alt="" src="../../assets/images/0049-1.jpg" />
           </p>
           <p class="img">鍥�1-3-11 瑙傚療鑳藉姏娴嬭瘯</p>
-          <p><span class="bj2">路绀间箣瀹炶返路</span></p>
+          <p class="td-0"><span class="bj2">路绀间箣瀹炶返路</span></p>
           <p class="center">
             <span class="cs1">瑙傚療鑳藉姏璁粌瀹炶返鈥斺�旇瀵熸垜鐨勫悓妗�</span>
           </p>
-          <p>
+          <p class="block">
             鏈濆鐩稿鐨勫悓妗岋紝涓轰綘鐨勬牎鍥敓娲诲娣讳簡涓�閬撹壊褰┿�備綘鏄惁浠旂粏瑙傚療杩囧悓妗屽憿锛熶粬鐨勪簲瀹樸�佷粬鐨勫Э鎬佺壒鐐广�佷粬鐙壒鐨勫皬鍔ㄤ綔锛屼互鍙婁粬鐨勪紭鐐圭己鐐癸紝浣犳槸鍚︿簡瑙e憿锛熻杩愮敤浣犵殑瑙傚療鑳藉姏锛屽皢涓婅堪鍐呭璁板綍涓嬫潵骞跺仛鍒嗕韩銆�
           </p>
           <h4 id="d035">涓夈�佸�惧惉鑳藉姏鐨勮缁�</h4>
-          <p><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
+          <p class="td-0"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
           <p class="center"><span class="cs1">鍊惧惉鑳藉姏娴嬭瘯</span></p>
-          <p>锛�1锛夋垜甯稿父璇曞浘鍚屾椂鍚嚑涓汉鐨勪氦璋堛��</p>
-          <p>锛�2锛夊枩娆㈠埆浜哄彧缁欐垜鎻愪緵浜嬪疄锛屾垜鑷繁鍋氬嚭瑙i噴銆�</p>
-          <p>锛�3锛夋湁鏃跺亣瑁呰嚜宸卞湪璁ょ湡鍚埆浜鸿璇濄��</p>
-          <p>锛�4锛夎涓鸿嚜宸辨槸闈炶█璇矡閫氭柟闈㈢殑濂芥墜銆�</p>
+          <p class="block">锛�1锛夋垜甯稿父璇曞浘鍚屾椂鍚嚑涓汉鐨勪氦璋堛��</p>
+          <div class="fl ml-35">
+            <p class="block">
+              <input type="radio" name="eOne" value="0" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.one" @change="setEvaluation" />鏄�
+            </p>
+            <p class="block">
+              <input type="radio" name="eOne" value="1" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.one" @change="setEvaluation" />鍚�
+            </p>
+          </div>
+          <p class="block">锛�2锛夊枩娆㈠埆浜哄彧缁欐垜鎻愪緵浜嬪疄锛屾垜鑷繁鍋氬嚭瑙i噴銆�</p>
+          <div class="fl ml-35">
+            <p class="block">
+              <input type="radio" name="eTwo" value="0" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.two" @change="setEvaluation" />鏄�
+            </p>
+            <p class="block">
+              <input type="radio" name="eTwo" value="1" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.two" @change="setEvaluation" />鍚�
+            </p>
+          </div>
+          <p class="block">锛�3锛夋湁鏃跺亣瑁呰嚜宸卞湪璁ょ湡鍚埆浜鸿璇濄��</p>
+          <div class="fl ml-35">
+            <p class="block">
+              <input type="radio" name="eThree" value="0" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.three" @change="setEvaluation" />鏄�
+            </p>
+            <p class="block">
+              <input type="radio" name="eThree" value="1" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.three" @change="setEvaluation" />鍚�
+            </p>
+          </div>
+          <p class="block">锛�4锛夎涓鸿嚜宸辨槸闈炶█璇矡閫氭柟闈㈢殑濂芥墜銆�</p>
+          <div class="fl ml-35">
+            <p class="block">
+              <input type="radio" name="eFour" value="1" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.four" @change="setEvaluation" />鏄�
+            </p>
+            <p class="block">
+              <input type="radio" name="eFour" value="0" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.four" @change="setEvaluation" />鍚�
+            </p>
+          </div>
         </div>
       </div>
     </div>
     <!-- 44 -->
     <div class="page-box" page="50">
       <div v-if="showPageList.indexOf(50) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">44</li>
-          <li class="headerText">姘戣埅鏈嶅姟绀间华</li>
-          <img
-            class="headerImg mr-10"
-            src="../../assets/images/headerlogo.png"
-            alt=""
-          />
+        <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
+          <li class="header-left-Number">
+            <span class="mr-10 pNum">44</span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+          </li>
+          <li class="header-left-text">
+            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
+          </li>
         </ul>
         <div class="bodystyle">
-          <p>锛�5锛夊父甯稿湪鍒汉璇磋瘽涔嬪墠灏辩煡閬撲粬瑕佽浠�涔堛��</p>
-          <p>锛�6锛夊鏋滀笉鍠滄鍜屾煇浜轰氦璋堬紝甯稿父鐢ㄦ敞鎰忓姏涓嶉泦涓殑鏂瑰紡缁撴潫璋堣瘽銆�</p>
-          <p>锛�7锛夊父甯哥敤鐐瑰ご銆佺毐鐪夌瓑鏂瑰紡璁╄璇濅汉浜嗚В鎴戝浠栬鐨勫唴瀹圭殑鎰熻銆�</p>
-          <p>锛�8锛夊父甯稿埆浜哄垰璇村畬锛屾垜灏辫皥鑷繁鐨勭湅娉曘��</p>
-          <p>锛�9锛夊埆浜鸿璇濈殑鍚屾椂锛屾垜甯稿父鎬濊�冩帴涓嬫潵鎴戣璇寸殑鍐呭銆�</p>
-          <p>锛�10锛夎璇濅汉鐨勮皥璇濋鏍煎父甯稿奖鍝嶆垜瀵硅皥璇濆唴瀹圭殑鍏磋叮銆�</p>
-          <p>
+          <p class="block">锛�5锛夊父甯稿湪鍒汉璇磋瘽涔嬪墠灏辩煡閬撲粬瑕佽浠�涔堛��</p>
+          <div class="fl ml-35">
+            <p class="block">
+              <input type="radio" name="eFive" value="0" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.five" @change="setEvaluation" />鏄�
+            </p>
+            <p class="block">
+              <input type="radio" name="eFive" value="1" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.five" @change="setEvaluation" />鍚�
+            </p>
+          </div>
+          <p class="block">
+            锛�6锛夊鏋滀笉鍠滄鍜屾煇浜轰氦璋堬紝甯稿父鐢ㄦ敞鎰忓姏涓嶉泦涓殑鏂瑰紡缁撴潫璋堣瘽銆�
+          </p>
+          <div class="fl ml-35">
+            <p class="block">
+              <input type="radio" name="eSix" value="0" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.six" @change="setEvaluation" />鏄�
+            </p>
+            <p class="block">
+              <input type="radio" name="eSix" value="1" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.six" @change="setEvaluation" />鍚�
+            </p>
+          </div>
+          <p class="block">
+            锛�7锛夊父甯哥敤鐐瑰ご銆佺毐鐪夌瓑鏂瑰紡璁╄璇濅汉浜嗚В鎴戝浠栬鐨勫唴瀹圭殑鎰熻銆�
+          </p>
+          <div class="fl ml-35">
+            <p class="block">
+              <input type="radio" name="eSeven" value="0" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.seven" @change="setEvaluation" />鏄�
+            </p>
+            <p class="block">
+              <input type="radio" name="eSeven" value="1" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.seven" @change="setEvaluation" />鍚�
+            </p>
+          </div>
+          <p class="block">锛�8锛夊父甯稿埆浜哄垰璇村畬锛屾垜灏辫皥鑷繁鐨勭湅娉曘��</p>
+          <div class="fl ml-35">
+            <p class="block">
+              <input type="radio" name="eEight" value="0" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.eight" @change="setEvaluation" />鏄�
+            </p>
+            <p class="block">
+              <input type="radio" name="eEight" value="1" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.eight" @change="setEvaluation" />鍚�
+            </p>
+          </div>
+          <p class="block">
+            锛�9锛夊埆浜鸿璇濈殑鍚屾椂锛屾垜甯稿父鎬濊�冩帴涓嬫潵鎴戣璇寸殑鍐呭銆�
+          </p>
+          <div class="fl ml-35">
+            <p class="block">
+              <input type="radio" name="eNine" value="0" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.nine" @change="setEvaluation" />鏄�
+            </p>
+            <p class="block">
+              <input type="radio" name="eNine" value="1" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.nine" @change="setEvaluation" />鍚�
+            </p>
+          </div>
+          <p class="block">
+            锛�10锛夎璇濅汉鐨勮皥璇濋鏍煎父甯稿奖鍝嶆垜瀵硅皥璇濆唴瀹圭殑鍏磋叮銆�
+          </p>
+          <div class="fl ml-35">
+            <p class="block">
+              <input type="radio" name="eTen" value="0" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.ten" @change="setEvaluation" />鏄�
+            </p>
+            <p class="block">
+              <input type="radio" name="eTen" value="1" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.ten" @change="setEvaluation" />鍚�
+            </p>
+          </div>
+          <p class="block">
             锛�11锛変负浜嗗紕娓呭鏂规墍璇寸殑瑙傜偣锛屾垜甯搁噰鍙栨彁闂殑鏂瑰紡锛岃�屼笉杩涜鐚滄祴銆�
           </p>
-          <p>锛�12锛変负浜嗙悊瑙e鏂圭殑瑙傜偣锛屾垜鎬讳細涓嬬嫚鍔熷か銆�</p>
-          <p>锛�13锛夊父甯稿惉鑷繁鍠滄鍚殑鍐呭锛岃�屼笉鏄惉鍒汉琛ㄨ揪鐨勫唴瀹广��</p>
-          <p>
+          <div class="fl ml-35">
+            <p class="block">
+              <input type="radio" name="eEleven" value="1" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.eleven" @change="setEvaluation" />鏄�
+            </p>
+            <p class="block">
+              <input type="radio" name="eEleven" value="0" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.eleven" @change="setEvaluation" />鍚�
+            </p>
+          </div>
+          <p class="block">锛�12锛変负浜嗙悊瑙e鏂圭殑瑙傜偣锛屾垜鎬讳細涓嬬嫚鍔熷か銆�</p>
+          <div class="fl ml-35">
+            <p class="block">
+              <input type="radio" name="eTwelve" value="1" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.twelve" @change="setEvaluation" />鏄�
+            </p>
+            <p class="block">
+              <input type="radio" name="eTwelve" value="0" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.twelve" @change="setEvaluation" />鍚�
+            </p>
+          </div>
+          <p class="block">
+            锛�13锛夊父甯稿惉鑷繁鍠滄鍚殑鍐呭锛岃�屼笉鏄惉鍒汉琛ㄨ揪鐨勫唴瀹广��
+          </p>
+          <div class="fl ml-35">
+            <p class="block">
+              <input type="radio" name="eThirteen" value="0" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.thirteen" @change="setEvaluation" />鏄�
+            </p>
+            <p class="block">
+              <input type="radio" name="eThirteen" value="1" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.thirteen" @change="setEvaluation" />鍚�
+            </p>
+          </div>
+          <p class="block">
             锛�14锛夊綋鎴戝拰鍒汉鎰忚涓嶄竴鑷存椂锛屽ぇ澶氭暟浜鸿涓烘垜鐞嗚В浜嗕粬浠殑瑙傜偣鍜屾兂娉曘��
           </p>
-          <p>锛�15锛夊埆浜鸿璇濈殑鍚屾椂锛屾垜涔熷湪璇勪环浠栬鐨勫唴瀹广��</p>
-          <p>娴嬭瘯缁撴灉锛�</p>
-          <p>
-            棰樼洰4銆�11銆�12銆�14鐨勭瓟妗堜负鈥滄槸鈥濓紝鍏朵綑涓衡�滃惁鈥濄�傚皢绛旈敊鐨勯鐩釜鏁板姞璧锋潵鍚庝箻7锛屽啀鐢�105鍑忓幓杩欎釜鏁帮紝灏辨槸鏈�鍚庡緱鍒嗐�傝瘎鍒わ細91锝�105涔嬮棿锛岃鏄庢湁鑹ソ鐨勫�惧惉涔犳儻锛�77锝�90涔嬮棿锛岃鏄庤繕鏈夊緢澶х殑杩涙绌洪棿銆�
-          </p>
-          <p><span class="bj2">路绀间箣瀹炶返路</span></p>
+          <div class="fl ml-35">
+            <p class="block">
+              <input type="radio" name="eFourteen" value="1" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.fourteen" @change="setEvaluation" />鏄�
+            </p>
+            <p class="block">
+              <input type="radio" name="eFourteen" value="0" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.fourteen" @change="setEvaluation" />鍚�
+            </p>
+          </div>
+          <p class="block">锛�15锛夊埆浜鸿璇濈殑鍚屾椂锛屾垜涔熷湪璇勪环浠栬鐨勫唴瀹广��</p>
+          <div class="fl ml-35">
+            <p class="block">
+              <input type="radio" name="eFifteen" value="0" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.fifteen" @change="setEvaluation" />鏄�
+            </p>
+            <p class="block">
+              <input type="radio" name="eFifteen" value="1" id="1" :disabled="evaluation.isCompleteTwo"
+                v-model="evaluation.evaluationTwoValue.fifteen" @change="setEvaluation" />鍚�
+            </p>
+          </div>
+
+          <!-- 鎻愪氦鎸夐挳 -->
+          <div class="w100 fl ju-cn">
+            <ul class="fl ju-ev w80 choice">
+              <li>
+                <button class="btn-border btn-w" @click="goCheckTwo">
+                  鎻愪氦
+                </button>
+              </li>
+              <li>
+                <button @click="changeCheckTwo" class="btn-border btn-w">
+                  閲嶅仛
+                </button>
+              </li>
+              <li>
+                <button @click="
+                  evaluation.showCheckAnswer = !evaluation.showCheckAnswer
+                  " class="parimary-btn">
+                  璇勫垎鏍囧噯
+                </button>
+              </li>
+            </ul>
+          </div>
+          <div class="c-r block" v-if="evaluationTwoResults || evaluationTwoResults === 0">
+            鎮ㄧ殑寰楀垎锛歿{ evaluationTwoResults }}
+          </div>
+          <div v-show="evaluation.showCheckAnswer" class="mb-30">
+            <p class="block">娴嬭瘯缁撴灉锛�</p>
+            <p class="block">
+              棰樼洰4銆�11銆�12銆�14鐨勭瓟妗堜负鈥滄槸鈥濓紝鍏朵綑涓衡�滃惁鈥濄�傚皢绛旈敊鐨勯鐩釜鏁板姞璧锋潵鍚庝箻7锛屽啀鐢�105鍑忓幓杩欎釜鏁帮紝灏辨槸鏈�鍚庡緱鍒嗐�傝瘎鍒わ細91锝�105涔嬮棿锛岃鏄庢湁鑹ソ鐨勫�惧惉涔犳儻锛�77锝�90涔嬮棿锛岃鏄庤繕鏈夊緢澶х殑杩涙绌洪棿銆�
+            </p>
+          </div>
+
+          <p class="td-0"><span class="bj2">路绀间箣瀹炶返路</span></p>
           <p class="center">
             <span class="cs1">瀛︿細鍊惧惉鍜岃〃杈剧殑鎷撳睍娓告垙</span>
           </p>
-          <p>椤圭洰鍚嶇О锛氶洩鑺辩墖鐗囥��</p>
-          <p>椤圭洰浜烘暟锛氫笉闄愩��</p>
-          <p>椤圭洰鏃堕暱锛�20鍒嗛挓銆�</p>
-          <p>椤圭洰鍦哄湴锛氬鍐呭鐨嗗彲锛屼负姣忎汉鎻愪緵涓�寮犺杽鐨凙4澶у皬鐨勭┖鐧界焊寮犮��</p>
-          <p>娲诲姩鐩殑锛氬涔犳矡閫氫笌鍊惧惉銆�</p>
-          <p>椤圭洰瑙勫垯锛�</p>
-          <p>1.鎵�鏈夊鍛樺皢鐪肩潧闂笂銆傚彂缁欐瘡浜轰竴寮犵櫧绾搞��</p>
-          <p>2.渚濈収璁粌鍛樼殑鎸囦护鍋氬姩浣滐紝鍔ㄤ綔濡備笅锛�</p>
-          <p>锛�1锛夊厛灏嗙櫧绾稿鎶樼劧鍚庡啀瀵规姌锛屽皢鍙充笂瑙掓挄涓嬨��</p>
-          <p>锛�2锛夊啀灏嗙焊瀵规姌涓�娆★紝鐒跺悗鍦ㄥ彸涓婅鎾曚笅涓�涓竟闀�2cm鐨勬鏂瑰舰銆�</p>
-          <p>锛�3锛夊啀灏嗙焊瀵规姌涓�娆★紝鐒跺悗鍦ㄥ彸涓婅鎾曚笅涓�涓崐寰�2cm鐨勬墖褰€��</p>
-          <p>3.瀹屾垚鍔ㄤ綔鍚庣潄寮�鐪硷紝鎽婂紑绾哥湅鐪嬫槸鍚︾浉鍚屻��</p>
-          <p>
-            4.杩囩▼涓鍛樺鏈夊彂闂渶缁欎簣鍝嶅簲锛屼絾瀛﹀憳濡備繚鎸佹矇榛橈紝鍒欏湪瀛﹀憳瀹屾垚姣忎竴涓姩浣�
+          <p class="block">椤圭洰鍚嶇О锛氶洩鑺辩墖鐗囥��</p>
+          <p class="block">椤圭洰浜烘暟锛氫笉闄愩��</p>
+          <p class="block">椤圭洰鏃堕暱锛�20鍒嗛挓銆�</p>
+          <p class="block">
+            椤圭洰鍦哄湴锛氬鍐呭鐨嗗彲锛屼负姣忎汉鎻愪緵涓�寮犺杽鐨凙4澶у皬鐨勭┖鐧界焊寮犮��
+          </p>
+          <p class="block">娲诲姩鐩殑锛氬涔犳矡閫氫笌鍊惧惉銆�</p>
+          <p class="block">椤圭洰瑙勫垯锛�</p>
+          <p class="block">1.鎵�鏈夊鍛樺皢鐪肩潧闂笂銆傚彂缁欐瘡浜轰竴寮犵櫧绾搞��</p>
+          <p class="block">2.渚濈収璁粌鍛樼殑鎸囦护鍋氬姩浣滐紝鍔ㄤ綔濡備笅锛�</p>
+          <p class="block">锛�1锛夊厛灏嗙櫧绾稿鎶樼劧鍚庡啀瀵规姌锛屽皢鍙充笂瑙掓挄涓嬨��</p>
+          <p class="block">
+            锛�2锛夊啀灏嗙焊瀵规姌涓�娆★紝鐒跺悗鍦ㄥ彸涓婅鎾曚笅涓�涓竟闀�2cm鐨勬鏂瑰舰銆�
+          </p>
+          <p class="block">
+            锛�3锛夊啀灏嗙焊瀵规姌涓�娆★紝鐒跺悗鍦ㄥ彸涓婅鎾曚笅涓�涓崐寰�2cm鐨勬墖褰€��
+          </p>
+          <p class="block">3.瀹屾垚鍔ㄤ綔鍚庣潄寮�鐪硷紝鎽婂紑绾哥湅鐪嬫槸鍚︾浉鍚屻��</p>
+          <p class="block">
+            4.杩囩▼涓鍛樺鏈夊彂闂渶缁欎簣鍝嶅簲锛屼絾瀛﹀憳濡備繚鎸佹矇榛橈紝鍒欏湪瀛﹀憳瀹屾垚姣忎竴涓姩浣滃悗缁х画涓嬫寚浠ゃ��
           </p>
         </div>
       </div>
@@ -2088,51 +2907,106 @@
     <!-- 45 -->
     <div class="page-box" page="51">
       <div v-if="showPageList.indexOf(51) > -1">
-        <ul class="fl al-c pad-t-55 pad-l-80 mb-45">
-          <li class="header-left-Number">妯″潡涓�</li>
-          <li class="header-left-text">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
-          <li class="header-left-Number">45</li>
+        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
+          <li class="header-right-Number header-right-title">妯″潡涓�</li>
+          <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
+          <li class="p-Num">45</li>
+          <li class="header-right-Number cloud">
+            <img class="" src="../../assets/images/yemei02.png" alt="" />
+          </li>
+          <li class="header-right-last"><br /></li>
+          <li class="header-right-end"><br /></li>
         </ul>
         <div class="bodystyle">
-          <p>鍚庣户缁笅鎸囦护銆�</p>
-          <p>
+          <p class="block">
             5.涔熷彲閲囧彇涓嶅厑璁稿彂闂殑鏂瑰紡杩涜绗竴娆℃父鎴忔椿鍔紝娲诲姩鍚庤繘琛岃璁猴紝鐒跺悗鍐嶄互鍚屾牱鏂瑰紡鍐嶅仛涓�娆★紝瀹屾垚鍚庣潄寮�鐪硷紝鎽婂紑绾哥湅鐪嬫槸鍚︾浉鍚屻��
           </p>
           <p class="center">
             <span class="cs1">鍊惧惉鑳藉姏浠诲姟瀹炶返鈥斺�斿�惧惉浠栦汉鐨勫績澹�</span>
           </p>
-          <p>
+          <p class="block">
             浣犳湁澶氫箙娌℃湁鍜岀埗姣嶆垨鏈嬪弸鑱婂ぉ浜嗭紵杩欎竴娆¤鍋氫竴涓�惧惉鑰咃紝鑰屼笉鏄�捐瘔鑰咃紝灏嗕綘鍚埌鐨勫唴瀹瑰仛濂借褰曪紝骞剁粰浜堝鏂归�傚綋鍙嶉銆�
           </p>
-          <p><span class="bj2">路椤圭洰鑷祴路</span></p>
+          <p class="td-0 mb-10 mt-10"><span class="bj2">路椤圭洰鑷祴路</span></p>
           <p>
             1.浣滀负涓�鍚嶆皯鐢ㄨ埅绌轰汉鍛橈紝搴斿叿澶囧摢浜涘熀鏈兘鍔涘憿锛燂紙銆�銆�锛夛紙澶氶�夐锛�
           </p>
-          <p>A.鑹ソ鐨勪翰鍜岃兘鍔�</p>
-          <p>B.缁嗗井鐨勮瀵熻兘鍔�</p>
-          <p>C.鏁忛攼鐨勬敞鎰忚兘鍔�</p>
-          <p>D.涓诲姩鐨勫�惧惉鑳藉姏</p>
-          <p>E.鏈夋晥鐨勬矡閫氳兘鍔�</p>
-          <p>F.搴旀�ュ鐞嗚兘鍔�</p>
+          <p>
+            <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="A" id="1"
+              v-model="questionData.projectThree.one.value" @change="setBookQuestion" />A.鑹ソ鐨勪翰鍜岃兘鍔�
+          </p>
+          <p>
+            <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="B" id="1"
+              v-model="questionData.projectThree.one.value" @change="setBookQuestion" />B.缁嗗井鐨勮瀵熻兘鍔�
+          </p>
+          <p>
+            <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="C" id="1"
+              v-model="questionData.projectThree.one.value" @change="setBookQuestion" />C.鏁忛攼鐨勬敞鎰忚兘鍔�
+          </p>
+          <p>
+            <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="D" id="1"
+              v-model="questionData.projectThree.one.value" @change="setBookQuestion" />D.涓诲姩鐨勫�惧惉鑳藉姏
+          </p>
+          <p>
+            <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="E" id="1"
+              v-model="questionData.projectThree.one.value" @change="setBookQuestion" />E.鏈夋晥鐨勬矡閫氳兘鍔�
+          </p>
+          <p>
+            <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="F" id="1"
+              v-model="questionData.projectThree.one.value" @change="setBookQuestion" />F.搴旀�ュ鐞嗚兘鍔�
+          </p>
           <p>
             2.姘戠敤鑸┖浜哄憳鍦ㄦ湇鍔¤繃绋嬩腑搴斾娇鐢ㄦ纭�傚綋鐨勭敤璇�備笅鍒楀摢浜涙湇鍔$敤璇槸蹇岃鐨勶紵锛堛��銆�锛夛紙澶氶�夐锛�
           </p>
-          <p>A.瀵规梾瀹娇鐢ㄤ笉鎭板綋鐨勭О鍛�</p>
-          <p>B.瀵规梾瀹娇鐢ㄤ笉鑰愮儲銆佹帹鎵樸�佸喎婕犵殑璇彞</p>
-          <p>C.瀵规梾瀹㈡彁鍑虹殑闂鐑儏澶ф柟鍦板洖搴旓紝鍋氬埌鍙婃椂鏈夋晥鐨勬矡閫�</p>
-          <p>D.瀵规梾瀹娇鐢ㄥ弽闂�佽矗闂�佽交瑙嗙殑璇彞</p>
-          <p>E.瀵规梾瀹娇鐢ㄥ偓淇冨懡浠ゅ紡鐨勮鍙�</p>
+          <p>
+            <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="A" id="2"
+              v-model="questionData.projectThree.two.value" @change="setBookQuestion" />A.瀵规梾瀹娇鐢ㄤ笉鎭板綋鐨勭О鍛�
+          </p>
+          <p>
+            <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="B" id="2"
+              v-model="questionData.projectThree.two.value" @change="setBookQuestion" />B.瀵规梾瀹娇鐢ㄤ笉鑰愮儲銆佹帹鎵樸�佸喎婕犵殑璇彞
+          </p>
+          <p>
+            <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="C" id="2"
+              v-model="questionData.projectThree.two.value" @change="setBookQuestion" />C.瀵规梾瀹㈡彁鍑虹殑闂鐑儏澶ф柟鍦板洖搴旓紝鍋氬埌鍙婃椂鏈夋晥鐨勬矡閫�
+          </p>
+          <p>
+            <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="D" id="2"
+              v-model="questionData.projectThree.two.value" @change="setBookQuestion" />D.瀵规梾瀹娇鐢ㄥ弽闂�佽矗闂�佽交瑙嗙殑璇彞
+          </p>
+          <p>
+            <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="E" id="2"
+              v-model="questionData.projectThree.two.value" @change="setBookQuestion" />E.瀵规梾瀹娇鐢ㄥ偓淇冨懡浠ゅ紡鐨勮鍙�
+          </p>
           <p>
             3.浣滀负涓�鍚嶆皯鐢ㄨ埅绌轰汉鍛橈紝褰撻潰瀵圭獊鍙戞儏鍐垫椂搴旀矇鐫�鍐烽潤锛屽悓鏃朵篃璇ュ叿澶囧摢浜涘熀鏈礌鍏昏兘鍔涘憿锛燂紙銆�銆�锛夛紙澶氶�夐锛�
           </p>
-          <p>A.蹇冪悊绱犺川</p>
-          <p>B.鍧氬疄鐨勪笓涓氱煡璇�</p>
-          <p>C.缁勭粐鑳藉姏</p>
-          <p>D.鍥㈤槦绮剧</p>
+          <p>
+            <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="A" id="3"
+              v-model="questionData.projectThree.three.value" @change="setBookQuestion" />A.蹇冪悊绱犺川
+          </p>
+          <p>
+            <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="B" id="3"
+              v-model="questionData.projectThree.three.value" @change="setBookQuestion" />B.鍧氬疄鐨勪笓涓氱煡璇�
+          </p>
+          <p>
+            <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="C" id="3"
+              v-model="questionData.projectThree.three.value" @change="setBookQuestion" />C.缁勭粐鑳藉姏
+          </p>
+          <p>
+            <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="D" id="3"
+              v-model="questionData.projectThree.three.value" @change="setBookQuestion" />D.鍥㈤槦绮剧
+          </p>
           <p>4.鏍规嵁鐩墠鎵�瀛︿笓涓氾紝璇峰垎鏋愯嚜宸卞簲璇ュ叿澶囧摢浜涚礌鍏昏兘鍔涖��</p>
+          <textarea v-model="questionData.projectThree.four.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+            class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
         </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>
 
@@ -2142,12 +3016,19 @@
   getCollectResource,
   setCollectResource,
 } from "@/assets/methods/resources";
+import dialogExaminations from "@/components/dialogExaminations/index.vue";
 export default {
   name: "chapterOne",
   props: {
     showPageList: {
       type: Array,
     },
+    interfaceQuestion: {
+      type: Object,
+    },
+  },
+  components: {
+    dialogExaminations,
   },
   data() {
     return {
@@ -2155,6 +3036,12 @@
       collectCheck: require("../../assets/images/icon/heart-check.png"),
       videoPathOne: "",
       videoPathTwo: "",
+      videoPathThree: "",
+      videoPathFour: "",
+      videoPathFive: "",
+      videoPathSix: "",
+      videoPathSeven: "",
+      videoPathEight: "",
       collectResourceList: [],
       showQuestionAnswer: false,
       showChoiceAnswer: false,
@@ -2162,115 +3049,214 @@
       isFocused: null,
       chapterData: {
         isCollectVideo: false,
-        isCollectVideo01: false,
+        isCollectVideoOne: false,
+        isCollectVideoTwo: false,
+        isCollectVideoThree: false,
+        isCollectVideoFour: false,
+        isCollectVideoFive: false,
+        isCollectVideoSix: false,
+        isCollectVideoSeven: false,
+        isCollectVideoEight: false,
       },
       questionData: {
         isComplete: false,
-        inputChoiceData: {
-          isComplete: false,
-          value: {
-            // 鐩存帴浣跨敤userAnswer鏉ュ瓨鍌ㄧ敤鎴风殑閫夋嫨
-            userAnswer: "",
-            answer: "D",
-            isRight: null,
+        //瀵荤ぜ涔嬮棶
+        askAbout: {
+          one: "",
+          two: "",
+          three: "",
+          four: "",
+          five: "",
+          six: "",
+          seven: "",
+          eight: "",
+          nine: "",
+          ten: "",
+          eleven: "",
+          twelve: "",
+          thirteen: "",
+          fourteen: "",
+          fifteen: "",
+          sixteen: "",
+          seventeen: "",
+          eighteen: "",
+          nineteen: "",
+          twenty: "",
+          twentyOne: "",
+          twentyTwo: "",
+          twentyThree: "",
+          twentyFour: "",
+          twentyFive: "",
+          twentySix: "",
+          twentySeven: "",
+          twentyEight: "",
+          twentyNine: "",
+          thirty: "",
+          thirtyOne: "",
+          thirtyTwo: "",
+          thirtyThree: "",
+          thirtyFour: "",
+          thirtyFive: "",
+          twentySix: "",
+          thirtySeven: "",
+          thirtyEight: "",
+          thirtyNine: "",
+          forty: "",
+          fortyOne: "",
+          fortyTwo: "",
+          fortyThree: "",
+          fortyFour: "",
+          fortyFive: "",
+          fortySix: "",
+        },
+        //椤圭洰鑷祴
+        projectOne: {
+          one: {
+            value: "",
+          },
+          two: {
+            value: [],
+          },
+          three: {
+            value: [],
+          },
+          four: {
+            value: [],
+          },
+          five: {
+            value: [],
           },
         },
-        tableOne: {
-          one: "",
-          two: "",
-          three: "",
-          four: "",
-          five: "",
+        projectTwo: {
+          one: {
+            value: "",
+          },
+          two: {
+            value: "",
+          },
+          three: {
+            value: "",
+          },
+          four: {
+            value: [],
+          },
+          five: {
+            value: "",
+          },
+          six: {
+            value: "",
+          },
         },
-        tableTwo: {
-          one: "",
-          two: "",
-          three: "",
-          four: "",
-          five: "",
-        },
-        tableThree: {
-          one: "",
-          two: "",
-          three: "",
-          four: "",
-          five: "",
-        },
-        tableFour: {
-          one: "",
-          two: "",
-          three: "",
-          four: "",
-          five: "",
-          six: "",
-          seven: "",
-          eight: "",
-        },
-        reading: {
-          one: "",
-          two: "",
-          three: "",
-          four: "",
-          five: "",
-          six: "",
-          seven: "",
-          eight: "",
-        },
-        dropdownChoiceData: {
-          isComplete: false,
-          value: {
-            // 鐩存帴浣跨敤userAnswer鏉ュ瓨鍌ㄧ敤鎴风殑閫夋嫨
-            userAnswer: "",
-            answer: "B",
-            isRight: null,
+        projectThree: {
+          one: {
+            value: [],
+          },
+          two: {
+            value: [],
+          },
+          three: {
+            value: [],
+          },
+          four: {
+            value: "",
           },
         },
       },
+      evaluation: {
+        showCheckAnswer: false,
+        isCompleteOne: false,
+        isCompleteTwo: false,
+        evaluationOneValue: {
+          one: "",
+          two: "",
+          three: "",
+          four: "",
+          five: "",
+          six: "",
+          seven: "",
+          eight: "",
+          nine: "",
+          ten: "",
+          eleven: "",
+          twelve: "",
+          thirteen: "",
+          fourteen: "",
+          fifteen: "",
+        }, //娴嬭瘎绛旀
+
+        evaluationTwoValue: {
+          one: "",
+          two: "",
+          three: "",
+          four: "",
+          five: "",
+          six: "",
+          seven: "",
+          eight: "",
+          nine: "",
+          ten: "",
+          eleven: "",
+          twelve: "",
+          thirteen: "",
+          fourteen: "",
+          fifteen: "",
+        }, //娴嬭瘎绛旀
+
+      },
+      evaluationOneResults: "", //娴嬭瘎缁撴灉
+      evaluationTwoResults: "", //娴嬭瘎缁撴灉
+      // 棰樼洰鐩稿叧
+      dialogVisibleOne: false,
+      themeColor: "#6E85AF",
+      questionNum: 0,
+      questionTitleMain: "",
       chapter001: {
-        videoMd5: [
-          {
-            isCollectVideo: false,
-            handleMd5: "",
-            md5: "7454A10BD25ED828FF31D0702DA63D55",
-            name: "浠�涔堟槸蹇冪悊鍋ュ悍",
+        question: {
+          1: {
+            questionTitleMain: "妯″潡涓�銆�绀间华璁ょ煡",
+            questionNum: 18,
           },
-          {
-            isCollectVideo: false,
-            handleMd5: "",
-            md5: "E4AC28F178D660E96355C17E6F283E66",
-            name: "蹇冪悊鍋ュ悍鐨�10椤规爣鍑�",
+          2: {
+            questionTitleMain: "妯″潡涓�銆�姘戣埅鏈嶅姟鎰忚瘑璁ょ煡",
+            questionNum: 31,
           },
-        ],
+        },
       },
     };
   },
+
   async mounted() {
+    //椤圭洰鑷祴鍙婂绀间箣闂�
     const bookQuestion = localStorage.getItem(
-      "civilAviatyonSevervices-book-chapter01-question-one"
+      "aviationEtiquette-book-chapter01-question"
     );
     if (bookQuestion) {
       this.questionData = JSON.parse(bookQuestion);
     }
-    const choiceQuestion = localStorage.getItem(
-      "civilAviatyonSevervices-book-chapter01-Data"
+
+    //娴嬭瘯
+    console.log(this.evaluation)
+    const evaluationData = localStorage.getItem(
+      "aviationEtiquette-book-evaluation-chapter001"
     );
-    if (choiceQuestion) {
-      this.chapterData = JSON.parse(choiceQuestion);
+    if (evaluationData) {
+      this.evaluation = JSON.parse(evaluationData);
     }
 
-    const choiceInputQuestion = localStorage.getItem(
-      "civilAviatyon-book-chapter001-choice"
+    const evaluationOneData = localStorage.getItem(
+      "aviationEtiquette-book-evaluation-one"
     );
-    if (choiceInputQuestion) {
-      this.questionData.inputChoiceData = JSON.parse(choiceInputQuestion);
+    if (evaluationOneData) {
+      this.evaluationOneResults = evaluationOneData;
     }
 
-    const videoData = localStorage.getItem(
-      "civilAviatyonSevervices-book-chapter001"
+    const evaluationTwoData = localStorage.getItem(
+      "aviationEtiquette-book-evaluation-two"
     );
-    if (videoData) {
-      this.chapter001 = JSON.parse(videoData);
+    if (evaluationTwoData) {
+      this.evaluationTwoResults = evaluationTwoData;
     }
+
     this.getVidoePath();
     this.collectResourceList = await getCollectResource(
       this.config.activeBook.bookId
@@ -2279,36 +3265,114 @@
   methods: {
     async getVidoePath() {
       this.videoPathOne = await getResourcePath(
-        "f230fd8fd7952a4ad4dd05d94df7e797"
+        "4f0afd466e16bde40a447ff467452181"
       );
       this.videoPathTwo = await getResourcePath(
-        "700cfdb8b85b372045b1e97e3356ae3a"
+        "dfa7f3d64168acde32e4ca07a9001e79"
       );
-      for (let index = 0; index < this.chapter001.videoMd5.length; index++) {
-        const item = this.chapter001.videoMd5[index];
-        if (item.md5 && !item.md5.includes("https:")) {
-          item.handleMd5 = await getResourcePath(item.md5);
-        }
-      }
+      this.videoPathThree = await getResourcePath(
+        "602e257498cd61657b759edd5be0221d"
+      );
+      this.videoPathFour = await getResourcePath(
+        "571b9fb7962e8fc30749893919d2157b"
+      );
+      this.videoPathFive = await getResourcePath(
+        "3b4d6a336fad79e9c4f137e142c26f0b"
+      );
+      this.videoPathSix = await getResourcePath(
+        "2b112927d0029591bee2ad5de73e3e2a"
+      );
+      this.videoPathSeven = await getResourcePath(
+        "e483ec3b940fcc8616b8aea894d5ded0"
+      );
+      this.videoPathEight = await getResourcePath(
+        "be07f31967532a808843e53df1a436d5"
+      );
+
     },
     setBookQuestion() {
       localStorage.setItem(
-        "civilAviatyonSevervices-book-chapter01-question-one",
+        "aviationEtiquette-book-chapter01-question",
         JSON.stringify(this.questionData)
       );
     },
-    handleChapterData() {
-      localStorage.setItem(
-        "civilAviatyonSevervices-book-chapter01-Data",
-        JSON.stringify(this.chapterData)
-      );
+
+    //娴嬭瘯鎻愪氦
+    setEvaluation() {
+      // localStorage.setItem(
+      //   "aviationEtiquette-book-chapter01-evaluation",
+      //   JSON.stringify(this.evaluation)
+      // );
     },
-    handleChapter001() {
-      localStorage.setItem(
-        "civilAviatyonSevervices-book-chapter001",
-        JSON.stringify(this.chapter001)
-      );
+    goCheckOne() {
+      let obj = 0;
+      let index = 0;
+      for (let key in this.evaluation.evaluationOneValue) {
+        if (this.evaluation.evaluationOneValue[key] === "") {
+          index++
+        }
+        if (this.evaluation.evaluationOneValue[key] === "1") {
+          obj = obj + 1;
+        } else {
+          obj = obj + 0;
+        }
+      }
+      if (index > 0 || Object.keys(this.evaluation.evaluationOneValue).length < 15) {
+        this.$message({
+          message: "鎮ㄨ繕鏈夐鐩湭閫夋嫨绛旀",
+          type: "warning"
+        });
+        return;
+      } else {
+        this.evaluationOneResults = obj;
+        this.evaluation.isCompleteOne = true
+        localStorage.setItem("aviationEtiquette-book-evaluation-chapter001", JSON.stringify(this.evaluation));
+        localStorage.setItem("aviationEtiquette-book-evaluation-one", this.evaluationOneResults);
+      }
+
     },
+    changeCheckData() {
+      this.evaluationOneResults = '';
+      this.evaluation.evaluationOneValue = {};
+      this.evaluation.isCompleteOne = false
+      localStorage.setItem("aviationEtiquette-book-evaluation-chapter001", JSON.stringify(this.evaluation));
+      localStorage.removeItem("aviationEtiquette-book-evaluation-one");
+    },
+
+    goCheckTwo() {
+      let obj = 0;
+      let index = 0;
+      for (let key in this.evaluation.evaluationTwoValue) {
+        if (this.evaluation.evaluationTwoValue[key] === "") {
+          index++
+        }
+        if (this.evaluation.evaluationTwoValue[key] == "0") {
+          obj = obj + 1;
+        }
+      }
+      if (index > 0 || Object.keys(this.evaluation.evaluationTwoValue).length < 15) {
+        this.$message({
+          message: "鎮ㄨ繕鏈夐鐩湭閫夋嫨绛旀",
+          type: "warning"
+        });
+        return;
+      } else {
+        this.evaluationTwoResults = 105 - obj * 7;
+        this.evaluation.showCheckAnswer = true;
+        this.evaluation.isCompleteTwo = true
+        localStorage.setItem("aviationEtiquette-book-evaluation-chapter001", JSON.stringify(this.evaluation));
+        localStorage.setItem("aviationEtiquette-book-evaluation-two", this.evaluationOneResults);
+      }
+    },
+
+    changeCheckTwo() {
+      this.evaluationTwoResults = "";
+      this.evaluation.evaluationTwoValue = {};
+      this.evaluation.isCompleteTwo = false
+      localStorage.setItem("aviationEtiquette-book-evaluation-chapter001", JSON.stringify(this.evaluation));
+      localStorage.removeItem("aviationEtiquette-book-evaluation-two");
+    },
+
     handleFocus(id) {
       this.isFocused = id; // 褰搕extarea鑱氱劍鏃讹紝璁剧疆涓簍rue
     },
@@ -2317,40 +3381,89 @@
     },
 
     handleCollect(e) {
-      if (e.md5) {
+      if (e == "video-01") {
         this.handleCollectResource(
-          e.md5,
-          e.md5,
+          "4f0afd466e16bde40a447ff467452181",
+          "4f0afd466e16bde40a447ff467452181",
           "",
           "瑙嗛",
           "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",
+          "dfa7f3d64168acde32e4ca07a9001e79",
+          "dfa7f3d64168acde32e4ca07a9001e79",
           "",
           "瑙嗛",
           "bits",
-          "瑙嗛锛氬績鐞嗗鐨勭爺绌跺唴瀹�"
+          "瑙嗛锛氱ぜ浠鐭�"
         );
-        this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01;
+        this.chapterData.isCollectVideoOne = !this.chapterData.isCollectVideoOne;
+      } else if (e == "video-03") {
+        this.handleCollectResource(
+          "602e257498cd61657b759edd5be0221d",
+          "602e257498cd61657b759edd5be0221d",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氭皯鑸湇鍔℃剰璇嗚鐭�"
+        );
+        this.chapterData.isCollectVideoTwo = !this.chapterData.isCollectVideoTwo;
+      } else if (e == "video-04") {
+        this.handleCollectResource(
+          "571b9fb7962e8fc30749893919d2157b",
+          "571b9fb7962e8fc30749893919d2157b",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氱悊瑙d富鍔ㄦ湇鍔$殑閲嶈鎬�"
+        );
+        this.chapterData.isCollectVideoThree = !this.chapterData.isCollectVideoThree;
+      } else if (e == "video-05") {
+        this.handleCollectResource(
+          "3b4d6a336fad79e9c4f137e142c26f0b",
+          "3b4d6a336fad79e9c4f137e142c26f0b",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氭皯鑸憳宸ュ簲鍏峰鐨勮兘鍔�"
+        );
+        this.chapterData.isCollectVideoFour = !this.chapterData.isCollectVideoFour;
+      } else if (e == "video-06") {
+        this.handleCollectResource(
+          "2b112927d0029591bee2ad5de73e3e2a",
+          "2b112927d0029591bee2ad5de73e3e2a",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氭皯鑸憳宸ュ熀鏈兘鍔涜鐭�"
+        );
+        this.chapterData.isCollectVideoFive = !this.chapterData.isCollectVideoFive;
+      } else if (e == "video-07") {
+        this.handleCollectResource(
+          "e483ec3b940fcc8616b8aea894d5ded0",
+          "e483ec3b940fcc8616b8aea894d5ded0",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氭皯鑸憳宸ユ湇鍔¤兘鍔涙儏鏅睍鐜�"
+        );
+        this.chapterData.isCollectVideoSix = !this.chapterData.isCollectVideoSix;
+      } else if (e == "video-08") {
+        this.handleCollectResource(
+          "be07f31967532a808843e53df1a436d5",
+          "be07f31967532a808843e53df1a436d5",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氭皯鑸憳宸ユ湇鍔℃剰璇嗘儏鏅睍鐜�"
+        );
+        this.chapterData.isCollectVideoSeven = !this.chapterData.isCollectVideoSeven;
       }
-      this.handleChapter001();
-      this.handleChapterData();
     },
+
     //璧勬簮鏀惰棌浜嬩欢
     // resourcePath  鏂囦欢璺緞锛�
     // resourceType  鏂囦欢绫诲瀷
@@ -2383,31 +3496,12 @@
       );
     },
 
-    saveInputChoice() {
-      localStorage.setItem(
-        "civilAviatyon-book-chapter001-choice",
-        JSON.stringify(this.questionData.inputChoiceData)
-      );
-    },
-
-    goChoiceJudge() {
-      if (
-        this.questionData.inputChoiceData.value.userAnswer ==
-        this.questionData.inputChoiceData.value.answer
-      ) {
-        this.questionData.inputChoiceData.value.isRight = true;
-      } else {
-        this.questionData.inputChoiceData.value.isRight = false;
+    openQuestion(num) {
+      if (num) {
+        this.questionNum = this.chapter001.question[num].questionNum;
+        this.questionTitleMain = this.chapter001.question[num].questionTitleMain;
+        this.$refs.dialogRef.openDialogQuestion();
       }
-      this.questionData.inputChoiceData.isComplete = true;
-      this.showChoiceAnswer = true;
-    },
-    changeChoiceData() {
-      localStorage.removeItem("civilAviatyon-book-chapter001-choice");
-      (this.questionData.inputChoiceData.value.userAnswer = ""),
-        (this.questionData.inputChoiceData.value.isRight = null),
-        (this.questionData.inputChoiceData.isComplete = false);
-      this.showChoiceAnswer = false;
     },
   },
 };

--
Gitblit v1.9.1