From 577cf5ef9ab2fb2d3233cdb5c52919b8a274be03 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期五, 16 八月 2024 11:20:23 +0800
Subject: [PATCH] 合并

---
 src/books/sportsAndHealth/view/components/chapter005.vue | 1377 +++++++++++++++++++++++++++++++++++++++++++++-------------
 1 files changed, 1,056 insertions(+), 321 deletions(-)

diff --git a/src/books/sportsAndHealth/view/components/chapter005.vue b/src/books/sportsAndHealth/view/components/chapter005.vue
index 8f68315..a3dff82 100644
--- a/src/books/sportsAndHealth/view/components/chapter005.vue
+++ b/src/books/sportsAndHealth/view/components/chapter005.vue
@@ -121,12 +121,42 @@
             </div>
           </div>
 
-          <div class="center openImgBox">
-            <img class="img-c" alt="" src="../../image/0167-1.jpg" />
-            <p class="img" style="color: #ac92c4; font-size: 14px">
-              鍥� 5-1-1鈥� 鍓嶆粴缈�
-            </p>
+          <div class="imgBox-003 openImgBox">
+            <div class="swiper-container swiper-img">
+              <div class="swiper-wrapper">
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p154/154-1.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p154/154-2.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p154/154-3.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p154/154-4.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p154/154-5.jpg" />
+                  </div>
+                </div>
+              </div>
+              <div class="swiper-button-next"></div>
+              <div class="swiper-button-prev"></div>
+            </div>
           </div>
+          <p class="img" style="color: #ac92c4; font-size: 14px">
+            鍥� 5-1-1鈥� 鍓嶆粴缈�
+          </p>
 
           <div class="subsectionContent">
             锛�2锛夊缁冨缓璁�
@@ -185,12 +215,37 @@
             </div>
           </div>
 
-          <div class="center openImgBox">
-            <img class="img-c" alt="" src="../../image/0168-2.jpg" />
-            <p class="img" style="color: #ac92c4; font-size: 14px">
-              鍥� 5-1-2鈥� 鎵舵寔澶存墜鍊掔珛锛堢敺锛�
-            </p>
+          <div class="imgBox-003 openImgBox">
+            <div class="swiper-container swiper-img">
+              <div class="swiper-wrapper">
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p155/155-1.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p155/155-2.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p155/155-3.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p155/155-4.jpg" />
+                  </div>
+                </div>
+              </div>
+              <div class="swiper-button-next"></div>
+              <div class="swiper-button-prev"></div>
+            </div>
           </div>
+          <p class="img" style="color: #ac92c4; font-size: 14px">
+            鍥� 5-1-2鈥� 鎵舵寔澶存墜鍊掔珛锛堢敺锛�
+          </p>
 
           <div class="subsectionContent">
             锛�2锛夊缁冨缓璁�
@@ -235,12 +290,37 @@
             </div>
           </div>
 
-          <div class="center openImgBox">
-            <img class="img-c" alt="" src="../../image/0168-1.jpg" />
-            <p class="img" style="color: #ac92c4; font-size: 14px">
-              鍥� 5-1-3鈥� 鎵舵寔鑲╄倶鍊掔珛锛堝コ锛�
-            </p>
+          <div class="imgBox-003 openImgBox">
+            <div class="swiper-container swiper-img">
+              <div class="swiper-wrapper">
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p155/155-5.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p155/155-6.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p155/155-7.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p155/155-8.jpg" />
+                  </div>
+                </div>
+              </div>
+              <div class="swiper-button-next"></div>
+              <div class="swiper-button-prev"></div>
+            </div>
           </div>
+          <p class="img" style="color: #ac92c4; font-size: 14px">
+            鍥� 5-1-3鈥� 鎵舵寔鑲╄倶鍊掔珛锛堝コ锛�
+          </p>
         </div>
       </div>
     </div>
@@ -277,12 +357,39 @@
 
           <p class="zt-cs">4. 淇钩琛★紙鐕曞紡骞宠 锛�5 绉�</p>
 
-          <div class="img-rights openImgBox">
+          <!-- <div class="img-rights openImgBox">
             <img class="img-c" alt="" src="../../image/0169-1.jpg" />
             <p class="img" style="color: #ac92c4; font-size: 14px">
               鍥� 5-1-4鈥� 淇钩琛★紙鐕曞紡骞宠 锛�5 绉�
             </p>
+          </div> -->
+
+          <div class="imgBox-003 openImgBox">
+            <div class="swiper-container swiper-img">
+              <div class="swiper-wrapper">
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p156/156-1.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p156/156-2.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p156/156-3.jpg" />
+                  </div>
+                </div>
+              </div>
+              <div class="swiper-button-next"></div>
+              <div class="swiper-button-prev"></div>
+            </div>
           </div>
+          <p class="img" style="color: #ac92c4; font-size: 14px">
+            鍥� 5-1-4鈥� 淇钩琛★紙鐕曞紡骞宠 锛�5 绉�
+          </p>
 
           <div class="subsectionContent">
             锛�1锛夊姩浣滆棰�
@@ -408,12 +515,42 @@
             </div>
           </div>
 
-          <div class="center openImgBox">
-            <img class="img-c" alt="" src="../../image/0170-1.jpg" />
-            <p class="img" style="color: #ac92c4; font-size: 14px">
-              鍥� 5-1-5鈥� 鍓嶆粴缈诲垎鑵胯捣
-            </p>
+          <div class="imgBox-003 openImgBox">
+            <div class="swiper-container swiper-img">
+              <div class="swiper-wrapper">
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p157/157-1.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p157/157-2.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p157/157-3.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p157/157-4.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p157/157-5.jpg" />
+                  </div>
+                </div>
+              </div>
+              <div class="swiper-button-next"></div>
+              <div class="swiper-button-prev"></div>
+            </div>
           </div>
+          <p class="img" style="color: #ac92c4; font-size: 14px">
+            鍥� 5-1-5鈥� 鍓嶆粴缈诲垎鑵胯捣
+          </p>
 
           <div class="subsectionContent">
             锛�2锛夊缁冨缓璁�
@@ -468,12 +605,37 @@
           <span class="book-title">浣撹偛涓庡仴搴�</span>
         </div>
         <div class="bodystyle">
-          <div class="center openImgBox">
-            <img class="img-c" alt="" src="../../image/0171-1.jpg" />
-            <p class="img" style="color: #ac92c4; font-size: 14px">
-              鍥� 5-1-6鈥� 鎵舵寔鍊掔珛锛堢敺锛�
-            </p>
+          <div class="imgBox-003 openImgBox">
+            <div class="swiper-container swiper-img">
+              <div class="swiper-wrapper">
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p158/158-1.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p158/158-2.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p158/158-3.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p158/158-4.jpg" />
+                  </div>
+                </div>
+              </div>
+              <div class="swiper-button-next"></div>
+              <div class="swiper-button-prev"></div>
+            </div>
           </div>
+          <p class="img" style="color: #ac92c4; font-size: 14px">
+            鍥� 5-1-6鈥� 鎵舵寔鍊掔珛锛堢敺锛�
+          </p>
 
           <div class="subsectionContent">
             锛�2锛夊缁冨缓璁�
@@ -511,12 +673,37 @@
             </div>
           </div>
 
-          <div class="center openImgBox">
-            <img class="img-c" alt="" src="../../image/0171-2.jpg" />
-            <p class="img" style="color: #ac92c4; font-size: 14px">
-              鍥� 5-1-7鈥� 鎵舵寔澶存墜鍊掔珛锛堝コ锛�
-            </p>
+          <div class="imgBox-003 openImgBox">
+            <div class="swiper-container swiper-img">
+              <div class="swiper-wrapper">
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p158/158-5.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p158/158-6.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p158/158-7.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p158/158-8.jpg" />
+                  </div>
+                </div>
+              </div>
+              <div class="swiper-button-next"></div>
+              <div class="swiper-button-prev"></div>
+            </div>
           </div>
+          <p class="img" style="color: #ac92c4; font-size: 14px">
+            鍥� 5-1-7鈥� 鎵舵寔澶存墜鍊掔珛锛堝コ锛�
+          </p>
         </div>
       </div>
     </div>
@@ -687,12 +874,42 @@
             </div>
           </div>
 
-          <div class="center openImgBox">
-            <img class="img-c" alt="" src="../../image/0173-1.jpg" />
-            <p class="img" style="color: #ac92c4; font-size: 14px">
-              鍥� 5-1-9鈥� 鍚庢粴缈荤洿鑵胯捣
-            </p>
+          <div class="imgBox-003 openImgBox">
+            <div class="swiper-container swiper-img">
+              <div class="swiper-wrapper">
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p160/160-1.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p160/160-2.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p160/160-3.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p160/160-4.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p160/160-5.jpg" />
+                  </div>
+                </div>
+              </div>
+              <div class="swiper-button-next"></div>
+              <div class="swiper-button-prev"></div>
+            </div>
           </div>
+          <p class="img" style="color: #ac92c4; font-size: 14px">
+            鍥� 5-1-9鈥� 鍚庢粴缈荤洿鑵胯捣
+          </p>
 
           <div class="subsectionContent">
             锛�2锛夊缁冨缓璁�
@@ -757,12 +974,37 @@
             </div>
           </div>
 
-          <div class="center openImgBox">
-            <img class="img-c" alt="" src="../../image/0174-1.jpg" />
-            <p class="img" style="color: #ac92c4; font-size: 14px">
-              鍥� 5-1-10鈥� 鎵舵寔鍊掔珛锛堝コ锛�
-            </p>
+          <div class="imgBox-003 openImgBox">
+            <div class="swiper-container swiper-img">
+              <div class="swiper-wrapper">
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p161/161-1.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p161/161-2.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p161/161-3.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p161/161-4.jpg" />
+                  </div>
+                </div>
+              </div>
+              <div class="swiper-button-next"></div>
+              <div class="swiper-button-prev"></div>
+            </div>
           </div>
+          <p class="img" style="color: #ac92c4; font-size: 14px">
+            鍥� 5-1-10鈥� 鎵舵寔鍊掔珛锛堝コ锛�
+          </p>
 
           <div class="subsectionContent">
             锛�2锛夊缁冨缓璁�
@@ -1181,12 +1423,47 @@
             </div>
           </div>
 
-          <div class="center openImgBox">
-            <img class="img-c" alt="" src="../../image/0177-1.jpg" />
-            <p class="img" style="color: #ac92c4; font-size: 14px">
-              鍥� 5-2-1鈥� 锛堝北缇婏級璺充笂鎴愯共鎾戞帴鎸鸿韩璺充笅
-            </p>
+          <div class="imgBox-003 openImgBox">
+            <div class="swiper-container swiper-img">
+              <div class="swiper-wrapper">
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p164/164-1.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p164/164-2.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p164/164-3.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p164/164-4.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p164/164-5.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p164/164-6.jpg" />
+                  </div>
+                </div>
+              </div>
+              <div class="swiper-button-next"></div>
+              <div class="swiper-button-prev"></div>
+            </div>
           </div>
+          <p class="img" style="color: #ac92c4; font-size: 14px">
+            鍥� 5-2-1鈥� 锛堝北缇婏級璺充笂鎴愯共鎾戞帴鎸鸿韩璺充笅
+          </p>
 
           <div class="subsectionContent">
             锛�2锛夊缁冨缓璁�
@@ -1244,12 +1521,47 @@
             </div>
           </div>
 
-          <div class="center openImgBox">
-            <img class="img-c" alt="" src="../../image/0178-1.jpg" />
-            <p class="img" style="color: #ac92c4; font-size: 14px">
-              鍥�5-2-2 锛堝北缇婏級灞堣吙鑵捐秺锛堢敺锛�
-            </p>
+          <div class="imgBox-003 openImgBox">
+            <div class="swiper-container swiper-img">
+              <div class="swiper-wrapper">
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p165/165-1.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p165/165-2.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p165/165-3.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p165/165-4.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p165/165-5.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p165/165-6.jpg" />
+                  </div>
+                </div>
+              </div>
+              <div class="swiper-button-next"></div>
+              <div class="swiper-button-prev"></div>
+            </div>
           </div>
+          <p class="img" style="color: #ac92c4; font-size: 14px">
+            鍥�5-2-2 锛堝北缇婏級灞堣吙鑵捐秺锛堢敺锛�
+          </p>
 
           <div class="subsectionContent">
             锛�2锛夊缁冨缓璁�
@@ -1298,12 +1610,37 @@
             </div>
           </div>
 
-          <div class="center openImgBox">
-            <img class="img-c" alt="" src="../../image/0179-1.jpg" />
-            <p class="img" style="color: #ac92c4; font-size: 14px">
-              鍥�5-2-3 锛堝北缇婏級鍒嗚吙鑵捐秺锛堝コ锛�
-            </p>
+          <div class="imgBox-003 openImgBox">
+            <div class="swiper-container swiper-img">
+              <div class="swiper-wrapper">
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p166/166-1.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p166/166-2.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p166/166-3.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p166/166-4.jpg" />
+                  </div>
+                </div>
+              </div>
+              <div class="swiper-button-next"></div>
+              <div class="swiper-button-prev"></div>
+            </div>
           </div>
+          <p class="img" style="color: #ac92c4; font-size: 14px">
+            鍥�5-2-3 锛堝北缇婏級鍒嗚吙鑵捐秺锛堝コ锛�
+          </p>
 
           <div class="subsectionContent">
             锛�2锛夊缁冨缓璁�
@@ -1418,12 +1755,42 @@
             </div>
           </div>
 
-          <div class="center openImgBox">
-            <img class="img-c" alt="" src="../../image/0180-1.jpg" />
-            <p class="img" style="color: #ac92c4; font-size: 14px">
-              鍥� 5-2-4鈥� 鍒嗚吙鍧愬墠杩涗竴娆℃垚鍒嗚吙鍧�
-            </p>
+          <div class="imgBox-003 openImgBox">
+            <div class="swiper-container swiper-img">
+              <div class="swiper-wrapper">
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p167/167-1.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p167/167-2.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p167/167-3.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p167/167-4.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p167/167-5.jpg" />
+                  </div>
+                </div>
+              </div>
+              <div class="swiper-button-next"></div>
+              <div class="swiper-button-prev"></div>
+            </div>
           </div>
+          <p class="img" style="color: #ac92c4; font-size: 14px">
+            鍥� 5-2-4鈥� 鍒嗚吙鍧愬墠杩涗竴娆℃垚鍒嗚吙鍧�
+          </p>
 
           <div class="subsectionContent">
             锛�2锛夊缁冨缓璁�
@@ -1478,12 +1845,42 @@
             </div>
           </div>
 
-          <div class="center openImgBox">
-            <img class="img-c" alt="" src="../../image/0181-1.jpg" />
-            <p class="img" style="color: #ac92c4; font-size: 14px">
-              鍥�5-2-5 澶栦晶鍧愬悜澶栬浆浣�90掳璺充笅
-            </p>
+          <div class="imgBox-003 openImgBox">
+            <div class="swiper-container swiper-img">
+              <div class="swiper-wrapper">
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p168/168-1.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p168/168-2.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p168/168-3.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p168/168-4.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p168/168-5.jpg" />
+                  </div>
+                </div>
+              </div>
+              <div class="swiper-button-next"></div>
+              <div class="swiper-button-prev"></div>
+            </div>
           </div>
+          <p class="img" style="color: #ac92c4; font-size: 14px">
+            鍥�5-2-5 澶栦晶鍧愬悜澶栬浆浣�90掳璺充笅
+          </p>
 
           <div class="subsectionContent">
             锛�2锛夊缁冨缓璁�
@@ -1578,12 +1975,42 @@
             </div>
           </div>
 
-          <div class="center openImgBox">
-            <img class="img-c" alt="" src="../../image/0182-1.jpg" />
-            <p class="img" style="color: #ac92c4; font-size: 14px">
-              鍥� 5-2-6鈥� 浣庢潬韫湴缈讳笂
-            </p>
+          <div class="imgBox-003 openImgBox">
+            <div class="swiper-container swiper-img">
+              <div class="swiper-wrapper">
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p169/169-1.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p169/169-2.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p169/169-3.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p169/169-4.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p169/169-5.jpg" />
+                  </div>
+                </div>
+              </div>
+              <div class="swiper-button-next"></div>
+              <div class="swiper-button-prev"></div>
+            </div>
           </div>
+          <p class="img" style="color: #ac92c4; font-size: 14px">
+            鍥� 5-2-6鈥� 浣庢潬韫湴缈讳笂
+          </p>
         </div>
       </div>
     </div>
@@ -1635,12 +2062,39 @@
               浠庢潬涓婃敮鎾戝紑濮嬶紝鑵跨◢鍓嶆憜锛屼笂浣撶◢涓嬪帇锛屾帴鐫�鍙岃吙鍚戝悗涓婃柟鎽嗚捣锛屾帴杩戣偐姘村钩鏃惰吙鍒跺姩锛屼繚鎸佹彁鍗囧Э鍔挎湁鎺у埗鍦扮紦鎱笅钀借嚦鏀拺銆傝繀閫熺敤鍔涙帹鎵嬶紝閲嶅績鍚庣Щ锛屽悜鍚庡睍浣撹烦涓嬶紝缁忚惤鍦扮紦鍐叉垚鐩寸珛銆�
             </div>
           </div>
-          <div class="center openImgBox">
-            <img class="img-c" alt="" src="../../image/0183-1.jpg" />
-            <p class="img" style="color: #ac92c4; font-size: 14px">
-              鍥�5-2-7 鏀拺鍚庢憜鎸鸿韩璺充笅
-            </p>
+
+          <div class="imgBox-003 openImgBox">
+            <div class="swiper-container swiper-img">
+              <div class="swiper-wrapper">
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p170/170-1.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p170/170-2.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p170/170-3.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p170/170-4.jpg" />
+                  </div>
+                </div>
+              </div>
+              <div class="swiper-button-next"></div>
+              <div class="swiper-button-prev"></div>
+            </div>
           </div>
+          <p class="img" style="color: #ac92c4; font-size: 14px">
+            鍥�5-2-7 鏀拺鍚庢憜鎸鸿韩璺充笅
+          </p>
+
           <div class="subsectionContent">
             锛�2锛夊缁冨缓璁�
             <p>鈶犺繘琛屽湴闈㈠師鍦版尯韬烦缁冧範銆�</p>
@@ -1919,19 +2373,80 @@
             浜ゆ浛绫绘浼愭槸宸﹀彸鑵夸氦鏇胯繘琛岀殑姝ヤ紣锛屾湁韪忔銆佽蛋姝ャ�佷竴瀛楁銆乂瀛楁銆佹浖娉㈡銆佸崄瀛楁绛夛紝鍔ㄤ綔瀹屾垚鏈夐珮銆佷綆鍐插嚮褰㈠紡銆�
           </p>
 
-          <div class="center openImgBox">
-            <img class="img-c" alt="" src="../../image/0186-1.jpg" />
-            <p class="img" style="color: #ac92c4; font-size: 14px">
-              鍥� 5-3-1鈥� V 瀛楁
-            </p>
+          <div class="imgBox-003 openImgBox">
+            <div class="swiper-container swiper-img">
+              <div class="swiper-wrapper">
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p173/173-1.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p173/173-2.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p173/173-3.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p173/173-4.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p173/173-5.jpg" />
+                  </div>
+                </div>
+              </div>
+              <div class="swiper-button-next"></div>
+              <div class="swiper-button-prev"></div>
+            </div>
           </div>
+          <p class="img" style="color: #ac92c4; font-size: 14px">
+            鍥� 5-3-1鈥� V 瀛楁
+          </p>
 
-          <div class="center openImgBox">
-            <img class="img-c" alt="" src="../../image/0186-2.jpg" />
-            <p class="img" style="color: #ac92c4; font-size: 14px">
-              鍥�5-3-2 鏇兼尝姝�
-            </p>
+          <div class="imgBox-003 openImgBox">
+            <div class="swiper-container swiper-img">
+              <div class="swiper-wrapper">
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p173/173-6.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p173/173-7.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p173/173-8.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p173/173-9.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p173/173-10.jpg" />
+                  </div>
+                </div>
+              </div>
+              <div class="swiper-button-next"></div>
+              <div class="swiper-button-prev"></div>
+            </div>
           </div>
+          <p class="img" style="color: #ac92c4; font-size: 14px">
+            鍥�5-3-2 鏇兼尝姝�
+          </p>
+
           <div class="subsectionContent">
             锛�1锛夊姩浣滆棰�
             <div class="subsectionContent">
@@ -1967,7 +2482,7 @@
           <p>
             杩堟绫绘浼愭槸涓�鑴氳繄鍑猴紝鍙︿竴鑴氳窡闅忓仛鍑轰笉鍚屽舰寮忕殑鍔ㄤ綔锛屽鐐瑰湴銆佽涪鑵裤�佸惛鑵跨瓑銆傚父瑙佺殑杩堟绫绘浼愭湁骞舵銆佷氦鍙夋銆佽繄姝ョ偣鍦般�佽繄姝ュ惛鑵跨瓑锛涘姩浣滃畬鎴愭湁楂樸�佷綆鍐插嚮褰㈠紡銆�
           </p>
-          <div class="center openImgBox">
+          <!-- <div class="center openImgBox">
             <img class="img-c" alt="" src="../../image/0187-1.jpg" />
             <p class="img" style="color: #ac92c4; font-size: 14px">
               鍥�5-3-3 骞舵
@@ -1979,7 +2494,83 @@
             <p class="img" style="color: #ac92c4; font-size: 14px">
               鍥�5-3-4 浜ゅ弶姝�
             </p>
+          </div> -->
+
+          <div class="imgBox-003 openImgBox">
+            <div class="swiper-container swiper-img">
+              <div class="swiper-wrapper">
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p174/174-1.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p174/174-2.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p174/174-3.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p174/174-4.jpg" />
+                  </div>
+                </div>
+
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p174/174-5.jpg" />
+                  </div>
+                </div>
+              </div>
+              <div class="swiper-button-next"></div>
+              <div class="swiper-button-prev"></div>
+            </div>
           </div>
+          <p class="img" style="color: #ac92c4; font-size: 14px">
+            鍥� 5-3-3鈥� 骞舵
+          </p>
+
+          <div class="imgBox-003 openImgBox">
+            <div class="swiper-container swiper-img">
+              <div class="swiper-wrapper">
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p174/174-6.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p174/174-7.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p174/174-8.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p174/174-9.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p174/174-10.jpg" />
+                  </div>
+                </div>
+              </div>
+              <div class="swiper-button-next"></div>
+              <div class="swiper-button-prev"></div>
+            </div>
+          </div>
+          <p class="img" style="color: #ac92c4; font-size: 14px">
+            鍥�5-3-4 浜ゅ弶姝�
+          </p>
+
           <div class="subsectionContent">
             锛�1锛夊姩浣滆棰�
             <div class="subsectionContent">
@@ -2107,12 +2698,43 @@
           <p class="zt-ls">锛堜竴锛夊崟椤规妧鏈缁�</p>
           <p class="zt-cs">1. 鎶吙绫诲熀鏈浼�</p>
 
-          <div class="img-float openImgBox">
-            <img class="img-c" alt="" src="../../image/0189-1.jpg" />
-            <p class="img" style="color: #ac92c4; font-size: 14px">
-              鍥� 5-3-5鈥� 韪㈣吙鍜屾姮鑵�
-            </p>
+          <div class="imgBox-003 openImgBox">
+            <div class="swiper-container swiper-img">
+              <div class="swiper-wrapper">
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p176/176-1.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p176/176-2.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p176/176-3.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p176/176-4.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p176/176-5.jpg" />
+                  </div>
+                </div>
+              </div>
+              <div class="swiper-button-next"></div>
+              <div class="swiper-button-prev"></div>
+            </div>
           </div>
+          <p class="img" style="color: #ac92c4; font-size: 14px">
+            鍥� 5-3-5鈥� 韪㈣吙鍜屾姮鑵�
+          </p>
+
           <p>
             鎶吙绫绘浼愭槸鍋ョ編鎿嶅熀鏈浼愪箣涓�锛屾湁
             楂樸�佷綆鍐插嚮褰㈠紡銆備綆鍐插嚮褰㈠紡鏈夊惛鑵裤�佽涪鑵裤��
@@ -2155,12 +2777,33 @@
             璺炽�佸脊韪㈣吙璺崇瓑銆�
           </p>
 
-          <div class="img-rights openImgBox">
-            <img class="img-c" alt="" src="../../image/0189-2.jpg" />
-            <p class="img" style="color: #ac92c4; font-size: 14px">
-              鍥� 5-3-6鈥� 寮�鍚堣烦
-            </p>
+          <div class="imgBox-003 openImgBox">
+            <div class="swiper-container swiper-img">
+              <div class="swiper-wrapper">
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p176/176-6.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p176/176-7.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p176/176-8.jpg" />
+                  </div>
+                </div>
+              </div>
+              <div class="swiper-button-next"></div>
+              <div class="swiper-button-prev"></div>
+            </div>
           </div>
+          <p class="img" style="color: #ac92c4; font-size: 14px">
+            鍥� 5-3-6鈥� 寮�鍚堣烦
+          </p>
+
           <div class="subsectionContent">
             锛�1锛夊姩浣滆棰�
             <div class="subsectionContent">
@@ -2173,21 +2816,79 @@
             </div>
           </div>
 
-          <div class="img-float openImgBox">
-            <img class="img-c" alt="" src="../../image/0189-3.jpg" />
-            <p class="img" style="color: #ac92c4; font-size: 14px">
-              鍥� 5-3-7鈥� 渚с�佸墠寮撴璺�
-            </p>
+          <div class="imgBox-003 openImgBox">
+            <div class="swiper-container swiper-img">
+              <div class="swiper-wrapper">
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p176/176-9.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p176/176-10.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p176/176-11.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p176/176-12.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p176/176-13.jpg" />
+                  </div>
+                </div>
+              </div>
+              <div class="swiper-button-next"></div>
+              <div class="swiper-button-prev"></div>
+            </div>
           </div>
+          <p class="img" style="color: #ac92c4; font-size: 14px">
+            鍥� 5-3-7鈥� 渚с�佸墠寮撴璺�
+          </p>
 
-          <div class="img-rights openImgBox">
-            <img class="img-c" alt="" src="../../image/0189-4.jpg" />
-            <p class="img" style="color: #ac92c4; font-size: 14px">
-              鍥� 5-3-8鈥� 寮硅涪鑵胯烦
-            </p>
+          <div class="imgBox-003 openImgBox">
+            <div class="swiper-container swiper-img">
+              <div class="swiper-wrapper">
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p176/176-14.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p176/176-15.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p176/176-16.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p176/176-17.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p176/176-18.jpg" />
+                  </div>
+                </div>
+              </div>
+              <div class="swiper-button-next"></div>
+              <div class="swiper-button-prev"></div>
+            </div>
           </div>
-
-          <p style="margin-top: 90px"></p>
+          <p class="img" style="color: #ac92c4; font-size: 14px">
+            鍥� 5-3-8鈥� 寮硅涪鑵胯烦
+          </p>
         </div>
       </div>
     </div>
@@ -2304,12 +3005,43 @@
           </p>
           <p class="zt-ls">锛堜竴锛夊崟椤规妧鏈缁�</p>
 
-          <div class="img-float openImgBox">
-            <img class="img-c" alt="" src="../../image/0191-1.jpg" />
-            <p class="img" style="color: #ac92c4; font-size: 14px">
-              鍥� 5-3-9鈥� 鍥㈣韩璺�
-            </p>
+          <div class="imgBox-003 openImgBox">
+            <div class="swiper-container swiper-img">
+              <div class="swiper-wrapper">
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p178/178-1.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p178/178-2.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p178/178-3.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p178/178-4.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p178/178-5.jpg" />
+                  </div>
+                </div>
+              </div>
+              <div class="swiper-button-next"></div>
+              <div class="swiper-button-prev"></div>
+            </div>
           </div>
+          <p class="img" style="color: #ac92c4; font-size: 14px">
+            鍥� 5-3-9鈥� 鍥㈣韩璺�
+          </p>
+
           <p class="zt-cs">1. 鍥㈣韩璺�</p>
 
           <div class="subsectionContent">
@@ -2370,12 +3102,42 @@
           <span class="sub-page">179</span>
         </div>
         <div class="bodystyle">
-          <div class="img-rights openImgBox">
-            <img class="img-c" alt="" src="../../image/0192-1.jpg" />
-            <p class="img" style="color: #ac92c4; font-size: 14px">
-              鍥� 5-3-10鈥� 鍗曡冻杞綋 180掳
-            </p>
+          <div class="imgBox-003 openImgBox">
+            <div class="swiper-container swiper-img">
+              <div class="swiper-wrapper">
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p179/179-1.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p179/179-2.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p179/179-3.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p179/179-4.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../images/Unit5/p179/179-5.jpg" />
+                  </div>
+                </div>
+              </div>
+              <div class="swiper-button-next"></div>
+              <div class="swiper-button-prev"></div>
+            </div>
           </div>
+          <p class="img" style="color: #ac92c4; font-size: 14px">
+            鍥� 5-3-10鈥� 鍗曡冻杞綋 180掳
+          </p>
 
           <div class="subsectionContent">
             锛�2锛夊缁冨缓璁�
@@ -2621,28 +3383,28 @@
                 <span>{{ chapter005.videoMd5.v14.name }}</span>
               </div>
 
-              <div class="videoItem" v-if="chapter005.videoShow6">
+              <div class="videoItem" v-if="chapter005.videoShow10">
                 <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                   x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                   :src="chapter005.videoUrl.v15"></video>
                 <span>{{ chapter005.videoMd5.v15.name }}</span>
               </div>
 
-              <div class="videoItem" v-if="chapter005.videoShow6">
+              <div class="videoItem" v-if="chapter005.videoShow10">
                 <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                   x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                   :src="chapter005.videoUrl.v16"></video>
                 <span>{{ chapter005.videoMd5.v16.name }}</span>
               </div>
 
-              <div class="videoItem" v-if="chapter005.videoShow6">
+              <div class="videoItem" v-if="chapter005.videoShow10">
                 <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                   x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                   :src="chapter005.videoUrl.v17"></video>
                 <span>{{ chapter005.videoMd5.v17.name }}</span>
               </div>
 
-              <div class="videoItem" v-if="chapter005.videoShow6">
+              <div class="videoItem" v-if="chapter005.videoShow10">
                 <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                   x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                   :src="chapter005.videoUrl.v18"></video>
@@ -3589,8 +4351,6 @@
             </div>
           </div>
 
-
-
           <h4 class="h4-dy3" id="d066">
             <span class="h4-dy3s">鍥�</span>鈥冨疄鏂借嚜涓昏瘎浠�
           </h4>
@@ -3645,9 +4405,6 @@
             </div>
           </div>
 
-
-
-
           <h4 class="h4-dy3" id="d066">
             <span class="h4-dy3s">浜斺��</span>鈥冭缁冧笓椤逛綋鑳�
           </h4>
@@ -3660,7 +4417,6 @@
           <p>
             璇峰悓瀛︿滑鐧诲綍璇剧▼骞冲彴杩涜涓婅偄鍔涢噺銆佹牳蹇冨姏閲忓拰涓嬭偄鍔涢噺鐨勪笓椤逛綋鑳借缁冦��
           </p>
-
 
           <div class="pdf-text">
             <div class="pdf-con pdf-con-15">
@@ -3677,8 +4433,6 @@
               </div>
             </div>
           </div>
-
-
 
           <div class="bk-xyx" style="padding: 2px 0">
             <div class="bj1-xyx publicxbc">
@@ -3700,10 +4454,6 @@
             <br />
             <p class="public-tips">椤圭洰鍥� 路 瑙嗛搴撻泦</p>
             <div class="parentVideo" v-if="isShowXyx04">
-
-
-
-
               <div class="videoItem" v-if="chapter005.videoShow7">
                 <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                   x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
@@ -3729,126 +4479,121 @@
                   :src="chapter005.videoUrl.v22"></video>
                 <span>{{ chapter005.videoMd5.v22.name }}</span>
               </div>
-              <div class="videoItem" v-if="chapter005.videoShow7">
+              <div class="videoItem" v-if="chapter005.videoShow8">
                 <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                   x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                   :src="chapter005.videoUrl.v23"></video>
                 <span>{{ chapter005.videoMd5.v23.name }}</span>
               </div>
-              <div class="videoItem" v-if="chapter005.videoShow7">
+              <div class="videoItem" v-if="chapter005.videoShow8">
                 <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                   x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                   :src="chapter005.videoUrl.v24"></video>
                 <span>{{ chapter005.videoMd5.v24.name }}</span>
               </div>
-              <div class="videoItem" v-if="chapter005.videoShow7">
+              <div class="videoItem" v-if="chapter005.videoShow8">
                 <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                   x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                   :src="chapter005.videoUrl.v25"></video>
                 <span>{{ chapter005.videoMd5.v25.name }}</span>
               </div>
-              <div class="videoItem" v-if="chapter005.videoShow7">
+              <div class="videoItem" v-if="chapter005.videoShow8">
                 <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                   x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                   :src="chapter005.videoUrl.v26"></video>
                 <span>{{ chapter005.videoMd5.v26.name }}</span>
               </div>
-              <div class="videoItem" v-if="chapter005.videoShow7">
+              <div class="videoItem" v-if="chapter005.videoShow9">
                 <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                   x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                   :src="chapter005.videoUrl.v27"></video>
                 <span>{{ chapter005.videoMd5.v27.name }}</span>
               </div>
-              <div class="videoItem" v-if="chapter005.videoShow7">
+              <div class="videoItem" v-if="chapter005.videoShow9">
                 <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                   x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                   :src="chapter005.videoUrl.v28"></video>
                 <span>{{ chapter005.videoMd5.v28.name }}</span>
               </div>
-              <div class="videoItem" v-if="chapter005.videoShow7">
+              <div class="videoItem" v-if="chapter005.videoShow9">
                 <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                   x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                   :src="chapter005.videoUrl.v29"></video>
                 <span>{{ chapter005.videoMd5.v29.name }}</span>
               </div>
-              <div class="videoItem" v-if="chapter005.videoShow7">
+              <div class="videoItem" v-if="chapter005.videoShow9">
                 <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                   x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                   :src="chapter005.videoUrl.v30"></video>
                 <span>{{ chapter005.videoMd5.v30.name }}</span>
               </div>
-              <div class="videoItem" v-if="chapter005.videoShow7">
+              <div class="videoItem" v-if="chapter005.videoShow9">
                 <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                   x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                   :src="chapter005.videoUrl.v31"></video>
                 <span>{{ chapter005.videoMd5.v31.name }}</span>
               </div>
-              <div class="videoItem" v-if="chapter005.videoShow7">
+              <div class="videoItem" v-if="chapter005.videoShow9">
                 <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                   x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                   :src="chapter005.videoUrl.v32"></video>
                 <span>{{ chapter005.videoMd5.v32.name }}</span>
               </div>
-              <div class="videoItem" v-if="chapter005.videoShow7">
+              <div class="videoItem" v-if="chapter005.videoShow9">
                 <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                   x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                   :src="chapter005.videoUrl.v33"></video>
                 <span>{{ chapter005.videoMd5.v33.name }}</span>
               </div>
-              <div class="videoItem" v-if="chapter005.videoShow7">
+              <div class="videoItem" v-if="chapter005.videoShow9">
                 <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                   x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                   :src="chapter005.videoUrl.v34"></video>
                 <span>{{ chapter005.videoMd5.v34.name }}</span>
               </div>
-              <div class="videoItem" v-if="chapter005.videoShow7">
+              <div class="videoItem" v-if="chapter005.videoShow9">
                 <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                   x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                   :src="chapter005.videoUrl.v35"></video>
                 <span>{{ chapter005.videoMd5.v35.name }}</span>
               </div>
-              <div class="videoItem" v-if="chapter005.videoShow7">
+              <div class="videoItem" v-if="chapter005.videoShow9">
                 <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                   x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                   :src="chapter005.videoUrl.v36"></video>
                 <span>{{ chapter005.videoMd5.v36.name }}</span>
               </div>
-              <div class="videoItem" v-if="chapter005.videoShow7">
+              <div class="videoItem" v-if="chapter005.videoShow11">
                 <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                   x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                   :src="chapter005.videoUrl.v37"></video>
                 <span>{{ chapter005.videoMd5.v37.name }}</span>
               </div>
-              <div class="videoItem" v-if="chapter005.videoShow7">
+              <div class="videoItem" v-if="chapter005.videoShow11">
                 <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                   x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                   :src="chapter005.videoUrl.v38"></video>
                 <span>{{ chapter005.videoMd5.v38.name }}</span>
               </div>
-              <div class="videoItem" v-if="chapter005.videoShow7">
+              <div class="videoItem" v-if="chapter005.videoShow11">
                 <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                   x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                   :src="chapter005.videoUrl.v39"></video>
                 <span>{{ chapter005.videoMd5.v39.name }}</span>
               </div>
-              <div class="videoItem" v-if="chapter005.videoShow7">
+              <div class="videoItem" v-if="chapter005.videoShow11">
                 <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                   x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                   :src="chapter005.videoUrl.v40"></video>
                 <span>{{ chapter005.videoMd5.v40.name }}</span>
               </div>
-
-
             </div>
           </div>
-
-
-
-
         </div>
       </div>
     </div>
-    <el-dialog :visible.sync="dialogVisible" width="60vw" top="2vh" lock-scroll :show-close="false"
+
+    <el-dialog :visible.sync="dialogVisible" width="60vw" top="2vh" append-to-body lock-scroll :show-close="false"
       class="custom-dialog">
       <div slot="title" class="header_title">
         <span>{{ pdfTitle }}</span>
@@ -4104,7 +4849,10 @@
             name: '瑙嗛6 涓亴瀛︾敓涓夌骇濂楄矾',
             md5: '604dd1f98b7cb1c75a68ffeed565b023',
           },
-          v19: { name: '妯″潡涓� 锛堜竴锛夐毦搴︽妧鏈姩浣�1锛氳繛缁�4娆″惛韪㈣吙', md5: '4dd67e130c115bd91d0db018c6899c2f' },
+          v19: {
+            name: '妯″潡涓� 锛堜竴锛夐毦搴︽妧鏈姩浣�1锛氳繛缁�4娆″惛韪㈣吙',
+            md5: '4dd67e130c115bd91d0db018c6899c2f',
+          },
           v20: {
             name: '妯″潡涓� 锛堜竴锛夐毦搴︽妧鏈姩浣�2锛氱洿浣撹烦	',
             md5: 'cfdc841b7582a799935c6127b6eb9091',
@@ -4113,8 +4861,14 @@
             name: '妯″潡涓� 锛堜竴锛夐毦搴︽妧鏈姩浣�3锛氬垎鑵垮皬璺�',
             md5: '17de8b14a29da83d8f73f0ce176adc35',
           },
-          v22: { name: '妯″潡涓� 锛堜竴锛夐毦搴︽妧鏈姩浣�4锛氬墠鍚歌吙骞宠 ', md5: '73cddb3f31aefaccec6e2f6785096600' },
-          v23: { name: '妯″潡涓� 锛堜竴锛夐毦搴︽妧鏈姩浣�5锛氬钩杞�180搴�', md5: 'ad53759021663c88bf0d25835830a190' },
+          v22: {
+            name: '妯″潡涓� 锛堜竴锛夐毦搴︽妧鏈姩浣�4锛氬墠鍚歌吙骞宠 ',
+            md5: '73cddb3f31aefaccec6e2f6785096600',
+          },
+          v23: {
+            name: '妯″潡涓� 锛堜竴锛夐毦搴︽妧鏈姩浣�5锛氬钩杞�180搴�',
+            md5: 'ad53759021663c88bf0d25835830a190',
+          },
           v24: {
             name: '妯″潡涓� 锛堜簩锛夌粍鍚堟妧鑳界粌涔�1锛�36涓熀鏈墜浣嶇粌涔犵粍鍚�',
             md5: '4646e2a4b22e6e68f3b425ab0bd0a8d1',
@@ -4127,25 +4881,63 @@
             name: '妯″潡浜� 锛堜竴锛夊崟涓妧鏈缁�1锛氳鑸炲緥鍔ㄥ熀纭�鍔ㄤ綔 鑳搁儴寰嬪姩',
             md5: 'f35e44b0e3eba85d2679f25a5a1603a0',
           },
-          v27: { name: '妯″潡浜� 锛堜竴锛夊崟涓妧鏈缁�2锛氳鑸炲緥鍔ㄥ熀纭�鍔ㄤ綔 鑶濆叧鑺傚緥鍔�', md5: '557fb45e05e38ed7d892fdca22330919' },
+          v27: {
+            name: '妯″潡浜� 锛堜竴锛夊崟涓妧鏈缁�2锛氳鑸炲緥鍔ㄥ熀纭�鍔ㄤ綔 鑶濆叧鑺傚緥鍔�',
+            md5: '557fb45e05e38ed7d892fdca22330919',
+          },
           v28: {
             name: '妯″潡浜� 锛堜竴锛夊崟涓妧鏈缁�3锛氳鑸炲緥鍔ㄥ熀纭�鍔ㄤ綔 鏁翠綋寰嬪姩',
             md5: '26721e5a0972f2567a757fddb528dc3a',
           },
-          v29: { name: '妯″潡浜� 锛堜簩锛夐毦搴︽妧鏈姩浣�1锛欳璺�', md5: '907d5b543449c6a76ea4fbdf2acf21a6' },
+          v29: {
+            name: '妯″潡浜� 锛堜簩锛夐毦搴︽妧鏈姩浣�1锛欳璺�',
+            md5: '907d5b543449c6a76ea4fbdf2acf21a6',
+          },
 
-
-          v30: { name: '妯″潡浜� 锛堜簩锛夐毦搴︽妧鏈姩浣�2锛氬洟韬烦', md5: 'f1e1c65fa545349835b7a6c308c3ce41' },
-          v31: { name: '妯″潡浜� 锛堜簩锛夐毦搴︽妧鏈姩浣�3锛氬眻鑵挎惉鑵垮钩琛�', md5: '7f1f94b4bea4106583d72bafed3d1f6d' },
-          v32: { name: '妯″潡浜� 锛堜簩锛夐毦搴︽妧鏈姩浣�4锛氬惛杞�360搴�', md5: '28cb89b3fe1a47663b5a55d67af7ff60' },
-          v33: { name: '妯″潡浜� 锛堜簩锛夐毦搴︽妧鏈姩浣�5锛氱旱鍔堝弶', md5: '4d4b0820ca60cd091401bd6a8b8c8017' },
-          v34: { name: '妯″潡浜� 锛堜笁锛夌粍鍚堟妧鑳界粌涔�1锛�4X8鎷嶈姳鐞冪粌涔犵粍鍚堬紙2锛�', md5: 'a51ee79a800c612c2c400cbb63da8bce' },
-          v35: { name: '妯″潡浜� 锛堜笁锛夌粍鍚堟妧鑳界粌涔�2锛�4X8鎷嶈鑸炲厓绱犵粌涔犵粍鍚�', md5: 'c9021866eae6b74e377759860f93464e' },
-          v36: { name: '妯″潡涓� 锛堜竴锛夊崟涓妧鏈缁�1锛氬皬璺ㄨ烦', md5: '1650250d8363ed87ec423b83983f16d1' },
-          v37: { name: '妯″潡涓� 锛堜竴锛夊崟涓妧鏈缁�2锛氬嚮鑵胯烦', md5: '01b53b9b4a508fcac63597f0d15b8758' },
-          v38: { name: '妯″潡涓� 锛堜竴锛夊崟涓妧鏈缁�3锛�4娆′腑韪㈣吙', md5: '8f714820c514526c6b273b159377d19c' },
-          v39: { name: '妯″潡涓� 锛堜竴锛夊崟涓妧鏈缁�4锛氫晶鎼吙骞宠 ', md5: 'c75e11b7309e1e5a2a41ff5b8f4ebe4b' },
-          v40: { name: '妯″潡涓� 锛堜簩锛夌粍鍚堟妧鑳界粌涔�1锛�4X8鎷嶇埖澹暒鍟︽搷鍔ㄤ綔缁勫悎', md5: '970f85af2003532c31ced44d65b43b08' },
+          v30: {
+            name: '妯″潡浜� 锛堜簩锛夐毦搴︽妧鏈姩浣�2锛氬洟韬烦',
+            md5: 'f1e1c65fa545349835b7a6c308c3ce41',
+          },
+          v31: {
+            name: '妯″潡浜� 锛堜簩锛夐毦搴︽妧鏈姩浣�3锛氬眻鑵挎惉鑵垮钩琛�',
+            md5: '7f1f94b4bea4106583d72bafed3d1f6d',
+          },
+          v32: {
+            name: '妯″潡浜� 锛堜簩锛夐毦搴︽妧鏈姩浣�4锛氬惛杞�360搴�',
+            md5: '28cb89b3fe1a47663b5a55d67af7ff60',
+          },
+          v33: {
+            name: '妯″潡浜� 锛堜簩锛夐毦搴︽妧鏈姩浣�5锛氱旱鍔堝弶',
+            md5: '4d4b0820ca60cd091401bd6a8b8c8017',
+          },
+          v34: {
+            name: '妯″潡浜� 锛堜笁锛夌粍鍚堟妧鑳界粌涔�1锛�4X8鎷嶈姳鐞冪粌涔犵粍鍚堬紙2锛�',
+            md5: 'a51ee79a800c612c2c400cbb63da8bce',
+          },
+          v35: {
+            name: '妯″潡浜� 锛堜笁锛夌粍鍚堟妧鑳界粌涔�2锛�4X8鎷嶈鑸炲厓绱犵粌涔犵粍鍚�',
+            md5: 'c9021866eae6b74e377759860f93464e',
+          },
+          v36: {
+            name: '妯″潡涓� 锛堜竴锛夊崟涓妧鏈缁�1锛氬皬璺ㄨ烦',
+            md5: '1650250d8363ed87ec423b83983f16d1',
+          },
+          v37: {
+            name: '妯″潡涓� 锛堜竴锛夊崟涓妧鏈缁�2锛氬嚮鑵胯烦',
+            md5: '01b53b9b4a508fcac63597f0d15b8758',
+          },
+          v38: {
+            name: '妯″潡涓� 锛堜竴锛夊崟涓妧鏈缁�3锛�4娆′腑韪㈣吙',
+            md5: '8f714820c514526c6b273b159377d19c',
+          },
+          v39: {
+            name: '妯″潡涓� 锛堜竴锛夊崟涓妧鏈缁�4锛氫晶鎼吙骞宠 ',
+            md5: 'c75e11b7309e1e5a2a41ff5b8f4ebe4b',
+          },
+          v40: {
+            name: '妯″潡涓� 锛堜簩锛夌粍鍚堟妧鑳界粌涔�1锛�4X8鎷嶇埖澹暒鍟︽搷鍔ㄤ綔缁勫悎',
+            md5: '970f85af2003532c31ced44d65b43b08',
+          },
         },
         videoUrl: {},
         videoShow1: false,
@@ -4154,68 +4946,22 @@
         videoShow4: false,
         videoShow5: false,
         videoShow6: false,
-        videoShow7: false
+        videoShow10: false,
+        videoShow7: false,
+        videoShow8: false,
+        videoShow9: false,
+        videoShow11: false,
       },
     }
   },
   created() {
-    if (!this.isSearch) {
-      this.getVideo(this.chapter005.videoMd5.v1.md5, 'v1')
-      this.getVideo(this.chapter005.videoMd5.v2.md5, 'v2')
-      this.getVideo(this.chapter005.videoMd5.v3.md5, 'v3')
-      this.getVideo(this.chapter005.videoMd5.v4.md5, 'v4')
-      this.getVideo(this.chapter005.videoMd5.v5.md5, 'v5')
-      this.getVideo(this.chapter005.videoMd5.v6.md5, 'v6')
-
-      setTimeout(() => {
-        this.getVideo(this.chapter005.videoMd5.v7.md5, 'v7')
-        this.getVideo(this.chapter005.videoMd5.v8.md5, 'v8')
-        this.getVideo(this.chapter005.videoMd5.v9.md5, 'v9')
-        this.getVideo(this.chapter005.videoMd5.v10.md5, 'v10')
-        this.getVideo(this.chapter005.videoMd5.v11.md5, 'v11')
-        this.getVideo(this.chapter005.videoMd5.v12.md5, 'v12')
-      }, 1000)
-
-      setTimeout(() => {
-        this.getVideo(this.chapter005.videoMd5.v13.md5, 'v13')
-        this.getVideo(this.chapter005.videoMd5.v14.md5, 'v14')
-        this.getVideo(this.chapter005.videoMd5.v15.md5, 'v15')
-        this.getVideo(this.chapter005.videoMd5.v16.md5, 'v16')
-        this.getVideo(this.chapter005.videoMd5.v17.md5, 'v17')
-        this.getVideo(this.chapter005.videoMd5.v18.md5, 'v18')
-      }, 3000)
-
-      setTimeout(() => {
-        this.getVideo(this.chapter005.videoMd5.v19.md5, 'v19')
-        this.getVideo(this.chapter005.videoMd5.v20.md5, 'v20')
-        this.getVideo(this.chapter005.videoMd5.v21.md5, 'v21')
-        this.getVideo(this.chapter005.videoMd5.v22.md5, 'v22')
-        this.getVideo(this.chapter005.videoMd5.v23.md5, 'v23')
-        this.getVideo(this.chapter005.videoMd5.v24.md5, 'v24')
-      }, 5000)
-
-      setTimeout(() => {
-        this.getVideo(this.chapter005.videoMd5.v25.md5, 'v25')
-        this.getVideo(this.chapter005.videoMd5.v26.md5, 'v26')
-        this.getVideo(this.chapter005.videoMd5.v27.md5, 'v27')
-        this.getVideo(this.chapter005.videoMd5.v28.md5, 'v28')
-        this.getVideo(this.chapter005.videoMd5.v29.md5, 'v29')
-      }, 7000)
-
-      setTimeout(() => {
-        this.getVideo(this.chapter005.videoMd5.v30.md5, 'v30')
-        this.getVideo(this.chapter005.videoMd5.v31.md5, 'v31')
-        this.getVideo(this.chapter005.videoMd5.v32.md5, 'v32')
-        this.getVideo(this.chapter005.videoMd5.v33.md5, 'v33')
-        this.getVideo(this.chapter005.videoMd5.v34.md5, 'v34')
-        this.getVideo(this.chapter005.videoMd5.v35.md5, 'v35')
-        this.getVideo(this.chapter005.videoMd5.v36.md5, 'v36')
-        this.getVideo(this.chapter005.videoMd5.v37.md5, 'v37')
-        this.getVideo(this.chapter005.videoMd5.v38.md5, 'v38')
-        this.getVideo(this.chapter005.videoMd5.v39.md5, 'v39')
-        this.getVideo(this.chapter005.videoMd5.v40.md5, 'v40')
-      }, 8000)
+    const localData = JSON.parse(localStorage.getItem('chapter005'))
+    if (localData) {
+      this.chapter005 = { ...Object.assign(this.chapter005, localData) }
     }
+    // if (!this.isSearch) {
+
+    // }
   },
   methods: {
     closeDialog() {
@@ -4223,18 +4969,9 @@
     },
     toUrl(val) {
       if (val) {
-        const obj = {
-          type: 'pdf',
-          data: {
-            md5: this.chapter005.pdfMd5[val].md5,
-            title: this.chapter005.pdfMd5[val].name,
-          },
-        }
-        this.$emit('openPDFChange', obj)
-
-        // this.dialogVisible = true;
-        // this.p_md5 = this.chapter005.pdfMd5[val].md5;
-        // this.pdfTitle = this.chapter005.pdfMd5[val].name;
+        this.dialogVisible = true
+        this.p_md5 = this.chapter005.pdfMd5[val].md5
+        this.pdfTitle = this.chapter005.pdfMd5[val].name
       }
     },
     async getVideo(md5, val) {
@@ -4251,6 +4988,25 @@
     },
     activityXyx2() {
       this.isShowXyx02 = !this.isShowXyx02
+
+      if (!this.isSearch && !this.chapter005.videoShow1) {
+        this.getVideo(this.chapter005.videoMd5.v1.md5, 'v1')
+        this.getVideo(this.chapter005.videoMd5.v2.md5, 'v2')
+        this.getVideo(this.chapter005.videoMd5.v3.md5, 'v3')
+        this.getVideo(this.chapter005.videoMd5.v4.md5, 'v4')
+        this.getVideo(this.chapter005.videoMd5.v5.md5, 'v5')
+        this.getVideo(this.chapter005.videoMd5.v6.md5, 'v6')
+
+        setTimeout(() => {
+          this.getVideo(this.chapter005.videoMd5.v7.md5, 'v7')
+          this.getVideo(this.chapter005.videoMd5.v8.md5, 'v8')
+          this.getVideo(this.chapter005.videoMd5.v9.md5, 'v9')
+          this.getVideo(this.chapter005.videoMd5.v10.md5, 'v10')
+          this.getVideo(this.chapter005.videoMd5.v11.md5, 'v11')
+          this.getVideo(this.chapter005.videoMd5.v12.md5, 'v12')
+        }, 1000)
+      }
+
       this.chapter005.videoShow1 = true
       setTimeout(() => {
         this.chapter005.videoShow2 = true
@@ -4259,90 +5015,69 @@
       setTimeout(() => {
         this.chapter005.videoShow3 = true
       }, 3000)
-
-      setTimeout(() => {
-        this.chapter005.videoShow4 = true
-      }, 5000)
-
-      setTimeout(() => {
-        this.chapter005.videoShow5 = true
-      }, 7000)
     },
     activityXyx3() {
       this.isShowXyx03 = !this.isShowXyx03
+
+      if (!this.isSearch && !this.chapter005.videoShow6) {
+        this.getVideo(this.chapter005.videoMd5.v13.md5, 'v13')
+        this.getVideo(this.chapter005.videoMd5.v14.md5, 'v14')
+        this.getVideo(this.chapter005.videoMd5.v15.md5, 'v15')
+        this.getVideo(this.chapter005.videoMd5.v16.md5, 'v16')
+        this.getVideo(this.chapter005.videoMd5.v17.md5, 'v17')
+        this.getVideo(this.chapter005.videoMd5.v18.md5, 'v18')
+      }
+
       this.chapter005.videoShow6 = true
+      setTimeout(() => {
+        this.chapter005.videoShow10 = true
+      }, 2000)
     },
     activityXyx4() {
       this.isShowXyx04 = !this.isShowXyx04
+
+      if (!this.isSearch && !this.chapter005.videoShow7) {
+        this.getVideo(this.chapter005.videoMd5.v19.md5, 'v19')
+        this.getVideo(this.chapter005.videoMd5.v20.md5, 'v20')
+        this.getVideo(this.chapter005.videoMd5.v21.md5, 'v21')
+        this.getVideo(this.chapter005.videoMd5.v22.md5, 'v22')
+        this.getVideo(this.chapter005.videoMd5.v23.md5, 'v23')
+        this.getVideo(this.chapter005.videoMd5.v24.md5, 'v24')
+        this.getVideo(this.chapter005.videoMd5.v25.md5, 'v25')
+        this.getVideo(this.chapter005.videoMd5.v26.md5, 'v26')
+        this.getVideo(this.chapter005.videoMd5.v27.md5, 'v27')
+        this.getVideo(this.chapter005.videoMd5.v28.md5, 'v28')
+        this.getVideo(this.chapter005.videoMd5.v29.md5, 'v29')
+
+        setTimeout(() => {
+          this.getVideo(this.chapter005.videoMd5.v30.md5, 'v30')
+          this.getVideo(this.chapter005.videoMd5.v31.md5, 'v31')
+          this.getVideo(this.chapter005.videoMd5.v32.md5, 'v32')
+          this.getVideo(this.chapter005.videoMd5.v33.md5, 'v33')
+          this.getVideo(this.chapter005.videoMd5.v34.md5, 'v34')
+          this.getVideo(this.chapter005.videoMd5.v35.md5, 'v35')
+          this.getVideo(this.chapter005.videoMd5.v36.md5, 'v36')
+          this.getVideo(this.chapter005.videoMd5.v37.md5, 'v37')
+          this.getVideo(this.chapter005.videoMd5.v38.md5, 'v38')
+          this.getVideo(this.chapter005.videoMd5.v39.md5, 'v39')
+          this.getVideo(this.chapter005.videoMd5.v40.md5, 'v40')
+        }, 2000)
+      }
+
       this.chapter005.videoShow7 = true
-    }
+
+      setTimeout(() => {
+        this.chapter005.videoShow8 = true
+      }, 2000)
+
+      setTimeout(() => {
+        this.chapter005.videoShow9 = true
+      }, 3000)
+      setTimeout(() => {
+        this.chapter005.videoShow11 = true
+      }, 5000)
+    },
   },
 }
 </script>
 
-<style lang="less">
-.pdfModal {
-  width: 100%;
-  height: 90vh;
-}
-
-.custom-dialog {
-  overflow: hidden !important;
-
-  /deep/ .el-dialog__body {
-    padding: 0;
-  }
-
-  /deep/ .el-dialog__header {
-    background-color: rgba(0, 0, 0, 0.8);
-
-    .header_title {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      color: #fff;
-      font-weight: 900;
-      font-size: 16px;
-      font-family: 'FZLTXIHJW';
-
-      span:nth-child(2):hover {
-        cursor: pointer;
-      }
-    }
-
-    /deep/.el-dialog__title,
-    /deep/ .el-dialog__headerbtn .el-dialog__close {
-      color: #fff;
-      font-weight: 900;
-      font-size: 16px;
-      font-family: 'FZLTXIHJW';
-    }
-  }
-}
-
-@media screen and (max-width: 1024px) {
-  .pdfModal {
-    width: 100%;
-    height: 80vh;
-  }
-
-  .custom-dialog {
-    /deep/ .el-dialog {
-      width: 90vw !important;
-    }
-  }
-}
-
-@media screen and (max-width: 800px) {
-  .pdfModal {
-    width: 100%;
-    height: 60vh;
-  }
-
-  .custom-dialog {
-    /deep/ .el-dialog {
-      width: 90vw !important;
-    }
-  }
-}
-</style>

--
Gitblit v1.9.1