From dbe633cefd288df06fc6d4b49a717800e9dceda7 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期三, 30 四月 2025 17:37:11 +0800
Subject: [PATCH] 婴幼儿运动安全与保护(样章)

---
 .env.product                                                               |    8 
 src/books/toddlerSportsSafetyProtection/assets/images/0175-3.jpg           |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0179-1.jpg           |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0175-2.jpg           |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/bk3-bg.png           |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0174-1.jpg           |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0174-5.jpg           |    0 
 src/books/toddlerSportsSafetyProtection/view/components/chapter005.vue     | 1749 +++++++++++++++++++++++++++++++++++++++++
 src/books/toddlerSportsSafetyProtection/assets/images/0175-1.jpg           |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0174-4.jpg           |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/icon/heart-check.png |    0 
 src/books/toddlerSportsSafetyProtection/assets/main.less                   |  299 ++++++
 src/books/toddlerSportsSafetyProtection/view/components/chapter001.vue     |  247 +++++
 src/books/toddlerSportsSafetyProtection/assets/images/0174-3.jpg           |    0 
 .env                                                                       |    4 
 src/books/toddlerSportsSafetyProtection/assets/images/0179-3.jpg           |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/a3.jpg               |    0 
 src/books/toddlerSportsSafetyProtection/view/components/index.vue          |   50 
 src/books/toddlerSportsSafetyProtection/assets/images/icon/heart.png       |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0174-2.jpg           |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0179-2.jpg           |    0 
 src/books/toddlerSportsSafetyProtection/view/components/header.vue         |  110 ++
 src/books/toddlerSportsSafetyProtection/assets/images/0175-4.jpg           |    0 
 src/App.vue                                                                |    2 
 src/books/toddlerSportsSafetyProtection/assets/images/0174-6.jpg           |    0 
 25 files changed, 2,400 insertions(+), 69 deletions(-)

diff --git a/.env b/.env
index bfd4d4d..de1e4ef 100644
--- a/.env
+++ b/.env
@@ -1,7 +1,7 @@
 VUE_APP_ENV = 'dev'
 VUE_APP_API_URL = "https://jsek.bnuic.com"
 # VUE_APP_API_URL = "https://www.tepcb.com"
-# VUE_APP_RESOURCE_CTX = 'https://jsek.bnuic.com/books/resource/'
-VUE_APP_RESOURCE_CTX = 'http://182.92.203.7:3007/books/resource/'
+VUE_APP_RESOURCE_CTX = 'https://jsek.bnuic.com/books/resource/'
+# VUE_APP_RESOURCE_CTX = 'http://182.92.203.7:3007/books/resource/'
 # VUE_APP_RESOURCE_CTX = 'https://www.tepcb.com/books/resource/'
 VUE_APP_PUBLIC_PATH = '/books/book'
\ No newline at end of file
diff --git a/.env.product b/.env.product
index 115224f..738584b 100644
--- a/.env.product
+++ b/.env.product
@@ -1,8 +1,8 @@
 VUE_APP_ENV = 'product'
 VUE_APP_API_URL = "https://jsek.bnuic.com"
-# VUE_APP_RESOURCE_CTX = 'https://jsek.bnuic.com/books/resource/'
-# VUE_APP_PUBLIC_PATH = 'https://jsek.bnuic.com/books/book/meetingPlanners'
-VUE_APP_RESOURCE_CTX = 'http://182.92.203.7:3007/books/resource/'
-VUE_APP_PUBLIC_PATH = 'http://182.92.203.7:3007/books/book/artInitiationForAges0to3'
+VUE_APP_RESOURCE_CTX = 'https://jsek.bnuic.com/books/resource/'
+VUE_APP_PUBLIC_PATH = 'https://jsek.bnuic.com/books/book/meetingPlanners'
+# VUE_APP_RESOURCE_CTX = 'http://182.92.203.7:3007/books/resource/'
+# VUE_APP_PUBLIC_PATH = 'http://182.92.203.7:3007/books/book/artInitiationForAges0to3'
 VUE_APP_BOOK_LIST = "childHealth/lifeCare/sportsAndHealth/embedded/english/artAndDance/artAndDrama/mathBook/botany/civilAviation/civilServices/meetingPlanners/aviationBasicSkills/aviationEtiquette/aviationSafety/toddlerGameImplementation/childcareInstitutionsManagement/preschoolGameGuidance/kindergartenLanguageActivity/preschoolEvaluation/preschoolBasicKnowledge/practicalCareChildrenManual/OralAndBroadcasting/aurturingAndEducationAged0to3/policiesAndRegulations/kindergartenActivitiesDesignGuidance/toddlerSportsSafetyProtection/artInitiationForAges0to3/childIllnessPreventionCare/VUE_APP_BOOK_LIST = "childHealth/lifeCare/sportsAndHealth/embedded/english/artAndDance/artAndDrama/mathBook/botany/civilAviation/civilServices/meetingPlanners/aviationBasicSkills/aviationEtiquette/aviationSafety/toddlerGameImplementation/childcareInstitutionsManagement/preschoolGameGuidance/kindergartenLanguageActivity/preschoolEvaluation/preschoolBasicKnowledge/practicalCareChildrenManual/OralAndBroadcasting/aurturingAndEducationAged0to3/policiesAndRegulations/kindergartenActivitiesDesignGuidance/toddlerSportsSafetyProtection/artInitiationForAges0to3/childIllnessPreventionCare"
 VUE_APP_BOOK_ID = 'artInitiationForAges0to3'
diff --git a/src/App.vue b/src/App.vue
index e2d0e65..0da4ec0 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -206,7 +206,7 @@
         process.env.VUE_APP_RESOURCE_CTX +
         (process.env.VUE_APP_ENV == "product"
           ? process.env.VUE_APP_BOOK_ID
-          : "artInitiationForAges0to3")
+          : "toddlerSportsSafetyProtection")
       );
       // this.activeBook = await this.config.getBookConfig(
       //   'http://182.92.203.7:3007/books/resource/'+
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0174-1.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0174-1.jpg
new file mode 100644
index 0000000..994365f
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0174-1.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0174-2.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0174-2.jpg
new file mode 100644
index 0000000..a031830
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0174-2.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0174-3.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0174-3.jpg
new file mode 100644
index 0000000..5d1135e
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0174-3.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0174-4.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0174-4.jpg
new file mode 100644
index 0000000..a3eafa0
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0174-4.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0174-5.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0174-5.jpg
new file mode 100644
index 0000000..f64c834
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0174-5.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0174-6.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0174-6.jpg
new file mode 100644
index 0000000..1ed8193
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0174-6.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0175-1.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0175-1.jpg
new file mode 100644
index 0000000..d3c5e7c
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0175-1.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0175-2.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0175-2.jpg
new file mode 100644
index 0000000..15597c4
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0175-2.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0175-3.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0175-3.jpg
new file mode 100644
index 0000000..b3dad46
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0175-3.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0175-4.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0175-4.jpg
new file mode 100644
index 0000000..ab8a8b0
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0175-4.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0179-1.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0179-1.jpg
new file mode 100644
index 0000000..220cec1
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0179-1.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0179-2.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0179-2.jpg
new file mode 100644
index 0000000..0e1cf0f
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0179-2.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0179-3.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0179-3.jpg
new file mode 100644
index 0000000..2329f89
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0179-3.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/a3.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/a3.jpg
new file mode 100644
index 0000000..12960ce
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/a3.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/bk3-bg.png b/src/books/toddlerSportsSafetyProtection/assets/images/bk3-bg.png
new file mode 100644
index 0000000..d63deef
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/bk3-bg.png
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/icon/heart-check.png b/src/books/toddlerSportsSafetyProtection/assets/images/icon/heart-check.png
new file mode 100644
index 0000000..74d469c
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/icon/heart-check.png
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/icon/heart.png b/src/books/toddlerSportsSafetyProtection/assets/images/icon/heart.png
new file mode 100644
index 0000000..7817ec4
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/icon/heart.png
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/main.less b/src/books/toddlerSportsSafetyProtection/assets/main.less
index 2ae8ba0..e9c5ef6 100644
--- a/src/books/toddlerSportsSafetyProtection/assets/main.less
+++ b/src/books/toddlerSportsSafetyProtection/assets/main.less
@@ -44,7 +44,7 @@
     }
 
     .mt-30 {
-        margin-top: 30px;
+        margin-top: 30px !important;
     }
 
     .mt-70 {
@@ -229,7 +229,7 @@
         margin-bottom: 30px !important;
     }
 
-    .page-father{
+    .page-father {
         display: flex;
     }
 
@@ -238,50 +238,103 @@
         padding: 0 !important;
         margin: 0 !important;
 
-        img{
+        img {
             margin-left: 70%;
             width: 30%;
             height: auto;
         }
     }
 
-
     .headerText {
-        width: 25%;
+        width: 17%;
         margin-left: 75%;
         padding: 80px 0px 5px 0px;
         background-color: #7acab4;
         color: #fff;
         font-size: 12px;
         text-align: center;
-        border-radius:  0 0 10px 10px;
+        border-radius: 0 0 10px 10px;
         margin-bottom: 10px;
+        line-height: 15px;
     }
 
     .headerNumber {
         font-size: 12px;
         border: 1px solid #7acab4;
-        border-radius:  0 5px 5px 0;
+        border-radius: 0 5px 5px 0;
         border-left: none;
         padding: 5px 10px;
         text-align: right;
         color: #7acab4;
     }
 
+
     .header-right {
-        padding: 4% 0;
+        overflow: hidden;
+        min-width: 12%;
+        padding: 0 !important;
         margin: 0 !important;
+
     }
 
+    .header-right-img {
+        width: 100%;
+        display: inline-block;
+        justify-content: center;
+        padding-top: 40%;
+        height: 59%;
+        min-height: 600px;
+
+        img {
+            width: 35%;
+            height: auto;
+        }
+    }
+
+    .header-right-imgTop {
+        width: 22%;
+        margin-bottom: -5px;
+        margin-left: 10px;
+    }
+
+
     .header-right-Text {
+        color: #7acab4;
         font-family: "鏂规缁嗗渾";
         font-size: 14px;
-        padding-top: 20px;
+        padding: 5px 0;
+        width: 17%;
+        margin-left: 10%;
+        margin-right: 70%;
+        background-color: transparent;
+        border: 1px solid #7acab4;
+        border-radius: 3px;
+        font-size: 12px;
+        text-align: center;
+    }
+
+    .header-right-Text-bottom {
+        line-height: 15px;
+        width: 17%;
+        padding: 5px 0px 80px 0px;
+        background-color: #7acab4;
+        color: #fff;
+        font-size: 12px;
+        text-align: center;
+        border-radius: 5px 5px 0px 0px;
+        margin-bottom: 10px;
+        margin-left: 11.5%;
+        margin-top: 5%;
     }
 
     .header-right-Number {
-        position: relative;
-        width: 15%;
+        border: 1px solid #7acab4;
+        border-radius: 5px 0 0 5px;
+        border-right: none;
+        padding: 5px 10px;
+        text-align: left;
+        color: #7acab4;
+        margin-bottom: 10px;
 
         span {
             font-family: "鏂规缁嗗渾";
@@ -290,6 +343,34 @@
             left: 25%;
             bottom: 20%;
         }
+    }
+
+    /*浜岀骇鏍囬绔犳爣*/
+    .secondsubHead-1 {
+        text-align: left;
+        line-height: 1.1em;
+        font-size: 1em;
+        text-indent: 0em;
+        margin: 20% auto 0.3em auto;
+        color: #888888;
+    }
+
+    .secondsubHead-2 {
+        background-color: #7acab4;
+        display: inline-block;
+        text-align: left;
+        color: #fff;
+        border-radius: 10px;
+        padding: 0px 10px;
+        text-indent: 0em;
+        font-size: 18px;
+        line-height: 24px;
+    }
+
+    .tipes {
+        background-color: #e2f2ed;
+        border: 2px solid #96d3c1;
+        padding: 10px;
     }
 
 
@@ -447,6 +528,10 @@
         width: 220px;
     }
 
+    .w210 {
+        width: 210px;
+    }
+
     .w200 {
         width: 200px;
     }
@@ -538,6 +623,11 @@
         font-weight: 500;
     }
 
+    .fm-kt {
+        font-family: "kaiti" !important;
+        font-weight: 500;
+    }
+
     .fm-hyss {
         font-family: "姹変华涔﹀畫";
     }
@@ -579,6 +669,27 @@
         width: 100%;
         height: 280px;
         margin-bottom: 18px;
+    }
+
+
+    .imgBox {
+        display: flex !important;
+        flex-direction: column-reverse !important;
+        position: relative !important;
+
+        .img {
+            color: #7acab4;
+            margin: 0 !important;
+            font-size: 14px !important;
+            position: absolute !important;
+            left: 50% !important;
+            transform: translateX(-50%);
+            bottom: -2% !important;
+        }
+
+        img {
+            height: 80%;
+        }
     }
 
     // 棰樼洰
@@ -647,8 +758,8 @@
     }
 
     .video-box {
-        margin: 20px 0 20px 8%;
-        border: 1px dashed #895B2E;
+        margin: 20px 0 20px 0;
+        border: 1px solid #96d3c1;
         padding: 2% 2%;
     }
 
@@ -908,8 +1019,15 @@
     div.bodystyle {
         text-align: justify;
         margin: 13% 13% 10% 3%;
-        padding-bottom: 80px;
         line-height: 30px;
+        min-width: 70%;
+    }
+
+    div.bodystyle-left {
+        text-align: justify;
+        margin: 13% 3% 10% 13%;
+        line-height: 30px;
+        min-width: 70%;
     }
 
     .UnitCover {
@@ -970,7 +1088,7 @@
         text-align: justify;
     }
 
-    .block1 {
+    .tl-c {
         text-align: center;
     }
 
@@ -1065,6 +1183,14 @@
     .img-h {
         width: 20%;
     }
+    .img-h {
+        width: 20%;
+    }
+
+    .img-15 {
+        width: 15%;
+    }
+
 
     .img-i {
         width: 10%;
@@ -1098,11 +1224,11 @@
         color: #fff;
         font-weight: 400;
         background-color: #7acab4;
-        width: 30%;
         padding-left: 1%;
         padding-right: 8%;
         background: linear-gradient(135deg, #7acab4, #7acab4 50%, transparent 50%, transparent 100%);
-        margin-bottom: 10%;
+        margin-bottom: 5px;
+        margin-top: 5px;
     }
 
     .rotate-up {
@@ -1119,6 +1245,121 @@
         color: #7acab4;
         line-height: 10px;
     }
+
+    .g-pic {
+        height: 2.5em;
+        vertical-align: middle;
+    }
+
+    .content {
+        font-size: 1em;
+        line-height: 25px;
+    }
+
+    .titleQuot-c {
+        font-family: "姹変华妤蜂綋", "ETrump KaiTi", "鏂规浠垮畫", "FZFSJW--GB1-0";
+        font-size: 1.2em;
+        line-height: 1.3em;
+        margin: 1em auto;
+        text-align: center;
+        font-weight: bold;
+    }
+
+
+    div.bk3 {
+        background-color: #d6ece5;
+        border: 1px solid #7acab4;
+        padding: 25px 19px 20px 19px;
+        margin-top: 2em;
+        margin-bottom: 1em;
+        position: relative;
+    }
+
+    .bk3-titOne {
+        position: absolute;
+        top: -18px;
+        left: 20%;
+    }
+
+    .bk3-titTwo {
+        position: absolute;
+        top: -18px;
+        left: 38%;
+    }
+
+    .bk3-titThree {
+        position: absolute;
+        top: -18px;
+        right: 38%;
+    }
+
+    .bk3-titFour {
+        position: absolute;
+        top: -18px;
+        right: 20%;
+    }
+
+    .bk3-top {
+        width: 25px;
+        height: 25px;
+        border-radius: 50%;
+        background-color: #fff;
+        border-radius: 0 25px 0 0;
+        transform: rotate(90deg);
+        border-top: 1px solid #7acab4;
+        border-right: 1px solid #7acab4;
+        position: absolute;
+        top: -2px;
+        left: -2px;
+        /* 鏃嬭浆褰㈡垚鎵囧舰 */
+    }
+
+    .bk3-top-right {
+        width: 25px;
+        height: 25px;
+        border-radius: 50%;
+        background-color: #fff;
+        border-radius: 0 25px 0 0;
+        transform: rotate(180deg);
+        border-top: 1px solid #7acab4;
+        border-right: 1px solid #7acab4;
+        position: absolute;
+        top: -2px;
+        right: -2px;
+        /* 鏃嬭浆褰㈡垚鎵囧舰 */
+    }
+
+
+    .bk3-bottom {
+        width: 25px;
+        height: 25px;
+        border-radius: 50%;
+        background-color: #fff;
+        border-radius: 0 25px 0 0;
+        transform: rotate(360deg);
+        border-top: 1px solid #7acab4;
+        border-right: 1px solid #7acab4;
+        position: absolute;
+        bottom: -5.5px;
+        left: -2px;
+        /* 鏃嬭浆褰㈡垚鎵囧舰 */
+    }
+
+    .bk3-bottom-right {
+        width: 25px;
+        height: 25px;
+        border-radius: 50%;
+        background-color: #fff;
+        border-radius: 0 25px 0 0;
+        transform: rotate(270deg);
+        border-top: 1px solid #7acab4;
+        border-right: 1px solid #7acab4;
+        position: absolute;
+        bottom: -5.5px;
+        right: -2px;
+        /* 鏃嬭浆褰㈡垚鎵囧舰 */
+    }
+
 
     h1.firstTitle {
         padding: 0% 0 10% 0;
@@ -1148,12 +1389,6 @@
         margin-left: -5%;
     }
 
-    h2 {
-        text-align: center;
-        color: #00aeef;
-        font-family: "鏂规鍏颁涵绾ょ粏";
-        font-size: 1.5em;
-    }
 
     .titleQuot-l {
         text-indent: 0em;
@@ -1166,10 +1401,26 @@
         font-family: "鏂规鍏颁涵绾ょ粏";
         font-size: 1.1em;
         margin: 15px 0 10px 0;
+        font-weight: bold;
+    }
+
+    .imgdescript {
+        color: #7acab4;
     }
 
     .quotation {
-        font-family: "kaiti";
+        font-family: "姹変华妤蜂綋", "ETrump KaiTi", "鏂规浠垮畫", "FZFSJW--GB1-0";
+        font-size: 0.95em;
+        text-align: left;
+        text-indent: 2em;
+        margin: 0.1em auto;
+        color: #5A5A5A;
+        line-height: 30px;
+    }
+
+    .titleQuot-1 {
+        color: #7acab4;
+        font-size: 1.1em;
     }
 
     /*搴曡壊*/
diff --git a/src/books/toddlerSportsSafetyProtection/view/components/chapter001.vue b/src/books/toddlerSportsSafetyProtection/view/components/chapter001.vue
new file mode 100644
index 0000000..b87b860
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/view/components/chapter001.vue
@@ -0,0 +1,247 @@
+<template>
+  <div class="chapter" num="2">
+    <!-- 1椤� -->
+    <div class="page-box" page="10">
+      <div v-if="showPageList.indexOf(10) > -1">
+        <div class="UnitCover">
+          <h1 class="seriesTitle">绗竴绔�&nbsp;</h1>
+          <h1 class="seriesTitle mb-20">濠村辜鍎胯繍鍔ㄥ畨鍏ㄤ笌淇濇姢姒傝堪&nbsp;</h1>
+          <p class="rotate-up">^</p>
+          <p class="rotate-down">v</p>
+          <p class="rotate-down">v</p>
+          <p class="rotate-down">v</p>
+          <p class="rotate-down">v</p>
+          <p class="rotate-down">v</p>
+          <p class="rotate-down">v</p>
+          <p class="rotate-down mb-20">v</p>
+          <p class="content">
+            <img class="g-pic" src="../../assets/images/0013_01.jpg" alt="" />
+          </p>
+          <p class="quotation">1锛庣悊瑙e┐骞煎効杩愬姩瀹夊叏涓庝繚鎶ょ殑鎰忎箟銆�</p>
+          <p class="quotation">2锛庢帉鎻″┐骞煎効杩愬姩瀹夊叏涓庝繚鎶ょ殑鐩爣涓庡唴瀹广��</p>
+          <p class="quotation">3锛庣悊瑙e┐骞煎効杩愬姩椋庨櫓鐨勫奖鍝嶅洜绱犮��</p>
+          <p class="content">
+            <img class="g-pic" src="../../assets/images/0013_02.jpg" alt="" />
+          </p>
+          <div class="bodyPic openImgBox">
+            <img
+              src="../../assets/images/0013-03.jpg"
+              style="width: 100%"
+              alt=""
+              active="true"
+            />
+          </div>
+          <p class="content">
+            <img class="g-pic" src="../../assets/images/0013_04.jpg" alt="" />
+          </p>
+          <p class="quotation">
+            姣忓埌鎴峰娲诲姩鏃堕棿锛屾煇骞煎効鍥暀甯堜笉鎰挎剰缁勭粐骞煎効杩涜鎴峰杩愬姩锛岃涓哄辜鍎垮湪杩愬姩鏃讹紝鍒ゆ柇鍗遍櫓鍜岃嚜鎴戜繚鎶よ兘鍔涢兘杈冨急锛屽鏄撳彂鐢熻繍鍔ㄤ激瀹炽�傚洯闀夸互鍙婂闀夸篃闈炲父鍏虫敞骞煎効鐨勫畨鍏紝鎷呭績骞煎効鍦ㄨ繍鍔ㄤ腑濡傛灉鍑虹幇鎰忓浼ゅ涓嶈兘鍙婃椂澶勭悊锛屼細閫犳垚涓嶅繀瑕佺殑楹荤儲銆傚洜姝よ兘涓嶅嚭鍘诲氨涓嶅嚭鍘伙紝鑳藉皯娲诲姩灏卞皯娲诲姩锛屾姳鐫�澶氬姩澶氬嵄闄┿�佸皯鍔ㄥ皯鍗遍櫓銆佷笉鍔ㄤ笉鍗遍櫓鐨勫績鎬併��
+          </p>
+          <p class="content">
+            杩欑鐜拌薄瀛樺湪浜庝笉灏戝辜鏁欐満鏋勩�傛暀甯堜笉鑳芥纭悊瑙e┐骞煎効杩愬姩涓庡┐骞煎効鎴愰暱鐨勫叧绯伙紝涓嶈兘姝g‘鐞嗚В濠村辜鍎胯繍鍔ㄥ畨鍏ㄤ笌淇濇姢鐨勬剰涔変互鍙婂奖鍝嶅洜绱狅紝鏈珷灏嗛噸鐐硅璁鸿繖浜涘唴瀹广��
+          </p>
+        </div>
+      </div>
+    </div>
+    <!-- 2椤� -->
+    <div class="page-box" page="11">
+      <div v-if="showPageList.indexOf(11) > -1">
+        <div class="page-father">
+          <ul class="header-left">
+            <li class="headerText">
+              濠�<br />骞�<br />鍎�<br />杩�<br />鍔�<br />瀹�<br />鍏�<br />涓�<br />淇�<br />鎶�
+            </li>
+            <li class="headerNumber">2</li>
+            <img src="../../assets/images/a1.jpg" alt="" />
+          </ul>
+          <div class="bodystyle">
+            
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- 3椤� -->
+    <div class="page-box" page="12">
+      <div v-if="showPageList.indexOf(12) > -1">
+        <div class="page-father">
+          <div class="bodystyle-left">
+
+          </div>
+          <ul class="header-right">
+            <li class="header-right-img">
+              <img src="../../assets/images/a2.jpg" alt="" />
+            </li>
+            <img class="header-right-imgTop" src="../../assets/images/a3.jpg" alt="" />
+            <li class="header-right-Number">3</li>
+            <li class="header-right-Text">
+              绗�<br />涓�<br />绔�
+            </li>
+            <li class="header-right-Text-bottom">
+              濠�<br />骞�<br />鍎�<br />杩�<br />鍔�<br />瀹�<br />鍏�<br />涓�<br />淇�<br />鎶�
+            </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getResourcePath } from "@/assets/methods/resources";
+import {
+  getCollectResource,
+  setCollectResource,
+} from "@/assets/methods/resources";
+import preView from "@/components/pdfview/index.vue";
+export default {
+  name: "chapterOne",
+  props: {
+    showPageList: {
+      type: Array,
+    },
+  },
+  components: {
+    preView,
+  },
+  data() {
+    return {
+      dialogVisible: false,
+      pdfDialogRef: "",
+      somePdfTitleValue: "",
+      p_md5: "",
+      collectResourceList: [],
+      chapter001: {
+        pdfMd5: {
+          1: {
+            md5: "6a7118abdc38a24995f26c164d63648c",
+            name: "鎷撳睍瀛︿範锛氫粠缃楁仼鑿插皵寰风殑鑹烘湳鏁欒偛鎬濇兂",
+          },
+          2: {
+            md5: "cfac1cfc4b845032d35937a0f6f201e1",
+            name: "鎷撳睍瀛︿範锛氬揩涔愮璋o紝甯姪瀹濆疂杞绘澗瀛﹁璇�",
+          },
+        },
+      },
+      collectImg: require("../../assets/images/icon/heart.png"),
+      collectCheck: require("../../assets/images/icon/heart-check.png"),
+      videoPathOne: "",
+      audioPathOne: "",
+      chapterData: {
+        isCollectVideoOne: false,
+      },
+      videoQuestionData: {
+        one: "",
+      },
+    };
+  },
+  async mounted() {
+    const videoData = localStorage.getItem(
+      "artInitiationForAges0to3-book-chapter001-video"
+    );
+    if (videoData) {
+      this.chapterData = JSON.parse(videoData);
+    }
+
+    const videoQuestionData = localStorage.getItem(
+      "artInitiationForAges0to3-book-chapter001-videoQuestionData"
+    );
+    if (videoQuestionData) {
+      this.videoQuestionData = JSON.parse(videoQuestionData);
+    }
+
+    this.getVidoePath();
+    this.collectResourceList = await getCollectResource(
+      this.config.activeBook.bookId
+    );
+  },
+
+  methods: {
+    async getVidoePath() {
+      this.audioPathOne = await getResourcePath(
+        "c19b26c585aecc086a286aa0829c9e3b"
+      );
+      this.videoPathOne = await getResourcePath(
+        "afebf048dd2bf2cb09004976ea818dc4"
+      );
+    },
+    toUrl(val) {
+      if (val) {
+        this.p_md5 = this.chapter001.pdfMd5[val].md5;
+        this.somePdfTitleValue = this.chapter001.pdfMd5[val].name;
+        this.$refs.pdfDialogRef.openDialog();
+      }
+    },
+
+    handleCollect(e) {
+      if (e == "video-01") {
+        this.handleCollectResource(
+          "afebf048dd2bf2cb09004976ea818dc4",
+          "afebf048dd2bf2cb09004976ea818dc4",
+          "",
+          "瑙嗛",
+          "bits",
+          "娲诲姩瑙嗛锛氬疂瀹濆彂鐜扮編"
+        );
+        this.chapterData.isCollectVideoOne =
+          !this.chapterData.isCollectVideoOne;
+      }
+      this.saveVideoStatus();
+    },
+
+    saveVideoStatus() {
+      localStorage.setItem(
+        "artInitiationForAges0to3-book-chapter001-video",
+        JSON.stringify(this.chapterData)
+      );
+    },
+
+    saveVideoQuestionData() {
+      localStorage.setItem(
+        "artInitiationForAges0to3-book-chapter001-videoQuestionData",
+        JSON.stringify(this.videoQuestionData)
+      );
+    },
+    //璧勬簮鏀惰棌浜嬩欢
+    // resourcePath  鏂囦欢璺緞锛�
+    // resourceType  鏂囦欢绫诲瀷
+    // source        鏂囦欢鏉ユ簮
+    handleCollectResource(
+      id,
+      md5,
+      resourcePath,
+      resourceType,
+      source,
+      resourceName
+    ) {
+      let list = this.collectResourceList;
+      if (list.findIndex((item) => item.id == id) > -1) {
+        list = list.filter((item) => item.id != id);
+      } else {
+        list.push({
+          id,
+          md5,
+          resourcePath,
+          resourceType,
+          source,
+          resourceName,
+        });
+      }
+      this.collectResourceList = list;
+      setCollectResource(
+        this.config.activeBook.bookId,
+        this.collectResourceList
+      );
+    },
+  },
+};
+</script>
+<style lang="less" scoped>
+hr {
+  margin-left: 0;
+  margin-bottom: 25px;
+  width: 25%;
+  border: none;
+  height: 1px;
+  background-color: #000;
+}
+</style>
diff --git a/src/books/toddlerSportsSafetyProtection/view/components/chapter005.vue b/src/books/toddlerSportsSafetyProtection/view/components/chapter005.vue
new file mode 100644
index 0000000..01efb1e
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/view/components/chapter005.vue
@@ -0,0 +1,1749 @@
+<template>
+  <div class="chapter" num="2">
+    <!-- 154椤� -->
+    <div class="page-box" page="163">
+      <div v-if="showPageList.indexOf(163) > -1">
+        <div class="UnitCover">
+          <h1 class="seriesTitle">绗簲绔�&nbsp;</h1>
+          <h1 class="seriesTitle mb-20">
+            濠村辜鍎垮父瑙佽繍鍔ㄤ激瀹崇殑澶勭悊涓庢�ユ晳&nbsp;
+          </h1>
+          <p class="rotate-up">^</p>
+          <p class="rotate-down">v</p>
+          <p class="rotate-down">v</p>
+          <p class="rotate-down">v</p>
+          <p class="rotate-down">v</p>
+          <p class="rotate-down">v</p>
+          <p class="rotate-down">v</p>
+          <p class="rotate-down mb-20">v</p>
+          <p class="content">
+            <img class="g-pic" src="../../assets/images/0013_01.jpg" alt="" />
+          </p>
+          <p class="quotation">1锛庣悊瑙h繍鍔ㄤ激瀹冲鐞嗙殑鍘熷垯銆�</p>
+          <p class="quotation">2锛庢帉鎻¤繍鍔ㄤ激瀹崇殑鍒ゆ柇涓庡鐞嗘柟娉曘��</p>
+          <p class="content">
+            <img class="g-pic" src="../../assets/images/0013_02.jpg" alt="" />
+          </p>
+          <div class="bodyPic openImgBox">
+            <img
+              src="../../assets/images/0013-03.jpg"
+              style="width: 100%"
+              alt=""
+              active="true"
+            />
+          </div>
+          <p class="content">
+            <img class="g-pic" src="../../assets/images/0013_04.jpg" alt="" />
+          </p>
+          <p class="quotation">
+            鍦ㄦ埛澶栨椿鍔ㄦ椂锛屽辜鍎夸緷娆¤繘琛屽姪璺戣法璺虫椿鍔ㄣ�傚彧瑙佸渾鍦嗗皬鏈嬪弸鎽斿�掍簡锛屾暀甯堣繃鍘昏闂�佹煡鐪嬶紝鍦嗗渾璇达細鈥滄病浜嬶紝娌′簨銆傗�濇暀甯堝惉鍒板渾鍦嗚繖涔堣锛屽氨缁勭粐澶у缁х画娲诲姩銆傛暀甯堝彂鐜板渾鍦嗗湪娲诲姩涓姩浣滄病鏈夐偅涔堣嚜鐒讹紝璧拌矾寰堝埆鎵�備簬鏄暀甯堟妸鍦嗗渾甯﹀埌淇濆仴瀹よ繘涓�姝ヨ瀵燂紝鍙戠幇鍦嗗渾鐨勫彸鑴氳偪浜嗚捣鏉ャ�傚湪淇濆仴瀹ゅ仛浜嗙畝鍗曞鐞嗗悗锛屽渾鍦嗚閫佸幓鍖婚櫌灏辫瘖銆�
+          </p>
+          <p class="quotation">
+            濠村辜鍎胯韩浣撶殑鍚勪釜鍣ㄥ畼銆佺郴缁熷浜庝笉鏂彂鑲茬殑杩囩▼锛屾満鑳戒笉澶熷畬鍠勶紝鏄撳彈鎹熶激銆佹槗鎰熸煋鐤剧梾銆傞亣鍒板┐骞煎効鍙椾激鎯呭喌鏁欏笀寰�寰�瀹虫�曘�佷笉鐭ユ墍鎺�傚鏋滄暀甯堟纭悊瑙e苟鎺屾彙浜嗚繍鍔ㄦ崯浼ょ殑鍒ゆ柇涓庡鐞嗘柟娉曞氨鑳藉鍑忓皯濠村辜鍎跨殑鐥涜嫤锛屽苟鑳藉強鏃剁粰浜堟晳娌伙紝閬垮厤鏇村ぇ鐨勪激瀹炽��
+          </p>
+        </div>
+      </div>
+    </div>
+    <!-- 155椤� -->
+    <div class="page-box" page="164">
+      <div v-if="showPageList.indexOf(164) > -1">
+        <div class="page-father">
+          <div class="bodystyle-left">
+            <h2 class="secondsubHead-2">绗竴鑺�&ensp;杩愬姩浼ゅ澶勭悊鐨勬杩�</h2>
+            <p class="titleQuot-1">涓�銆佽繍鍔ㄤ激瀹虫�ユ晳鐨勫師鍒�</p>
+            <p class="content">
+              鎬ユ晳鏄鎰忓鎴栫獊鐒跺彂鐢熺殑浼ょ梾浜嬫晠杩涜绱ф�ョ殑涓存椂鎬у鐞嗐�傚叾鐩殑鏄繚鎶や激鐥呰�呯殑鐢熷懡瀹夊叏锛岄伩鍏嶅啀搴︿激瀹筹紝鍑忚交浼ょ梾鑰呯棝鑻︼紝棰勯槻骞跺彂鐥囷紝骞朵负浼ょ梾鑰呯殑杞繍鍜岃繘涓�姝ユ不鐤楀垱閫犳潯浠躲�傚洜姝わ紝鏃犺浣曠鎬ユ�ф崯浼わ紝鍋氬ソ鐜板満鎬ユ晳閮芥槸鍗佸垎閲嶈鐨勩��
+            </p>
+            <p class="content">
+              鎬ユ晳鏃跺繀椤绘姄浣忎富瑕佺煕鐩撅紝鏁戝懡鍦ㄥ厛锛屽仛濂戒紤鍏嬬殑闃叉不銆傞鎶樸�佸叧鑺傝劚浣嶃�佷弗閲嶈蒋缁勭粐鎹熶激鎴栧叾浠栧櫒瀹樻崯浼ゆ椂锛屼激鑰呭父鍥犲嚭琛�銆佺柤鐥涜�屽彂鐢熶紤鍏嬨�傚湪鐜板満鎬ユ晳鏃讹紝棣栧厛瑕佹敞鎰忛闃蹭紤鍏嬶紝鑻ュ彂鐢熶紤鍏嬶紝蹇呴』浼樺厛鎶㈡晳浼戝厠銆傚叾娆★紝鎬ユ晳蹇呴』鍒嗙蹇呬簤锛屽姏姹傝繀閫熴�佸噯纭�佹湁鏁堬紝鍋氬埌蹇晳銆佸揩閫佸尰闄㈠鐞嗐��
+            </p>
+            <p class="content">
+              涓轰簡鏇村ソ鍦板畬鎴愯繖涓�浠诲姟锛岃繕蹇呴』閬靛畧浠ヤ笅鍏潯鍘熷垯銆�
+            </p>
+            <p class="content">
+              1锛庡厛澶嶅悗鍥虹殑鍘熷垯锛氭槸鎸囬亣鏈夊績璺冲懠鍚搁鍋滃張鏈夐鎶樿�咃紝搴旈鍏堢敤鍙e鍙e懠鍚稿拰鑳稿鎸夊帇绛夋妧鏈娇蹇冭偤澶嶈嫃锛岀洿鍒板績璺冲懠鍚告仮澶嶅悗锛屽啀杩涜鍥哄畾楠ㄦ姌鐨勫師鍒欍��
+            </p>
+            <p class="content">
+              2锛庡厛姝㈠悗鍖呯殑鍘熷垯锛氭槸鎸囬亣鍒板ぇ鍑鸿鍙堟湁浼ゅ彛鑰咃紝棣栧厛绔嬪嵆鐢ㄦ寚鍘嬨�佹琛�甯︽垨鑽墿绛夋柟娉曟琛�锛屾帴鐫�鍐嶆秷姣掍激鍙h繘琛屽寘鎵庣殑鍘熷垯銆�
+            </p>
+            <p class="content">
+              3锛庡厛閲嶅悗杞荤殑鍘熷垯锛氭槸鎸囬亣鍒板瀭鍗辩殑鍜岃緝杞荤殑浼よ�呮椂锛屼紭鍏堟姠鏁戝嵄閲嶈�咃紝鍚庢姠鏁戣緝杞荤殑浼よ�呯殑鍘熷垯銆�
+            </p>
+            <p class="content">
+              4锛庡厛鏁戝悗閫佺殑鍘熷垯锛氳繃鍘婚亣鍒颁激鑰咃紝澶氭暟鏄厛閫佸悗鏁戯紝杩欐牱甯歌椿璇簡鎶㈡晳鏃舵満锛岃嚧浣夸笉搴旀浜¤�呬抚澶变簡鎬у懡銆傚簲棰犲�掕繃鏉ワ紝鍏堟晳鍚庨�併�傚湪閫佷激鑰呭埌鍖婚櫌閫斾腑锛屼笉瑕佸仠椤挎姠鏁戞帾鏂斤紝搴旂户缁瀵熶激鐥呭彉鍖栵紝灏戦绨革紝娉ㄦ剰淇濇殩锛屽钩瀹夊埌杈剧洰鐨勫湴銆�
+            </p>
+            <p class="content">
+              5锛庢�ユ晳涓庡懠鏁戝苟閲嶇殑鍘熷垯锛氬湪閬囧埌鎴愭壒浼よ�呮椂锛屽張鏈夊浜哄湪鍦虹殑鎯呭喌涓嬶紝搴旇緝蹇湴浜夊彇鍒版�ユ晳澶栨彺銆�
+            </p>
+            <p class="content">
+              6锛庢惉杩愪笌鍖绘姢鐨勪竴鑷村師鍒欙細鍦ㄨ澶氭儏鍐典笅锛屽崗璋冮厤鍚堜笉濂斤紝閫斾腑搴旇缁х画鎶㈡晳鍗存病鏈夊緱鍒颁繚闅滐紝鍔犱箣杞﹁締涓ラ噸棰犵案绛夋儏鍐碉紝缁撴灉澧炲姞浜嗕激鑰呬笉搴旀湁鐨勭棝鑻﹀拰姝讳骸銆傚尰鎶ゅ拰鎶㈡晳搴斿湪浠诲姟瑕佹眰涓�鑷淬�佸崗璋冧竴鑷淬�佸畬鎴愪换鍔′竴鑷寸殑鎯呭喌涓嬭繘琛岋紝鍦ㄨ繍閫佸嵄閲嶄激鑰呮椂锛屽氨鑳藉噺灏戠棝鑻︼紝鍑忓皯姝讳骸锛屽畨鍏ㄥ埌杈剧洰鐨勫湴銆�
+            </p>
+            <p class="titleQuot-1">浜屻�佽繍鍔ㄤ激瀹崇殑鍒ゆ柇涓庡鐞嗘祦绋�</p>
+            <p class="content">
+              杩愬姩浼ゅ浜嬩欢鍑虹幇鍚庢纭殑鍒ゆ柇鍜屽鐞嗘祦绋嬪鏁戞姢鐨勬晥鏋滆捣鐫�鍐冲畾鎬т綔鐢ㄣ�傚辜鏁欐満鏋勫拰瀹堕暱搴旂啛鎮夋纭殑澶勭悊娴佺▼锛屼负搴斿绱ф�ユ儏鍐靛仛濂藉噯澶囥�傚辜鏁欐満鏋勫簲鎻愬墠鍒惰杩愬姩浼ゅ浜嬩欢绱ф�ュ鐞嗙▼搴忛妗堛�傞妗堥噷搴斿寘鎷笉鍚岃繍鍔ㄤ激瀹充簨浠剁殑绫诲瀷銆佺枏鏁c�佹�ユ晳甯歌瘑鍜屽鐞嗘祦绋嬬瓑銆傚湪鍑虹幇杩愬姩浼ゅ浜嬩欢鍚庡彲浠ユ寜鐓т互涓嬫祦绋嬪鐞嗐��
+            </p>
+          </div>
+          <ul class="header-right">
+            <li class="header-right-img">
+              <img src="../../assets/images/a2.jpg" alt="" />
+            </li>
+            <img
+              class="header-right-imgTop"
+              src="../../assets/images/a3.jpg"
+              alt=""
+            />
+            <li class="header-right-Number">155</li>
+            <li class="header-right-Text">绗�<br />浜�<br />绔�</li>
+            <li class="header-right-Text-bottom">
+              濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
+            </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+    <!-- 156椤� -->
+    <div class="page-box" page="165">
+      <div v-if="showPageList.indexOf(165) > -1">
+        <div class="page-father">
+          <ul class="header-left">
+            <li class="headerText">
+              濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
+            </li>
+            <li class="headerNumber">156</li>
+            <img src="../../assets/images/a1.jpg" alt="" />
+          </ul>
+          <div class="bodystyle">
+            <p class="content">
+              绗竴姝ワ細鎮e効鍒跺姩锛屽仠姝㈣繍鍔紝璇勪及鐜锛岀‘淇濆畨鍏ㄣ�傝瀵熺幇鍦虹幆澧冩槸鍚﹀瓨鍦ㄥ嵄闄╋紝瀵瑰紓甯告儏鍐靛仛鍑哄垵姝ョ殑蹇�熷垽鏂紝纭繚鏂芥晳杩囩▼涓殑瀹夊叏銆傛柦鏁戣繃绋嬩腑瑕佷繚鎸佸喎闈欙紝瀹夋姎鎮e効鎯呯华锛屽府鍔╀粬浠秷闄ゆ亹鎯э紱鍚屾椂涓嶆寚璐c�佽矗鎬激瀹宠�咃紝閬垮厤鍏跺績鐞嗚礋鎷呫��
+            </p>
+            <p class="content">
+              绗簩姝ワ細妫�鏌ョ梾鎯咃紝鍒濇澶勭悊銆傝繀閫熷垽鏂偅鍎跨殑鎰忚瘑銆佸懠鍚搞�佽剦鎼忋�佺煡瑙夈�佺灣瀛斿弽搴旂瓑锛屾椂鍒绘敞鎰忔偅鍎跨殑鍙嶅簲鍜岄渶姹傘�傜▼搴﹁交鐨勶紝鍏堝仛绠�鍗曞鐞嗭紱鑻ュ嚭鐜颁抚澶辨剰璇嗐�佸仠姝㈠懠鍚告垨婵掓鍛煎惛銆佽剦鎼忔秷澶辨椂锛屽簲绔嬪嵆閲囧彇蹇冭偤澶嶈嫃銆�
+            </p>
+            <p class="content">
+              绗笁姝ワ細绱ф�ュ懠鏁戯紝瀵绘眰甯姪銆傚鐜板満鐥呮儏鍒濇妫�鏌ュ悗锛屽鏋滄儏鍐典弗閲嶅簲绔嬪嵆鎷ㄦ墦鎬ユ晳鐢佃瘽鍛兼晳锛屾垨鎷涘懠鍛ㄥ洿浜哄府蹇欐嫧鎵撳尰鐤楁�ユ晳鐢佃瘽锛岃娓呮櫚鍦版彁渚涙墍鏈夐噸瑕佷俊鎭�傚悓鏃跺彲瀵绘眰鍛ㄥ洿浜哄府鍔╋紝鍙備笌鎬ユ晳鎺柦锛岀淮鎸佺幇鍦虹З搴忥紝鐤忔暎鍥磋浜虹兢锛屼繚鎶ゆ偅鍎块殣绉併��
+            </p>
+            <p class="content">
+              绗洓姝ワ細杩涗竴姝ユ鏌ュ拰澶勭疆銆傚湪鏁戞姢杞﹀埌杈惧墠锛屽彲灏卞湴鍙栨潗锛屾垨灏藉叾鎵�鑳藉疄鏂芥晳娌汇�傚鏃犳剰璇嗕絾鏈夊懠鍚哥殑鎮e効鍙疆浜庡鍘熷崸浣嶏紙渚у崸浣嶏級锛屽浼ゅ彛杩涜姝㈣绛夋帾鏂姐��
+            </p>
+            <p class="content">
+              绗簲姝ワ細濡傝繍鍔ㄤ激瀹充簨浠跺彂鐢熷湪骞兼暀鏈烘瀯锛屽簲鍙婃椂閫氭姤瀹堕暱锛屼笌瀹堕暱鍙婃椂娌熼�氾紝鍙婃椂鍋氬ソ瀹堕暱鐨勫畨鎶氬伐浣溿�傝瘹鎭炽�佸瑙傘�佸潶璇氥�佽缁嗗湴璇存槑浜嬩欢杩囩▼锛屼互鑾峰彇瀹堕暱鐨勭悊瑙o紝鍚屾椂鎹綅鎬濊�冿紝浣撹皡瀹堕暱鐨勫績鎯呮劅鍙楋紝鍙婃椂璋冩暣涓庡闀跨殑娌熼�氱瓥鐣ャ��
+            </p>
+            <p class="content">
+              绗叚姝ワ細鍙婃椂褰㈡垚涔﹂潰鎶ュ憡锛屼簨鏁呮姤鍛娿�傚辜鏁欐満鏋勮璁ょ湡銆佸叏闈㈠垎鏋愪簨浠跺彂鐢熷師鍥狅紝鍒嗘竻璐d换锛屼粠涓幏鍙栫粡楠屽拰鏁欒锛屼粠鑰屽弽鎬濆畨鍏ㄧ鐞嗘紡娲烇紝鍔犲己瀹夊叏绠$悊锛岄伩鍏嶆绫讳簨浠剁殑鍐嶆鍙戠敓銆�
+            </p>
+            <p class="titleQuot-1">灏忚创澹�</p>
+            <div class="tipes">
+              <p class="content">
+                鏍规嵁濠村辜鍎胯韩浣撳彂灞曞勾榫勭壒鐐癸紝璁捐瓒e懗鎬ф椿鍔紝鍚堢悊瀹夋帓璁粌鍐呭鍜屾椂闀匡紝鎻愰珮濠村辜鍎跨殑涓撴敞绋嬪害锛屽厖鍒嗗仛濂界儹韬拰鏁寸悊娲诲姩銆�
+              </p>
+              <p class="content">
+                杩愬姩澶鍜屽お灏戯紝鍚屾牱鎹熶激浣撳姏锛涢ギ椋熻繃澶氫笌杩囧皯锛屽悓鏍锋崯瀹冲仴搴凤紱鍞湁閫傚害鎵嶅彲浠ュ寮轰綋鍔涘拰淇濇寔鍋ュ悍銆�
+              </p>
+              <p class="content">
+                鑷垜淇濇姢鎰忚瘑鏄闃插彈浼ょ殑閲嶈淇濊瘉銆傝寮曞骞煎効鍏呭垎浜嗚В鎹熶激甯︽潵鐨勫悗鏋滐紝浣垮叾鍦ㄨ繘琛屼綋鑲叉椿鍔ㄥ拰鏃ュ父鐢熸椿鏃堕泦涓敞鎰忓姏浠ユ纭畬鎴愯繍鍔紝蹇呰鏃朵僵鎴撮�傚綋鐨勬姢鍏蜂互棰勯槻楠ㄦ姌绛夋崯浼ょ殑鍙戠敓銆傛�濇兂涓婄殑楂樺害閲嶈锛屽彲浠ユ湁鏁堝噺灏戣繍鍔ㄤ激瀹崇殑鍙戠敓銆�
+              </p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- 157椤� -->
+    <div class="page-box" page="166">
+      <div v-if="showPageList.indexOf(166) > -1">
+        <div class="page-father">
+          <div class="bodystyle-left">
+            <h2 class="secondsubHead-2">
+              绗簩鑺�&ensp;甯歌鐨勮繍鍔ㄤ激瀹崇被鍨嬬殑澶勭悊涓庢�ユ晳
+            </h2>
+            <p class="titleQuot-1">涓�銆佽蒋缁勭粐鐨勫鐞嗕笌鎬ユ晳</p>
+            <p class="poemtitle-l">锛堜竴锛夐棴鍚堟�ц蒋缁勭粐鎹熶激</p>
+            <div class="img-float w115 openImgBox">
+              <img
+                src="../../assets/images/0169-01.jpg"
+                style="width: 100%"
+                alt=""
+                active="true"
+              />
+              <p class="imgdescript">鍥�5-1銆�閽濇尗浼�</p>
+            </div>
+            <span>
+              <p class="content ma-0">
+                灞�閮ㄧ毊鑲ゆ垨榛忚啘瀹屽ソ锛屾棤瑁傚彛涓庡鐣岀浉閫氾紝鎹熶激鏃剁殑鍑鸿绉仛鍦ㄧ粍缁囧唴锛岀О涓洪棴鍚堟�ц蒋缁勭粐鎹熶激銆傚父瑙佺殑闂悎鎬ц蒋缁勭粐鍖呮嫭锛氳倢鑲夈�佽倢鑵便�佺瓔鑶溿�侀煣甯﹀拰鍏宠妭鍥婄殑鎷変激銆佹壄浼ゃ�侀挐鎸激銆傚┐骞煎効杩愬姩鎹熶激涓紝鑶濆叧鑺傘�佽笣鍏宠妭鎹熶激鏈�涓哄父瑙侊紝鐢变簬鑶濄�佽笣
+              </p>
+            </span>
+            <div class="img-rights w250 openImgBox">
+              <img
+                src="../../assets/images/0169-02.jpg"
+                style="width: 100%"
+                alt=""
+                active="true"
+              />
+              <p class="imgdescript">鍥�5-2銆�韪濆叧鑺傛壄浼�</p>
+            </div>
+            <span>
+              <p class="content td-0 mb-30">
+                鍏宠妭缁撴瀯澶嶆潅锛屾崯浼ゅ悗鎮e効涓�鑸細鍑虹幇鐤肩棝銆佽偪鑳�銆佹崯浼ら儴浣嶆椿鍔ㄥ彈闄愶紝鐢氳嚦鎹熶激閮ㄤ綅鍑虹幇鐣稿舰绛夌棁鐘讹紝缁欐偅鍎胯韩浣撻�犳垚寰堝ぇ鐨勪激瀹筹紙瑙佸浘5-1銆佸浘5-2锛夈��
+              </p>
+            </span>
+            <p class="content td-0">
+              <img class="img-h" src="../../assets/images/0015_01.jpg" alt="" />
+            </p>
+            <p class="imgdescript">鎬ユ�ц繍鍔ㄤ激瀹抽伒寰狿RICE鍘熷垯锛堣鍥�5-3锛�</p>
+            <div class="img-rights w210 openImgBox`">
+              <img
+                src="../../assets/images/0169-03.jpg"
+                style="width: 100%"
+                alt=""
+                active="true"
+              />
+              <p class="imgdescript">鍥�5-3銆�PRICE鍘熷垯</p>
+            </div>
+            <span>
+              <p class="quotation">
+                1锛庝繚鎶わ紙Protection锛夛細鍋滄杩愬姩锛岄伩鍏嶅彈浼ょ殑鑲綋鍐嶆鍙椾激銆�
+              </p>
+              <p class="quotation">
+                2锛庝紤鎭紙Rest锛夛細鍙椾激閮ㄤ綅浼戞伅24锝�48灏忔椂涓嶈娲诲姩銆�
+              </p>
+              <p class="quotation">
+                3锛庡啺鏁凤紙Ice锛夛細鍐锋暦锛屽彈浼ゅ尯鍩熷彲鐢ㄥ啺鍧楁垨鍐拌锛岀毊鑲や笌鍐板潡涔嬮棿鍙殧涓�姣涘肪锛屾瘡娆℃暦15鍒嗛挓浠ュ厤鍐讳激锛屾垨鐢ㄦ瘺宸炬蹈婀垮喎姘达紝绋嶆尋鍑鸿繃澶氱殑姘达紝鎶樺彔鎴愬潡鐘舵暦浜庝激澶�20锝�30鍒嗛挓锛屾瘡澶�6锝�8娆°�傝嫢鏈変笓鐢ㄥ喎鍐婚晣鐥涘柗闆惧墏涔熷彲鐩存帴鍠蜂簬浼ゅ锛屽舰鎴愪竴钖勫眰娑蹭綋鍗冲彲銆�48灏忔椂鍐呬互鍐版暦涓轰富锛屼笉鍋氱儹鏁峰拰鎻夋崗娌荤枟銆�
+              </p>
+              <p class="quotation">
+                4锛庡帇杩紙Compression锛夛細鍙敤甯冨甫銆佸竷鏉°�佹瘺宸炬垨缁峰甫绋嶇敤鍔涘姞鍘嬪寘鎵庡彈浼ゅ锛屼笉瑕佸お绱э紝浠ュ厤瀵艰嚧绁炵粡鍙楀帇鍜岃娑插洖娴侀殰纰嶃��
+              </p>
+              <p class="quotation">
+                5锛庢姮楂橈紙Elevation锛夛細鏃犺鏄潗鐫�杩樻槸韬虹潃锛岄兘搴斿皢鍙椾激鍖哄煙缃簬鏋曚笂鎶珮锛屽鍔犱激澶勭殑琛�娑插洖娴佸噺杞昏偪鑳�锛屼竴鑸渶瑕佸彈浼よ偄浣撻珮浜庡績鑴忓钩闈€��
+              </p>
+            </span>
+          </div>
+          <ul class="header-right">
+            <li class="header-right-img">
+              <img src="../../assets/images/a2.jpg" alt="" />
+            </li>
+            <img
+              class="header-right-imgTop"
+              src="../../assets/images/a3.jpg"
+              alt=""
+            />
+            <li class="header-right-Number">157</li>
+            <li class="header-right-Text">绗�<br />浜�<br />绔�</li>
+            <li class="header-right-Text-bottom">
+              濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
+            </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+    <!-- 158椤� -->
+    <div class="page-box" page="167">
+      <div v-if="showPageList.indexOf(167) > -1">
+        <div class="page-father">
+          <ul class="header-left">
+            <li class="headerText">
+              濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
+            </li>
+            <li class="headerNumber">158</li>
+            <img src="../../assets/images/a1.jpg" alt="" />
+          </ul>
+          <div class="bodystyle">
+            <p class="content">
+              鍙椾激鍚庡簲棣栧厛璁╁┐骞煎効鍋滄娲诲姩锛屽畨闈欎紤鎭紝鍑忚交鐥涜嫤锛屽苟闃叉鎹熶激缁х画鍔犻噸銆傚啺鏁蜂娇琛�绠℃敹缂╋紝鍑忓皯浼ゅ鐨勮娑叉笚鍑哄強鐤肩棝锛屼激鍚庤兘鍚︾珛鍗充娇鐢ㄥ啺鏁峰皢鐩存帴褰卞搷鍚庢湡鍔熻兘鎭㈠鐨勫揩鎱€�傚啺琚嬬疆浜庡彈浼ら儴浣嶏紝鍙椾激鍚�48灏忔椂鍐咃紝姣忛殧2锝�3灏忔椂鍐版暦15锝�20鍒嗛挓銆傚湪鍐版暦鐨勫悓鏃讹紝鍙互鐢ㄥ脊鍔涚环甯︽垨鍏朵粬鑳跺甫绛夊寘鎵庡浐瀹氬啺琚嬨�傝繖鏍凤紝鍐版暦鍜屽姞鍘嬪寘鎵庝袱涓洰鐨勫悓鏃惰揪鍒帮紝闈炲父瀹炵敤銆傚缓璁粠浼ゅ杩滅寮�濮嬪線杩戝績绔寘锛屽ぇ绾︿互涓�鍗婂仛鍙犵摝閲嶅彔锛岀◢寰姞鍘嬶紝浼ゅ鍒欒緝鏉句簺銆傞湶鍑鸿剼瓒炬垨鎵嬫寚浠ヨ瀵熼鑹诧紝濡傜毊鑲ゅ彉鑹层�侀夯鏈ㄣ�佸埡鐥涚瓑鐥囩姸鍑虹幇锛岃〃绀哄寘澶揣锛屽簲鍙婃椂瑙e紑寮规�х环甯﹂噸鍖咃紝鐢ㄥ脊鎬х环甯﹀寘鎵�24锝�48灏忔椂锛屼腑闂村彲瑙e紑閫傚綋鏀炬澗銆傛妸鎮h偄鏀剧疆浜庣◢楂樹簬蹇冭剰鐨勪綅缃紝涓斿敖鍙兘鍦ㄤ激鍚庝竴鍛ㄥ唴锛岄兘鎶珮鎮h偄銆傝繖涓畝鍗曠殑鎺柦鍙互鏈夋晥鍦版敼鍠勯潤鑴夊洖娴佷互淇冭繘娑堣偪銆佸噺杞绘偅鑲㈣儉鐥涗笉閫傘��
+            </p>
+            <p class="content">
+              杩戝勾鏉ワ紝鍥藉瀛﹁�呮彁鍑洪�傚綋璐熼噸锛圤ptimal
+              Loading锛夋蹇碉紝鍗宠鑲岃倝涓嶈兘鍥犱负鍙椾激鑰屸�滀紤鎭�濓紝48灏忔椂鍚庯紝鍙鎮h偄閫傚綋鐫�鍦拌礋閲嶏紝寮�濮嬫棭鏈熸椿鍔紝鑰屼笉鏄竴鍛宠汉鐫�浼戞伅銆傛棭鏈熼�傚綋璐熼噸锛屽敖鏃╁紑濮嬫椿鍔紝鍙娇鎮e効灏藉揩鎭㈠鍔熻兘锛屽敖鏃╁洖褰掓甯哥敓娲汇��
+            </p>
+            <p class="content">
+              鎸激銆佺榾闈掋�佽交搴﹁倢鑲夋媺浼ゃ�侀煣甯︽壄浼わ紝缁忕敱涓婇潰鍑犵鏂瑰紡澶勭悊锛屼互鍙婇�傚綋鐨勬柟娉曟不鐤楋紝閮借兘澶熷湪鐭椂闂村唴鎭㈠鍋ュ悍銆備弗閲嶇殑鑲岃倝鎷変激锛堟柇瑁傦級銆侀煣甯︽壄浼わ紙鏂锛夈�侀鎶橈紝鍒欏繀椤荤敱涓撶鍖诲笀鎵嬫湳娌荤枟銆�
+            </p>
+            <p class="content td-0 mt-20">
+              <img class="img-h" src="../../assets/images/0015_01.jpg" alt="" />
+            </p>
+            <p class="quotation fm-kt">
+              1锛庡啺鍧椾笉鑳界洿鎺ユ斁浜庢偅鍎挎崯浼ら儴浣嶏紝鍙敤姣涘肪鍖呰9鍐板潡鍐嶅鐞嗭紱娌℃湁鍐板潡鏃跺彲鐢ㄥ喎姣涘肪浠f浛銆�
+            </p>
+            <p class="quotation fm-kt">2锛庢姮楂樻偅鑲㈠墠瑕佹敞鎰忔鏌ユ槸鍚﹂鎶樼瓑銆�</p>
+            <p class="quotation fm-kt">
+              3锛庡啺鏁疯繕鏄儹鏁凤紵涓�鑸儹鏁峰彲浠ュ埡婵�琛�娑叉祦鍔紝鏀炬澗鑲岃倝锛屾�讳綋涓婅兘浜х敓闀囬潤鐨勪綔鐢紝浠庤�屼績杩涙不鐤椼�備絾鏄彈浼ゅ悗绔嬪埢鐑暦浼氫娇鑲胯儉鏇翠弗閲嶃�佸寮虹柤鐥涙劅銆佸欢缂撲激鍙f剤鍚堣繃绋嬨�傛墍浠ュ彈浼ゅ鐞嗘柟寮忔槸鍏堝啺鏁凤紝48灏忔椂鍚庤偪鑳�鍜岀柤鐥涙劅鍑忚交鍚庯紝鍐嶄娇鐢ㄧ儹鏁风殑鏂规硶銆�
+            </p>
+            <p class="poemtitle-l">锛堜簩锛夊紑鏀炬�ц蒋缁勭粐鎹熶激</p>
+            <div class="img-rights w200 openImgBox mt-20">
+              <img
+                src="../../assets/images/0170-01.jpg"
+                style="width: 100%"
+                alt=""
+                active="true"
+              />
+              <p class="imgdescript">鍥�5-4銆�鎿︿激</p>
+            </div>
+            <span>
+              <p class="content">
+                鍦ㄥ┐骞煎効杩愬姩杩囩▼涓紝甯歌鐨勫紑鏀炬�ц蒋缁勭粐鎹熶激鍖呮嫭鐨偆鎿︿激銆佽浼ゃ�佸垏鍓蹭激銆佸埡浼ゃ�傞�氬父灞�閮ㄧ毊鑲ゆ垨榛忚啘鐮存崯锛屼激鍙d笌澶栫晫鐩搁�氾紝甯告湁缁勭粐娑叉笚鍑烘垨琛�娑蹭粠鍒涘彛娴佸嚭锛岀О涓哄紑鏀炬�ц蒋缁勭粐鎹熶激銆傝繖浜涙崯浼ょ殑鍏卞悓鐗圭偣灏辨槸鏈変激鍙e拰鍑鸿銆傚叾涓摝浼ゆ槸韬綋琛ㄩ潰涓庣矖绯欑墿鐩镐簰鎽╂摝閫犳垚鐨勭毊鑲ょ粍缁囨崯浼わ紙瑙佸浘5-4锛夈��
+              </p>
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- 159椤� -->
+    <div class="page-box" page="168">
+      <div v-if="showPageList.indexOf(168) > -1">
+        <div class="page-father">
+          <div class="bodystyle-left">
+            <p class="content">
+              涓�鑸殑琛ㄧ毊鎿︿激鍚庯紝鍙秱纰樹紡娑堟瘨锛岄伩鍏嶄娇鐢ㄩ緳鑳嗙传鍜岀孩姹烇紝浠ュ厤鑹茬礌娌夌Н銆傝嫢浼ゅ彛鏈夋偿娌欙紝鐢ㄥ弻姘ф按鎴栨竻姘村啿娲楋紝鑰屽悗娑傛姽纰樹紡鎴栭厭绮撅紝娉ㄦ剰闈㈤儴涓嶇敤纰樹紡娑傛姽锛岄厭绮炬秱鎶规椂浼氫骇鐢熺柤鐥涘埡婵�銆�
+            </p>
+            <p class="content">
+              绋嶅ぇ鎴栫◢娣辩殑浼ゅ彛锛屽寘鎵庡墠浼ゅ彛鍙厛鐢ㄧ浼忔垨閰掔簿娌夸激鍙h竟缂樼敱鍐呭悜澶栨秱鎿︼紝瑕侀伩鍏嶆秷姣掓恫婊村叆浼ゅ彛鍐呫�傝嫢浼ゅ彛鍐呭彲瑙佸紓鐗╁閽夊瓙銆佺幓鐠冪鐗囧垯瑕佹厧閲嶅鐞嗭紝澶ц�岃〃娴呯殑瀹规槗鍙栧嚭鐨勫紓鐗╁彲浠ュ彇鍑猴紝灏忚�屾繁涓斾笉鏄撳彇鍑虹殑鍒欎笉纭�у彇鍑猴紝浠ュ厤閫犳垚澶ц绠″強绁炵粡鎹熶激锛屽鍔犲嚭琛�鎴栧鍔犱激鍙e啀鎰熸煋鐨勬満浼氾紝搴旂珛鍒婚�佸尰闄㈡不鐤椼�傚浜庨�犳垚鐨偆鍙婅蒋缁勭粐鍑鸿鐨勶紝姝g‘鍖呮墡鍙娇浼ゅ彛娴佽鍑忓皯锛屾劅鏌撴満浼氬噺灏戯紝鐤肩棝鍑忚交銆傚寘鎵庢椂鍔ㄤ綔瑕佽交鏌旀晱鎹枫�侀儴浣嶅噯纭紝鍖呮墡鏉剧揣閫傚綋銆�
+            </p>
+            <p class="content ma-0 td-0">
+              <img class="img-h" src="../../assets/images/0015_01.jpg" alt="" />
+            </p>
+            <p class="quotation mb-20">
+              鍖荤敤閰掔簿娴撳害涓�75%锛屼富瑕佺敤浜庢秷姣掋�佹潃鑿屻�傝交搴︽摝浼ゆ椂搴旇繘琛屼激鍙h〃闈㈡秷姣掞紝骞舵敞鎰忎繚鎸佷激鍙e崼鐢燂紝涓ラ噸鏃跺簲缁撳悎鎶楄弻鑽墿锛岀敋鑷虫敞灏勭牬浼ら鎶楁瘨绱犮��
+            </p>
+            <div class="img-rights w250 openImgBox mt-20">
+              <img
+                src="../../assets/images/0171-01.jpg"
+                style="width: 100%"
+                alt=""
+                active="true"
+              />
+              <p class="imgdescript">鍥�5-5銆�澶栦激鍑鸿鍒嗙被绀烘剰鍥�</p>
+            </div>
+            <span>
+              <p class="titleQuot-1">浜屻�佸嚭琛�鐨勫鐞嗕笌鎬ユ晳</p>
+              <p class="content">
+                濠村辜鍎垮湪鐢熸椿涓拰杩愬姩鏃讹紝缁忓父浼氬嚭鐜板嚭琛�鐨勬儏鍐碉紝灏忓埌鍒掔牬銆佹摝浼わ紝澶у埌鎾炰激銆佸垁浼わ紝濡傛灉涓嶅強鏃跺姞浠ュ鐞嗭紝寰堟湁鍙兘浼氬紩璧锋洿涓ラ噸鐨勫悗鏋溿�傜敱浜庤繍鍔ㄥ浼ゅ紩璧风殑澶у嚭琛�锛屽涓嶅強鏃朵簣浠ユ琛�涓庡寘鎵庯紝浼氫弗閲嶅湴濞佽儊濠村辜鍎跨殑鍋ュ悍锛屼箖鑷崇敓鍛藉畨鍏ㄣ��
+              </p>
+              <p class="content">
+                澶栦激鍑鸿鍙垎涓烘瘺缁嗚绠″嚭琛�銆侀潤鑴夊嚭琛�鍜屽姩鑴夊嚭琛�锛堣鍥�5-5锛夈��
+              </p>
+              <p class="content">
+                姣涚粏琛�绠″嚭琛�锛氬嚭琛�鏃讹紝琛�娑插憟姘寸彔鏍锋祦鍑猴紝澶氳兘鑷姩鍑濆浐姝㈣銆傞�氬父鐢ㄧ浼忔垨閰掔簿娑堟瘨浼ゅ彛鍛ㄥ洿鐨偆鍚庯紝浠ユ秷姣掔罕甯冨拰妫夊灚鐩栧湪浼ゅ彛涓婄紶浠ョ环甯︼紝鍗冲彲姝㈣銆�
+              </p>
+              <p class="content">
+                闈欒剦鍑鸿锛氬嚭琛�鏃剁紦缂撲笉鏂湴澶栨祦锛屽憟绱孩鑹层�傚澶ч潤鑴夊嚭琛�锛屽線寰�鍙楀懠鍚歌繍鍔ㄧ殑褰卞搷锛屽惛姘旀椂娴佸嚭杈冪紦锛屽懠姘旀椂娴佸嚭杈冨揩銆傚涓嶆槸澶ч潤鑴夊嚭琛�锛屾琛�鏂规硶涓庢瘺缁嗚绠$被浼硷紝娑堟瘨鍚庯紝鐢ㄦ秷姣掔罕甯冨拰妫夊灚瑕嗙洊锛岀◢鍔犲帇鍔涚紶鏁风环甯︺��
+              </p>
+              <p class="content">
+                鍔ㄨ剦鍑鸿锛氱敱浜庡姩鑴夎绠″唴鍘嬪姏杈冮珮锛屾墍浠ュ嚭琛�鏃跺憟娉夋秾銆佹悘鍔ㄦ�э紝灏ゅ叾鏄ぇ鐨勫姩鑴夎绠$牬瑁傦紝琛�娑插憟鍠峰皠鐘讹紝棰滆壊椴滅孩锛屽父鍦ㄧ煭鏃跺唴閫犳垚澶ч噺澶辫锛屾槗寮曡捣鐢熷懡鍗遍櫓銆�
+              </p>
+            </span>
+          </div>
+          <ul class="header-right">
+            <li class="header-right-img">
+              <img src="../../assets/images/a2.jpg" alt="" />
+            </li>
+            <img
+              class="header-right-imgTop"
+              src="../../assets/images/a3.jpg"
+              alt=""
+            />
+            <li class="header-right-Number">159</li>
+            <li class="header-right-Text">绗�<br />浜�<br />绔�</li>
+            <li class="header-right-Text-bottom">
+              濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
+            </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+    <!-- 160椤� -->
+    <div class="page-box" page="169">
+      <div v-if="showPageList.indexOf(169) > -1">
+        <div class="page-father">
+          <ul class="header-left">
+            <li class="headerText">
+              濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
+            </li>
+            <li class="headerNumber">160</li>
+            <img src="../../assets/images/a1.jpg" alt="" />
+          </ul>
+          <div class="bodystyle">
+            <p class="poemtitle-l">锛堜竴锛夋琛�鏂规硶</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.isCollectVideoOne ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '758EFE380803FE03E335BBBE8204F0BC'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-01')" />
+              </el-tooltip>
+            </p>
+          </div>
+            <p class="content">1锛庢寚鍘嬫琛�娉�</p>
+            <p class="content">
+              鍦ㄤ激鍙g殑涓婃柟锛屽嵆杩戝績绔紝鎵惧埌璺冲姩鐨勮绠★紝鐢ㄦ墜鎸囩揣绱у帇浣忋�傚湪涓嶈兘浣跨敤姝㈣甯︾殑閮ㄤ綅锛屽湪韬竟娌℃湁鍣ㄦ潗鎴栫揣鎬ユ儏鍐典笅锛屽彲鏆傜敤鎸囧帇姝㈣娉曘�傛娉曚负绱ф�ョ殑涓存椂姝㈣娉曪紝涓庢鍚屾椂锛屽簲鍑嗗鏉愭枡鎹㈢敤鍏朵粬姝㈣鏂规硶銆傞噰鐢ㄦ娉曪紝鏁戞姢浜哄繀椤荤啛鎮夊悇閮ㄤ綅琛�绠″嚭琛�鐨勫帇杩偣銆�
+            </p>
+
+            <p class="content">鍚勫帇杩偣濡備笅锛�</p>
+            <p class="content">
+              锛�1锛夐潰閮ㄥ嚭琛�锛氱敤鎷囨寚鍘嬭揩涓嬮瑙掍笌棰忕粨鑺備箣闂寸殑闈㈠姩鑴夛紝鐢ㄤ簬鑵儴鍙婇闈㈤儴鍑鸿锛堣鍥�5-6锛夈��
+            </p>
+            <p class="content">
+              锛�2锛夊ご椤跺強澶村墠閮ㄥ嚭琛�锛氬帇杩�冲墠涓嬮鍏宠妭涓婃柟鐨勯娴呭姩鑴夛紙澶槼绌撮檮杩戯級锛堣鍥�5-7锛夈��
+            </p>
+            <p class="content">
+              锛�3锛夊ご鍚庨儴鍑鸿锛氬帇浣忚�冲悗绐佽捣涓嬮潰绋嶅渚х殑鑰冲悗鍔ㄨ剦锛堣鍥�5-8锛夈��
+            </p>
+            <div class="fl al-c openImgBox">
+              <div class="tl-c">
+                <img
+                  src="../../assets/images/0172-02.jpg"
+                  style="width: 70%"
+                  alt=""
+                  active="true"
+                />
+                <p class="imgdescript">鍥�5-6銆�闈㈠姩鑴夋琛�</p>
+              </div>
+              <div class="tl-c">
+                <img
+                  src="../../assets/images/0172-03.jpg"
+                  style="width: 70%"
+                  alt=""
+                  active="true"
+                />
+                <p class="imgdescript">鍥�5-7銆�棰炴祬鍔ㄨ剦姝㈣</p>
+              </div>
+              <div class="tl-c">
+                <img
+                  src="../../assets/images/0172-04.jpg"
+                  style="width: 70%"
+                  alt=""
+                  active="true"
+                />
+                <p class="imgdescript">鍥�5-8銆�鑰冲悗鍔ㄨ剦姝㈣</p>
+              </div>
+            </div>
+            <p class="content">
+              锛�4锛夎厠绐濆拰鑲╅儴鍑鸿锛氬湪閿侀涓婂嚬锛岃兏閿佷钩绐佽倢澶栫紭鍚戜笅鍐呭悗鏂癸紝瀵瑰噯绗竴鑲嬮锛屽帇浣忛攣楠ㄤ笅鍔ㄨ剦锛堣鍥�5-9锛夈��
+            </p>
+            <p class="content">
+              锛�5锛夊墠鑷傚嚭琛�锛氬皢涓婅偄澶栧睍澶栨棆锛屽眻鑲樻姮楂樹笂鑲紝鍦ㄤ笂鑷傝偙浜屽ご鑲屽唴渚ф矡澶勶紝鏂戒互鍘嬪姏锛屽皢鑲卞姩鑴夊帇浜庤偙楠ㄤ笂锛堟祴琛�鍘嬬殑鍦版柟锛夛紙瑙佸浘5-10锛夈��
+            </p>
+            <p class="content">
+              锛�6锛夋墜鎺屽拰鎵嬭儗鍑鸿锛氬湪鑵曞叧鑺傚唴锛岃厱妯汗涓婃柟锛屾寜鍒拌烦鍔ㄧ殑灏烘 鍔ㄨ剦琛�绠″帇浣忥紝鍗虫垜浠�氬父鎽歌剦鎼忕殑鍦版柟锛堣鍥�5-11锛夈��
+            </p>
+            <p class="content">
+              锛�7锛夋墜鎸囧嚭琛�锛氱敤鍋ヤ晶鐨勬墜鎸囷紝浣垮姴鎹忎綇浼ゆ墜鐨勬墜鎸囨牴閮紝鍗冲彲姝㈣锛堣鍥�5-12锛夈��
+            </p>
+            <p class="content">
+              锛�8锛夊ぇ鑵垮嚭琛�锛氬眻鏇插ぇ鑵匡紝浣胯倢鑲夋斁鏉撅紝鐢ㄥぇ鎷囨寚鍘嬩綇鑲″姩鑴夋悘鍔ㄧ偣锛堝ぇ鑵挎牴閮ㄧ殑鑵硅偂娌熶腑鐐癸級锛岀敤鍔涘悜鍚庡帇锛屼负澧炲己鍘嬪姏锛屽彟涓�鎵嬬殑鎷囨寚鍙噸鍙犲帇鍔涳紙瑙佸浘5-13锛夈��
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- 161椤� -->
+    <div class="page-box" page="170">
+      <div v-if="showPageList.indexOf(170) > -1">
+        <div class="page-father">
+          <div class="bodystyle-left">
+            <p class="content">
+              锛�9锛夎冻閮ㄥ嚭琛�锛氱敤涓ゆ墜椋熸寚鎴栨媷鎸囧垎鍒帇杩冻鑳屼腑闂磋繎鑴氳厱澶勶紙瓒宠儗鍔ㄨ剦锛夊拰瓒宠窡鍐呬晶涓庡唴韪濅箣闂达紙鑳悗鍔ㄨ剦锛夋琛�锛堣鍥�5-14锛夈��
+            </p>
+            <div class="fl al-c openImgBox mb-20">
+              <div class="tl-c">
+                <img
+                  src="../../assets/images/0173-01.jpg"
+                  style="width: 70%"
+                  alt=""
+                  active="true"
+                />
+                <p class="imgdescript">鍥�5-9銆�閿侀涓嬪姩鑴夋琛�</p>
+              </div>
+              <div class="tl-c">
+                <img
+                  src="../../assets/images/0173-02.jpg"
+                  style="width: 70%"
+                  alt=""
+                  active="true"
+                />
+                <p class="imgdescript">鍥�5-10銆�鑲卞姩鑴夋琛�</p>
+              </div>
+              <div class="tl-c">
+                <img
+                  src="../../assets/images/0173-03.jpg"
+                  style="width: 70%"
+                  alt=""
+                  active="true"
+                />
+                <p class="imgdescript">鍥�5-11銆�灏烘 鍔ㄨ剦姝㈣</p>
+              </div>
+            </div>
+            <div class="fl al-fe openImgBox">
+              <div class="tl-c">
+                <img
+                  src="../../assets/images/0173-04.jpg"
+                  style="width: 70%"
+                  alt=""
+                  active="true"
+                />
+                <p class="imgdescript">鍥�5-12銆�鎵嬫寚姝㈣</p>
+              </div>
+              <div class="tl-c">
+                <img
+                  src="../../assets/images/0173-05.jpg"
+                  style="width: 70%"
+                  alt=""
+                  active="true"
+                />
+                <p class="imgdescript">鍥�5-13銆�鑲″姩鑴夋琛�</p>
+              </div>
+              <div class="tl-c">
+                <img
+                  src="../../assets/images/0173-06.jpg"
+                  style="width: 70%"
+                  alt=""
+                  active="true"
+                />
+                <p class="imgdescript">鍥�5-14銆�瓒抽儴姝㈣</p>
+              </div>
+            </div>
+            <p class="content">2锛庡姞鍘嬪寘鎵庢琛�娉�</p>
+            <p class="content">
+              鐢ㄦ秷姣掔殑绾卞竷銆佹鑺卞仛鎴愯蒋鍨斁鍦ㄤ激鍙d笂锛屽啀鐢ㄥ姏鍔犱互鍖呮墡锛屼互澧炲ぇ鍘嬪姏杈惧埌姝㈣鐨勭洰鐨勩�傛娉曞簲鐢ㄦ櫘閬嶏紝鏁堟灉涔熶匠銆�
+            </p>
+            <p class="content">3锛庣洿鎺ュ帇杩琛�娉�</p>
+            <p class="content">
+              涓昏鐢ㄤ簬灏忓姩鑴夈�侀潤鑴夈�佹瘺缁嗚绠$殑鍑鸿銆傚皢浼ゅ彛鐢ㄦ棤鑿岀罕甯冦�佹竻娲佺殑姣涘肪銆佽。鐗╂垨鎵嬪笗瑕嗙洊鍚庯紝鐢ㄦ墜鎸囨垨鎵嬫帉鐩存帴鐢ㄥ姏鍘嬭揩5锝�10鍒嗛挓锛屽嚭琛�寰�寰�鍙互鍋滄锛岀劧鍚庡啀閫夌敤鍔犲帇鍖呮墡姝㈣娉曘��
+            </p>
+            <p class="content">4锛庡~濉炴琛�娉�</p>
+            <p class="content">
+              鐢ㄤ簬鑵硅偂娌熴�佽厠绐濄�侀蓟鑵斿嚭琛�鎴栦竴浜涘ぇ鑰屾繁鐨勪激鍙c�傚簲鍏堢敤鏃犺弻绾卞竷鎴栨磥鍑�鐨勫竷鏂欏~濉炰激鍙o紝鍐嶉�夌敤鍔犲帇鍖呮墡姝㈣娉曘��
+            </p>
+          </div>
+          <ul class="header-right">
+            <li class="header-right-img">
+              <img src="../../assets/images/a2.jpg" alt="" />
+            </li>
+
+            <img
+              class="header-right-imgTop"
+              src="../../assets/images/a3.jpg"
+              alt=""
+            />
+            <li class="header-right-Number">161</li>
+            <li class="header-right-Text">绗�<br />浜�<br />绔�</li>
+            <li class="header-right-Text-bottom">
+              濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
+            </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+    <!-- 162椤� -->
+    <div class="page-box" page="171">
+      <div v-if="showPageList.indexOf(171) > -1">
+        <div class="page-father">
+          <ul class="header-left">
+            <li class="headerText">
+              濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
+            </li>
+            <li class="headerNumber">162</li>
+            <img src="../../assets/images/a1.jpg" alt="" />
+          </ul>
+          <div class="bodystyle">
+            <p class="content">5锛庢琛�甯︽琛�娉�</p>
+            <p class="content">
+              姝ゆ硶鏄敤浜庡洓鑲㈠ぇ鍔ㄨ剦鐮磋澶у嚭琛�鏃剁殑閲嶈鏁戝懡鏂规硶锛屽綋鍏朵粬姝㈣鏂规硶涓嶈兘姝㈣鏃跺彲鐢ㄦ鏂规硶銆備娇鐢ㄦ琛�甯︽椂锛屽簲鍏堢敤涓夎宸俱�佹瘺宸剧瓑骞虫暣鍦板灚鍦ㄤ激鍙e锛屽啀缁撴墡姝㈣甯︺�傜粨鎵庢琛�甯︾殑閮ㄤ綅搴斿湪浼ゅ彛杩戠锛屼笂鑲㈢粨鎵庡湪涓婅噦鐨勪笂1/3娈碉紝涓嶈缁撴墡鍦ㄤ腑1/3娈碉紙浠ラ槻鎹熶激妗$缁忥級锛屼笅鑲㈢粨鎵庡湪澶ц吙涓銆傛琛�甯︿互姗$毊甯︺�佸竷甯︿负瀹滐紝绂佺敤鏃犲脊鎬х殑閾佷笣銆佺數绾裤�佺怀瀛愮瓑锛屾琛�甯︾殑鏉剧揣浠ュ仠姝㈠嚭琛�鎴栬繙绔姩鑴夋悘鍔ㄦ秷澶变负搴︺�傜粨鎵庢琛�甯︾殑鏃堕棿涓嶅疁瓒呰繃3灏忔椂锛屽簲姣忛殧40锝�50鍒嗛挓鏉捐В5锝�10鍒嗛挓锛屼互鏆傛椂鎭㈠杩滅鑲綋鐨勪緵琛�銆傚姝ゆ椂浠嶆湁鍑鸿锛屽簲鐢ㄦ寚鍘嬫琛�娉曘�傛澗瑙d袱涓夊垎閽熷悗锛屽簲鍦ㄦ瘮鍘熺粨鎵庨儴浣嶇◢浣庣殑浣嶇疆閲嶆柊缁撴墡姝㈣甯︺��
+            </p>
+            <p class="titleQuot-1">涓夈�侀鎶樼殑澶勭悊涓庢�ユ晳</p>
+            <p class="content">
+              濠村辜鍎挎椿娉煎ソ鍔紝杩愬姩杩囩▼涓紝闅惧厤鍑虹幇韬查伩涓嶅強鏃舵垨鎰忓鎾炰激鎽斿�掔瓑鎯呭喌锛岄�犳垚楠ㄦ姌銆傞鎶樺垎涓洪棴鍚堟�ч鎶樸�佸紑鏀炬�ч鎶樺拰澶嶆潅鎬ч鎶橈紝涓昏鐢辩洿鎺ユ毚鍔涖�侀棿鎺ユ毚鍔涢�犳垚銆傜梾鐞嗗緛璞℃湁鐤肩棝銆佽偪鑳�鍙婄毊涓嬫筏琛�銆佸姛鑳戒抚澶便�佺暩褰€�佸帇鐥涘拰闇囩棝銆佸亣鍏宠妭娲诲姩锛岀粡X绾挎鏌ュ彲瑙佹湁楠ㄦ姌绾跨瓑锛堣琛�5-1銆佸浘5-15銆佸浘5-16锛夈��
+            </p>
+            <p class="imgdescript">琛�5-1銆�濠村辜鍎垮父瑙侀鎶�</p>
+            <div class="bodyPic openImgBox">
+              <img
+                src="../../assets/images/0174-01.jpg"
+                style="width: 100%"
+                alt=""
+                active="true"
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- 163椤� -->
+    <div class="page-box" page="172">
+      <div v-if="showPageList.indexOf(172) > -1">
+        <div class="page-father">
+          <div class="bodystyle-left">
+            <div class="bodyPic openImgBox">
+              <img
+                src="../../assets/images/0175-01.jpg"
+                style="width: 100%"
+                alt=""
+                active="true"
+              />
+            </div>
+            <div class="qrbodyPic openImgBox mt-20 tl-c">
+              <img
+                src="../../assets/images/0175-02.jpg"
+                style="width: 80%"
+                alt=""
+                active="true"
+              />
+              <p class="imgdescript">鍥�5-15銆�澶撮潰閮ㄤ綅缃浘</p>
+            </div>
+            <p class="poemtitle-l">锛堜竴锛夊缃祦绋�</p>
+            <p class="content">
+              寮�鏀炬�ч鎶樺悗闇�瑕佺珛鍗崇敤骞插噣鐨勮。鐗╀复鏃剁粰浜堝寘鎵庯紝闃叉杞粍缁囥�佽绠″拰绁炵粡杩涗竴姝ユ崯浼わ紝楠ㄦ姌澶栭湶鐨勬偅鍎胯鍦ㄤ繚璇佺敓鍛戒綋寰佺ǔ瀹氱殑鍓嶆彁涓嬭繘琛屽鐞嗭紝姝㈣瑕侀噰鐢ㄥ眬閮ㄥ帇杩琛�銆傚悓鏃剁粰浜堣ˉ鍏呮恫浣擄紝淇濊瘉鐢熷懡浣撳緛鐨勫钩绋筹紝绾犳浼戝厠鍙婁綆琛�瀹归噺銆傚彲閲囩敤鏈ㄦ澘銆佹湪鏉°�佹爲鏋濈瓑鐗╀綋杩涜鍥哄畾锛岄槻姝㈤鎶樿繘涓�姝ョЩ浣嶏紝鎹熶激灞�閮ㄧ殑琛�绠″拰绁炵粡锛屽叿浣撳缃祦绋嬪涓嬨��
+            </p>
+          </div>
+          <ul class="header-right">
+            <li class="header-right-img">
+              <img src="../../assets/images/a2.jpg" alt="" />
+            </li>
+            <img
+              class="header-right-imgTop"
+              src="../../assets/images/a3.jpg"
+              alt=""
+            />
+            <li class="header-right-Number">163</li>
+            <li class="header-right-Text">绗�<br />浜�<br />绔�</li>
+            <li class="header-right-Text-bottom">
+              濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
+            </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+    <!-- 164椤� -->
+    <div class="page-box" page="173">
+      <div v-if="showPageList.indexOf(173) > -1">
+        <div class="page-father">
+          <ul class="header-left">
+            <li class="headerText">
+              濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
+            </li>
+            <li class="headerNumber">156</li>
+            <img src="../../assets/images/a1.jpg" alt="" />
+          </ul>
+          <div class="bodystyle">
+            <div class="qrbodyPic openImgBox tl-c">
+              <img
+                src="../../assets/images/0176-01.jpg"
+                style="width: 100%"
+                alt=""
+                active="true"
+              />
+              <p class="imgdescript">鍥�5-16銆�澶撮潰閮ㄩ楠�</p>
+            </div>
+            <p class="content">
+              1锛庡浐瀹氾細鎶婃偅鑲㈢敤鏈ㄦ澘銆佹爲鏋濄�佹灙鎵樻垨鑰呬娇鐢ㄥす鏉跨煶鑶忚繘琛岀畝鍗曠殑澶栧浐瀹氾紝闃叉楠ㄦ姌鏂鍦ㄦ惉杩愯繃绋嬩腑閫犳垚琛�绠$缁忓唴鑴忔柊鐨勬崯浼ゃ��
+            </p>
+            <p class="content">
+              2锛庢琛�锛氭湁浼ゅ彛鍑鸿鑰呰閲囩敤鍔犲帇鍖呮墡锛屾垨鑰呭湪鑲綋鐨勮繎绔敤姗$毊绛嬬粦鎵庢琛�锛岄槻姝㈠嚭琛�杩囧寮曡捣澶辫鎬т紤鍏嬨��
+            </p>
+            <p class="content">
+              3锛庢姉浼戝厠锛氬鏋滃凡缁忓彂鐢熶簡澶辫鎬т紤鍏嬶紝瑕佸強鏃跺湴杈撴恫琛ュ厖琛�瀹归噺锛屾姉浼戝厠娌荤枟銆�
+            </p>
+            <p class="content">
+              4锛庡钩鎵樻惉杩愶細鑴婃煴楠ㄦ姌鎼繍鎮e効鐨勮繃绋嬩腑瑕侀噰鐢ㄤ笁浜哄钩鎵樻惉杩愶紝闃叉鑴婇珦鎹熶激閫犳垚鎴槴銆�
+            </p>
+            <p class="content">5锛庡畨鍏ㄦ姢閫佽嚦鍖婚櫌锛屽敖蹇氨鍖汇��</p>
+            <p class="poemtitle-l">锛堜簩锛夊浐瀹氭柟娉�</p>
+            <p class="content">
+              鍖婚櫌澶栨�ユ晳楠ㄦ姌鍥哄畾鏃讹紝甯稿父灏卞湴鍙栨潗锛屽鍚勭2锝�3鍘樼背鍘氱殑鏈ㄦ澘銆佺绔裤�佺鐗囥�佹爲鏋濄�佹湪妫嶃�佺‖绾告澘銆佹灙鎵橈紝浠ュ強鎮e効鍋ワ紙涓嬶級鑲㈢瓑锛屽潎鍙綔涓哄浐瀹氫唬鐢ㄥ搧銆�
+            </p>
+            <p class="content">
+              1锛庨妞庨鎶樺浐瀹氾細浣挎偅鍎跨殑澶撮涓庤函骞蹭繚鎸佺洿绾夸綅缃紝灏嗘湪鏉挎斁缃簬澶磋嚦鑷�涓嬶紝鐢ㄦ甯冦�佽。鐗╃瓑锛屽皢鎮e効棰堛�佸ご涓や晶鍨ソ锛岄槻姝㈠乏鍙虫憜鍔紱鐒跺悗鐢ㄧ环甯︽垨甯冨甫灏嗛閮ㄣ�佽偐鍜屼笂鑳搞�佽噣閮ㄥ浐瀹氫簬鏈ㄦ澘涓婏紝浣夸箣绋冲浐锛堣鍥�5-17锛夈��
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- 165椤� -->
+    <div class="page-box" page="174">
+      <div v-if="showPageList.indexOf(174) > -1">
+        <div class="page-father">
+          <div class="bodystyle-left">
+            <!-- 杞挱鍥� -->
+            <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="../../assets/images/0174-1.jpg" />
+                      <p class="img">鍥�5-17銆�棰堟楠ㄦ姌鍥哄畾</p>
+                    </div>
+                  </div>
+                  <div class="swiper-slide">
+                    <div class="imgBox" style="width: 100%; height: 100%">
+                      <img src="../../assets/images/0174-2.jpg" />
+                      <p class="img">鍥�5-17銆�棰堟楠ㄦ姌鍥哄畾</p>
+                    </div>
+                  </div>
+                  <div class="swiper-slide">
+                    <div class="imgBox" style="width: 100%; height: 100%">
+                      <img src="../../assets/images/0174-3.jpg" />
+                      <p class="img">鍥�5-17銆�棰堟楠ㄦ姌鍥哄畾</p>
+                    </div>
+                  </div>
+                  <div class="swiper-slide">
+                    <div class="imgBox" style="width: 100%; height: 100%">
+                      <img src="../../assets/images/0174-4.jpg" />
+                      <p class="img">鍥�5-17銆�棰堟楠ㄦ姌鍥哄畾</p>
+                    </div>
+                  </div>
+                </div>
+                <div class="swiper-button-next"></div>
+                <div class="swiper-button-prev"></div>
+              </div>
+            </div>
+            <p class="content">
+              2锛庨攣楠ㄩ鎶樺浐瀹氾細鐢ㄧ环甯﹀湪鑲╄儗鍋氣��8鈥濆瓧褰㈠浐瀹氾紝骞剁敤涓夎宸炬垨瀹藉竷鏉$郴浜庨閮ㄥ悐鎵樺墠鑷傦紙瑙佸浘5-18锛夈��
+            </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="../../assets/images/0174-5.jpg" />
+                      <p class="img">鍥�5-18銆�閿侀楠ㄦ姌鍥哄畾</p>
+                    </div>
+                  </div>
+                  <div class="swiper-slide">
+                    <div class="imgBox" style="width: 100%; height: 100%">
+                      <img src="../../assets/images/0174-6.jpg" />
+                      <p class="img">鍥�5-18銆�閿侀楠ㄦ姌鍥哄畾</p>
+                    </div>
+                  </div>
+                </div>
+                <div class="swiper-button-next"></div>
+                <div class="swiper-button-prev"></div>
+              </div>
+            </div>
+            <div class="img-rights w150">
+              <img
+                src="../../assets/images/0177-03.jpg"
+                style="width: 100%"
+                alt=""
+                active="true"
+              />
+              <p class="imgdescript">鍥�5-19銆�鑲遍楠ㄦ姌鍥哄畾</p>
+            </div>
+            <span>
+              <p class="content">
+                3锛庤偙楠ㄩ鎶樺浐瀹氾細鐢ㄤ唬鐢ㄥす鏉�2锝�3鍧楀浐瀹氭偅鑲紝骞剁敤涓夎宸俱�佸竷鏉″皢鍏舵偓鍚婁簬棰堥儴锛堣鍥�5-19锛夈��
+              </p>
+
+              <p class="content">
+                4锛庡墠鑷傞鎶樺浐瀹氾細閫夌敤涓ゅ潡鏈ㄦ澘锛岄暱搴﹁瓒呰繃鑲樺叧鑺傦紝鍒嗗埆缃簬鍓嶈噦鐨勬帉銆佽儗涓や晶锛岀劧鍚庣敤甯冨甫鎴栦笁瑙掑肪鎹嗙粦鎵樿捣锛堣鍥�5-20锛夈��
+              </p>
+              <p class="content">
+                5锛庤偂楠ㄩ鎶樺浐瀹氾細閫夌敤闀挎湪鏉夸袱鍧楋紝灏嗗ぇ鑵垮皬鑵胯繛鍚岃叞閮ㄩ綈骞筹紝涓�璧峰浐瀹氥�傜疆浜庡ぇ鑵垮墠鍚庨暱杈捐叞閮紝骞跺皢韪濆叧鑺備竴璧峰浐瀹氾紝浠ラ槻杩欎袱閮ㄤ綅娲诲姩寮曡捣楠ㄦ姌閿欎綅锛堣鍥�5-21銆佸浘5-22锛夈��
+              </p>
+            </span>
+          </div>
+          <ul class="header-right">
+            <li class="header-right-img">
+              <img src="../../assets/images/a2.jpg" alt="" />
+            </li>
+            <img
+              class="header-right-imgTop"
+              src="../../assets/images/a3.jpg"
+              alt=""
+            />
+            <li class="header-right-Number">165</li>
+            <li class="header-right-Text">绗�<br />浜�<br />绔�</li>
+            <li class="header-right-Text-bottom">
+              濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
+            </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+    <!-- 166椤� -->
+    <div class="page-box" page="175">
+      <div v-if="showPageList.indexOf(175) > -1">
+        <div class="page-father">
+          <ul class="header-left">
+            <li class="headerText">
+              濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
+            </li>
+            <li class="headerNumber">166</li>
+            <img src="../../assets/images/a1.jpg" alt="" />
+          </ul>
+          <div class="bodystyle">
+            <div class="fl al-fe openImgBox">
+              <div class="tl-c">
+                <img
+                  src="../../assets/images/0178-01.jpg"
+                  style="width: 50%"
+                  alt=""
+                  active="true"
+                />
+                <p class="imgdescript">鍥�5-20銆�鍓嶈噦楠ㄩ鎶樺浐瀹�</p>
+              </div>
+              <div class="tl-c">
+                <img
+                  src="../../assets/images/0178-02.jpg"
+                  style="width: 50%"
+                  alt=""
+                  active="true"
+                />
+                <p class="imgdescript">鍥�5-21銆�鑲¢楠ㄦ姌鍥哄畾椤哄簭</p>
+              </div>
+            </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
+                        style="width: 60%"
+                        src="../../assets/images/0175-1.jpg"
+                      />
+                      <p class="img">鍥�5-22銆�鑲¢楠ㄦ姌鍥哄畾</p>
+                    </div>
+                  </div>
+                  <div class="swiper-slide">
+                    <div class="imgBox" style="width: 100%; height: 100%">
+                      <img src="../../assets/images/0175-2.jpg" />
+                      <p class="img">鍥�5-22銆�鑲¢楠ㄦ姌鍥哄畾</p>
+                    </div>
+                  </div>
+                </div>
+                <div class="swiper-button-next"></div>
+                <div class="swiper-button-prev"></div>
+              </div>
+            </div>
+            <p class="content">
+              6锛庡皬鑵块鎶樺浐瀹氾細鐢ㄤ袱鍧楁湪鏉垮姞鍨悗锛屾斁鍦ㄥ皬鑵跨殑鍐呬晶鍜屽渚э紝鍏宠妭澶勫灚缃蒋鐗╋紝鐢ㄤ簲鏉′笁瑙掑肪鎴栧竷甯﹀垎娈垫墡鐗㈠浐瀹氥�傞鍏堝浐瀹氬皬鑵块鎶樼殑涓婁笅涓ょ锛岀劧鍚庯紝鍥哄畾澶ц吙涓儴銆佽啙鍏宠妭銆佽笣鍏宠妭骞朵娇灏忚吙涓庤剼鎺屽憟鍨傜洿锛岀敤鈥�8鈥濆瓧褰㈠浐瀹氥�傚皬鑵块鎶樹腑鍥哄畾鑵撻楠ㄦ姌锛屽湪娌℃湁鍥哄畾鏉愭枡鐨勬儏鍐典笅锛屽彲灏嗘偅鑲㈠浐瀹氬湪鍋ヨ偄涓婏紙瑙佸浘5-23锛夈��
+            </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
+                        style="width: 60%"
+                        src="../../assets/images/0175-3.jpg"
+                      />
+                      <p class="img">鍥�5-23銆�灏忚吙楠ㄦ姌鍥哄畾</p>
+                    </div>
+                  </div>
+                  <div class="swiper-slide">
+                    <div class="imgBox" style="width: 100%; height: 100%">
+                      <img src="../../assets/images/0175-4.jpg" />
+                      <p class="img">鍥�5-23銆�灏忚吙楠ㄦ姌鍥哄畾</p>
+                    </div>
+                  </div>
+                </div>
+                <div class="swiper-button-next"></div>
+                <div class="swiper-button-prev"></div>
+              </div>
+            </div>
+            <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathTwo" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛� 濠村辜鍎块鎶樺鐞嗘祦绋�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoTwo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '672F54E4542A0BB15AE6DAD12C1AA74C'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-02')" />
+              </el-tooltip>
+            </p>
+          </div>
+            <p class="poemtitle-l">锛堜笁锛夎剨鏌辨崯浼ゆ惉杩愭柟娉�</p>
+            <p class="content">
+              鍙鎬�鐤戞湁鑴婃煴鎹熶激灏卞簲鎸夎剨鏌辨崯浼ゆ儏鍐靛鐞嗭紝灏嗚剨鏌变笉绋冲畾鐨勬偅鍎夸话鍗у浐瀹氬湪涓�鍧楀潥纭暱鑳屾澘涓婂苟灏嗗叾鏀剧疆鍦ㄤ腑蹇冪洿绾夸綅缃紝鍗冲ご閮ㄣ�侀閮ㄣ�佽函骞层�侀鐩嗗簲浠ヤ腑蹇冪洿绾夸綅缃�愪竴鍥哄畾锛屼繚鎸佽剨鏌变几鐩翠綅锛屼弗绂佸集鏇叉垨鎵浆銆�
+            </p>
+            <p class="content">
+              1锛庣幇鍦鸿瘎浼帮細瑙傚療鍛ㄥ洿鐜瀹夊叏鍚庯紝鎬ユ晳鍛樻闈㈣蛋鍚戞偅鍎胯〃鏄庤韩浠斤紱鍛婄煡鎮e効涓嶈鍋氫换浣曞姩浣滐紝鍒濇鍒ゆ柇浼ゆ儏锛岀畝瑕佽鏄庢�ユ晳鐩殑锛涘厛绋冲畾鑷繁鍐嶅浐瀹氭偅鍎匡紝閬垮厤鍔犻噸鑴婃煴鎹熶激銆�
+            </p>
+            <p class="content">
+              2锛庝綋浣嶏細浠板崸浣嶏紝澶撮儴銆侀閮ㄣ�佽函骞层�侀鐩嗗簲淇濇寔鐩寸嚎锛岃剨鏌变笉鑳藉眻鏇叉垨鎵浆銆�
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- 167椤� -->
+    <div class="page-box" page="176">
+      <div v-if="showPageList.indexOf(176) > -1">
+        <div class="page-father">
+          <div class="bodystyle-left">
+            <p class="content">
+              3锛庢搷浣滄柟娉曪細鐢ㄨ剨鏌辨澘銆佹媴鏋剁瓑銆備笁浜鸿嚦鎮e効鍚屼晶璺笅鎻掓墜锛屽皢鍙屾墜鑷傜疆浜庢偅鍎胯韩涓嬬殑棰堣偐銆佽叞鑷�銆佷笅鑲㈡按骞筹紱鍚屾椂鎶珮锛屾崲鍗曡吙锛岃捣绔嬶紝鎼繍锛屾崲鍗曡吙锛屼笅璺紝鎹㈠弻鑵匡紱鍚屾椂鏂戒互骞虫墭娉曞皢鎮e効鏀句簬纭川鎷呮灦涓婏紝绂佺敤鎼傛姳鎴栦竴浜烘姮澶淬�佷竴浜烘姮瓒崇殑鎼繍鏂规硶銆傚湪浼ゅ鍨竴钖勬灂锛屼娇姝ゅ鑴婃煴绋嶅悜涓婄獊锛岀劧鍚庣敤鍥涙潯甯﹀瓙鎶婃偅鍎垮浐瀹氬湪鏈ㄦ澘鎴栫‖璐ㄦ媴鏋朵笂锛堜竴鑸敤甯﹀瓙鍥哄畾鑳镐笌鑲遍姘村钩銆佸墠鑷備笌鑵版按骞炽�佸ぇ鑵挎按骞炽�佸皬鑵挎按骞筹紝灏嗘偅鍎跨粦鍦ㄧ‖璐ㄦ媴鏋朵笂锛夛紝浣挎偅鍎夸笉鑳藉乏鍙宠浆鍔ㄣ�傚鏋滀即鏈夐妞庢崯浼わ紝鎮e効鐨勬惉杩愰櫎涓婅堪涓変汉澶栵紝鍙︿竴涓緟鍔╂鏌ョ殑浜哄簲绔欏湪鎮e効澶撮儴锛岀敤鎵嬫墭鎵朵綇鎮e効澶撮閮紝鍏堢敤棰堟墭鍥哄畾棰堥儴锛屽鏃犻鎵樼敤鈥滃ご閿佹垨鑲╅攣鈥濇墜娉曞浐瀹氬ご棰堥儴锛屽叾浣欎汉鍗忚皟涓�鑷寸敤鍔涘皢鎮e効骞崇洿鍦版姮鍒版媴鏋朵笂鎴栨湪鏉夸笂锛岀劧鍚庡ご閮ㄧ殑宸﹀彸涓や晶鐢ㄨ蒋鏋曟垨琛f湇绛夌墿鍥哄畾锛堣鍥�5-24锛夈��
+            </p>
+            <p class="content">
+              4锛庣洃娴嬩笌杞繍锛氭鏌ュ浐瀹氬甫锛岃瀵熸偅鍎跨敓鍛戒綋寰侊紝閫夋嫨鍚堥�傝浆杩愬伐鍏凤紝淇濊瘉鎮e効瀹夊叏銆�
+            </p>
+            <div class="qrbodyPic tl-c openImgBox">
+              <img
+                src="../../assets/images/0179-02.jpg"
+                style="width: 60%"
+                alt=""
+                active="true"
+              />
+              <p class="imgdescript">鍥�5-24銆�鑴婃煴鎹熶激鎼繍</p>
+            </div>
+            <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathThree" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛� 濠村辜鍎胯剨鏌辨崯浼ゆ惉杩愭柟娉�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoThree ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '52D13E40E39BA98987EC269C1F41C16E'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-03')" />
+              </el-tooltip>
+            </p>
+          </div>
+            <p class="content td-0">
+              <img class="img-h" src="../../assets/images/0015_01.jpg" alt="" />
+            </p>
+            <p class="quotation">
+              鐢变簬澶栧姏鐨勪綔鐢紝鐮村潖浜嗛鐨勫畬鏁存�у拰杩炴帴鎬э紝閫犳垚鐨勬崯浼ゅ彨鈥滈鎶樷�濓紝鍙垎涓洪棴鍚堟�ч鎶樸�佸紑鏀炬�ч鎶樸�佸鏉傛�ч鎶橈紝楠ㄦ姌涓昏鐢辩洿鎺ユ毚鍔涖�侀棿鎺ユ毚鍔涢�犳垚銆�
+            </p>
+            <p class="quotation">
+              鐨偆涓嶇牬锛屾病鏈変激鍙o紝鏂涓嶄笌澶栫晫鐩搁�氾紝绉颁负闂悎鎬ч鎶橈紱楠ㄥご鐨勫皷绔┛杩囩毊鑲わ紝鏈変激鍙d笌澶栫晫鐩搁�氾紝绉颁负寮�鏀炬�ч鎶樸��
+            </p>
+            <p class="titleQuot-1">鍥涖�佸績璺冲懠鍚搁鍋滅殑澶勭悊涓庢�ユ晳</p>
+            <p class="content">
+              蹇冭剰楠ゅ仠涓�鏃﹀彂鐢燂紝濡傚緱涓嶅埌鍗冲埢鍙婃椂鍦版姠鏁戝鑻忥紝4锝�6鍒嗛挓鍚庝細閫犳垚鎮e効鑴戝拰鍏朵粬浜轰綋閲嶈鍣ㄥ畼缁勭粐鐨勪笉鍙�嗙殑鎹熷锛屽洜姝ゅ績鑴忛鍋滃悗鐨勫績鑲哄鑻忓繀椤诲湪鐜板満绔嬪嵆杩涜銆傚績鑴忓鑻忛�氫織鍦拌灏辨槸褰撴偅鍎垮仠姝㈠懠鍚稿拰蹇冨仠鏃讹紝鐢ㄤ汉宸ュ懠鍚稿拰闂兏鎸夊帇杩涜鎶㈡晳鐨勪竴绉嶆妧鏈�備汉鍦ㄥ績鑴忕梾銆佹汉姘淬�佽溅绁搞�佽嵂鐗╀腑姣掋�侀珮琛�鍘嬨�佽Е鐢点�佸紓鐗╁牭濉炴椂閮藉彲鑳戒細蹇冭剰楠ゅ仠锛屽懠鍚稿仠姝紝鍧囧彲鐢ㄥ績鑲哄鑻忔湳鏉ユ姠鏁戙�傚叾澶勭疆娴佺▼濡備笅銆�
+            </p>
+          </div>
+          <ul class="header-right">
+            <li class="header-right-img">
+              <img src="../../assets/images/a2.jpg" alt="" />
+            </li>
+            <img
+              class="header-right-imgTop"
+              src="../../assets/images/a3.jpg"
+              alt=""
+            />
+            <li class="header-right-Number">167</li>
+            <li class="header-right-Text">绗�<br />浜�<br />绔�</li>
+            <li class="header-right-Text-bottom">
+              濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
+            </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+    <!-- 168椤� -->
+    <div class="page-box" page="177">
+      <div v-if="showPageList.indexOf(177) > -1">
+        <div class="page-father">
+          <ul class="header-left">
+            <li class="headerText">
+              濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
+            </li>
+            <li class="headerNumber">168</li>
+            <img src="../../assets/images/a1.jpg" alt="" />
+          </ul>
+          <div class="bodystyle">
+            <p class="poemtitle-l">锛堜竴锛夊缃祦绋�</p>
+            <p class="content">
+              1锛庤瘎浼板拰鐜板満瀹夊叏銆傛�ユ晳鑰呭湪纭鐜板満瀹夊叏鐨勬儏鍐典笅锛屼娇鎮e効澶勪簬鍘绘灂浠板崸浣嶏紝鏀惧湪璐ㄥ湴杈冪‖鐨勫钩鍙般�佸湴闈㈡垨搴婁笂銆傝交鎷嶆偅鍎跨殑鑲╄唨锛屽苟澶у0鍛煎枈鈥滃皬鏈嬪弸锛屼綘杩樺ソ鍚楋紵鈥濓紝鍒ゆ柇鎮e効绁炴櫤鏄惁娓呴啋锛屾湁鏃犺嚜涓诲懠鍚革紝妫�鏌ユ湁鏃犻鍔ㄨ剦鎼忓姩銆傚垽鏂湁鏃犺剦鎼忔椂瑙︽懜棰堝姩鑴変笉鑳界敤鍔涜繃澶э紝浠ュ厤棰堝姩鑴夊彈鍘嬪Θ纰嶅ご閮ㄤ緵琛�锛屾鏌ユ椂闂翠笉鍙秴杩�10绉掋�傚鏋滄病鏈夊懠鍚告垨鑰呮病鏈夋甯稿懠鍚革紙鍗冲彧鏈夊枠鎭級锛岀珛鍒诲惎鍔ㄥ簲鎬ュ弽搴旂郴缁燂紝寮�濮嬮棴鑳稿績鑴忔寜鍘嬨��
+            </p>
+            <p class="content">
+              2锛庨棴鑳稿績鑴忔寜鍘嬨�傚鏋滄偅鍎垮凡缁忔病鏈夎剦鎼忥紝鍒欓渶杩涜闂兏蹇冭剰鎸夊帇銆傛柦鏁戣�呭厛瑕佹壘鍒版寜鍘嬬殑閮ㄤ綅銆傛偅鍎夸袱涔冲ご杩炵嚎涓偣銆傛柦鏁戣�呬互涓�鎵嬪彔鏀句簬鍙︿竴鎵嬫墜鑳岋紝鍗佹寚浜ゅ弶锛屽皢鎺屾牴閮ㄧ疆浜庡垰鎵嶆壘鍒扮殑浣嶇疆锛屼緷闈犱笂鍗婅韩鐨勫姏閲忓瀭鐩村悜涓嬪帇锛岃兏楠ㄧ殑涓嬮櫡璺濈涓�4锝�5鍘樼背锛屽弻鎵嬭噦蹇呴』浼哥洿锛屼笉鑳藉集鏇诧紝鍘嬩笅鍚庤繀閫熸姮璧凤紝棰戠巼鎺у埗鍦ㄦ瘡鍒嗛挓80锝�100娆°�傛敞鎰忎簨椤癸細鎸夊帇1宀佷互涓嬪┐鍎挎椂锛屼娇鐢ㄤ袱鏍规墜鎸囷紱鎸夊帇1鈥�8宀佸辜鍎挎椂锛屼娇鐢ㄤ竴鍙墜鐨勬墜鎺岋紱鎸夊帇8宀佷互涓婂効绔ユ椂锛屼娇鐢ㄤ袱鍙墜鐨勬墜鎺屻�傛寜鍘嬭繃绋嬪繀椤绘帶鍒跺姏閬擄紝涓嶅彲澶繃鐢ㄥ姴锛屽洜涓哄姏閬撳お澶у鏄撳紩璧疯倠楠ㄩ鎶橈紝浠庤�岄�犳垚鑲嬮鍒虹牬蹇冭偤鑲濊劸绛夐噸瑕佽剰鍣紙瑙佸浘5-25锛夈��
+            </p>
+            <div class="qrbodyPic tl-c openImgBox mt-20">
+              <img
+                src="../../assets/images/0180-01.jpg"
+                style="width: 100%"
+                alt=""
+                active="true"
+              />
+              <p class="imgdescript">鍥�5-25銆�闂兏蹇冭剰鎸夊帇<</p>
+            </div>
+            <p class="content">
+              3锛庡紑鏀炬皵閬撱�傚皢鎮e効缃簬骞宠汉鐨勪话鍗т綅锛屾槒杩风殑浜哄父甯镐細鍥犺垖鍚庡潬鑰岄�犳垚姘旈亾鍫靛锛岃繖鏃舵柦鏁戜汉鍛樿璺湪鎮e効韬綋鐨勪竴渚э紝涓�鎵嬫寜浣忓叾棰濆ご鍚戜笅鍘嬶紝鍙︿竴鎵嬫墭璧峰叾涓嬪反鍚戜笂鎶紝鏍囧噯鏄笅棰屼笌鑰冲瀭鐨勮繛绾垮瀭鐩翠簬鍦板钩绾匡紝杩欐牱灏辫鏄庢皵閬撳凡缁忚鎵撳紑銆傚湪寮�鏀炬皵閬撶殑鍚屾椂搴旀敞鎰忔竻鐞嗘偅鍎垮彛涓紓鐗╂垨鍛曞悙鐗┿�傚紑鏀炬皵閬撶敤浠板ご涓鹃娉曟椂锛屾敞鎰忔墜鎸囦笉瑕佸帇杩偅鍎块鍓嶉儴銆侀涓嬭蒋缁勭粐锛屼篃涓嶈浣块杩囧害浼搁暱锛堣鍥�5-26锛夈��
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- 169椤� -->
+    <div class="page-box" page="178">
+      <div v-if="showPageList.indexOf(178) > -1">
+        <div class="page-father">
+          <div class="bodystyle-left">
+            <p class="content">
+              4锛庝汉宸ュ懠鍚搞�傚鎮e効鏃犲懠鍚革紝绔嬪嵆杩涜鍙e鍙d汉宸ュ懠鍚镐袱娆★紝鐒跺悗鎽搁鍔ㄨ剦锛屽鏋滆兘鎰熻鍒版悘鍔紝閭d箞浠呭仛浜哄伐鍛煎惛鍗冲彲銆傛柟娉曪細鏈�濂借兘鎵句竴鍧楀共鍑�鐨勭罕甯冩垨鎵嬪肪锛岀洊鍦ㄦ偅鍎跨殑鍙i儴锛岄槻姝㈢粏鑿屾劅鏌撱�傛柦鏁戣�呬竴鎵嬫崗浣忔偅鍎块蓟瀛愶紝澶у彛鍚告皵锛屽睆浣忔皵锛岃繀閫熶刊韬紝鐢ㄥ槾鍖呬綇鎮e効鐨勫槾锛屽揩閫熷皢姘斾綋鍚瑰叆銆備笌姝ゅ悓鏃讹紝鏂芥晳鑰呯殑鐪肩潧闇�瑙傚療鎮e効鐨勮兏寤撴槸鍚﹀洜姘斾綋鐨勭亴鍏ヨ�屾墿寮狅紝姘斿惞瀹屽悗锛屾澗寮�鎹忕潃榧诲瓙鐨勬墜锛岃姘斾綋鍛煎嚭锛岃繖鏍峰氨瀹屾垚浜嗕竴娆″懠鍚歌繃绋嬨�傚濠村効鍙婂辜鍎垮鑻忥紝鍙皢鍏跺ご閮ㄧ◢鍚庝话锛屾妸鍙e攪灏佷綇鎮e効鐨勫槾鍜岄蓟瀛愶紝杞诲井鍚规皵鍏ユ偅鍎胯偤閮ㄣ�傚崟浜哄績鑴忔寜鍘嬩笌浜哄伐鍛煎惛姣斾緥涓�30鈭�2銆傝繘琛屽彛瀵瑰彛浜哄伐鍛煎惛鏃讹紝姣忔鍚规皵閲忎笉瑕佽繃澶э紝鍚﹀垯鏄撻�犳垚鑳冨唴澶ч噺鍏呮皵锛堣鍥�5-27锛夈��
+            </p>
+            <div class="fl al-c openImgBox mb-20">
+              <div class="tl-c">
+                <img
+                  src="../../assets/images/0181-01.jpg"
+                  style="width: 80%"
+                  alt=""
+                  active="true"
+                />
+                <p class="imgdescript">鍥�5-26銆�寮�鏀炬皵閬�</p>
+              </div>
+              <div class="tl-c">
+                <img
+                  src="../../assets/images/0181-02.jpg"
+                  style="width: 80%"
+                  alt=""
+                  active="true"
+                />
+                <p class="imgdescript">鍥�5-27銆�浜哄伐鍛煎惛</p>
+              </div>
+            </div>
+            <p class="content">
+              5锛庡仠姝㈠績鑲哄鑻忕殑鎸囧緛銆傚湪鏂芥晳鐨勫悓鏃朵篃瑕佹椂鍒昏瀵熸偅鍎跨殑鐢熷懡浣撳緛銆傝Е鎽告偅鍎跨殑鎵嬭冻锛岃嫢娓╁害鏈夋墍鍥炲崌锛屽垯杩涗竴姝ヨЕ鎽搁鍔ㄨ剦锛屽彂鐜版湁鎼忓姩鍗冲彲鍋滄蹇冭偤澶嶈嫃锛屽敖蹇妸鎮e効閫佸線鍖婚櫌杩涜杩涗竴姝ョ殑娌荤枟銆�
+            </p>
+            <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathFour" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛� 濠村辜鍎垮績璺冲懠鍚搁鍋滃鐞�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoFour ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '1DA74ED152C683BF7716A53EAAF304E9'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-04')" />
+              </el-tooltip>
+            </p>
+          </div>
+            <p class="content td-0 mt-20">
+              <img class="img-h" src="../../assets/images/0015_01.jpg" alt="" />
+            </p>
+            <p class="quotation">
+              1锛庤兏澶栧績鑴忔寜鍘嬬敤鍔涘簲骞崇ǔ銆佹湁瑙勫緥鍦拌繘琛岋紝涓嶈兘闂存柇锛屼篃涓嶈兘蹇藉揩蹇芥參锛岀姝㈠仛鍐插嚮寮忕寷鍘嬶紝鎸夊帇鏃舵墜鎸囦笉瑕佸帇鍦ㄨ兏澹佷笂锛屽惁鍒欐槗寮曡捣鑲嬮鎴栬倠杞楠ㄦ姌銆�
+            </p>
+            <p class="quotation">
+              2锛庢寜鍘嬫椂鐢ㄥ姏搴斿瀭鐩村悜涓嬶紙鐗瑰埆鏄倶鍏宠妭瑕佷几鐩达級锛屼笉瑕佸乏鍙虫憜鍔紝鍙屾墜鎺岃閲嶅彔鏀剧疆锛屼笉鍙氦鍙夋斁缃紝鎸夊帇鍚庢斁鏉炬椂瀹氫綅鐨勬墜鎺屾牴閮ㄤ笉鍙寮�鑳搁瀹氫綅鐐广��
+            </p>
+            <p class="quotation">
+              3锛庡鍙戠幇鎮e効鏃犲弽搴旀棤鍛煎惛锛屾�ユ晳鑰呭簲鎷ㄦ墦120锛屽彇鏉ヨ嚜鍔ㄤ綋澶栭櫎棰や华锛圓ED锛屽鏋滄湁鏉′欢锛夛紝瀵规偅鍎垮疄鏂藉績鑲哄鑻忥紙CPR锛夛紝闇�瑕佹椂绔嬪嵆杩涜闄らⅳ銆�
+            </p>
+            <p class="quotation">
+              4锛庡鏈夊鍚嶆�ユ晳鑰呭湪鐜板満锛屽叾涓竴鍚嶆�ユ晳鑰呮寜姝ラ杩涜CPR锛屽彟涓�鍚嶆�ユ晳鑰呭簲鎷ㄦ墦120锛屽彇鏉ED锛堝鏋滄湁鏉′欢锛夈��
+            </p>
+            <p class="quotation">
+              5锛庡湪鏁戝姪娣规汉鎴栫獟鎭�у績鑴忛鍋滄偅鍎挎椂锛屾�ユ晳鑰呭簲鍏堣繘琛�5涓懆鏈燂紙2鍒嗛挓锛夌殑CPR锛岀劧鍚庢嫧鎵�120銆�
+            </p>
+            <p class="quotation">
+              6锛庡浜庡┐鍎垮拰骞煎効锛屽弻浜篊PR鏃跺彲閲囩敤15鈭�2鐨勬瘮鐜囥�傚嵆濡傚弻浜烘垨澶氫汉鏂芥晳锛屽簲姣�2鍒嗛挓鎴�5涓懆鏈烠PR锛堟瘡涓懆鏈熷寘鎷�15娆℃寜鍘嬪拰2娆′汉宸ュ懠鍚革級鏇存崲鎸夊帇鑰咃紝骞跺湪5绉掗挓鍐呭畬鎴愯浆鎹€�傚洜涓虹爺绌惰〃鏄庯紝鍦ㄦ寜鍘嬪紑濮�1锝�2鍒嗛挓鍚庯紝鎿嶄綔鑰呮寜鍘嬬殑璐ㄩ噺灏卞紑濮嬩笅闄嶏紙琛ㄧ幇涓洪鐜囧拰骞呭害浠ュ強鑳稿澶嶄綅鎯呭喌鍧囦笉鐞嗘兂锛夈��
+            </p>
+          </div>
+          <ul class="header-right">
+            <li class="header-right-img">
+              <img src="../../assets/images/a2.jpg" alt="" />
+            </li>
+            <img
+              class="header-right-imgTop"
+              src="../../assets/images/a3.jpg"
+              alt=""
+            />
+            <li class="header-right-Number">169</li>
+            <li class="header-right-Text">绗�<br />浜�<br />绔�</li>
+            <li class="header-right-Text-bottom">
+              濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
+            </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+    <!-- 170椤� -->
+    <div class="page-box" page="179">
+      <div v-if="showPageList.indexOf(179) > -1">
+        <div class="page-father">
+          <ul class="header-left">
+            <li class="headerText">
+              濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
+            </li>
+            <li class="headerNumber">179</li>
+            <img src="../../assets/images/a1.jpg" alt="" />
+          </ul>
+          <div class="bodystyle">
+            <p class="titleQuot-1">浜斻�佸叧鑺傝劚浣嶇殑澶勭悊涓庢�ユ晳</p>
+            <p class="content">
+              鍦ㄥ鍔涗綔鐢ㄤ笅锛屼娇鍏宠妭闈㈠郊姝ゅけ鍘绘甯哥殑杩炴帴鍏崇郴锛岀О涓哄叧鑺傝劚浣嶏紝鍏宠妭鑴变綅涓�鑸兘浼氬紩璧峰叧鑺傚泭鎾曡鍜屽叧鑺傚懆鍥寸殑闊у甫鑲岃叡鍙婂叾闄勭潃缁勭粐鐨勬崯浼ゃ�傚┐骞煎効鍙椾激鍚庤劚浣嶇殑鍏宠妭浼氱柤鐥涖�佽偪鑳�銆佸嚭鐜扮暩褰紝娲诲姩鍔熻兘涓уけ銆備弗閲嶈�咃紝鏈夋椂鍙兘浣胯绠°�佺缁忓彈鎹熺敋鑷充即鏈夐鎶樸��
+            </p>
+            <p class="content">
+              濠村辜鍎垮父瑙佽偐鍏宠妭銆佽倶鍏宠妭鑴变綅锛屽涓鸿穼鍊掓椂鎵嬫帉鐫�鍦版垨鏆村姏鎵�鑷淬��
+            </p>
+            <p class="content">
+              鑲╁叧鑺傝劚浣嶈〃鐜颁负浼よ偐鑲胯儉銆佺柤鐥涳紝涓诲姩鍜岃鍔ㄦ椿鍔ㄥ彈闄愶紝鎵嬫帉涓嶈兘鎼湪瀵逛晶鑲╅儴锛屾偅鑲㈠脊鎬у浐瀹氫簬杞诲害澶栧睍浣嶏紝甯镐互鍋ユ墜鎵樻偅鑷傦紝澶村拰韬共鍚戞偅渚у�炬枩锛岃偐涓夎鑲屽闄凤紝鍛堟柟鑲╃暩褰紝鍦ㄨ厠绐濓紝鍠欑獊涓嬫垨閿侀涓嬪彲瑙﹀強绉讳綅鐨勮偙楠ㄥご锛屽叧鑺傜泜绌鸿櫄銆�
+            </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
+                        style="width: 60%"
+                        src="../../assets/images/0179-1.jpg"
+                      />
+                      <p class="img">1.鍚庢柟鑴变綅</p>
+                    </div>
+                  </div>
+                  <div class="swiper-slide">
+                    <div class="imgBox" style="width: 100%; height: 100%">
+                      <img src="../../assets/images/0179-2.jpg" />
+                      <p class="img">2.鍚庢柟鑴变綅</p>
+                    </div>
+                  </div>
+                  <div class="swiper-slide">
+                    <div class="imgBox" style="width: 100%; height: 100%">
+                      <img src="../../assets/images/0179-3.jpg" />
+                      <p class="img">1.鍚庢柟鑴变綅</p>
+                    </div>
+                  </div>
+                </div>
+                <div class="swiper-button-next"></div>
+                <div class="swiper-button-prev"></div>
+              </div>
+            </div>
+            <p class="imgdescript">鍥�5-28銆�鑲樺叧鑺傝劚浣�</p>
+            <p class="content">
+              鑲樺叧鑺傝劚浣嶏紝琛ㄧ幇涓鸿倶鍏宠妭鑲跨棝锛屽叧鑺傜疆浜庡崐灞堟洸鐘讹紝浼稿眻娲诲姩鍙楅檺銆傚鑲樺悗鑴变綅锛屽垯鑲樺悗鏂圭┖铏氾紝楣板槾閮ㄥ悜鍚庢槑鏄剧獊鍑猴紱渚ф柟鑴变綅锛岃倶閮ㄥ憟鐜拌倶鍐呯炕鎴栧缈荤暩褰€�傝倶绐濋儴鍏呯泩楗辨弧銆傝偙楠ㄥ唴銆佸渚ч珌鍙婇拱鍢存瀯鎴愮殑鍊掔瓑鑵颁笁瑙掑舰鍏崇郴鏀瑰彉锛堣鍥�5-28锛夈��
+            </p>
+            <p class="content">
+              濠村辜鍎垮叧鑺傝劚浣嶅悗锛屽浐瀹氳劚浣嶅叧鑺傦紝涓嶅緱浣夸箣绉诲姩锛屾洿涓嶅緱闅忔剰浣跨敤鏁村鎵嬫硶锛岃繀閫熸姢閫佸埌鍖婚櫌杩涜鏁村銆佹不鐤椼��
+            </p>
+            <p class="content">
+              濡傝偐閮ㄨ劚浣嶏紝鍙妸鎮e効鑲橀儴寮垚鐩磋锛屽啀鐢ㄤ笁瑙掑肪鎶婂墠鑷傚拰鑲橀儴鎵樿捣锛屾寕鍦ㄩ涓婏紝鍐嶇敤涓�鏉″甯︾紶杩囪剳閮紝鍦ㄥ渚ц剳浣滅粨銆傚楂嬮儴鑴变綅锛屽垯搴旂珛鍗宠鎮e効韬哄湪骞虫澘涓婇�佸線鍖婚櫌銆�
+            </p>
+            <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathFive" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛�  濠村辜鍎垮叧鑺傝劚浣嶅鐞�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoFive ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '439863064461BF97467E94EA53280FBF'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-05')" />
+              </el-tooltip>
+            </p>
+          </div>
+            <p class="content td-0 mt-20">
+              <img class="img-h" src="../../assets/images/0015_01.jpg" alt="" />
+            </p>
+            <p class="quotation">
+              涓�鑸叧浜庤劚浣嶅悗鍧囪〃鐜板嚭鍏宠妭鐣稿舰锛岃繖鍙綔涓哄垽鏂緷鎹箣涓�銆�
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- 171椤� -->
+    <div class="page-box" page="180">
+      <div v-if="showPageList.indexOf(180) > -1">
+        <div class="page-father">
+          <div class="bodystyle-left">
+            <p class="titleQuot-1">鍏�佽剳闇囪崱鐨勫鐞嗕笌鎬ユ晳</p>
+            <p class="content">
+              澶撮儴鍙楀埌澶栧姏鎵撳嚮鎴栫鎾炰互鍚庤剳鍔熻兘鍙戠敓鏆傛椂鎬ч殰纰嶏紝鍙綔鑴戦渿鑽°�傚┐骞煎効濡傚彂鐢熻剳闇囪崱鍚庯紝浼氱珛鍗冲嚭鐜版殏鏃剁殑鎰忚瘑闅滅锛屽鍝笉鍑恒�佹剰璇嗚糠绯婄瓑鎯呭喌锛屽巻鏃剁害鍗婂皬鏃躲�傚彈浼よ交鑰呬粎鏈夋剰璇嗘亶鎯氾紙绁炲織杩风硦锛夛紝閲嶈�呭彲鍙戠敓鎰忚瘑涓уけ锛堟槒杩蜂笉閱掞級銆佺儲韬佷笉瀹夈�佽交搴︿紤鍏嬨�侀潰鑹茶媿鐧芥垨鎭跺績鍛曞悙銆傛湁鐨勫棞鐫★紝鍦ㄦ暟灏忔椂鎴栬繃澶滀互鍚庢竻閱掞紝鍦ㄦ剰璇嗘仮澶嶅悗浠嶅彲浼存湁澶寸棝锛堝┐骞煎効鐢ㄦ墜鏁插ご閮級銆佺儲韬佷笉瀹夈�佸憰鍚愭垨鐪╂檿绛夌幇璞★紝鏈夌殑鐢氳嚦鍙暱鏃堕棿澶卞幓鐭ヨ銆傚鍑虹幇杩欑被鐜拌薄锛屽垯鍙兘鏄楠ㄩ鎶樸�佸ご閮ㄨ鑲裤�佽剳鍑鸿绛夛紝搴斿強鏃跺氨鍖汇��
+            </p>
+            <p class="content">
+              濠村辜鍎垮ご閮ㄧ潃鍦板彈鍒版崯浼ゆ椂锛屾暀甯堛�佸闀垮簲缁欎簣瓒冲鐨勯噸瑙嗐�傛儏鍐佃緝杞昏�咃紝鍙崸搴婁紤鎭�1锝�2澶╋紝濡傛棤鐗规畩琛ㄧ幇鎵嶅彲浠ヤ笅搴婃椿鍔紝骞跺簲鎸佺画瑙傚療涓�鍛ㄣ�傚鍙戠幇澶撮儴浼存湁琛�鑲匡紝搴斿幓鍖婚櫌鎷嶇墖妫�鏌ワ紝鍒ゆ槑鏈夋棤棰呴楠ㄦ姌銆傚嚒鏈夋槑鏄炬剰璇嗛殰纰嶏紝浼存湁浼戝厠鐨勶紝搴旂珛鍗冲钩鍗с�佸浐瀹氬ご閮紝绱ф�ラ�佸線涓夌骇鍖婚櫌鎶㈡晳銆備弗绂佹憞鍔ㄣ�佺壍鎵紝鏇翠笉瑕侀殢鎰忕Щ鍔ㄤ綅缃紝澶撮儴涓や晶鐢ㄨ。鐗╁~濉烇紝浠ュ厤宸﹀彸鎽囨檭锛屽悓鏃剁敤姣涘肪娴告箍鍐锋暦澶撮儴锛岃韩浣撹。鐫�瑕佷繚鏆栥�傚绁炲織涓嶆竻鑰呭彲鐢ㄦ墜鎸囨帎浜轰腑銆佸悎璋风瓑绌达紝浣垮叾鑻忛啋銆�
+            </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.isCollectVideoSix ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'D85245AAC0CFCBDB8287FD5BEBFBBB51'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-06')" />
+              </el-tooltip>
+            </p>
+          </div>
+            <p class="content td-0 mt-20">
+              <img class="img-h" src="../../assets/images/0015_01.jpg" alt="" />
+            </p>
+            <p class="quotation">
+              绔炴妧鎬ц繍鍔ㄩ�犳垚閲嶅瀷棰呰剳鎹熶激鍚庢浜℃垨鎸佷箙娈嬬柧鐨勬儏鍐电浉瀵瑰皯瑙侊紝浣嗚交鍨嬮鑴戞崯浼わ紙鑴戦渿鑽★級鐩稿綋甯歌锛屼笖鍙戠敓鐜囧湪閫愬勾涓婂崌銆傜編鍥藉浗瀹惰繍鍔ㄦ崯浼や笌鐤剧梾鎶ュ憡绯荤粺鍦�1975骞村紑濮嬭拷韪悇绉嶄綋鑲茶繍鍔ㄤ腑鐨勬崯浼わ紝璧勬枡鏄剧ず锛屾﹦姒勭悆杩愬姩涓彂鐢熻交鍨嬮鑴戞崯浼ょ殑鍙兘鎬т负2%锝�6%锛岃�屽叾浠栬繍鍔ㄧ殑鍙戠敓鐜囦竴鑸皯浜�2%銆傚湪寰堝鎯呭喌涓嬶紝杩愬姩鍛樻病鏈夋剰璇嗗埌浠栦滑瀛樺湪杞诲瀷棰呰剳鎹熶激鐨勭棁鐘讹紝鎴栬�呭媺寮哄憡璇夊悓浼村拰鏁欑粌鍛樺彧鏄井涓嶈冻閬撶殑闂锛岃�屾病鏈夐��鍑烘瘮璧涖��
+            </p>
+            <p class="quotation">
+              杩愬姩鐩稿叧鎬ц剳闇囪崱锛圫ports-Related Cerebral
+              Concussion锛孲RCC锛夊張绉拌交鍨嬪ご閮ㄦ崯浼わ紙Mild Head
+              Injury锛孧HI锛夛紝鏄父瑙佽繍鍔ㄦ崯浼ょ被鍨嬩箣涓�銆係RCC鐨勪弗閲嶇▼搴︿笌鎬ф牸銆佸勾榫勬湁鍏筹紝濂虫�ф瘮鐢锋�т弗閲嶏紝鍎跨鍜岄潚灏戝勾姣旀垚浜轰弗閲嶃�傞偅浜涘彂鐢熻繃SRCC鐨勮繍鍔ㄥ憳鏇村鏄撳啀娆″彂鐢烻RCC锛岀粡甯告槸鐭椂闂村唴鍙戠敓澶氭锛屼笖鐥囩姸涓ラ噸銆傝冻鐞冦�佽穯鎷抽亾銆佹洸妫嶇悆銆佺鐞冦�佸啺鐞冦�佺編寮忔﹦姒勭悆銆佹嫵鍑汇�佹暎鎵撶瓑韬綋鎺ヨЕ杈冨銆佸鎶楁�у己銆佹瘮璧涙縺鐑堢殑椤圭洰瀹规槗鍙戠敓鑴戦渿鑽°��
+            </p>
+          </div>
+          <ul class="header-right">
+            <li class="header-right-img">
+              <img src="../../assets/images/a2.jpg" alt="" />
+            </li>
+            <img
+              class="header-right-imgTop"
+              src="../../assets/images/a3.jpg"
+              alt=""
+            />
+            <li class="header-right-Number">171</li>
+            <li class="header-right-Text">绗�<br />浜�<br />绔�</li>
+            <li class="header-right-Text-bottom">
+              濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
+            </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+    <!-- 172椤� -->
+    <div class="page-box" page="181">
+      <div v-if="showPageList.indexOf(181) > -1">
+        <div class="page-father">
+          <ul class="header-left">
+            <li class="headerText">
+              濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
+            </li>
+            <li class="headerNumber">172</li>
+            <img src="../../assets/images/a1.jpg" alt="" />
+          </ul>
+          <div class="bodystyle">
+            <p class="titleQuot-1">涓冦�佺墮澶栦激鐨勫鐞嗕笌鎬ユ晳</p>
+            <div class="img-rights w200 openImgBox">
+              <img
+                src="../../assets/images/0184-01.jpg"
+                style="width: 100%"
+                alt=""
+                active="true"
+              />
+              <p class="imgdescript">鍥�5-29銆�鐗欏浼�</p>
+            </div>
+            <span>
+              <p class="content">
+                濠村辜鍎垮湪鎴峰娲诲姩鏃讹紝鍙戠敓纰版挒锛岀粡甯镐細娈冨強鐗欓娇锛岃�屽┐骞煎効鐗欓娇澶栦激涓互鍓嶇墮榻垮浼ゆ渶涓哄瑙侊紝灏や互涓婇鍓嶇墮鏈�澶氥�傚洜涓轰笂棰屽墠鐗欏湪闈㈤儴鐨勬渶鍓嶇锛屾墍浠ュ彂鐢熸剰澶栨椂濠村辜鍎跨殑涓婇鍓嶇墮鍗冲ぇ闂ㄧ墮鏈�瀹规槗鍙楀埌浼ゅ锛岄�犳垚闂ㄧ墮鏉惧姩銆佺Щ浣嶃�佹姌鏂�佽劚钀界瓑鎯呭喌銆�8鈥�10宀佹槸鎭掑墠鐗欏浼ょ殑楂樺彂骞撮緞锛屾鏃舵柊闀垮嚭鐨勯棬鐗欑墮鏍瑰皻鏈畬鍏ㄥ彂鑲插畬鎴愶紝鏍圭澹佽杽锛屽浼ゅ悗鍙婃椂娌荤枟灏や负閲嶈锛堣鍥�5-29锛夈��
+              </p>
+            </span>
+            <p class="poemtitle-l">锛堜竴锛夌墮榻垮彂鐢熸澗鍔�</p>
+            <p class="content">
+              1锛庣墮榻垮彥鐥涘拰鏉惧姩锛屾绫绘儏鍐电墮榻垮彈鍒扮鎾炲姏涓嶅ぇ锛屼富瑕佽鍙椾激鐗欏緱鍒颁紤鎭紝涓ゅ懆鍐呬笉鐢ㄦ偅鐗欏挰涓滆タ銆�
+            </p>
+            <p class="content">
+              2锛庡鐗欓娇鏉惧姩鏄庢樉锛岃鍒板尰闄㈠氨璇婏紝鍖荤敓浼氱粰鐗欓娇鍋氱粨鎵庡浐瀹氥��
+            </p>
+            <p class="poemtitle-l">锛堜簩锛変钩鐗欏洜澶栦激鑴辫惤</p>
+            <p class="content">
+              1锛庡敖蹇笌鐗欏尰鑱旂郴锛岃繀閫熼噰鍙栬鍔紝杩欐牱鍙互鍑忚交濠村辜鍎跨殑涓嶉�傚苟棰勯槻鎰熸煋銆�
+            </p>
+            <p class="content">2锛庣敤姘村啿娲楀彛鑵旓紝鍚屾椂鍐锋暦浠ュ噺灏戣偪鑳�銆�</p>
+            <p class="content">
+              3锛庡ソ濂藉畨鎶氬┐骞煎効锛屼笉蹇呭埌澶勬壘鐗欍�備钩鐗欎笉搴旇鍐嶆锛屽洜涓鸿繖鏈夊彲鑳藉缁ф壙鎭掔墮鐢熼暱閫犳垚娼滃湪鎹熶激銆�
+            </p>
+            <p class="poemtitle-l">锛堜笁锛夋亽鐗欏洜澶栦激鑴辫惤</p>
+            <p class="content">
+              1锛庢壘鍒扮墮榻匡紝灏嗗叾鍦ㄥ噳姘翠腑鎱㈡參鍐叉礂锛岀姝㈡摝娲楁垨浣跨敤鑲ョ殏銆�
+            </p>
+            <p class="content">
+              2锛庡皢鐗欓娇鏀惧洖鐗欐Ы绐濅腑锛屽苟璁╁辜鍎垮挰浣忕罕甯冩垨姣涘肪浠ュ浐浣嶃�傚鍙戠幇鏃犳硶灏嗙墮榻挎斁鍥炵墮妲界獫锛岃浣忎竴瀹氳鎶婄墮榻挎斁鍦ㄥ共鍑�鐨勫鍣ㄩ噷锛屾渶濂界敤鍐风墰濂舵蹈娉°�傚娌℃湁鐗涘ザ锛岀敤鐢熺悊鐩愭按銆侀殣褰㈢溂闀滄姢鐞嗘恫銆佸辜鍎跨殑鍞炬恫娴告场锛屾垨鍚湪鑸屼笅涔熷彲锛屽敖鍙兘淇濆瓨鐗欏懆鑶滄椿鍔涖��
+            </p>
+            <p class="content">3锛庣珛鍗冲皢骞煎効鍜屾箍娑︿繚瀛樼殑鑴辫惤鐗欓娇閫佸線鐗欏尰澶勩��</p>
+            <p class="poemtitle-l">锛堝洓锛夌墮榻垮彂鐢熸姌鏂�</p>
+            <div class="img-rights w200 openImgBox">
+              <div class="tipes">
+                <p class="content">
+                  骞煎効娲诲姩鏃讹紝濡傚瓨鍦ㄨ穼鍊掋�佺鎾炴垨鎺ヨЕ鍧氱‖琛ㄩ潰鍙婅澶囩殑椋庨櫓锛屽簲璁╁辜鍎夸僵鎴撮槻鎶ょ墮鎵樸��
+                </p>
+              </div>
+            </div>
+            <span>
+              <p class="content">
+                1锛庡敖蹇笌鐗欏尰鑱旂郴锛屽揩閫熼噰鍙栬鍔紝淇濆瓨鐗欓娇锛岄闃叉劅鏌撳苟鍑忓皯鏇村ぇ鑼冨洿鐨勫彛鑵旀不鐤椼��
+              </p>
+              <p class="content">2锛庣敤姘村啿娲楀彛鑵旓紝鍚屾椂鍐锋暦浠ュ噺灏戣偪鑳�銆�</p>
+              <p class="content">
+                3锛庡鑳芥壘鍒扮墮鎶樻柇鐗囷紝甯︿笂鐗欐姌鏂墖锛屾箍娑︿繚瀛橈紝鍓嶅線鐗欏尰澶勩��
+              </p>
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- 173椤� -->
+    <div class="page-box" page="182">
+      <div v-if="showPageList.indexOf(182) > -1">
+        <div class="page-father">
+          <div class="bodystyle-left">
+            <p class="titleQuot-1">鍏�佽繍鍔ㄦ�ц吂鐥涚殑澶勭悊涓庢�ユ晳</p>
+            <p class="content">
+              杩愬姩鎬ц吂鐥涙槸鎸囩敱浜庤繍鍔ㄥ紩璧锋垨璇卞彂鐨勮吂閮ㄧ柤鐥涳紝澶氬彂鐢熷湪杩愬姩杩囩▼涓垨缁撴潫鏃讹紝涓ラ噸鏃跺父浣胯繍鍔ㄨ�呰杩腑姝㈣繍鍔ㄣ�傚辜鍎胯繍鍔ㄦ�ц吂鐥涘瑙佷簬涓暱璺戙�佽烦璺冩椿鍔ㄤ腑銆傜柤鐥涚殑绋嬪害澶氫笌杩愬姩閲忋�佽繍鍔ㄥ己搴﹀拰杩愬姩鐨勯�熷害绛夊洜绱犳湁鍏炽�傝繍鍔ㄦ�ц吂鐥涘彲鍒嗕负浠ヤ笅鍑犵锛�
+            </p>
+            <p class="content">1锛庡績琛�绠$郴缁熺殑琛�娑插姩鍔涘闅滅</p>
+            <p class="content">
+              閮ㄥ垎骞煎効骞虫棩浣撹偛閿荤偧鍩虹杈冨樊锛屽績琛�绠$郴缁熺殑鏈鸿兘鐩稿杈冨急锛岃繍鍔ㄥ墠鍙堟湭璁ょ湡鍋氬ソ鍑嗗娲诲姩锛屽湪鍓х儓杩愬姩涓紝蹇冭绠$郴缁熺殑鏈鸿兘姘村钩灏遍毦浠ラ�傚簲杩愬姩鐨勮礋鑽峰拰寮哄害锛岃倽鑴鹃潤鑴夊洖娴佸彈闃伙紝琛�娑叉筏绉湪鑲濄�佽劸鍐咃紝澧炲ぇ浜嗚倽鑴剧殑寮犲姏锛屼娇鍏惰啘涓婄殑绁炵粡鍙楀埌鐗垫壇锛岃�屼骇鐢熺柤鐥涖��
+            </p>
+            <p class="content">鐤肩棝鎬ц川锛氳儉鐥涙垨鐗垫壇鐥涖��</p>
+            <p class="content">鐤肩棝閮ㄤ綅锛氫袱渚ц倠閮ㄣ��</p>
+            <p class="content">2锛庡懠鍚歌倢鐥夋寷</p>
+            <p class="content">
+              骞煎効鍦ㄨ繍鍔ㄣ�佹瘮璧涗腑鎯呯华楂樺害绱у紶锛岃繍鍔ㄦ椂锛屾湭鎺屾彙濂芥垨娉ㄦ剰涓嶅埌鍛煎惛鑺傚緥鍙婂姩浣滅殑鍗忚皟锛屼互鑷村懠鍚歌倢娲诲姩绱婁贡锛屽懠鍚告�ヤ績鑰屾祬锛岃嚧浣垮懠鍚歌倢鐤插姵锛屽彂鐢熺棄鎸涙垨缁嗗井鐨勬崯浼ゃ�傝繍鍔ㄩ�熷害鎴栧己搴﹀鍔犲お蹇紝蹇冭偤鏈鸿兘璧朵笉涓婅倢鑲夊伐浣滅殑闇�瑕侊紝涔熶細淇冧娇鍛煎惛鑲岀棄鎸涳紝浜х敓鐤肩棝鐨勫弽搴斻��
+            </p>
+            <p class="content">鐤肩棝鎬ц川锛氶攼鐥涖��</p>
+            <p class="content">鐤肩棝浣嶇疆锛氫笂鑵归儴銆�</p>
+            <p class="content">3锛庤儍鑲犻亾灞�閮ㄨ寰幆闅滅</p>
+            <p class="content">
+              楗悗杩囨棭鍙傚姞杩愬姩锛岃繍鍔ㄥ墠鍠濆緱杩囧銆佸悆寰楄繃楗辨垨鍚冧簡闅炬秷鍖栫殑椋熺墿锛堝璞嗙被銆佽柉绫汇�佺墰鑲夛級銆佸枬浜嗘槗浜ф皵鐨勯ギ鏂欍�佺┖鑵归敾鐐硷紙鑳冮吀鍜屽喎绌烘皵瀵硅儍鐨勫埡婵�锛夌瓑鏄儍鑲犲彈鏈烘鐗靛紩瀹规槗寮曡捣鑳冭偁閬撶棄鎸涳紝浠庤�屽紩璧疯吂鐥涚殑鍘熷洜銆�
+            </p>
+            <div class="tipes mt-20">
+              <p class="content">
+                1锛庨伒瀹堢瀛﹁缁冨師鍒欙紝寰簭娓愯繘鍦板鍔犺繍鍔ㄩ噺锛屽姞寮鸿韩浣撳叏闈㈣缁冿紝鎻愰珮蹇冭偤鏈鸿兘銆�
+              </p>
+              <p class="content">
+                2锛庡悎鐞嗗畨鎺掗ギ椋燂紝杩愬姩鍓嶄笉瀹滆繘椋熴�侀ギ姘磋繃澶氾紝杩涢鍚庝紤鎭�1.5锝�2灏忔椂鏂瑰彲杩涜杩愬姩銆�
+              </p>
+              <p class="content">
+                3锛庤繍鍔ㄥ墠鍑嗗娲诲姩瑕佸厖鍒嗭紝杩愬姩涓娉ㄦ剰鍛煎惛鑺傚锛屼腑闀胯窇鏃惰鍚堢悊鍒嗛厤閫熷害銆�
+              </p>
+              <p class="content">
+                4锛庡辜鍎胯吂鐥涙湁澶氱鍘熷洜锛岃吂鑵斿唴澶栫柧鎮g殑鐥呯悊鎬у洜绱犱粎鏄彂鐥呮満鐞嗕腑鐨勪竴涓柟闈紝鎺掗櫎鐤剧梾鍥犵礌锛屽仴搴峰辜鍎垮嚭鐜拌繍鍔ㄤ腑鑵圭棝澶氫负寰幆銆佹秷鍖栥�佺棄鎸涜繖涓夌鍘熷洜銆�
+              </p>
+              <p class="content">
+                5锛庢暀甯堝彲鎻愬墠涓庡闀夸簡瑙e辜鍎胯韩浣撴儏鍐碉紝瀵逛簬鍚勭寮曡捣鑵圭棝鐨勭柧鎮o紝搴斿強鏃惰瘖娌伙紝骞跺湪鍖荤敓鎸囧涓嬶紝杩涜閫傚疁鐨勪綋鑲查敾鐐笺��
+              </p>
+            </div>
+          </div>
+          <ul class="header-right">
+            <li class="header-right-img">
+              <img src="../../assets/images/a2.jpg" alt="" />
+            </li>
+            <img
+              class="header-right-imgTop"
+              src="../../assets/images/a3.jpg"
+              alt=""
+            />
+            <li class="header-right-Number">173</li>
+            <li class="header-right-Text">绗�<br />浜�<br />绔�</li>
+            <li class="header-right-Text-bottom">
+              濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
+            </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+    <!-- 174椤� -->
+    <div class="page-box" page="183">
+      <div v-if="showPageList.indexOf(183) > -1">
+        <div class="page-father">
+          <ul class="header-left">
+            <li class="headerText">
+              濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
+            </li>
+            <li class="headerNumber">174</li>
+            <img src="../../assets/images/a1.jpg" alt="" />
+          </ul>
+          <div class="bodystyle">
+            <p class="content">鐤肩棝鎬ц川锛氶挐鐥涖�佽儉鐥涚敋鑷虫槸缁炵棝銆�</p>
+            <p class="content">鐤肩棝浣嶇疆锛氫笂鑵归儴銆�</p>
+            <p class="content">
+              瀵逛簬骞煎効杩愬姩鎬ц吂鐥涚殑澶勭悊涓庢�ユ晳锛屾暀甯堜笉瑕佺揣寮狅紝搴斿畨鎶氬鐢熸儏缁紝鍙噰鍙栦互涓嬫帾鏂斤細
+            </p>
+            <p class="content">
+              1锛庡簲闄嶄綆杩愬姩寮哄害锛屽鍑忔參閫熷害锛屽強鏃惰皟鏁村懠鍚歌妭濂忥紝鍔犳繁鍛煎惛銆�
+            </p>
+            <p class="content">
+              2锛庣敤鎵嬫寜鍘嬬柤鐥涢儴浣嶅苟寮叞璺戜竴娈佃窛绂伙紝鍋氬嚑娆℃繁鍛煎惛锛岀柤鐥涗細鍑忚交鎴栨秷澶便��
+            </p>
+            <p class="content">
+              3锛庡鍥犺儍鑲犻亾灞�閮ㄨ寰幆闅滅鍘熷洜浜х敓鐤肩棝锛屽彲闄嶄綆杩愬姩寮哄害锛屾暎姝ユ參璺戯紝鎻夋悡鑵归儴锛屽姞閫熼鐗╂秷鍖栨帓鍑烘皵浣撱��
+            </p>
+            <p class="content">
+              4锛庝笂杩板鐞嗘晥鏋滀笉鐞嗘兂锛屽簲璇ョ珛鍒诲仠姝㈣繍鍔ㄣ�傛湁鏉′欢鐨勮瘽鍙互鍙f湇闃挎墭鍝併�佸崄婊存按锛屽苟楗敤灏戦噺鐨勬俯鐩愭按锛屼竴鑸潵璇磋吂閮ㄧ柤鐥涘彲浠ュ噺杞绘垨娑堝け銆�
+            </p>
+            <p class="content">
+              5锛庤嫢閫氳繃涓婅堪澶勭悊鑵归儴鐤肩棝浠嶇劧娌℃湁濂借浆锛屽簲鍙婃椂灏嗕激鍛橀�佸埌鍖婚櫌鍋氳繘涓�姝ョ殑妫�鏌ャ��
+            </p>
+            <p class="titleQuot-1">涔濄�佽繍鍔ㄦ�т紤鍏嬬殑澶勭悊涓庢�ユ晳</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.isCollectVideoSeven ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '558BD52BD08066945D05B243F61772B6'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-07')" />
+              </el-tooltip>
+            </p>
+          </div>
+            <p class="content">
+              杩愬姩鎬т紤鍏嬫槸鎸囧湪鐗瑰畾鐨勮繍鍔ㄧ幆澧冧腑锛屽洜鍙楀埌鍚勭涓嶅埄鍥犵礌鐨勪镜琚紝鑰岃繀閫熷嚭鐜板惊鐜郴缁熷強鍏朵粬绯荤粺鍔熻兘鎬ュ墽涓嬮檷鐨勪竴绉嶇梾鐞嗙敓鐞嗙姸鎬併�傚瑙佷簬骞崇礌浣撹偛閿荤偧杈冨皯鐨勪汉锛屽挨浠ュ皯骞村効绔ヤ负澶氳銆傝繃鍒嗙揣寮犮�佹縺鍔ㄦ垨甯︾梾鍙傚姞杩愬姩涓哄叾璇卞洜銆傛湁鏃跺皯骞村効绔ュ墽鐑堝璺戞垨璧涜窇鍚庯紝濡傛灉绔嬪嵆绔欑珛涓嶅姩锛屼細浣夸笅鑲㈢殑姣涚粏琛�绠″拰闈欒剦澶卞幓鑲岃倝鏀剁缉鏃朵骇鐢熺殑鎸ゅ帇浣滅敤锛岃娑茬敱浜庨噸鍔涗綔鐢ㄨ�屾筏绉簬涓嬭偄鎵╁紶鐨勯潤鑴夊拰姣涚粏琛�绠¢噷锛屼篃浼氫骇鐢熶紤鍏嬨��
+            </p>
+            <p class="content">
+              瀵逛簬骞煎効杩愬姩鎬т紤鍏嬬殑澶勭悊涓庢�ユ晳锛屽彲閲囧彇濡備笅鍔炴硶锛堣鍥�5-30锛夈��
+            </p>
+            <p class="content">
+              1锛庡嚭鐜颁紤鍏嬫棭鏈熺瓑鐥囩姸鏃讹紝搴旂珛鍗虫悁鎵讹紝灏藉彲鑳借鍏剁户缁璧帮紝浣夸笅鑲㈣倢鑲夋敹缂╋紝淇冧娇琛�娑插洖娴侊紝浣跨棁鐘舵秷澶便��
+            </p>
+            <div class="qrbodyPic tl-v openImgBox">
+              <img
+                src="../../assets/images/0186-02.jpg"
+                style="width: 80%"
+                alt=""
+                active="true"
+              />
+              <p class="imgdescript">鍥�5-30銆�杩愬姩鎬т紤鍏嬪鐞�</p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- 175椤� -->
+    <div class="page-box" page="184">
+      <div v-if="showPageList.indexOf(184) > -1">
+        <div class="page-father">
+          <div class="bodystyle-left">
+            <p class="content">
+              2锛庤嫢鏃犺兘鍔涜璧版垨宸茬粡鏄忓�掞紝鍑虹幇涓害浼戝厠鏃讹紝搴斿皢鎮e効骞冲崸锛屽ご閮ㄦ斁浣庯紝涓や笅鑲㈡姮楂橈紝鎴栫敱鍚屼即浜屼汉鎶叾鍙屼笅鑲紝鐢卞皬鑵垮悜澶ц吙鍋氭寜鎽╂垨鎻夋悡锛屼互浣胯娑插敖鏃╁洖娴佸叆蹇冦�傚湪鐭ヨ鎭㈠浠ュ墠锛屼笉鍙粰浠讳綍楗枡鎴栨湇鑽��
+            </p>
+            <p class="content">
+              3锛庡鏈夊憰鍚愶紝搴斿皢鍏跺ご鍋忓悜涓�渚э紝闃叉鍛曞悙鐗╁牭濉炴皵閬撱�傚繀瑕佹椂鍙粰琛�绠℃敹缂╄嵂锛屽鐨笅娉ㄥ皠楹婚粍绱犳垨鑲句笂鑵虹礌銆�
+            </p>
+            <p class="content">
+              4锛庡鍛煎惛鍋滄锛屽簲鍋氫汉宸ュ懠鍚告垨鐨笅娉ㄥ皠鍛煎惛涓灑鍏村鍓傦紝涔熷彲鍋�50%钁¤悇绯栭潤鑴夋敞灏勭瓑鎶椾紤鍏嬪鐞嗐��
+            </p>
+            <p class="content">5锛庣梾鎯呰緝閲嶈�咃紝缁忕幇鍦烘�ユ晳鍚庯紝鎬ラ渶杞尰闄㈡姠鏁戙��</p>
+            <p class="titleQuot-1">鍗併�佽繍鍔ㄦ�ц劚姘寸殑澶勭悊涓庢�ユ晳</p>
+            <p class="content">
+              鍦ㄨ繍鍔ㄦ椂锛屽挨鍏舵槸鍦ㄧ儹鐜涓繍鍔ㄦ椂鍑烘睏鐜囧鍔狅紝濡傛灉娌℃湁瓒冲楗按锛屽氨浼氶�犳垚绾綋娑茬殑涓㈠け浠ュ強杩囧害缂烘按鐘舵�併�傝劚姘村父甯镐即鏈夌數瑙h川骞宠 鐨勭牬鍧忓拰鐢佃В璐ㄩ�氳繃姹楁恫鍜屽翱娑茬殑涓㈠け锛屽奖鍝嶇粏鑳炲拰绯荤粺鐨勫姛鑳斤紝鑰屼笖杩樹細闄嶄綆浜轰綋鐨勮繍鍔ㄨ兘鍔涖�傝交搴﹁劚姘达紙澶辨按閲忎负浣撻噸鐨�2%锛夋椂锛屾劅瑙変笉閫傦紝鍙f复锛岄娆蹭笅闄嶏紝灏块噺鍑忓皯锛岃繍鍔ㄨ兘鍔涘彈鍒板奖鍝嶃�備腑搴﹀け姘达紙澶辨按閲忎负浣撻噸鐨�4%锛夋椂锛岃〃鐜颁负涓ラ噸鐨勫彛娓达紝蹇冪巼鍔犲揩锛岀毊鑲ゅ嚭姹楀噺灏戯紝澶寸棝锛屽ご鏅曪紝鏃犲姏锛屽績琛�绠$郴缁熷帇鍔涗篃浼氬鍔狅紝浣垮績鐜囩殑鍙樺寲涓庤繍鍔ㄥ己搴︿笉鍗忚皟锛屽苟涓旈檺鍒朵汉浣撲粠鏀剁缉鑲岃倝浼犻�佺儹閲忓埌浣撹〃鏁g儹鐨勮兘鍔涳紝鑷翠娇浣撴俯鍗囬珮锛岃繘鑰屽鑷磋繍鍔ㄨ兘鍔涗笅闄嶏紝鍙戠敓鐑崯浼ょ殑鍙兘鎬т篃鐩稿簲澧炲姞銆傞噸搴﹁劚姘达紙澶辨按閲忎负浣撻噸鐨�6%锛夋椂锛岄櫎涓害鑴辨按琛ㄧ幇澶栵紝杩樺彲鑳藉嚭鐜板懠鍚搁鐜囧鍔狅紝琛�鍘嬩笅闄嶏紝鐢氳嚦浼戝厠锛岃倢鑲夋娊鎼愩��
+            </p>
+            <p class="content">
+              瀵硅繍鍔ㄦ�ц劚姘寸殑澶勭悊涓庢�ユ晳锛屾渶涓昏鐨勬帾鏂藉氨鏄強鏃惰ˉ鍏呬涪澶辩殑娑蹭綋锛屾寜鐓т涪澶�1鍗冨厠琛ュ厖1000姣崌娑蹭綋璁$畻銆�
+            </p>
+            <p class="content td-0 openImgBox mt-20">
+              <img class="img-h" src="../../assets/images/0015_01.jpg" alt="" />
+            </p>
+            <p class="quotation">
+              1锛庡湪杩愬姩杩囩▼涓噰鍙栭�傚疁鐨勮ˉ娑叉帾鏂斤紝鍙互甯姪骞煎効娑堥櫎鍜屽噺杞绘按銆佺數瑙h川骞宠 绱婁贡瀵规満浣撶敓鐞嗗姛鑳藉拰杩愬姩鑳藉姏鐨勫奖鍝嶃��
+            </p>
+            <p class="quotation">
+              2锛庡噯澶囨椿鍔ㄥ墠20锝�30鍒嗛挓锛屾寜姣忓崈鍏嬩綋閲嶈ˉ鍏�7锝�8姣崌鐨勬恫浣撳氨鑳借揪鍒拌繖涓洰鐨勶紙鍗�25鍗冨厠鐨勫辜鍎胯ˉ鍏�200姣崌锛夈��
+            </p>
+            <p class="quotation">
+              3锛庤繍鍔ㄦ椂锛氭瘡15鍒嗛挓鍠濆皯閲忕殑娑蹭綋锛堟瘡鍗冨厠浣撻噸2锝�3姣崌锛�25鍗冨厠鐨勯潚灏戝勾鍠�50锝�75姣崌锛夈�侀紦鍔卞辜鍎垮湪鍙f复涔嬪墠琛ュ厖姘村垎銆�
+            </p>
+            <p class="quotation">
+              4锛庡辜鍎夸細姣旀垚浜轰涪澶辩殑閽犲拰姘寲鐗╁皯锛屽洜鑰岃ˉ鍏呮按鍒嗙殑楗枡瑕佹瘮鎴愪汉鐨勭█钖勪竴鐐广��
+            </p>
+          </div>
+          <ul class="header-right">
+            <li class="header-right-img">
+              <img src="../../assets/images/a2.jpg" alt="" />
+            </li>
+            <img
+              class="header-right-imgTop"
+              src="../../assets/images/a3.jpg"
+              alt=""
+            />
+            <li class="header-right-Number">175</li>
+            <li class="header-right-Text">绗�<br />浜�<br />绔�</li>
+            <li class="header-right-Text-bottom">
+              濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
+            </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+    <!-- 176椤� -->
+    <div class="page-box" page="185">
+      <div v-if="showPageList.indexOf(185) > -1">
+        <div class="page-father">
+          <ul class="header-left">
+            <li class="headerText">
+              濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
+            </li>
+            <li class="headerNumber">176</li>
+            <img src="../../assets/images/a1.jpg" alt="" />
+          </ul>
+          <div class="bodystyle">
+            <div class="bk3">
+              <img
+                class="bk3-titOne img-j"
+                src="../../assets//images/bk3-bg.png"
+                alt=""
+              />
+              <img
+                class="bk3-titTwo img-j"
+                src="../../assets//images/bk3-bg.png"
+                alt=""
+              />
+              <img
+                class="bk3-titThree img-j"
+                src="../../assets//images/bk3-bg.png"
+                alt=""
+              />
+              <img
+                class="bk3-titFour img-j"
+                src="../../assets//images/bk3-bg.png"
+                alt=""
+              />
+              <p class="bk3-top"></p>
+              <p class="bk3-top-right"></p>
+              <p class="bk3-bottom"></p>
+              <p class="bk3-bottom-right"></p>
+              <div>
+                <p class="titleQuot-c center">灏忋��缁�</p>
+                <p class="content">
+                  鏈珷璇︾粏闃愯堪浜嗗┐骞煎効甯歌杩愬姩浼ゅ鐨勭绫汇�佺棁鐘躲�佸鐞嗕笌鎬ユ晳鏂规硶锛屾湁鍒╀簬鏁欏笀瀛︿範鎺屾彙锛屽苟搴旂敤浜庡疄闄呭伐浣滀腑锛屼粠鑰屽彲浠ラ檷浣庤繍鍔ㄤ激瀹冲濠村辜鍎跨殑褰卞搷锛屽姞蹇叾搴峰杩涚▼锛屼娇濠村辜鍎垮敖鏃╁洖褰掓甯哥敓娲诲拰杩愬姩涓��
+                </p>
+              </div>
+            </div>
+
+            <p class="content td-0 mb-10 mt-30">
+              <img class="img-15" src="../../assets/images/0027_02.jpg" alt="" />
+            </p>
+            <p class="content">
+              杞粍缁囨崯浼ゃ��楠ㄦ姌銆�鑴戦渿鑽°��杩愬姩鎬ц吂鐥涖��蹇冭偤澶嶈嫃銆�杩愬姩鎬ц劚姘�
+            </p>
+            <p class="content td-0 mb-10 mt-30">
+              <img class="img-15" src="../../assets/images/0028_01.jpg" alt="" />
+            </p>
+            <p class="content"><span class="bold">涓�銆佺畝鍗曢</span></p>
+            <p class="content">1锛庡┐骞煎効杩愬姩浼ゅ鐨勫垽鏂笌澶勭悊娴佺▼鏄粈涔堬紵</p>
+            <p class="content">2锛庢�ユ�ц繍鍔ㄤ激瀹崇殑PRICE鍘熷垯鏄粈涔堬紵</p>
+            <p class="content">3锛庡浼ゅ嚭琛�鐨勫鐞嗘柟娉曟槸浠�涔堬紵</p>
+            <p class="content">4锛庨鎶樼殑澶勭疆娴佺▼鏄粈涔堬紵</p>
+            <p class="content">5锛庡績鑲哄鑻忕殑鎿嶄綔娴佺▼鏈夊摢浜涳紵</p>
+            <p class="content">6锛庣墮澶栦激鍚庣殑澶勭悊鏂规硶鏄粈涔堬紵</p>
+            <p class="content">7锛庤繍鍔ㄦ�ц吂鐥涚殑澶勭悊鏂规硶鏄粈涔堬紵</p>
+            <p class="content">8锛庤繍鍔ㄦ�т紤鍏嬬殑澶勭悊鏂规硶鏄粈涔堬紵</p>
+            <p class="content">9锛庤繍鍔ㄦ�ц劚姘寸殑琛ㄧ幇鍙婇闃叉柟娉曟槸浠�涔堬紵</p>
+            <p class="content"><span class="bold">浜屻�佸疄璺典笌缁冧範</span></p>
+            <p class="content">
+              涓変釜浜轰负涓�缁勶紝涓�浜烘壆婕旀偅鍎匡紝涓や汉鎵紨鏁欏笀锛岀粌涔犺笣鍏宠妭鎵激鍚庣殑鎬ユ晳澶勭悊鍜屽績鑲哄鑻忔搷浣滄柟娉曘��
+            </p>
+            <p class="content td-0 mb-10 mt-30">
+              <img class="img-15" src="../../assets/images/0028_02.jpg" alt="" />
+            </p>
+            <p class="content">
+              鐜嬪浗绁ャ�佺帇铏庝富缂栵細銆婁綋鑲茶繍鍔ㄤ激瀹抽槻鎶ゃ�嬶紝鑻忓窞锛岃嫃宸炲ぇ瀛﹀嚭鐗堢ぞ锛�2017銆傝涔︿粠杩愬姩鎹熶激鐨勫彂鐢熸満鍒躲�佺棁鐘朵綋寰佷互鍙婂鐞嗘柟娉曚笌鎺柦绛夋柟闈紝瀵逛汉浣撳悇閮ㄤ綅甯歌杩愬姩鎹熶激杩涜浜嗚缁嗕粙缁嶏紝鐫�閲嶄粙缁嶄簡澶撮儴銆佽函骞插拰鍥涜偄涓昏鍏宠妭閮ㄤ綅鐨�120澶氱鎬ャ�佹參鎬ф崯浼わ紝鑳芥弧瓒宠繘涓�姝ユ繁鍏ョ爺绌剁殑闇�姹傘��
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getResourcePath } from "@/assets/methods/resources";
+import {
+  getCollectResource,
+  setCollectResource,
+} from "@/assets/methods/resources";
+import preView from "@/components/pdfview/index.vue";
+export default {
+  name: "chapterOne",
+  props: {
+    showPageList: {
+      type: Array,
+    },
+  },
+  data() {
+    return {
+      collectImg: require("../../assets/images/icon/heart.png"),
+      collectCheck: require("../../assets/images/icon/heart-check.png"),
+      videoPathOne: "",
+      videoPathTwo: "",
+      videoPathThree: "",
+      videoPathFour: "",
+      videoPathFive: "",
+      videoPathSix: "",
+      videoPathSeven: "",
+      chapterData: {
+        isCollectVideoOne: false,
+        isCollectVideoTwo: false,
+        isCollectVideoThree: false,
+        isCollectVideoFour: false,
+        isCollectVideoFive: false,
+        isCollectVideoSix: false,
+        isCollectVideoSeven: false,
+      },
+      videoQuestionData: {
+        one: "",
+      },
+      collectResourceList:[],
+    };
+  },
+  async mounted() {
+    const videoData = localStorage.getItem(
+      "toddlerSportsSafetyProtection-book-chapter001-video"
+    );
+    if (videoData) {
+      this.chapterData = JSON.parse(videoData);
+    }
+
+    const videoQuestionData = localStorage.getItem(
+      "toddlerSportsSafetyProtection-book-chapter001-videoQuestionData"
+    );
+    if (videoQuestionData) {
+      this.videoQuestionData = JSON.parse(videoQuestionData);
+    }
+
+    this.getVidoePath();
+    this.collectResourceList = await getCollectResource(
+      this.config.activeBook.bookId
+    );
+  },
+
+  methods: {
+    async getVidoePath() {
+      this.videoPathOne = await getResourcePath(
+        "758EFE380803FE03E335BBBE8204F0BC"
+      );
+      this.videoPathTwo = await getResourcePath(
+        "672F54E4542A0BB15AE6DAD12C1AA74C"
+      );
+      this.videoPathThree = await getResourcePath(
+        "52D13E40E39BA98987EC269C1F41C16E"
+      );
+      this.videoPathFour = await getResourcePath(
+        "1DA74ED152C683BF7716A53EAAF304E9"
+      );
+
+      this.videoPathFive = await getResourcePath(
+        "439863064461BF97467E94EA53280FBF"
+      );
+      this.videoPathSix = await getResourcePath(
+        "D85245AAC0CFCBDB8287FD5BEBFBBB51"
+      );
+      this.videoPathSeven = await getResourcePath(
+        "558BD52BD08066945D05B243F61772B6"
+      );
+    },
+
+
+    handleCollect(e) {
+      if (e == "video-01") {
+        this.handleCollectResource(
+          "758EFE380803FE03E335BBBE8204F0BC",
+          "758EFE380803FE03E335BBBE8204F0BC",
+          "",
+          "瑙嗛",
+          "bits",
+          "娲诲姩瑙嗛锛氬疂瀹濆彂鐜扮編"
+        );
+        this.chapterData.isCollectVideoOne =
+          !this.chapterData.isCollectVideoOne;
+      }
+      this.saveVideoStatus();
+    },
+
+    saveVideoStatus() {
+      localStorage.setItem(
+        "toddlerSportsSafetyProtection-book-chapter001-video",
+        JSON.stringify(this.chapterData)
+      );
+    },
+
+    saveVideoQuestionData() {
+      localStorage.setItem(
+        "toddlerSportsSafetyProtection-book-chapter001-videoQuestionData",
+        JSON.stringify(this.videoQuestionData)
+      );
+    },
+    //璧勬簮鏀惰棌浜嬩欢
+    // resourcePath  鏂囦欢璺緞锛�
+    // resourceType  鏂囦欢绫诲瀷
+    // source        鏂囦欢鏉ユ簮
+    handleCollectResource(
+      id,
+      md5,
+      resourcePath,
+      resourceType,
+      source,
+      resourceName
+    ) {
+      let list = this.collectResourceList;
+      if (list.findIndex((item) => item.id == id) > -1) {
+        list = list.filter((item) => item.id != id);
+      } else {
+        list.push({
+          id,
+          md5,
+          resourcePath,
+          resourceType,
+          source,
+          resourceName,
+        });
+      }
+      this.collectResourceList = list;
+      setCollectResource(
+        this.config.activeBook.bookId,
+        this.collectResourceList
+      );
+    },
+  },
+};
+</script>
+<style lang="less" scoped>
+hr {
+  margin-left: 0;
+  margin-bottom: 25px;
+  width: 25%;
+  border: none;
+  height: 1px;
+  background-color: #000;
+}
+
+.header-right-img {
+  width: 100%;
+  display: inline-block;
+  justify-content: center;
+  padding-top: 40%;
+  min-height: 600px !important;
+
+  img {
+    width: 35%;
+    height: auto;
+  }
+}
+</style>
diff --git a/src/books/toddlerSportsSafetyProtection/view/components/header.vue b/src/books/toddlerSportsSafetyProtection/view/components/header.vue
index 7d4c6a2..1e8bf74 100644
--- a/src/books/toddlerSportsSafetyProtection/view/components/header.vue
+++ b/src/books/toddlerSportsSafetyProtection/view/components/header.vue
@@ -40,9 +40,7 @@
             58801876
           </p>
           <hr />
-          <p class="left fm-hyss fz-14">
-            YINGYOUER YUNDONG ANOUAN YU BAOHU
-          </p>
+          <p class="left fm-hyss fz-14">YINGYOUER YUNDONG ANOUAN YU BAOHU</p>
           <p class="left fm-hyss fz-14">
             鍑虹増鍙戣锛氬寳浜笀鑼冨ぇ瀛﹀嚭鐗堢ぞ www.bnupg.com
           </p>
@@ -50,9 +48,7 @@
             銆�銆�銆�銆�銆�鍖椾含甯傝タ鍩庡尯鏂拌鍙e澶ц12-3鍙�
           </p>
           <p class="left fm-hyss fz-14">銆�銆�銆�銆�銆�閭斂缂栫爜锛�100088</p>
-          <p class="left fm-hyss fz-14">
-            鍗般��銆�鍒凤細鍖椾含鐜鸿瘹鍗板姟鏈夐檺鍏徃
-          </p>
+          <p class="left fm-hyss fz-14">鍗般��銆�鍒凤細鍖椾含鐜鸿瘹鍗板姟鏈夐檺鍏徃</p>
           <p class="left fm-hyss fz-14">缁忋��銆�閿�锛氬叏鍥芥柊鍗庝功搴�</p>
           <p class="left fm-hyss fz-14">寮�銆�銆�鏈細787mmx1092mm銆�1/16</p>
           <p class="left fm-hyss fz-14">鍗般��銆�寮狅細12</p>
@@ -87,15 +83,19 @@
       <div v-if="showPageList.indexOf(4) > -1">
         <div class="foreword">
           <div class="editorialBoard">
-            <h1 class="firstTitle" style="color: #b0ddcf;">缂栧浼�</h1>
+            <h1 class="firstTitle" style="color: #b0ddcf">缂栧浼�</h1>
             <p class="preface"><span class="bold">涓涗功涓荤紪</span></p>
             <p class="preface mb-30">鍙跺钩鏋�</p>
             <p class="preface"><span class="bold">鏈功涓荤紪</span></p>
             <p class="preface mb-30">闂繆娑涖��寮犻鏂囥��瀛欍��鐠�</p>
             <p class="preface"><span class="bold">鏈功鍓富缂�</span></p>
             <p class="preface mb-30">姣曚腑鎯呫��鏉庛��寰姐��鏉庤繋鏄�</p>
-            <p class="preface"><span class="bold">鏈功鍙傜紪锛堝姘忕瑪鐢绘帓搴忥級</span></p>
-            <p class="preface">鐢颁匠娆c��鍒樻檽鏇︺��闂繆鍊┿��鏉庛��濞溿��鍚村崌鎵c��鍚存ⅵ鏅�</p>
+            <p class="preface">
+              <span class="bold">鏈功鍙傜紪锛堝姘忕瑪鐢绘帓搴忥級</span>
+            </p>
+            <p class="preface">
+              鐢颁匠娆c��鍒樻檽鏇︺��闂繆鍊┿��鏉庛��濞溿��鍚村崌鎵c��鍚存ⅵ鏅�
+            </p>
             <p class="preface mb-30">瀹嬨��鐞炽��瀛熴��鑾夈��鑳″浗妫��琚併��浼熴��榫氱惇闆�</p>
           </div>
         </div>
@@ -137,9 +137,11 @@
       <div v-if="showPageList.indexOf(6) > -1">
         <div class="page-father">
           <ul class="header-left">
-            <li class="headerText ">濠�<br />骞�<br />鍎�<br />杩�<br />鍔�<br />瀹�<br />鍏�<br />涓�<br />淇�<br />鎶�</li>
+            <li class="headerText">
+              濠�<br />骞�<br />鍎�<br />杩�<br />鍔�<br />瀹�<br />鍏�<br />涓�<br />淇�<br />鎶�
+            </li>
             <li class="headerNumber">2</li>
-            <img src="../../assets/images/a1.jpg" alt="">
+            <img src="../../assets/images/a1.jpg" alt="" />
           </ul>
           <div class="bodystyle">
             <p class="preface">鏈郴鍒楁暀鏉愬姫鍔涗綋鐜板涓嬬壒鑹层��</p>
@@ -161,10 +163,92 @@
             <p class="right-info mt-20">鍙跺钩鏋�</p>
           </div>
         </div>
-
       </div>
     </div>
-
+    <!-- 鍓嶈█ -->
+    <div class="page-box" page="7">
+      <div v-if="showPageList.indexOf(7) > -1">
+        <div class="series">
+          <h1 class="seriesTitle">鍓嶃��瑷�</h1>
+          <p class="rotate-up">^</p>
+          <p class="rotate-down">v</p>
+          <p class="rotate-down">v</p>
+          <p class="rotate-down">v</p>
+          <p class="rotate-down">v</p>
+          <p class="rotate-down">v</p>
+          <p class="rotate-down">v</p>
+          <p class="rotate-down">v</p>
+          <p><br /></p>
+          <p><br /></p>
+          <p><br /></p>
+          <p class="preface">
+            杩戝勾鏉ワ紝濠村辜鍎跨殑杩愬姩瀹夊叏闂鎴愪负绀句細鍏虫敞鐨勭儹鐐归棶棰樸�傚綋濠村辜鍎垮彂鐢熻繍鍔ㄤ激瀹充簨鏁呮椂锛屾棤璁哄濠村辜鍎胯繕鏄瀹跺涵閮芥槸娌夐噸鐨勬墦鍑伙紝鐢氳嚦甯︽潵涓嶅彲鎸藉洖鐨勬崯澶便�傞殢鐫�浜轰滑瓒婃潵瓒婇噸瑙嗗┐骞煎効鐨勮韩浣撳仴搴烽棶棰橈紝骞堕�愭鎰忚瘑鍒颁綋鑲叉椿鍔ㄤ笌濠村辜鍎垮仴搴峰拰鏁翠綋鍙戝睍涔嬮棿鐨勫瘑鍒囧叧绯伙紝鍔犲己濠村辜鍎夸綋鑲茶繍鍔ㄥ畨鍏ㄦ暀鑲插拰绠$悊锛岄闃茶繍鍔ㄤ激瀹充簨鏁呯殑鍙戠敓灏辨垚浜嗕簾寰呰В鍐崇殑闂銆傚厷鐨勪簩鍗佸ぇ鎶ュ憡鎸囧嚭锛岃鈥滃缓鎴愭暀鑲插己鍥姐�佺鎶�寮哄浗銆佷汉鎵嶅己鍥姐�佹枃鍖栧己鍥姐�佷綋鑲插己鍥姐�佸仴搴蜂腑鍥斤紝鍥藉鏂囧寲杞疄鍔涙樉钁楀寮衡�濄�備綋鑲插己鍥姐�佸仴搴蜂腑鍥姐�佸効绔ュ仴搴锋槸涓浗鍋ュ悍鐨勫熀鐭炽��2019骞村浗鍔¢櫌鍔炲叕鍘呭彂甯冧簡銆婂浗鍔¢櫌鍔炲叕鍘呭叧浜庝績杩�3宀佷互涓嬪┐骞煎効鐓ф姢鏈嶅姟鍙戝睍鐨勬寚瀵兼剰瑙併�嬶紝鍥藉鍗敓鍋ュ悍濮斾篃缁勭粐缂栧啓浜嗐�婂効绔ヤ激瀹抽闃蹭笌鎺у埗宸ヤ綔鎸囧崡銆嬪拰銆婃墭鑲叉満鏋勫┐骞煎効浼ゅ棰勯槻鎸囧崡锛堣瘯琛岋級銆嬶紝鍋ュ叏浜�0鈥�3宀侀樁娈电浉鍏冲畨鍏ㄥ埗搴︼紝瑙勮寖鍜屽姞寮轰簡瀵瑰┐骞煎効鐨勭収鎶ゃ�傝�屻��3鈥�6宀佸効绔ュ涔犱笌鍙戝睍鎸囧崡銆嬬殑鍙戝竷鍒欐槑纭簡3鈥�6宀佸辜鍎垮彂灞曠殑鐩爣锛屼緷鎹効绔ヨ韩蹇冨彂灞曠壒鐐瑰缓绔嬩簡绉戝绯荤粺鐨勫唴瀹逛綋绯伙紝鐫�閲嶅己璋冧簡瑕佸厖鍒嗚璇嗙敓娲诲拰浣撹偛娓告垙瀵瑰辜鍎挎垚闀跨殑鏁欒偛浠峰�硷紝寤鸿骞煎効姣忓ぉ鎴峰娲诲姩涓嶅皯浜�2灏忔椂锛屼綋鑲叉父鎴忎笉灏戜簬1灏忔椂锛屼负骞煎効杩愬姩鎻愪緵浜嗙瀛︾殑鎸囧紩銆傘�婂辜鍎垮洯鏁欒偛鎸囧绾茶锛堣瘯琛岋級銆嬩篃鎸囧嚭锛氣�滃辜鍎垮洯蹇呴』鎶婁繚鎶ゅ辜鍎跨殑鐢熷懡鍜屼績杩涘辜鍎跨殑鍋ュ悍鏀惧湪宸ヤ綔鐨勯浣嶃�傗�濅互涓婃枃浠堕兘杩涗竴姝ユ槑纭簡浣撹偛杩愬姩鍜屽┐骞煎効瀹夊叏鐨勯噸瑕佹�с�傞壌浜庢锛屾牴鎹綋鍓嶇ぞ浼氬叧娉ㄧ殑鐑偣闂鍜岀浉鍏虫斂绛栫殑寮曢锛屾垜浠壒缁勭粐澶氭墍楂樻牎鐨勫┐骞煎効鏁欒偛棰嗗煙涓撳鍜屾暀瀛︾粡楠屼赴瀵岀殑骞兼暀鏈烘瀯鏁欏笀瀹屾垚浜嗘湰鏁欐潗鐨勭紪鍐欍��
+          </p>
+        </div>
+      </div>
+    </div>
+    <!-- 涓涗功搴� -->
+    <div class="page-box" page="8">
+      <div v-if="showPageList.indexOf(8) > -1">
+        <div class="page-father">
+          <ul class="header-left">
+            <li class="headerText">
+              濠�<br />骞�<br />鍎�<br />杩�<br />鍔�<br />瀹�<br />鍏�<br />涓�<br />淇�<br />鎶�
+            </li>
+            <li class="headerNumber">2</li>
+            <img src="../../assets/images/a1.jpg" alt="" />
+          </ul>
+          <div class="bodystyle">
+            <p class="preface">
+              濠村辜鍎夸綋鑲茶繍鍔ㄥ睘浜庢湁鐩殑銆佹湁璁″垝鐨勬暀鑲叉�ф椿鍔ㄣ�備竴鏂归潰锛屽┐骞煎効浣撹偛杩愬姩鍏锋湁瓒e懗鎬с�佽嚜鐢辨�у拰鍒涢�犳�х殑鐗圭偣锛屽拰濠村辜鍎垮ソ鐜┿�佸ソ鍔ㄣ�佹兂璞″姏涓板瘜鐨勭壒鐐圭浉鍚诲悎锛屾槸濠村辜鍎垮枩娆㈢殑娲诲姩銆傚彟涓�鏂归潰锛屽┐骞煎効浣撹偛杩愬姩鑳芥彁楂樺姩浣滄妧鑳姐�佸涔犲拰璁ょ煡鑳藉姏锛屽寮虹Н鏋佺殑鎯呯华锛屾湁鍒╀簬濠村辜鍎跨殑韬績鍋ュ悍銆傚洜姝わ紝骞兼暀鏈烘瀯搴旈�氳繃鍚勭褰㈠紡缁勭粐澶氱澶氭牱鐨勪綋鑲叉椿鍔ㄣ�備絾鏄紝濠村辜鍎垮湪杩愬姩涓張瀛樺湪寰堝鐨勪笉瀹夊叏鍥犵礌锛氫竴鏂归潰锛屽┐骞煎効鑷垜淇濇姢鑳藉姏涓嶈冻锛岃鐭ヤ簨鐗╄兘鍔涙湁闄愶紱鍙︿竴鏂归潰锛屾暀甯堢己灏戝畨鍏ㄤ簨鏁呴槻鑼冧笌淇濇姢鐨勬瑙勫煿璁�傚敖绠″┐骞煎効鍥犺嚜韬殑鍘熷洜浼氭湁鍙戠敓杩愬姩浼ゅ鐨勫彲鑳芥�э紝浣嗗緢澶氭椂鍊欏┐骞煎効鐨勮繍鍔ㄤ激瀹抽兘鏄敱浜庢暀甯堟垨鑰呭闀跨殑鐤忓拷澶ф剰銆佽繍鍔ㄥ畨鍏ㄧ浉鍏虫暀鑲茬殑缂哄け锛岀壒鍒槸瀵瑰┐骞煎効杩愬姩瀹夊叏涓庝繚鎶ょ煡璇嗙殑缂轰箯绛夊洜绱犻�犳垚鐨勩�傝�冭檻鍒板綋鍓嶅┐骞煎効鐓ф姢涓庢暀鑲茬浉鍏充笓涓氬杩欐柟闈㈢煡璇嗚揩鍒囩殑闇�瑕侊紝鎴戜滑鐗圭紪鍐欎簡鏈功銆傛湰涔﹁仛鐒﹀┐骞煎効杩愬姩鐨勫畨鍏ㄤ笌淇濇姢杩欎竴涓婚锛屽叿鏈夎緝寮虹殑鎿嶄綔鎬у拰搴旂敤浠峰�硷紝鏃㈤�傜敤浜庤亴涓氭暀鑲插┐骞煎効鐓ф姢涓庢暀鑲茬浉鍏充笓涓氾紙鍖呮嫭濠村辜鍎垮彂灞曚笌鍋ュ悍绠$悊涓撲笟銆佸鍓嶆暀鑲蹭笓涓氥�佸┐骞煎効鎵樿偛鏈嶅姟涓庣鐞嗕笓涓氥�佹棭鏈熸暀鑲蹭笓涓氾級瀛︾敓鐨勫涔狅紝涔熼�傜敤浜庡辜鏁欐満鏋勶紙鍖呮嫭骞煎効鍥�佹墭鑲插洯銆佹棭鏁欐満鏋勭瓑锛夌殑涓�绾挎暀甯堝弬鑰冨�熼壌锛岃繕鍙负骞垮ぇ瀹堕暱绉戝鎸囧濠村辜鍎跨殑浣撹偛娲诲姩鎻愪緵鎸囧銆�
+            </p>
+            <p class="preface">
+              銆婂┐骞煎効杩愬姩瀹夊叏涓庝繚鎶ゃ�嬩竴涔﹀叡浜旂珷锛屽垎鍒负濠村辜鍎胯繍鍔ㄥ畨鍏ㄤ笌淇濇姢姒傝堪銆佸┐骞煎効杩愬姩瀹夊叏鐨勯闃插伐浣溿�佸┐骞煎効甯歌杩愬姩鐨勫畨鍏ㄤ笌淇濇姢銆佸┐骞煎効杩愬姩浼ゅ銆佸┐骞煎効甯歌杩愬姩浼ゅ鐨勫鐞嗕笌鎬ユ晳銆傛湰涔﹀叿鏈変互涓嬬壒鐐广��
+            </p>
+            <p class="preface">
+              1锛庡唴瀹圭殑閽堝鎬с�傛湰涔﹀垎鍒濠村辜鍎跨殑鍙戣偛鐗规�с�佸父瑙佽繍鍔ㄧ被鍨嬨�佸┐骞煎効甯歌杩愬姩浼ゅ鍙婂師鐞嗐�佸悍澶嶆不鐤楃瓑鏂归潰杩涜浜嗘湁閽堝鎬х殑璇︾粏鎻忚堪锛屽府鍔╁辜鏁欏伐浣滆�呭拰瀹堕暱鍦ㄥ┐骞煎効杩涜浣撹偛杩愬姩鏃剁粰浜堝繀瑕佺殑淇濇姢鍜屽湪濠村辜鍎垮彂鐢熻繍鍔ㄤ激瀹充簨鏁呮椂鍋氬嚭绱ф�ョ殑澶勭悊鍜屾�ユ晳銆�
+            </p>
+            <p class="preface">
+              2锛庣紪鍐欑殑鐗硅壊鎬с�傛湰涔﹁缃皬璐村+銆佹兂涓�鎯炽�佺煡璇嗛摼鎺ョ瓑鏍忕洰锛屼互娴呮樉鏄撴噦鐨勬柟寮忎负鍑忓皯濠村辜鍎垮湪杩愬姩涓綔鍦ㄧ殑瀹夊叏闂鎻愪緵绉戝鐨勬寚瀵硷紝閫傚悎鏈笓涓氬鐢熴�佸辜鏁欏伐浣滆�呭拰濠村辜鍎垮闀块槄璇诲拰鍙傝�冦��
+            </p>
+            <p class="preface">
+              3锛庡唴瀹圭殑瀹炵敤鎬с�傛湰涔︽敞閲嶅疄璺佃兘鍔涚殑鍩瑰吇锛岄�氳繃娣诲姞璁稿鐢熷姩鐨勫┐骞煎効浣撹偛娲诲姩鍥剧墖璧勬枡锛屽府鍔╂湰涓撲笟瀛︾敓銆佸辜鏁欏伐浣滆�呭拰瀹堕暱浜嗚В甯歌杩愬姩绫诲瀷銆佸父瑙佽繍鍔ㄤ激瀹充互鍙婃湁鏁堢殑鎬ユ晳鎵嬫锛屾彁楂樺叾瑙e喅闂鐨勮兘鍔涖��
+            </p>
+            <p class="preface">
+              4锛庡唴瀹圭殑绉戝鎬с�傚弬缂栦汉鍛橀兘鍏锋湁涓板瘜鐨勫┐骞煎効杩愬姩鐞嗚涓庡疄璺电粡楠岋紝涓ユ帶姣忎釜绔犺妭鐨勮川閲忥紝鍔涙眰婊¤冻鏈笓涓氬鐢熴�佸辜鏁欏伐浣滆�呭拰瀹堕暱瀵圭浉鍏崇煡璇嗙殑骞垮害涓庢繁搴︾殑闇�姹傘��
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="page-box" page="9">
+      <div v-if="showPageList.indexOf(9) > -1">
+        <div class="page-father">
+          <div class="bodystyle-left">
+            <p class="preface">
+              鏈功缂栧啓鍏蜂綋鍒嗗伐濡備笅锛氱涓�绔犵敱鍖椾含浣撹偛澶у闂繆娑涜礋璐o紱绗簩绔犵敱鏅嬩腑瀛﹂櫌姣曚腑鎯呫�侀閮藉笀鑼冨ぇ瀛﹀紶棣栨枃銆佸寳浜競鏈濋槼鍖烘暀甯堝彂灞曞闄㈠垬鏅撴洣銆佸寳浜競閫氬窞鍖烘暀甯堢爺淇腑蹇冮練鐞洴璐熻矗锛涚涓夌珷鐢遍閮藉笀鑼冨ぇ瀛﹀紶棣栨枃銆佸寳浜競鐭虫櫙灞卞尯瀹為獙骞煎効鍥潕寰姐�佸寳浜綋鑲插ぇ瀛﹂棲淇婃稕鍜屽惔姊︽櫁銆佸寳浜崄涓�鏅嬪厓骞煎効鍥敯浣虫銆佸寳浜競閫氬窞鍖哄紶瀹舵咕闀囩墰鍫″悲涓績骞煎効鍥儭鍥芥.鍜岃浼熻礋璐o紱绗洓绔犵敱鍖椾含鏁欒偛绉戝鐮旂┒闄㈠瓩鐠愩�佹渤鍖楃渷閭兏骞煎効甯堣寖楂樼瓑涓撶瀛︽牎鏉庡銆佷腑鍥戒汉姘戝ぇ瀛﹀惔鍗囨墸銆佸寳浜競鐭虫櫙灞卞尯瀹為獙骞煎効鍥瓱鑾夎礋璐o紱绗簲绔犵敱鍖椾含浣撹偛澶у瀹嬬惓銆佸寳浜競鏄屽钩鍖哄伐涓氬辜鍎垮洯鏉庤繋鏄ヨ礋璐c�傚叏涔︾敱闂繆娑涚粺绋裤�傛澶栵紝鏈功妗堜緥涓昏鐢卞寳浜競鐭虫櫙灞卞尯瀹為獙骞煎効鍥殑澶氫綅鏁欏笀鎻愪緵锛屽寳浜綋鑲插ぇ瀛︾殑鐮旂┒鐢熷紶瀛愮惓銆侀儹棰栥�佹蹇楀媷鍙備笌浜嗘湰涔︾殑璧勬枡鏁寸悊宸ヤ綔銆�
+            </p>
+            <p class="preface">
+              鏈功缂栧啓寰楀埌浜嗗寳浜笀鑼冨ぇ瀛﹀嚭鐗堢ぞ銆佸寳浜綋鑲插ぇ瀛︺�侀閮藉笀鑼冨ぇ瀛﹀鍓嶆暀鑲插闄€�佸寳浜暀鑲插闄㈤�氬窞鍒嗛櫌鐮斾慨涓績銆佸寳浜競鐭虫櫙灞卞尯瀹為獙骞煎効鍥�佸寳浜競鏄屽钩鍖哄伐涓氬辜鍎垮洯銆佸寳浜競閫氬窞鍖虹墰鍫″悲骞煎効鍥瓑鍗曚綅鐨勫ぇ鍔涙敮鎸侊紝璋ㄦ涓�骞惰嚧璋€��
+            </p>
+            <p class="preface">
+              鍦ㄦ湰涔︾紪鍐欒繃绋嬩腑锛屾垜浠弬鑰冧簡璁稿涓撳瀛﹁�呯殑钁椾綔鍜屾垚鏋滐紝寮曠敤浜嗚澶氬┐骞煎効杩愬姩瀹夊叏浜嬫晠鐨勭粡鍏告渚嬪拰濠村辜鍎胯繍鍔ㄧ殑鍥剧墖璧勬枡锛屽湪姝ゅ悜鐩稿叧浣滆�呰〃绀鸿》蹇冩劅璋€�傜敱浜庣紪鍐欎汉鍛樻按骞虫湁闄愶紝鏈功闅惧厤瀛樺湪鐤忔紡鍜岄敊璇紝鍦ㄦ锛屾伋璇峰悓琛屼笓瀹跺拰璇昏�呮湅鍙嬫壒璇勬寚姝c��
+            </p>
+            <p class="right-info mt-20">缂栬��</p>
+          </div>
+          <ul class="header-right">
+            <li class="header-right-img">
+              <img src="../../assets/images/a2.jpg" alt="" />
+            </li>
+            <img class="header-right-imgTop" src="../../assets/images/a3.jpg" alt="" />
+            <li class="header-right-Number">3</li>
+            <li class="header-right-Text">
+              鍓�<br />瑷�
+            </li>
+          </ul>
+        </div>
+      </div>
+    </div>
   </div>
 </template>
 
diff --git a/src/books/toddlerSportsSafetyProtection/view/components/index.vue b/src/books/toddlerSportsSafetyProtection/view/components/index.vue
index 21129c1..b62e92d 100644
--- a/src/books/toddlerSportsSafetyProtection/view/components/index.vue
+++ b/src/books/toddlerSportsSafetyProtection/view/components/index.vue
@@ -16,10 +16,10 @@
         :showPageList="loadPageList"
       ></pageHeader>
       <!-- <chapterOne
-          v-if="showCatalogList.indexOf(2) > -1"
-          :showPageList="loadPageList"
-        ></chapterOne> -->
-        <!-- <chapterTwo
+        v-if="showCatalogList.indexOf(2) > -1"
+        :showPageList="loadPageList"
+      ></chapterOne> -->
+      <!-- <chapterTwo
           v-if="showCatalogList.indexOf(3) > -1"
           :showPageList="loadPageList"
         ></chapterTwo>
@@ -30,11 +30,11 @@
         <chapterFour
           v-if="showCatalogList.indexOf(5) > -1"
           :showPageList="loadPageList"
-        ></chapterFour>
+        ></chapterFour>-->
         <chapterFive
-          v-if="showCatalogList.indexOf(6) > -1"
+          v-if="showCatalogList.indexOf(2) > -1"
           :showPageList="loadPageList"
-        ></chapterFive> -->
+        ></chapterFive> 
     </div>
   </div>
 </template>
@@ -45,7 +45,7 @@
 //   import chapterTwo from "./chapter002.vue";
 //   import chapterThree from "./chapter003.vue";
 //   import chapterFour from "./chapter004.vue";
-//   import chapterFive from "./chapter005.vue";
+import chapterFive from "./chapter005.vue";
 import NoteIcon from "@/assets/images/biji.png";
 import _ from "lodash";
 import Swiper from "swiper/bundle";
@@ -56,7 +56,7 @@
   name: "pageContent",
   data() {
     return {
-      catalogLength: 1, // 鎬荤珷鑺傛暟
+      catalogLength: 2, // 鎬荤珷鑺傛暟
       showCatalogList: [], // 鏄剧ず鐨勭珷鑺�
       loadThreshold: 300, // 瑙﹀彂鍔犺浇闃堝��
       throttleThreshold: 100, // 鑺傛祦闃堝��
@@ -184,20 +184,20 @@
 
     // 娴嬭瘯椤甸潰璺宠浆
     setTimeout(() => {
-      this.gotoPage(1, 1);
-    //   setTimeout(() => {
-    //     this.renderSign("Highlight", {
-    //       id: "2ACA9359",
-    //       txt: "棰樹竴瀛︿範涓婚涓� 杩愬姩",
-    //       page: "10",
-    //       type: "Highlight",
-    //       color: "#F5E12A"
-    //     });
-    // setTimeout(() => {
-    //   this.delSign({
-    //     ids: ["2ACA9359"]
-    //   });
-    // }, 2000);
+      this.gotoPage(2, 175);
+      //   setTimeout(() => {
+      //     this.renderSign("Highlight", {
+      //       id: "2ACA9359",
+      //       txt: "棰樹竴瀛︿範涓婚涓� 杩愬姩",
+      //       page: "10",
+      //       type: "Highlight",
+      //       color: "#F5E12A"
+      //     });
+      // setTimeout(() => {
+      //   this.delSign({
+      //     ids: ["2ACA9359"]
+      //   });
+      // }, 2000);
     }, 500);
 
     // const pageDom = (this.container ? this.container : document)
@@ -740,7 +740,7 @@
         //   chapterTwo,
         //   chapterThree,
         //   chapterFour,
-        //   chapterFive,
+        chapterFive,
       };
       // 閬嶅巻鎵�鏈夌珷鑺傛枃浠�
       for (const key in pageData) {
@@ -968,7 +968,7 @@
     //   chapterTwo,
     //   chapterThree,
     //   chapterFour,
-    //   chapterFive,
+    chapterFive,
   },
 };
 </script>

--
Gitblit v1.9.1