From b1ee986edd5ea1c55186b795bf4b54215e4e9331 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期五, 25 四月 2025 11:09:07 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

---
 src/books/toddlerSportsSafetyProtection/assets/images/0086-01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0118-04.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0173-03.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0177-03.jpg             |    0 
 src/books/childIllnessPreventionCare/assets/images/bgImage/C1.png             |    0 
 src/books/childIllnessPreventionCare/assets/images/bgImage/dr.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0045-01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0047-01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0049-01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0134-03.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0140-01.jpg             |    0 
 src/books/childIllnessPreventionCare/assets/images/0184-02.jpg                |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0142-01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0178-01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0176-01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0085-03.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0120-02.jpg             |    0 
 src/books/meetingPlanners/view/components/index.vue                           |    1 
 src/books/childIllnessPreventionCare/assets/images/0176-16.jpg                |    0 
 src/books/childIllnessPreventionCare/assets/images/0237-02.jpg                |    0 
 src/books/childIllnessPreventionCare/assets/images/bgImage/001-01.jpg         |    0 
 src/books/artAndDrama/view/components/index.vue                               |    1 
 src/books/artInitiationForAges0to3/assets/images/header-right.png             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0124-02.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0115-02.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0139-01.jpg             |    0 
 src/books/embedded/view/components/index.vue                                  |    1 
 src/books/toddlerSportsSafetyProtection/assets/images/0181-01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0174-01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0117-02.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0170-01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0144-01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0146-01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0148-01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0119-02.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0135-01.jpg             |    0 
 src/books/childIllnessPreventionCare/assets/images/bgImage/bg5.jpg            |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0113-02.jpg             |    0 
 src/books/childIllnessPreventionCare/assets/images/bgImage/bg2-1.jpg          |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0133-01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0043-01.jpg             |    0 
 src/books/childIllnessPreventionCare/assets/images/bgImage/Figure-0088-01.jpg |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0013_04.jpg             |    0 
 src/books/artInitiationForAges0to3/assets/images/header-left.jpg              |    0 
 src/books/childIllnessPreventionCare/assets/images/0161-01.jpg                |    0 
 src/books/artInitiationForAges0to3/assets/images/fengDi.jpg                   |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0123-04.jpg             |    0 
 src/books/childIllnessPreventionCare/assets/images/0169-01.jpg                |    0 
 src/books/childIllnessPreventionCare/assets/images/0114-03.jpg                |    0 
 src/books/artInitiationForAges0to3/assets/images/0007-01.png                  |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0027_02.jpg             |    0 
 src/books/childIllnessPreventionCare/assets/images/0158-01.jpg                |    0 
 src/books/childIllnessPreventionCare/assets/images/bgImage/skylx.jpg          |    0 
 src/books/artInitiationForAges0to3/assets/images/feiYe.jpg                    |    0 
 src/books/childIllnessPreventionCare/view/components/chapter002.vue           |  283 +
 src/books/toddlerSportsSafetyProtection/assets/images/0095-01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0090-02.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0169-02.jpg             |    0 
 src/books/childIllnessPreventionCare/assets/examinationList.js                |    9 
 src/books/childIllnessPreventionCare/assets/images/Cover.jpg                  |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0131-01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0127-03.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0123-03.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0147-02.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0094-02.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0098-02.jpg             |    0 
 src/books/childIllnessPreventionCare/assets/images/0173-03.jpg                |    0 
 src/books/artInitiationForAges0to3/assets/Fonts/hyc1gjm.ttf                   |    0 
 src/books/preschoolEvaluation/view/components/index.vue                       |    1 
 src/books/toddlerSportsSafetyProtection/view/index.vue                        |   80 
 src/books/policiesAndRegulations/view/components/index.vue                    |    1 
 src/books/toddlerSportsSafetyProtection/assets/images/0096-03.jpg             |    0 
 src/books/childIllnessPreventionCare/assets/images/0057-01.jpg                |    0 
 src/books/childIllnessPreventionCare/assets/images/0014_02.jpg                |    0 
 src/books/artInitiationForAges0to3/assets/images/Figure-0013-02.jpg           |    0 
 src/books/childIllnessPreventionCare/assets/images/bgImage/xxmb.jpg           |    0 
 src/books/childIllnessPreventionCare/assets/images/0175-02.jpg                |    0 
 src/books/artInitiationForAges0to3/assets/Fonts/FZZHJW.TTF                    |    0 
 src/books/childIllnessPreventionCare/assets/images/0053-01.jpg                |    0 
 src/books/childIllnessPreventionCare/assets/images/0072-03.jpg                |    0 
 src/books/childIllnessPreventionCare/view/index.vue                           |   78 
 src/books/toddlerSportsSafetyProtection/assets/images/0116-01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/view/components/header.vue            |  185 +
 src/books/toddlerSportsSafetyProtection/assets/images/0099-01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0112-01.jpg             |    0 
 src/books/childIllnessPreventionCare/assets/images/bgImage/CQ.png             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0013_01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0109-01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0088-01.jpg             |    0 
 src/books/childIllnessPreventionCare/assets/images/0205-01.jpg                |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0105-01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0178-02.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0120-01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0173-04.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0085-02.jpg             |    0 
 src/books/childIllnessPreventionCare/assets/images/bgImage/001-02.jpg         |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0118-03.jpg             |    0 
 src/books/childIllnessPreventionCare/assets/images/bgImage/C2.png             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0027-01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0029-01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0088-02.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0115-03.jpg             |    0 
 src/books/childIllnessPreventionCare/assets/images/bgImage/Figure-0150-01.jpg |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0136-02.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0113-03.jpg             |    0 
 src/books/childIllnessPreventionCare/assets/images/0183-03.jpg                |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0134-02.jpg             |    0 
 src/books/aviationSafety/view/components/index.vue                            |    1 
 src/books/childIllnessPreventionCare/assets/images/bgImage/bg4.jpg            |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0099-03.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0119-01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0032-01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0121-03.jpg             |    0 
 src/books/childIllnessPreventionCare/assets/images/0215-02.jpg                |    0 
 src/books/childIllnessPreventionCare/assets/images/bgImage/C.png              |    0 
 src/books/childIllnessPreventionCare/assets/images/0014-03.jpg                |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0128-01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0104-02.jpg             |    0 
 src/books/artInitiationForAges0to3/assets/images/Figure-0007-01.jpg           |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0181-02.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0063-01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/Fonts/hyg6gjm.ttf              |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0172-02.jpg             |    0 
 src/books/childIllnessPreventionCare/assets/images/0134-03.jpg                |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0117-01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0111-01.jpg             |    0 
 src/books/childIllnessPreventionCare/assets/images/0187-01.jpg                |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0074-01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0148-03.jpg             |    0 
 src/books/childIllnessPreventionCare/assets/images/0193-01.jpg                |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0093-01.jpg             |    0 
 src/books/childIllnessPreventionCare/assets/images/0190-01.jpg                |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0090-01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0098-01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0057-01.jpg             |    0 
 src/books/artInitiationForAges0to3/assets/Fonts/hya1gjm.ttf                   |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0105-04.jpg             |    0 
 src/books/childIllnessPreventionCare/assets/images/0174_01.png                |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0096-02.jpg             |    0 
 src/books/childIllnessPreventionCare/view/components/chapter003.vue           | 1085 ++++++
 src/books/toddlerSportsSafetyProtection/assets/images/0099-02.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0145-02.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0128-02.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0028_02.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0169-01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0166-01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0131-02.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0147-01.jpg             |    0 
 src/books/childIllnessPreventionCare/assets/images/bgImage/al.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0123-02.jpg             |    0 
 src/books/childIllnessPreventionCare/assets/images/0225-01.jpg                |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0180-01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0142-02.jpg             |    0 
 src/books/childIllnessPreventionCare/assets/images/0052-03.jpg                |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/a2.jpg                  |    0 
 src/books/civilServices/view/components/index.vue                             |    1 
 src/books/toddlerSportsSafetyProtection/assets/images/0112-02.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0022_01.jpg             |    0 
 src/books/childIllnessPreventionCare/assets/images/0019-03.jpg                |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0125-01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0140-03.jpg             |    0 
 src/books/childIllnessPreventionCare/assets/images/0209-02.jpg                |    0 
 src/books/practicalCareChildrenManual/view/components/index.vue               |    1 
 src/books/toddlerSportsSafetyProtection/assets/images/0109-02.jpg             |    0 
 src/books/childIllnessPreventionCare/assets/images/0177-02.jpg                |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0136-01.jpg             |    0 
 src/books/aviationEtiquette/view/components/chapter003.vue                    |    8 
 src/books/toddlerSportsSafetyProtection/assets/images/0114-01.jpg             |    0 
 src/books/cognitiveLanDevEduAges0to3/view/components/index.vue                |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0090-05.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0175-02.jpg             |    0 
 src/books/childIllnessPreventionCare/assets/images/0176-05.jpg                |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0186-02.jpg             |    0 
 src/App.vue                                                                   |    9 
 src/books/artInitiationForAges0to3/assets/images/Figure-0013-01.jpg           |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0103-01.jpg             |    0 
 src/books/childIllnessPreventionCare/assets/images/bgImage/fenge.png          |    0 
 src/assets/js/config.js                                                       |    2 
 src/books/toddlerSportsSafetyProtection/assets/images/0085-01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0087-01.jpg             |    0 
 src/books/childIllnessPreventionCare/assets/images/0164-01.jpg                |    0 
 src/books/artInitiationForAges0to3/assets/Fonts/FZSSK.TTF                     |    0 
 src/books/lifeCare/view/components/index.vue                                  |    1 
 src/books/toddlerSportsSafetyProtection/assets/images/0048-01.jpg             |    0 
 src/books/mathBook/view/components/index.vue                                  |    1 
 src/books/toddlerSportsSafetyProtection/assets/images/0113-04.jpg             |    0 
 src/books/artInitiationForAges0to3/assets/Fonts/FZLTXHK.TTF                   |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0046-01.jpg             |    0 
 src/books/aviationEtiquette/view/components/index.vue                         |    9 
 src/books/artInitiationForAges0to3/assets/main.less                           | 1504 +++++++++
 src/books/artInitiationForAges0to3/view/components/chapter001.vue             | 1026 ++++++
 src/books/childIllnessPreventionCare/assets/images/bgImage/bg3.jpg            |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0044-01.jpg             |    0 
 src/books/childIllnessPreventionCare/assets/images/0212-03.jpg                |    0 
 src/books/childIllnessPreventionCare/assets/images/feiye.jpg                  |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0141-01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0013_02.jpg             |    0 
 src/books/childIllnessPreventionCare/assets/images/0199-03.jpg                |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0177-01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0121-02.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0173-05.jpg             |    0 
 src/books/childIllnessPreventionCare/assets/images/icon/heart-check.png       |    0 
 src/books/preschoolBasicKnowledge/view/components/index.vue                   |    1 
 src/books/childIllnessPreventionCare/assets/images/bgImage/C3.png             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0088-03.jpg             |    0 
 src/books/artInitiationForAges0to3/assets/images/Figure-0007-02.jpg           |    0 
 src/books/aurturingAndEducationAged0to3/view/components/index.vue             |    3 
 src/books/childIllnessPreventionCare/assets/images/bgImage/gjsy.jpg           |    0 
 src/books/childIllnessPreventionCare/assets/images/0027-03.jpg                |    0 
 src/books/childIllnessPreventionCare/assets/images/0063-01.jpg                |    0 
 src/books/childIllnessPreventionCare/assets/images/0180-04.jpg                |    0 
 src/books/childIllnessPreventionCare/assets/images/0204-02.jpg                |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0106-01.jpg             |    0 
 src/books/childIllnessPreventionCare/view/components/chapter001.vue           |  199 +
 src/books/childIllnessPreventionCare/assets/images/0220-01.jpg                |    0 
 src/books/artInitiationForAges0to3/assets/images/Figure-0021-01.jpg           |    0 
 src/books/childIllnessPreventionCare/assets/images/0213-01.jpg                |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0089-01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0102-01.jpg             |    0 
 src/books/childIllnessPreventionCare/assets/images/0215-01.jpg                |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0178-03.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0172-03.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0083-01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0104-01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0169-03.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0100-01.jpg             |    0 
 src/books/childIllnessPreventionCare/view/components/index.vue                |  970 +++++
 src/books/aviationEtiquette/view/components/chpater002.vue                    |    8 
 src/books/toddlerSportsSafetyProtection/assets/images/0096-01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0123_05.png             |    0 
 src/books/civilAviation/view/components/index.vue                             |    5 
 src/books/artInitiationForAges0to3/assets/images/Figure-0006-04.jpg           |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0028_01.jpg             |    0 
 src/books/childIllnessPreventionCare/assets/images/bgImage/bg7.jpg            |    0 
 src/books/childIllnessPreventionCare/assets/images/icon/heart.png             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0130-01.jpg             |    0 
 src/books/childIllnessPreventionCare/assets/images/bgImage/CH.png             |    0 
 src/books/childIllnessPreventionCare/assets/images/0152-03.jpg                |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0148-02.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0110-02.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0033-01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0093-02.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/a1.jpg                  |    0 
 src/books/botany/view/components/index.vue                                    |    1 
 src/books/toddlerSportsSafetyProtection/assets/images/0105-03.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0144-02.jpg             |    0 
 src/books/childIllnessPreventionCare/assets/images/bgImage/swdt.jpg           |    0 
 src/books/English/view/components/index.vue                                   |    1 
 src/books/toddlerSportsSafetyProtection/assets/images/0109-03.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0090-04.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0138-01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0125-02.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0140-02.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0182-01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0120-03.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0145-01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0114-02.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0118-02.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0171-01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0175-01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0149-01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0127-01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0087-04.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0131-03.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0134-01.jpg             |    0 
 src/books/childIllnessPreventionCare/assets/images/bgImage/jyhd.jpg           |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0103-02.jpg             |    0 
 src/books/childIllnessPreventionCare/assets/images/0090-03.jpg                |    0 
 src/books/childIllnessPreventionCare/assets/images/0126-03.jpg                |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0173-02.jpg             |    0 
 src/books/artInitiationForAges0to3/assets/images/Cover.jpg                    |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0123-01.jpg             |    0 
 src/books/artInitiationForAges0to3/view/components/header.vue                 |  147 
 src/books/childcareInstitutionsManagement/view/components/index.vue           |    1 
 src/books/toddlerSportsSafetyProtection/assets/images/0133-04.jpg             |    0 
 src/books/aviationEtiquette/view/components/chapter004.vue                    |   12 
 src/books/artInitiationForAges0to3/view/index.vue                             |   80 
 src/books/toddlerSportsSafetyProtection/assets/images/0179-02.jpg             |    0 
 src/books/childIllnessPreventionCare/assets/images/bgImage/bg2.jpg            |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0177-02.jpg             |    0 
 src/books/aviationEtiquette/view/components/chapter001.vue                    |    8 
 src/books/aviationEtiquette/assets/main.less                                  |    5 
 src/books/toddlerSportsSafetyProtection/assets/images/0172-04.jpg             |    0 
 src/books/childIllnessPreventionCare/assets/images/0142-01.jpg                |    0 
 src/books/childIllnessPreventionCare/assets/images/0239-03.jpg                |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0116-03.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0086-02.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0087-02.jpg             |    0 
 src/books/childIllnessPreventionCare/assets/images/0176-07.jpg                |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0178-04.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0119-03.jpg             |    0 
 src/books/artInitiationForAges0to3/assets/Fonts/hyb1gjm.ttf                   |    0 
 src/books/childIllnessPreventionCare/assets/main.less                         |  419 ++
 src/books/toddlerSportsSafetyProtection/assets/images/0114-03.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0138-02.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0135-02.jpg             |    0 
 src/books/childIllnessPreventionCare/assets/images/0091-01.jpg                |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0133-02.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0141-02.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0093-03.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0095-03.jpg             |    0 
 src/books/childIllnessPreventionCare/assets/images/0240-01.jpg                |    0 
 src/books/childIllnessPreventionCare/assets/images/bgImage/Figure-0112-01.jpg |    0 
 src/books/artInitiationForAges0to3/assets/Fonts/FZY1JW.TTF                    |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0089-02.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0126-01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0173-06.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0102-02.jpg             |    0 
 src/books/childIllnessPreventionCare/assets/images/0180-05.jpg                |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0100-02.jpg             |    0 
 src/books/cognitiveLanDevEduAges0to3/view/index.vue                           |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0124-01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0113-01.jpg             |    0 
 src/books/childIllnessPreventionCare/assets/images/0107-03.jpg                |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0115-01.jpg             |    0 
 src/books/childIllnessPreventionCare/assets/images/0167-02.jpg                |    0 
 src/books/childIllnessPreventionCare/assets/images/0154-02.jpg                |    0 
 src/books/childIllnessPreventionCare/assets/images/0274-03.jpg                |    0 
 src/books/childIllnessPreventionCare/assets/images/bgImage/bg6.jpg            |    0 
 src/books/childIllnessPreventionCare/assets/images/0204-01.jpg                |    0 
 src/books/childIllnessPreventionCare/assets/images/bgImage/C4.png             |    0 
 src/books/childIllnessPreventionCare/assets/images/0178-01.jpg                |    0 
 src/books/childIllnessPreventionCare/assets/images/0202-01.jpg                |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0094-01.jpg             |    0 
 src/books/childIllnessPreventionCare/assets/images/0156-01.jpg                |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0013-03.jpg             |    0 
 src/books/childIllnessPreventionCare/view/components/header.vue               |  180 +
 src/books/artInitiationForAges0to3/view/components/index.vue                  |  990 ++++++
 src/books/childIllnessPreventionCare/assets/images/0153-01.jpg                |    0 
 src/books/childIllnessPreventionCare/assets/images/bgImage/Figure-0017-01.jpg |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0097-01.jpg             |    0 
 src/books/childIllnessPreventionCare/assets/images/bgImage/tzyd.jpg           |    0 
 src/books/aviationBasicSkills/view/components/index.vue                       |    1 
 src/books/toddlerSportsSafetyProtection/assets/images/0095-02.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0125-03.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/Cover.jpg               |    0 
 src/books/childIllnessPreventionCare/assets/images/0036_01.jpg                |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0146-02.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0090-03.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0149-02.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0127-02.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0151-01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0017-01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/main.less                      | 1559 +++++++++
 src/books/toddlerSportsSafetyProtection/assets/images/0020-01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0116-02.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0087-03.jpg             |    0 
 src/books/aurturingAndEducationAged0to3/view/components/chapter004.vue        |    2 
 src/books/toddlerSportsSafetyProtection/assets/images/0173-01.jpg             |    0 
 src/books/artInitiationForAges0to3/assets/images/Figure-0028-01.jpg           |    0 
 src/books/childIllnessPreventionCare/assets/images/0101-01.jpg                |    0 
 src/books/childIllnessPreventionCare/assets/images/0066-01.jpg                |    0 
 src/books/childIllnessPreventionCare/assets/images/0174-04.jpg                |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0184-01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0085-04.jpg             |    0 
 src/books/toddlerGameImplementation/view/components/index.vue                 |    1 
 src/books/aviationEtiquette/view/components/chapter005.vue                    |    4 
 src/books/toddlerSportsSafetyProtection/view/components/index.vue             |  989 +++++
 src/books/toddlerSportsSafetyProtection/assets/images/0132-01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0133-03.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0105-02.jpg             |    0 
 src/books/childIllnessPreventionCare/assets/images/0221-01.jpg                |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0121-01.jpg             |    0 
 src/books/childIllnessPreventionCare/assets/images/bgImage/bg1.jpg            |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0015_01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0120-04.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0118-01.jpg             |    0 
 src/books/toddlerSportsSafetyProtection/assets/images/0110-01.jpg             |    0 
 src/books/policiesAndRegulations/view/components/chapter006.vue               |    2 
 src/books/toddlerSportsSafetyProtection/assets/images/0107-01.jpg             |    0 
 370 files changed, 9,843 insertions(+), 33 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index e2fa48e..e5675ff 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -29,6 +29,9 @@
     <policiesAndRegulations v-if="activeBook.name == 'policiesAndRegulations'"></policiesAndRegulations> 
     <OralAndBroadcasting v-if="activeBook.name == 'OralAndBroadcasting'" ></OralAndBroadcasting>
     <practicalCareChildrenManual v-if="activeBook.name == 'practicalCareChildrenManual'"></practicalCareChildrenManual>
+    <childIllnessPreventionCare v-if="activeBook.name == 'childIllnessPreventionCare'"></childIllnessPreventionCare>
+    <artInitiationForAges0to3 v-if="activeBook.name == 'artInitiationForAges0to3'"></artInitiationForAges0to3>
+    <toddlerSportsSafetyProtection v-if="activeBook.name == 'toddlerSportsSafetyProtection'"></toddlerSportsSafetyProtection>
   </div>
 </template>
 <script>
@@ -80,7 +83,10 @@
     preschoolBasicKnowledge: ()=> import("./books/preschoolBasicKnowledge/view/index.vue"),
     policiesAndRegulations: ()=> import("./books/policiesAndRegulations/view/index.vue"),
     OralAndBroadcasting:()=> import("./books/OralAndBroadcasting/view/index.vue"),
-    practicalCareChildrenManual: ()=> import("./books/practicalCareChildrenManual/view/index.vue")
+    practicalCareChildrenManual: ()=> import("./books/practicalCareChildrenManual/view/index.vue"),
+    childIllnessPreventionCare: ()=> import("./books/childIllnessPreventionCare/view/index.vue"),
+    artInitiationForAges0to3: ()=> import("./books/artInitiationForAges0to3/view/index.vue"),
+    toddlerSportsSafetyProtection : ()=> import("./books/toddlerSportsSafetyProtection/view/index.vue"),
   },
   data() {
     return {
@@ -141,7 +147,6 @@
           ? process.env.VUE_APP_BOOK_ID
           : "OralAndBroadcasting")
       );
-
       // this.activeBook = await this.config.getBookConfig(
       //   'http://182.92.203.7:3007/books/resource/'+
       //   (process.env.VUE_APP_ENV == "product"
diff --git a/src/assets/js/config.js b/src/assets/js/config.js
index 2ecf243..cbe0a9a 100644
--- a/src/assets/js/config.js
+++ b/src/assets/js/config.js
@@ -13,7 +13,7 @@
   );
   return response.data;
 };
-export const appId = 2;
+export const appId = 3;
 export const requestTimeOut = 300000; // 璇锋眰瓒呮椂鏃堕棿
 export const tokenKey = "jsek-token";
 // export const tokenKey = "website-front-token"
diff --git a/src/books/English/view/components/index.vue b/src/books/English/view/components/index.vue
index 064c344..ee551a8 100644
--- a/src/books/English/view/components/index.vue
+++ b/src/books/English/view/components/index.vue
@@ -65,6 +65,7 @@
 </template>
 
 <script>
+import Vue from "vue";
 import pageHeader from "./header.vue";
 import chapterOne from "./chapter001.vue";
 import chapterTwo from "./chapter002.vue";
diff --git a/src/books/artAndDrama/view/components/index.vue b/src/books/artAndDrama/view/components/index.vue
index 6aed245..3a5e736 100644
--- a/src/books/artAndDrama/view/components/index.vue
+++ b/src/books/artAndDrama/view/components/index.vue
@@ -48,6 +48,7 @@
 </template>
 
 <script>
+import Vue from "vue";
 import pageHeader from "./header.vue";
 import chapterOne from "./chapter001.vue";
 import chapterTwo from "./chapter002.vue";
diff --git a/src/books/artInitiationForAges0to3/assets/Fonts/FZLTXHK.TTF b/src/books/artInitiationForAges0to3/assets/Fonts/FZLTXHK.TTF
new file mode 100644
index 0000000..53cdf4b
--- /dev/null
+++ b/src/books/artInitiationForAges0to3/assets/Fonts/FZLTXHK.TTF
Binary files differ
diff --git a/src/books/artInitiationForAges0to3/assets/Fonts/FZSSK.TTF b/src/books/artInitiationForAges0to3/assets/Fonts/FZSSK.TTF
new file mode 100644
index 0000000..d4f6b93
--- /dev/null
+++ b/src/books/artInitiationForAges0to3/assets/Fonts/FZSSK.TTF
Binary files differ
diff --git a/src/books/artInitiationForAges0to3/assets/Fonts/FZY1JW.TTF b/src/books/artInitiationForAges0to3/assets/Fonts/FZY1JW.TTF
new file mode 100644
index 0000000..0e4f207
--- /dev/null
+++ b/src/books/artInitiationForAges0to3/assets/Fonts/FZY1JW.TTF
Binary files differ
diff --git a/src/books/artInitiationForAges0to3/assets/Fonts/FZZHJW.TTF b/src/books/artInitiationForAges0to3/assets/Fonts/FZZHJW.TTF
new file mode 100644
index 0000000..a68081e
--- /dev/null
+++ b/src/books/artInitiationForAges0to3/assets/Fonts/FZZHJW.TTF
Binary files differ
diff --git a/src/books/artInitiationForAges0to3/assets/Fonts/hya1gjm.ttf b/src/books/artInitiationForAges0to3/assets/Fonts/hya1gjm.ttf
new file mode 100644
index 0000000..fabdd0b
--- /dev/null
+++ b/src/books/artInitiationForAges0to3/assets/Fonts/hya1gjm.ttf
Binary files differ
diff --git a/src/books/artInitiationForAges0to3/assets/Fonts/hyb1gjm.ttf b/src/books/artInitiationForAges0to3/assets/Fonts/hyb1gjm.ttf
new file mode 100644
index 0000000..dc849cf
--- /dev/null
+++ b/src/books/artInitiationForAges0to3/assets/Fonts/hyb1gjm.ttf
Binary files differ
diff --git a/src/books/artInitiationForAges0to3/assets/Fonts/hyc1gjm.ttf b/src/books/artInitiationForAges0to3/assets/Fonts/hyc1gjm.ttf
new file mode 100644
index 0000000..a31723c
--- /dev/null
+++ b/src/books/artInitiationForAges0to3/assets/Fonts/hyc1gjm.ttf
Binary files differ
diff --git a/src/books/artInitiationForAges0to3/assets/images/0007-01.png b/src/books/artInitiationForAges0to3/assets/images/0007-01.png
new file mode 100644
index 0000000..2d3bd02
--- /dev/null
+++ b/src/books/artInitiationForAges0to3/assets/images/0007-01.png
Binary files differ
diff --git a/src/books/artInitiationForAges0to3/assets/images/Cover.jpg b/src/books/artInitiationForAges0to3/assets/images/Cover.jpg
new file mode 100644
index 0000000..c33c293
--- /dev/null
+++ b/src/books/artInitiationForAges0to3/assets/images/Cover.jpg
Binary files differ
diff --git a/src/books/artInitiationForAges0to3/assets/images/Figure-0006-04.jpg b/src/books/artInitiationForAges0to3/assets/images/Figure-0006-04.jpg
new file mode 100644
index 0000000..5f2cb84
--- /dev/null
+++ b/src/books/artInitiationForAges0to3/assets/images/Figure-0006-04.jpg
Binary files differ
diff --git a/src/books/artInitiationForAges0to3/assets/images/Figure-0007-01.jpg b/src/books/artInitiationForAges0to3/assets/images/Figure-0007-01.jpg
new file mode 100644
index 0000000..a211372
--- /dev/null
+++ b/src/books/artInitiationForAges0to3/assets/images/Figure-0007-01.jpg
Binary files differ
diff --git a/src/books/artInitiationForAges0to3/assets/images/Figure-0007-02.jpg b/src/books/artInitiationForAges0to3/assets/images/Figure-0007-02.jpg
new file mode 100644
index 0000000..5386c1c
--- /dev/null
+++ b/src/books/artInitiationForAges0to3/assets/images/Figure-0007-02.jpg
Binary files differ
diff --git a/src/books/artInitiationForAges0to3/assets/images/Figure-0013-01.jpg b/src/books/artInitiationForAges0to3/assets/images/Figure-0013-01.jpg
new file mode 100644
index 0000000..ce97355
--- /dev/null
+++ b/src/books/artInitiationForAges0to3/assets/images/Figure-0013-01.jpg
Binary files differ
diff --git a/src/books/artInitiationForAges0to3/assets/images/Figure-0013-02.jpg b/src/books/artInitiationForAges0to3/assets/images/Figure-0013-02.jpg
new file mode 100644
index 0000000..2168ff1
--- /dev/null
+++ b/src/books/artInitiationForAges0to3/assets/images/Figure-0013-02.jpg
Binary files differ
diff --git a/src/books/artInitiationForAges0to3/assets/images/Figure-0021-01.jpg b/src/books/artInitiationForAges0to3/assets/images/Figure-0021-01.jpg
new file mode 100644
index 0000000..d14ca22
--- /dev/null
+++ b/src/books/artInitiationForAges0to3/assets/images/Figure-0021-01.jpg
Binary files differ
diff --git a/src/books/artInitiationForAges0to3/assets/images/Figure-0028-01.jpg b/src/books/artInitiationForAges0to3/assets/images/Figure-0028-01.jpg
new file mode 100644
index 0000000..3a5bd53
--- /dev/null
+++ b/src/books/artInitiationForAges0to3/assets/images/Figure-0028-01.jpg
Binary files differ
diff --git a/src/books/artInitiationForAges0to3/assets/images/feiYe.jpg b/src/books/artInitiationForAges0to3/assets/images/feiYe.jpg
new file mode 100644
index 0000000..e1b6870
--- /dev/null
+++ b/src/books/artInitiationForAges0to3/assets/images/feiYe.jpg
Binary files differ
diff --git a/src/books/artInitiationForAges0to3/assets/images/fengDi.jpg b/src/books/artInitiationForAges0to3/assets/images/fengDi.jpg
new file mode 100644
index 0000000..969df0d
--- /dev/null
+++ b/src/books/artInitiationForAges0to3/assets/images/fengDi.jpg
Binary files differ
diff --git a/src/books/artInitiationForAges0to3/assets/images/header-left.jpg b/src/books/artInitiationForAges0to3/assets/images/header-left.jpg
new file mode 100644
index 0000000..27c4b09
--- /dev/null
+++ b/src/books/artInitiationForAges0to3/assets/images/header-left.jpg
Binary files differ
diff --git a/src/books/artInitiationForAges0to3/assets/images/header-right.png b/src/books/artInitiationForAges0to3/assets/images/header-right.png
new file mode 100644
index 0000000..bc717e9
--- /dev/null
+++ b/src/books/artInitiationForAges0to3/assets/images/header-right.png
Binary files differ
diff --git a/src/books/artInitiationForAges0to3/assets/main.less b/src/books/artInitiationForAges0to3/assets/main.less
new file mode 100644
index 0000000..8b4f92f
--- /dev/null
+++ b/src/books/artInitiationForAges0to3/assets/main.less
@@ -0,0 +1,1504 @@
+.artInitiationForAges0to3 {
+    width: 100%;
+    height: 100%;
+
+    // 鑷畾涔夊唴瀹�
+    .page-box {
+        box-sizing: border-box;
+        min-height: 1128px;
+        margin-bottom: 20px;
+        box-shadow: 0 3px 6px 1px #00000029;
+        background-color: #fff;
+    }
+
+    .wh-no {
+        white-space: nowrap;
+    }
+
+    .c-g {
+        color: green;
+    }
+
+    .c-r {
+        color: red;
+    }
+
+    .t-right {
+        text-align: right;
+    }
+
+    .mr-0 {
+        margin: 0;
+    }
+
+    .mt-10 {
+        margin-top: 10px !important;
+    }
+
+    .mt-20 {
+        margin-top: 20px !important;
+    }
+
+    .table-pad {
+        padding: 1em 0.7em !important;
+    }
+
+    .mt-30 {
+        margin-top: 30px;
+    }
+
+    .mt-70 {
+        margin-top: 70px;
+    }
+
+    .mb-10 {
+        margin-bottom: 10px;
+    }
+
+    .mb-30 {
+        margin-bottom: 30px !important;
+    }
+
+    .ma-l {
+        margin-left: 8%;
+    }
+
+    .ma-0 {
+        margin: 0% !important;
+    }
+
+    .pd-5 {
+        padding: 0 5px;
+    }
+
+    .w100 {
+        width: 100%;
+    }
+
+    .w80 {
+        width: 80%;
+    }
+
+    .w70 {
+        width: 70%;
+    }
+
+    .w25 {
+        width: 25%;
+    }
+
+    .w20 {
+        width: 20%;
+    }
+
+    .fz-13 {
+        font-size: 13px !important;
+    }
+
+    .fz-14 {
+        font-size: 14px !important;
+    }
+
+    .fz-16 {
+        font-size: 16px !important;
+    }
+
+    .fz-18 {
+        font-size: 18px !important;
+    }
+
+    .fz-20 {
+        font-size: 20px;
+    }
+
+    .img-0 {
+        width: 100%;
+    }
+
+    .img-c {
+        width: 70%;
+    }
+
+    .pt-20 {
+        padding-top: 20px;
+    }
+
+    .td-0 {
+        text-indent: 0em !important;
+    }
+
+    .td-1 {
+        text-indent: 1em !important;
+    }
+
+
+    td {
+        padding: 5px 10px;
+    }
+
+    .fl {
+        display: flex;
+    }
+
+    .ju-cn {
+        justify-content: center;
+    }
+
+    .ju-ev {
+        justify-content: space-evenly;
+    }
+
+    .jc-fs {
+        justify-content: flex-start;
+    }
+
+    .fw-w {
+        flex-wrap: wrap;
+    }
+
+    .fd-c {
+        flex-direction: column;
+    }
+
+    .fd-r {
+        flex-direction: row-reverse;
+    }
+
+    .al-c {
+        align-items: center;
+    }
+
+    .al-fe {
+        align-items: flex-end;
+    }
+
+    .ac-f {
+        align-content: flex-end;
+    }
+
+    .jc-fe {
+        justify-content: flex-end;
+    }
+
+    .jc-c {
+        justify-content: center;
+    }
+
+    .jc-sa {
+        justify-content: space-around
+    }
+
+    .mr-70 {
+        margin-right: 70px;
+    }
+
+    .mr-10 {
+        margin-right: 10px;
+    }
+
+    .pad-t-55 {
+        padding-top: 55px;
+    }
+
+    .ma-t-30 {
+        margin-top: 30px;
+    }
+
+    .ma-t-20 {
+        margin-top: 20px;
+    }
+
+    .pad-l-60 {
+        padding-left: 60px;
+    }
+
+    .pad-l-80 {
+        padding-left: 80px;
+    }
+
+
+    .mb-45 {
+        margin-bottom: 45px;
+    }
+
+    .mb-20 {
+        margin-bottom: 20px !important;
+    }
+
+    .header-left {
+        background-color: transparent;
+        padding: 65px 0 50px 0;
+        margin: 0 !important;
+        background-image: url("../assets/images/header-left.jpg");
+        background-size: 35% auto;
+        background-repeat: no-repeat;
+        display: flex;
+        align-items: flex-end
+    }
+
+
+    .headerText {
+        font-size: 14px;
+        font-family: "鏂规姝i粦";
+        font-weight: bold;
+        padding: 0 8px;
+    }
+
+    .headerNumber {
+        font-family: "鏂规姝i粦";
+        font-weight: bold;
+        font-size: 12px;
+        padding: 0 8px;
+        margin: 0 1% 0 9%;
+    }
+
+    .header-right {
+        padding: 4% 0;
+        margin: 0 !important;
+    }
+
+    .header-right-Text {
+        font-family: "鏂规缁嗗渾";
+        font-size: 14px;
+        padding-top: 20px;
+    }
+
+    .header-right-Number {
+        position: relative;
+        width: 15%;
+
+        span {
+            font-family: "鏂规缁嗗渾";
+            font-size: 14px;
+            position: absolute;
+            left: 25%;
+            bottom: 20%;
+        }
+    }
+
+
+
+    table {
+        border-color: none !important;
+    }
+
+    .table-th-bc {
+        background-color: #FEDDB4;
+        color: #000;
+    }
+
+    .table-tr-bc {
+        background-color: #FEF4E4;
+        color: #000;
+    }
+
+    .table-textarea {
+        font-size: 14px;
+        font-family: "Times New Roman", "瀹嬩綋";
+        resize: none;
+
+        &:focus {
+            outline: none;
+        }
+    }
+
+    .textarea-box {
+        border: none;
+        text-align: center;
+        width: 84px;
+        height: 36px;
+        overflow: auto;
+        word-break: break-all;
+        resize: none;
+    }
+
+
+    .b0 {
+        border: 0;
+    }
+
+    .task {
+        width: 16%;
+        margin-bottom: 5em;
+        margin-top: 0;
+        border-top: 0.7em solid #5192C6;
+    }
+
+    .task2 {
+        width: 16%;
+        margin-bottom: 5em;
+        margin-top: 0;
+        border-top: 0.7em solid #F89C1C;
+    }
+
+    .task3 {
+        width: 16%;
+        margin-bottom: 5em;
+        margin-top: 0;
+        border-top: 0.7em solid #448D9C;
+    }
+
+    .task4 {
+        width: 16%;
+        margin-bottom: 5em;
+        margin-top: 0;
+        border-top: 0.7em solid #9EAA60;
+    }
+
+    .p-odd {
+        padding-right: 8%;
+    }
+
+    .p-even {
+        padding-left: 8%;
+    }
+
+    .p-continued {
+        text-align: right;
+        font-size: 14px;
+        margin-bottom: 10px;
+    }
+
+    .img-float {
+        width: 310px;
+        float: left;
+        height: auto;
+        margin: auto;
+        margin-right: 20px;
+
+        img {
+            width: 100%;
+        }
+
+        p {
+            margin: 0;
+        }
+    }
+
+    .img-rights {
+        width: 310px;
+        float: right;
+        height: auto;
+        margin: auto;
+        margin-left: 20px;
+
+        img {
+            width: 100%;
+        }
+
+        p {
+            margin: 0 !important;
+        }
+    }
+
+    .w430 {
+        width: 430px;
+    }
+
+    .w395 {
+        width: 395px;
+    }
+
+    .w350 {
+        width: 350px;
+    }
+
+    .w290 {
+        width: 290px;
+    }
+
+    .w280 {
+        width: 280px;
+    }
+
+    .w275 {
+        width: 275px;
+    }
+
+    .w270 {
+        width: 270px;
+    }
+
+    .w250 {
+        width: 250px;
+    }
+
+    .w230 {
+        width: 230px;
+    }
+
+    .w220 {
+        width: 220px;
+    }
+
+    .w200 {
+        width: 200px;
+    }
+
+    .w180 {
+        width: 180px;
+    }
+
+    .w150 {
+        width: 150px;
+    }
+
+    .w115 {
+        width: 115px;
+    }
+
+    .pdf-text {
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        align-items: flex-start;
+        margin-bottom: 20px;
+
+        p {
+            margin: 0;
+            margin-right: 10px;
+        }
+
+        .pdf-con {
+            display: flex;
+            justify-content: flex-start;
+            align-items: center;
+            padding: 10px 0;
+            box-sizing: border-box;
+            border-radius: 10px;
+
+            .pdf-view {
+                min-width: 160px;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                border: 0.15em dashed #895B2E;
+                margin-right: 15px;
+                padding: 0 15px;
+                border-radius: 5px;
+                margin-top: 15px;
+
+                span {
+                    font-size: 14px;
+                    text-align: center;
+                    font-family: 'FZLTXIHJW';
+                    display: flex;
+                    align-items: center;
+                    justify-content: flex-start;
+
+                    svg {
+                        fill: #895B2E;
+                    }
+                }
+
+                span:nth-child(2) {
+                    padding-top: 5px;
+                    box-sizing: border-box;
+                }
+
+                span:hover {
+                    color: #895B2E;
+                    cursor: pointer;
+                    text-decoration: underline;
+                    -webkit-user-select: none;
+                    /* Safari 3.1+ */
+                    -moz-user-select: none;
+                    /* Firefox 2+ */
+                    -ms-user-select: none;
+                    /* IE 10+ */
+                    user-select: none;
+                    /* 鏍囧噯璇硶 */
+                }
+            }
+        }
+
+        .pdf-con-15 {
+            margin-top: -20px;
+        }
+    }
+
+    .fm-hyzh {
+        font-family: "姹変华涓粦";
+        font-weight: 500;
+    }
+
+    .fm-hyss {
+        font-family: "姹変华涔﹀畫";
+    }
+
+    div.bk-ztgs {
+        border: 0.15em dotted #5192c6;
+        padding: 0.5em;
+        margin-bottom: 2em;
+        margin-top: 2em;
+        border-radius: 1em;
+        position: relative;
+    }
+
+    p.bj1-ztgs {
+        background-color: #5192c6;
+        color: #ffffff;
+        display: inline-block;
+        font-size: 1em;
+        padding: 0.1em 0.7em 0.12em 0.7em;
+        font-weight: bold;
+        border-radius: 0em;
+        margin-left: 0em;
+        text-align: center;
+        text-indent: 0em;
+        position: absolute;
+        top: -2em;
+    }
+
+
+    .link-float {
+        width: 150px;
+        float: left;
+        height: auto;
+        margin: auto;
+        margin-right: 20px;
+    }
+
+    .imgBox-003 {
+        width: 100%;
+        height: 280px;
+        margin-bottom: 18px;
+    }
+
+    // 棰樼洰}
+
+    .textarea-main {
+        background-color: transparent;
+        max-width: 95%;
+        min-width: 95%;
+        outline: none;
+    }
+
+    .textarea-focused {
+        border-color: #5192c6 !important;
+        box-shadow: #5192c6 !important;
+    }
+
+    .select-border {
+        width: 60px;
+        border: 0;
+        border-bottom: 1px solid #767676;
+
+        &:focus {
+            outline: none;
+        }
+    }
+
+    .btn-border {
+        border-radius: 6px;
+        border-color: #5192C6;
+    }
+
+    .btn-w {
+        cursor: pointer;
+        font-size: 14px;
+        border-width: 1px;
+        width: 80px;
+        height: 30px;
+        background-color: #fff;
+
+        &:hover {
+            background-color: #5192C6;
+            color: #fff;
+        }
+    }
+
+    .parimary-btn {
+        cursor: pointer;
+        min-width: 80px;
+        height: 30px;
+        font-size: 14px;
+        margin-left: 5px;
+        background-color: #5192C6;
+        border-color: #5192C6;
+        border-width: 1px;
+        color: #fff;
+        border-radius: 6px;
+
+        &:hover {
+            background-color: #a1afc8;
+            border-color: #a1afc8;
+        }
+    }
+
+    .event-header-text-bc {
+        background-color: #bbd4ec;
+    }
+
+    .video-box {
+        margin: 20px 0 20px 8%;
+        border: 1px dashed #895B2E;
+        padding: 2% 2%;
+    }
+
+    .video-box-left {
+        margin: 20px 8% 20px 0;
+        border: 1px dashed #895B2E;
+        padding: 2% 2%;
+    }
+
+    .videoname {
+        display: flex;
+        justify-content: center;
+    }
+
+    .collect-btn {
+        cursor: pointer;
+        width: 20px;
+        height: 20px;
+        margin-left: 10px;
+        margin-top: 0.8%;
+    }
+
+    .collect-btn1 {
+        cursor: pointer;
+        width: 10px;
+        height: 10px;
+        margin-left: 10px;
+        margin-top: 0.8%;
+    }
+
+    .unitImg {
+        position: relative;
+        z-index: 1;
+    }
+
+    .unitBox {
+        z-index: 99;
+        position: absolute;
+        top: -5px;
+        left: 40px;
+    }
+
+    .unit2Box {
+        z-index: 99;
+        position: absolute;
+        top: -200px;
+        left: 40px;
+    }
+
+    .unitGraphic {
+        display: inline-block;
+        width: 10px;
+        height: 10px;
+        background-color: #5192C6;
+        border-radius: 50%;
+        margin-right: 15px;
+    }
+
+    .unit2Graphic {
+        display: inline-block;
+        width: 10px;
+        height: 10px;
+        background-color: #F89C1C;
+        border-radius: 50%;
+        margin-right: 15px;
+    }
+
+    .unit3Graphic {
+        display: inline-block;
+        width: 10px;
+        height: 10px;
+        background-color: #448D9C;
+        border-radius: 50%;
+        margin-right: 15px;
+    }
+
+    .unit4Graphic {
+        display: inline-block;
+        width: 10px;
+        height: 10px;
+        background-color: #9EAA60;
+        border-radius: 50%;
+        margin-right: 15px;
+    }
+
+
+    .unitText {
+        color: #5192C6;
+        font-size: 18px;
+    }
+
+    .unit2Text {
+        color: #F89C1C;
+        font-size: 16px;
+    }
+
+    .unit3Text {
+        color: #448D9C;
+        font-size: 16px;
+    }
+
+    .unit4Text {
+        color: #9EAA60;
+        font-size: 16px;
+    }
+
+
+
+    // 杩佺Щ
+    .bk-bwh {
+        min-height: 800px;
+        background-color: #DFEBF7;
+        font-size: 1.2em;
+        padding: 25px;
+        border: 4px dotted #197ABF;
+    }
+
+    ul {
+        list-style-type: none;
+    }
+
+    li {
+        list-style-type: none;
+    }
+
+    .custom_tag2 {
+        background-color: #F1BE49;
+        color: #FFFFFF;
+        display: inline-block;
+        padding: 0.5px;
+        border-radius: 1.5em;
+        font-size: 1.1em;
+        padding: 2px 10px 2px 10px;
+        font-weight: bold;
+        margin: 0;
+        text-indent: 0em;
+        margin-bottom: 0.5em;
+    }
+
+    .custom_tag1 {
+        background-color: #35ACD6;
+        color: #FFFFFF;
+        display: inline-block;
+        padding: 1px;
+        font-size: 1.1em;
+        padding: 3px 10px 3px 10px;
+        font-weight: bold;
+        box-shadow: 15px 0px 0px 0px #F5D83E, -15px 0px 0px 0px #F5D83E;
+        margin: 0;
+        text-indent: 0em;
+        margin-bottom: 0.5em;
+    }
+
+    .custom_tag {
+        background-color: #35509F;
+        color: #FFFFFF;
+        display: inline-block;
+        padding: 1px;
+        border-radius: 1.5em;
+        font-size: 1.1em;
+        padding: 10px 20px 10px 20px;
+        font-weight: bold;
+        box-shadow: 30px 0px 0px 0px #F5D83E;
+        margin: 0;
+        text-indent: 0em;
+        margin-bottom: 0.5em;
+    }
+
+
+    span.under1 {
+        border-bottom: 2px solid #F0BD4A;
+        border-width: 2px;
+
+    }
+
+    div.bodycontent-div-center {
+        font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋";
+        margin: 1em 1em 1em 1em;
+        font-weight: normal;
+        border-width: 1.5px;
+        border-color: #dfb27d;
+        padding: 1em;
+    }
+
+    img.bodycontent-divcenter-image {
+        float: center;
+        clear: both;
+        height: 140px;
+        margin: 15px;
+    }
+
+    .module_block {
+        display: flex;
+        font-size: 1.1em;
+        position: relative;
+        padding-left: 90px;
+        justify-content: center;
+        align-items: center;
+        margin-right: 91px;
+    }
+
+    .module_block .custom1 {
+        background-color: #9ACC77;
+        padding: 10px 20px;
+        color: #FFFFFF;
+        /* position: absolute; */
+        /* left:0; */
+        /* top: 50%; */
+        border-radius: 0.5em 0em 0em 0.5em;
+        /* transform: translateY(-50%); */
+    }
+
+    .module_block .custom2 {
+        background-color: #E9F3E0;
+        padding: 10px 20px;
+        color: #75A64E;
+        font-weight: bold;
+        border-radius: 0em 0.5em 0.5em 0em;
+    }
+
+
+
+    div.bodycontent-div-left1 {
+        font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋";
+        margin: 1em 1em 1em 1em;
+        font-weight: normal;
+        border-width: 1.5px;
+        border-color: #dfb27d;
+        padding: 1em;
+        background-color: #F0F8FF;
+    }
+
+    div.bodycontent-div-left {
+        font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋";
+        margin: 1em 1em 1em 1em;
+        font-weight: normal;
+        border-width: 1.5px;
+        border-color: #dfb27d;
+        padding: 1em;
+    }
+
+    img.bodycontent-divright-image {
+        float: right;
+        clear: both;
+        height: 140px;
+        margin: 15px;
+    }
+
+    img.bodycontent-divleft-image {
+        float: left;
+        clear: both;
+        height: 110px;
+        margin: 15px;
+    }
+
+
+    div.bodystyle {
+        text-align: justify;
+        margin: 0 11%;
+        padding-bottom: 80px;
+        line-height: 30px;
+    }
+
+    .UnitCover {
+        margin: 0 13%;
+        padding-top: 10%;
+        padding-bottom: 80px;
+    }
+
+    .unit-title-parent {
+        text-align: center;
+        margin: 10% 0;
+    }
+
+    .unit-title {
+        font-family: "鏂规姝i粦";
+        display: inline-block;
+        font-size: 1.6em;
+        font-weight: 500;
+        border-bottom: 1px solid #0082D4;
+        padding: 10px 0;
+    }
+
+
+    span.zt-0 {
+        color: #0087AF;
+    }
+
+    p.pzt-0 {
+        color: #0087AF;
+        font-size: 18px;
+    }
+
+    p.pzt-0-right {
+        font-size: 18px;
+        color: #0087AF;
+        text-align: right;
+    }
+
+    p.pzt-1 {
+        font-weight: bold;
+        color: #0087AF;
+        font-size: 18px;
+    }
+
+    div.sgc-toc-title {
+        font-size: 2em;
+        font-weight: bold;
+        margin-bottom: 1em;
+        text-align: center;
+    }
+
+
+    .block {
+        font-family: "kaiTi";
+        text-indent: 2em;
+        line-height: 30px;
+        font-size: 17px;
+        text-align: justify;
+    }
+
+    .block1 {
+        text-align: center;
+    }
+
+    .img {
+        font-family: 'FZLTXIHJW';
+        text-align: center;
+        font-size: 14px;
+        margin-left: 0%;
+        margin-right: 0%;
+        text-indent: 0em;
+    }
+
+    .img1 {
+        font-family: 'FZLTXIHJW';
+        text-align: right;
+        font-size: 0.85em;
+        margin-left: 0%;
+        margin-right: 2em;
+        text-indent: 0em;
+    }
+
+
+    p {
+        font-family: "鏂规涔﹀畫";
+        margin-top: 0em;
+        margin-bottom: 0.2em;
+        text-indent: 2em;
+        line-height: 30px;
+        text-align: justify;
+    }
+
+    .cover {
+        width: 100%;
+        padding: 0px;
+    }
+
+    .center {
+        text-align: center;
+        margin-left: 0%;
+        margin-right: 0%;
+        text-indent: 0em;
+    }
+
+    .center-ss {
+        text-align: center;
+        color: #EF8472;
+        font-weight: bold;
+        margin-left: 0%;
+        margin-right: 0%;
+        text-indent: 0em;
+    }
+
+    .left {
+        text-indent: 0em;
+        margin-bottom: 0px;
+        line-height: 20px;
+    }
+
+
+    .img-0 {
+        width: 100%;
+    }
+
+    .img-a {
+        width: 95%;
+    }
+
+    .img-b {
+        width: 70%;
+    }
+
+    .img-c {
+        width: 60%;
+    }
+
+    .img-d {
+        width: 50%;
+    }
+
+    .img-e {
+        width: 45%;
+    }
+
+    .img-f {
+        width: 40%;
+    }
+
+    .img-g {
+        width: 30%;
+    }
+
+    .img-h {
+        width: 20%;
+    }
+
+    .img-i {
+        width: 10%;
+    }
+
+    .img-j {
+        width: 5%;
+    }
+
+    // epub涓嚜甯︾殑鏍峰紡
+    .foreword {
+        padding: 8% 12%;
+        background: radial-gradient(ellipse at center, #def1fb, #FFFFFF)
+    }
+
+    h1.firstTitle {
+        background: transparent;
+        padding: 20% 0 15% 0;
+        text-align: center;
+        font-size: 2em;
+        line-height: 1.2em;
+        text-indent: 0em;
+        color: #231f20;
+        font-family: "鏂规姝i粦";
+        text-shadow: 4px 1px 4px rgba(0, 0, 0, 0.3);
+    }
+
+    .preface {
+        font-family: "鏂规涔﹀畫";
+        text-indent: 2em;
+        color: #000;
+    }
+
+
+    .right-info {
+        font-family: "kaiti";
+        text-align: right;
+        margin-bottom: 0.5em;
+    }
+
+    .imgdescript-l {
+        margin-left: -5%;
+    }
+
+    h2 {
+        text-align: center;
+        color: #00aeef;
+        font-family: "鏂规鍏颁涵绾ょ粏";
+        font-size: 1.5em;
+    }
+
+    .titleQuot-l {
+        text-indent: 0em;
+        margin: 15px 0 10px 0;
+        font-size: 1.2em;
+        font-weight: bold;
+    }
+
+    .poemtitle-l {
+        font-family: "鏂规鍏颁涵绾ょ粏";
+        font-size: 1.1em;
+        margin: 15px 0 10px 0;
+    }
+
+    .quotation {
+        font-family: "kaiti";
+    }
+
+    /*搴曡壊*/
+    .bgColor {
+        padding: 10px 20px;
+        background: #e1f4fc;
+        border: 2px solid #008cb7;
+        border-radius: 10px;
+        margin: 1em auto;
+
+        .bgColor-title {
+            font-family: "鏂规缁嗗渾";
+            font-weight: bold;
+        }
+    }
+
+    // 鎷撳睍瀛︿範
+    .ExpandLearning {
+        padding: 40px 20px 20px 20px;
+        background: #e1f4fc;
+        border-top: 2px solid #008cb7;
+        margin: 1em auto;
+        position: relative;
+    }
+
+    .ExpandLearning-title {
+        text-indent: 0;
+        position: absolute;
+        top: -16px;
+        left: 0px;
+
+        span {
+            background-color: #e1f4fc;
+            height: 20px;
+            width: 30px;
+            padding: 5px;
+            border: 1px solid #008cb7;
+            border-radius: 50%;
+            margin-right: 1px;
+        }
+    }
+
+    .imgdescript{
+        font-size: 13px;
+        text-indent: 0em;
+        text-align: center;
+    }
+
+    .learningDetection{
+        font-family: "姹変华姝i粦";
+        background-color: #6bcff6;
+        font-weight: bold;
+        margin: 30px 0 20px 0;
+    }
+
+    .poemtitle{
+        text-align: center;
+        font-weight: bold;
+        font-family: "鏂规鍏颁涵缁嗛粦";
+    }
+
+    .bold{
+        color: #00aeef;
+        font-weight: bold;
+    }
+
+    .noteContent{
+        font-size: 13.5px;
+        word-break:break-all;
+        margin: 0 !important;
+        line-height: 25px;
+
+        .noteContent-title{
+            font-size: 13.5px;
+            font-weight: bold;
+            margin: 0 !important;
+        }
+    }
+
+    sup{
+        cursor: pointer;
+    }
+}
+
+.pdfModal {
+    width: 100%;
+    height: 90vh;
+
+    .pdfBox-component {
+        width: 100%;
+        height: 100%;
+        position: relative;
+
+        .preview {
+            width: 100%;
+            height: 100%;
+
+            .imageBox {
+                height: calc(100% - 30px);
+                overflow-x: hidden;
+                overflow-y: auto;
+                background: #ccc;
+                box-sizing: border-box;
+            }
+
+            .imageBox:hover {
+                cursor: zoom-in !important;
+            }
+
+            ::v-deep .el-dialog__header {
+                background-color: rgba(0, 0, 0, 0.8);
+
+                .header_title {
+                    display: flex;
+                    justify-content: space-between;
+                    align-items: center;
+                    color: #fff;
+                    font-weight: 900;
+                    font-size: 16px;
+                    font-family: 'FZLTXIHJW';
+
+                    span:nth-child(2):hover {
+                        cursor: pointer;
+                    }
+                }
+
+                ::v-deep .el-dialog__title,
+                ::v-deep .el-dialog__headerbtn .el-dialog__close {
+                    color: #fff;
+                    font-weight: 900;
+                    font-size: 16px;
+                    font-family: 'FZLTXIHJW';
+                }
+            }
+
+            .bottom_tool {
+                height: 30px;
+                background-color: rgba(0, 0, 0, 0.8);
+                display: flex;
+                justify-content: flex-end;
+                align-items: center;
+
+                svg {
+                    margin-right: 15px;
+                    fill: #d1d1d1;
+                }
+
+                svg:hover {
+                    fill: #fff;
+                    cursor: pointer;
+                }
+            }
+        }
+
+        .notBox {
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: calc(100% - 30px);
+            min-height: 300px;
+        }
+    }
+}
+
+.custom-dialog {
+    overflow: hidden !important;
+
+    .el-dialog__body {
+        padding: 0;
+    }
+
+    .el-dialog__header {
+        background-color: rgba(0, 0, 0, 0.8);
+
+        .header_title {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            color: #fff;
+            font-weight: 900;
+            font-size: 16px;
+            font-family: 'FZLTXIHJW';
+
+            span:nth-child(2):hover {
+                cursor: pointer;
+            }
+        }
+
+        .el-dialog__title,
+        .el-dialog__headerbtn .el-dialog__close {
+            color: #fff;
+            font-weight: 900;
+            font-size: 16px;
+            font-family: 'FZLTXIHJW';
+        }
+    }
+}
+
+.header_title {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    // color: #fff;
+    font-weight: 900;
+    font-size: 16px;
+    font-family: 'FZLTXIHJW';
+
+    span:nth-child(2):hover {
+        cursor: pointer;
+    }
+}
+
+// 琛ㄦ牸鏍峰紡
+table {
+    border-collapse: collapse; //琛ㄦ牸鐨勮竟妗嗗悎骞讹紝濡傛灉鐩搁偦锛屽垯鍏辩敤涓�涓竟妗嗐��
+    border-spacing: 0px; //璁剧疆琛屼笌鍗曞厓鏍艰竟妗嗙殑闂磋窛銆�
+}
+
+@font-face {
+    font-family: '姹変华涓粦';
+    src: url('./Fonts/hyb1gjm.ttf');
+}
+
+@font-face {
+    font-family: '姹変华涔﹀畫';
+    src: url('./Fonts/hya1gjm.ttf');
+}
+
+@font-face {
+    font-family: '姹変华妤蜂綋';
+    src: url('./Fonts/hyc1gjm.ttf');
+}
+
+@font-face {
+    font-family: '鏂规涔﹀畫';
+    src: url('./Fonts/FZSSK.TTF');
+}
+
+@font-face {
+    font-family: '鏂规姝i粦';
+    src: url('./Fonts/FZZHJW.TTF');
+}
+
+@font-face {
+    font-family: '鏂规缁嗗渾';
+    src: url('./Fonts/FZY1JW.TTF');
+}
+
+@font-face {
+    font-family: '鏂规鍏颁涵绾ょ粏';
+    src: url('./Fonts/FZLTXHK.TTF');
+}
+
+
+// @font-face {
+//     font-family: 'FZLTXIHJW';
+//     src: url('./Fonts/FZLTXIHJW.ttf');
+// }
+
+// @font-face {
+//     font-family: 'FZHTJW';
+//     src: url('./Fonts/FZHTJW.ttf');
+// }
+
+
+// 闅愯棌椤甸潰
+.hidePage {
+    min-height: 0 !important;
+    height: 0 !important;
+    box-shadow: none !important;
+}
+
+/* 濯掍綋鏌ヨ鍋氬熀纭�鍝嶅簲寮忓竷灞� */
+
+@media screen and (max-width: 1024px) {
+    .pdfModal {
+        width: 100%;
+        height: 80vh;
+    }
+
+    .custom-dialog {
+        .el-dialog {
+            width: 90vw !important;
+        }
+    }
+}
+
+@media screen and (max-width: 800px) {
+    .pdfModal {
+        width: 100%;
+        height: 60vh;
+    }
+
+    .custom-dialog {
+        .el-dialog {
+            width: 90vw !important;
+        }
+    }
+}
+
+@media (max-width: 660px) {
+    .artInitiationForAges0to3 {
+
+        .pad-l-80 {
+            padding-left: 10px;
+        }
+
+        .mr-70 {
+            margin-right: 15px;
+        }
+
+        /* 鍒嗛〉padding */
+        .padding-93 {
+            padding: 0 20px;
+        }
+
+        .padding-102 {
+            padding: 0 20px;
+        }
+
+
+        .img-float {
+            width: 130px;
+        }
+
+        .img-rights {
+            width: 130px;
+        }
+
+        .btn-w {
+            width: 42px;
+        }
+
+        .unitText {
+            color: #5192C6;
+            font-size: 10px;
+        }
+
+        .unit2Text {
+            color: #F89C1C;
+            font-size: 10px;
+        }
+
+        .wh-no {
+            white-space: wrap;
+        }
+
+        td {
+            padding: 5px 10px;
+        }
+    }
+}
+
+@media (min-width: 660px) {
+    .artInitiationForAges0to3 {
+        .padding-93 {
+            padding: 0 93px 0px 93px;
+        }
+
+        .padding-102 {
+            padding: 0 102px 0 102px;
+        }
+    }
+}
+
+::-webkit-scrollbar {
+    width: 8px;
+    height: 10px;
+}
+
+::-webkit-scrollbar-track-piece {
+    background-color: rgba(0, 0, 0, 0.1);
+    -webkit-border-radius: 6px;
+}
+
+::-webkit-scrollbar-thumb:vertical {
+    height: 5px;
+    background-color: rgba(125, 125, 125, 0.3);
+    -webkit-border-radius: 6px;
+}
+
+::-webkit-scrollbar-thumb:horizontal {
+    width: 5px;
+    background-color: rgba(125, 125, 125, 0.3);
+    -webkit-border-radius: 6px;
+}
\ No newline at end of file
diff --git a/src/books/artInitiationForAges0to3/view/components/chapter001.vue b/src/books/artInitiationForAges0to3/view/components/chapter001.vue
new file mode 100644
index 0000000..b44e9e3
--- /dev/null
+++ b/src/books/artInitiationForAges0to3/view/components/chapter001.vue
@@ -0,0 +1,1026 @@
+<template>
+  <div class="chapter" num="2">
+    <!-- 1椤� -->
+    <div class="page-box" page="6">
+      <div v-if="showPageList.indexOf(6) > -1">
+        <div class="UnitCover">
+          <div class="unit-title-parent">
+            <h1 class="unit-title">鍗曞厓涓�銆�璧拌繎0锝�3宀佸┐骞煎効鑹烘湳鍚挋</h1>
+          </div>
+          <p class="titleQuot-1">瀵艰█</p>
+          <div class="bgColor">
+            <p class="">
+              0锝�3宀佸┐骞煎効鏃舵湡鏄汉鐢熺殑鏈�鍒濋樁娈碉紝杩欎竴鏃舵湡鐨勫┐骞煎効鍊惧悜浜庣敤鑹烘湳鐨勬柟寮忚璇嗕笌鎶婃彙涓栫晫锛岃〃杈炬儏鎰熶笌鎯虫硶绛夈�傞�氳繃瀛︿範鏈崟鍏冿紝浣犺兘澶熻蛋杩�0锝�3宀佸┐骞煎効锛岃蛋杩�0锝�3宀佸┐骞煎効鑹烘湳鍚挋銆傞偅涔堬紝鍒板簳浠�涔堟槸0锝�3宀佸┐骞煎効鑹烘湳鍚挋锛熸�庢牱瀹氫綅0锝�3宀佸┐骞煎効鑹烘湳鍚挋杈冧负閫傚疁锛�0锝�3宀佸┐骞煎効鑹烘湳鍚挋鍏锋湁浠�涔堜环鍊硷紵0锝�3宀佸┐骞煎効鑹烘湳鍚挋搴旇閬靛惊鍝簺鍘熷垯锛熷涔犲畬鏈崟鍏冿紝浣犱笉浠呭彲浠ユ壘鍒颁笂杩伴棶棰樼殑绛旀锛岃�屼笖鍙互鎰熷彈鍒�0锝�3宀佸┐骞煎効鑹烘湳鍚挋鐨勯瓍鍔涖��
+            </p>
+          </div>
+          <p class="titleQuot-1">瀛︿範鐩爣</p>
+          <p class="">
+            1锛庣悊瑙�0锝�3宀佸┐骞煎効鑹烘湳鍚挋鐨勫唴娑碉紝灏濊瘯姣旇緝0锝�3宀佸┐骞煎効鐨勮壓鏈惎钂欎笌3锝�6宀佸辜鍎跨殑鑹烘湳鏁欒偛銆�
+          </p>
+          <p class="">
+            2锛庨浼�0锝�3宀佸┐骞煎効鑹烘湳鍚挋鏄竴绉嶈壓鏈礌鍏绘暀鑲层�侀�氳繃鑹烘湳鐨勬暀鑲层�佺敓娲绘柟寮忕殑鏁欒偛銆�
+          </p>
+          <p class="">
+            3锛庝簡瑙�0锝�3宀佸┐骞煎効鑹烘湳鍚挋鐨勪环鍊硷紝骞跺杽浜庡湪瀹炶返涓彂鐜�0锝�3宀佸┐骞煎効鑹烘湳鍚挋鐨勪环鍊笺��
+          </p>
+          <p class="">
+            4锛庢帉鎻�0锝�3宀佸┐骞煎効鑹烘湳鍚挋鐨勫師鍒欙紝涓旇兘澶熻繍鐢ㄤ簬0锝�3宀佸┐骞煎効鑹烘湳娲诲姩鐨勮鍒掍笌瀹炴柦銆�
+          </p>
+        </div>
+      </div>
+    </div>
+    <!-- 2椤� -->
+    <div class="page-box" page="7">
+      <div v-if="showPageList.indexOf(7) > -1">
+        <ul class="header-left">
+          <li class="headerNumber">002</li>
+          <li class="headerText">0~3宀佸┐骞煎効鑹烘湳鍚挋</li>
+        </ul>
+        <div class="bodystyle">
+          <p class="titleQuot-1">鍐呭瀵艰</p>
+          <div class="qrbodyPic">
+            <p class="openImgBox">
+              <img class="img-0" src="../../assets/images/Figure-0013-01.jpg" />
+            </p>
+            <p class="imgdescript-l fl al-c">
+              <img class="img-h" src="../../assets/images/0007-01.png" alt="" />
+              <span class="td-0 mt-70">
+                娉細鏍囨敞<img
+                  class="img-i"
+                  src="../../assets/images/Figure-0013-02.jpg"
+                  alt=""
+                />鐨勫搴斿唴瀹规湁閰嶅鍦ㄧ嚎璧勬簮锛屽彲渚涘欢浼稿涔犮��
+              </span>
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- 3椤� -->
+    <div class="page-box" page="8">
+      <div v-if="showPageList.indexOf(8) > -1">
+        <ul class="header-right fl al-c jc-fe">
+          <li class="header-right-Text">鍗曞厓涓�銆�璧拌繎0~3宀佸┐骞煎効鑹烘湳鍚挋</li>
+          <li class="header-right-Number">
+            <span>003</span>
+            <img
+              class="img-b"
+              src="../../assets/images/header-right.png"
+              alt=""
+            />
+          </li>
+        </ul>
+        <div class="bodystyle">
+          <h2 class="secondsubHead-2">
+            浠诲姟涓�銆�0锝�3宀佸┐骞煎効鑹烘湳鍚挋鐨勫唴娑典笌瀹氫綅
+          </h2>
+          <p class="content">
+            鑴戠瀛︾殑鐮旂┒琛ㄦ槑锛�0锝�3宀佸┐骞煎効鏁欒偛瀵逛汉涓�鐢熺殑鍙戝睍鍏锋湁闈炲父閲嶈鐨勪綔鐢紝鍏朵腑涔熸秹鍙婅壓鏈惎钂欍�備负浠�涔堟垜浠灏嗗0锝�3濠村辜鍎胯繘琛岀殑鑹烘湳褰卞搷绉颁负鈥滆壓鏈惎钂欌�濓紝鑰岄潪鈥滆壓鏈暀鑲测�濓紵浠�涔堟槸0锝�3宀佸┐骞煎効鑹烘湳鍚挋锛�0锝�3宀佸┐骞煎効鑹烘湳鍚挋璇ュ浣曞畾浣嶏紵
+          </p>
+          <p class="titleQuot-l">涓�銆�0锝�3宀佸┐骞煎効鑹烘湳鍚挋鐨勫唴娑�</p>
+          <p class="content">
+            鑹烘湳鏄汉绫绘劅鍙楃編銆佽〃鐜扮編鍜屽垱閫犵編鐨勯噸瑕佸舰寮忥紝涔熸槸琛ㄨ揪鑷繁瀵瑰懆鍥翠笘鐣岀殑璁よ瘑鍜屾儏缁�佸害鐨勭嫭鐗规柟寮忋��<sup
+              title="銆�3-6宀佸効绔ュ涔犱笌鍙戝睍鎸囧崡銆嬶紝http://www.edu.cn/xue_qian_news_197/20121019/t20121019_858538.shtml锛�2012-10-19銆�"
+              >鈶�</sup
+            >0锝�3宀佸┐骞煎効鏃舵湡鏄汉鐢熺殑鏈�鍒濋樁娈碉紝浠栦滑鍊惧悜浜庣敤鑹烘湳鐨勬柟寮忚璇嗗拰鎶婃彙涓栫晫锛岃〃杈炬儏鎰熷拰鎯虫硶銆�
+          </p>
+          <p class="poemtitle-l">锛堜竴锛変綍璋撯�滆壓鏈惎钂欌��</p>
+          <p class="content">
+            銆婂辜鍎垮洯鏁欒偛鎸囧绾茶锛堣瘯琛岋級銆嬪皢骞煎効鍥暀鑲插唴瀹圭浉瀵瑰垝鍒嗕负鍋ュ悍銆佽瑷�銆佺ぞ浼氥�佺瀛︺�佽壓鏈簲涓鍩熴�傘��3-6宀佸効绔ュ涔犱笌鍙戝睍鎸囧崡銆嬫寚鍑猴細鈥滃辜鍎胯壓鏈鍩熷涔犵殑鍏抽敭鍦ㄤ簬鍏呭垎鍒涢�犳潯浠跺拰鏈轰細锛屽湪澶ц嚜鐒跺拰绀句細鏂囧寲鐢熸椿涓悓鍙戝辜鍎垮缇庣殑鎰熷彈鍜屼綋楠岋紝涓板瘜鍏舵兂璞″姏鍜屽垱閫犲姏锛屽紩瀵煎辜鍎垮浼氱敤蹇冪伒鍘绘劅鍙楀拰鍙戠幇缇庯紝鐢ㄨ嚜宸辩殑鏂瑰紡鍘昏〃鐜板拰鍒涢�犵編銆傗�濋拡瀵�3锝�6宀佸辜鍎挎柦鍔犵殑鑹烘湳褰卞搷锛屾垜浠�氬父绉颁负鑹烘湳鏁欒偛锛屾洿鍔犲嚫鏄惧叾鐩殑鎬с�佽鍒掓�х瓑銆�
+          </p>
+          <p class="content">
+            鍩轰簬0锝�3宀佸効绔ョ殑韬績鍙戝睍鐗圭偣涓庤壓鏈兘鍔涘彂灞曠壒寰侊紝鎴戜滑灏嗛拡瀵�0锝�3宀佸┐骞煎効瀹炴柦鐨勮壓鏈暀鑲茬О涓鸿壓鏈惎钂欙紝鍑告樉鍏跺熀纭�鎬с�佸惎钂欐�с�傛暀甯堟垨鑰呭闀胯兘澶熷拰濠村辜鍎夸竴璧峰彂鐜般�佹劅鍙楀拰娆h祻鑷劧鐜鍜岀敓娲讳腑缇庣殑浜嬬墿锛屽湪涓�鏃ョ敓娲讳腑铻嶅叆鍚勭鍚勬牱鐨勮壓鏈舰寮忥紝璁╁┐骞煎効鎺ュ彈鑹烘湳鐨勭啅闄讹紝鍙備笌鑷繁鍠滅埍鐨勮壓鏈椿鍔紝浠庤�屼娇寰楀┐骞煎効鐨勭敓娲讳腑鍏呮弧鑹烘湳锛屼负浠婂悗濠村辜鍎垮枩娆㈣壓鏈�佸弬涓庤壓鏈�佸涔犺壓鏈瓑濂犲畾鑹ソ鐨勫熀纭�銆傚浜庡┐骞煎効鏉ヨ锛屽枩娆翰杩戣壓鏈�佸枩娆㈠弬鍔犺壓鏈椿鍔ㄦ槸鍗佸垎閲嶈鐨勩�傛崲瑷�涔嬶紝鐩告瘮浜庤壓鏈煡璇嗘妧鑳姐�佹劅鐭ヤ笌娆h祻銆佸垱浣滀笌琛ㄧ幇锛屽┐骞煎効瀵硅壓鏈殑鍏磋叮涓庢�佸害鏄瑕佺殑銆�
+          </p>
+          <p><br /></p>
+          <hr />
+          <p class="noteContent">
+            <a id="m1">鈶�</a
+            >&emsp;銆�3-6宀佸効绔ュ涔犱笌鍙戝睍鎸囧崡銆嬶紝http://www.edu.cn/xue_qian_news_197/20121019/t20121019_858538.shtml锛�2012-10-19銆�
+          </p>
+        </div>
+      </div>
+    </div>
+    <!-- 4椤� -->
+    <div class="page-box" page="9">
+      <div v-if="showPageList.indexOf(9) > -1">
+        <ul class="header-left">
+          <li class="headerNumber">004</li>
+          <li class="headerText">0~3宀佸┐骞煎効鑹烘湳鍚挋</li>
+        </ul>
+        <div class="bodystyle">
+          <p class="poemtitle-l">锛堜簩锛変粈涔堟槸0锝�3宀佸┐骞煎効鑹烘湳鍚挋</p>
+          <p class="content">
+            鍚挋锛屽嵆寮�钂欙紝鎸囨暀鑲茬钂欙紝浣垮効绔ュ緱鍒板熀鏈殑銆佸叆闂ㄧ殑鐭ヨ瘑锛涗害鎸囬�氳繃瀹d紶鏁欒偛锛屼娇鍚庤繘鐨勪汉浠帴鍙楁柊浜嬬墿鑰屽緱鍒拌繘姝ャ��<sup
+              title="杈炴捣缂栬緫濮斿憳浼氾細銆婅緸娴枫�嬶紝4250椤碉紝涓婃捣锛屼笂娴疯緸涔﹀嚭鐗堢ぞ锛�1999銆�"
+              >鈶�</sup
+            >0锝�3宀佸┐骞煎効鑹烘湳鍚挋涓殑鍚挋鎸囩殑鏄墠鑰咃紝鍗冲闀挎垨鎵樿偛鏈烘瀯鐨勬暀甯堝紩瀵煎┐骞煎効鍙戠幇骞跺叧娉ㄣ�佹劅鍙椾笌娆h祻鑷劧鐜鍜岀敓娲讳腑鐨勭編锛屽湪鍏剁敓娲讳腑鑷劧铻嶅叆濠村辜鍎垮彲浠ユ帴鍙楃殑缇庢湳銆侀煶涔愮瓑鑹烘湳褰㈠紡锛屽厖鍒嗗彂鎸ヨ壓鏈殑鏁欒偛鍔熻兘锛屼粠鑰屾彁鍗囧┐骞煎効鐨勮壓鏈礌鍏伙紝淇冭繘濠村辜鍎胯韩浣撱�佽鐭ャ�佹儏鎰熴�佺ぞ浼氭�х瓑鏂归潰鐨勬暣浣撳拰璋愬彂灞曘��0锝�3宀佸┐骞煎効鑹烘湳鍚挋锛屾棬鍦ㄨ濠村辜鍎垮枩娆㈡帴瑙﹁壓鏈紝閫氳繃澶氭劅瀹樺弬涓庯紝澧炲己鑹烘湳鏁忔劅鎬э紝鑾峰緱缇庣殑鐔忛櫠銆傝濡傦紝鍦ㄤ笅杩版渚嬩腑锛岄浄鍚夌殑鐖舵瘝涓哄叾鍒涢�犱簡鍦ㄨ壓鏈鎺ヨЕ鑹烘湳銆佹璧忓ぇ甯堜綔鍝佺殑鏈轰細銆傞浄鍚夌殑涓�绯诲垪鍔ㄤ綔锛屽瀵逛綔鍝佺殑娉ㄨ銆佺瑧銆佹尌鎵嬨�佽涪鑵匡紝琛ㄦ槑浜嗕粬鑳藉涓诲姩鎰熺煡鑹烘湳浣滃搧锛屽苟鑾峰緱鍐呭績鐨勬弧瓒炽��
+          </p>
+          <p class="quotation">
+            闆峰悏锛圧eggie锛夊湪鍜屼粬鐨勭埗姣嶃�佸濮愪竴鍚屽弬瑙傝壓鏈锛岃櫧鐒朵粬鎵嶄節涓湀澶э紝杩樹笉浼氳璇濓紝濡堝鐢ㄥ┐鍎胯溅鎺ㄧ潃浠栦粠涓�骞呯敾鍒板彟涓�骞呯敾銆傛湁鏃堕浄鍚変細鐪嬬敾锛屾洿澶氱殑鏃跺�欎粬鍦ㄧ湅鍏朵粬鍙傝鑰咃紝鎴栬�呮憜寮勮繍鍔ㄨ~涓婄殑鎷夐摼銆備粬浠竴瀹跺仠鍦ㄤ簡涓�骞呭法澶х殑椹拏鏂壀绾哥敾鍓嶏紝閭e箙鍓焊鐢荤敤鏄庝寒鐨勫師鑹茶皟鍛堢幇鍑轰簡鎶借薄鐨勮垶鑰呯殑杞粨銆傜湅鐫�杩欏箙浣滃搧锛岄浄鍚夊挧鍢寸瑧浜嗭紝寮�蹇冨湴绗戠潃锛屾尌鑸炴墜鑷傦紝鐢ㄥ姏韪㈣吙銆傚綋浠栦滑璧疯韩瑕佺Щ鍔ㄥ埌涓嬩竴骞呬綔鍝佽窡鍓嶅幓鏃讹紝浠栦笉婊″湴鍛滃捊浜嗕竴澹帮紝浠栦笉鎯崇寮�椹拏鏂殑浣滃搧銆�<sup
+              title="[缇嶿瀹�. S. 鐖辨臣鏂潶銆佷紛鑾甭风壒閲岀背鏂細銆婃垜鏄効绔ヨ壓鏈锛氬鍓嶅効绔ヨ瑙夎壓鏈殑鍙戝睍銆嬶紝鍐妗㈢瓑璇戯紝33椤碉紝鍖椾含锛屾暀鑲茬瀛﹀嚭鐗堢ぞ锛�2017銆�"
+              >鈶�</sup
+            >
+          </p>
+          <p class="titleQuot-l">浜屻��0锝�3宀佸┐骞煎効鑹烘湳鍚挋鐨勫畾浣�</p>
+          <p class="content">
+            閴翠簬0锝�3宀佸┐骞煎効韬績鍙戝睍鐗圭偣銆佽壓鏈兘鍔涘彂灞曠壒寰佺瓑锛�0锝�3宀佸┐骞煎効鑹烘湳鍚挋涓嶅悓浜庡叾浠栧勾榫勯樁娈电殑鏁欒偛锛屽畠鏄竴绉嶈壓鏈礌鍏绘暀鑲层�侀�氳繃鑹烘湳鐨勬暀鑲层�佺敓娲绘柟寮忕殑鏁欒偛銆�
+          </p>
+          <p class="poemtitle-l">
+            锛堜竴锛�0锝�3宀佸┐骞煎効鑹烘湳鍚挋鏄竴绉嶈壓鏈礌鍏绘暀鑲�
+          </p>
+          <p class="content">
+            鈥滆壓鏈妧鑳解�濇槸浜轰滑鎺屾彙鍜岃繍鐢ㄨ壓鏈殑涓撻棬鐭ヨ瘑涓庣粡楠岀殑鑳藉姏銆傚叿浣撹鏉ワ紝鈥滆壓鏈妧鑳解�濆氨鏄汉浠帉鎻″拰杩愮敤濉戦�犺壓鏈舰璞°�佽〃杈炬儏鎰熷拰瑙傚康绛夋柟闈㈢殑涓撻棬鐭ヨ瘑涓庣粡楠岀殑鑳藉姏銆�<sup
+              title="闄堣縼锛氥�婅瘯鏋愯壓鏈妧鑳戒笌鍒涢�犲姏鍗忓悓鍙戝睍鐨勫唴娑靛強鍏剁爺绌舵剰涔夈�嬶紝杞姐�婃暀鑲茬瀛︺�嬶紝2009骞寸1鏈熴��"
+              >鈶�</sup
+            >
+            鑹烘湳绱犲吇鏄┐骞煎効鏈潵浣滀负涓�涓畬鏁寸殑浜虹殑鏁翠綋绱犲吇鐨勯噸瑕佺粍鎴愰儴鍒嗐�傝壓鏈礌鍏昏秴瓒婁簡鑹烘湳鎶�鑳界殑姒傚康锛屾槸鍎跨鍦ㄨ壓鏈殑鍏磋叮涓庢�佸害銆佹劅鐭ヤ笌娆h祻銆佸垱浣滀笌琛ㄧ幇绛夋柟闈㈢殑绱犺川涓庝慨鍏汇��<sup
+              title="杈归湠锛氥�婂効绔ヨ壓鏈笌鏁欒偛銆嬶紝225椤碉紝鍗椾含锛屾睙鑻忓嚖鍑版暀鑲插嚭鐗堢ぞ锛�2015銆�"
+              >鈶�</sup
+            >
+          </p>
+          <p><br /></p>
+          <hr />
+          <p class="noteContent">
+            <a id="m1">鈶�</a
+            >&emsp;杈炴捣缂栬緫濮斿憳浼氾細銆婅緸娴枫�嬶紝4250椤碉紝涓婃捣锛屼笂娴疯緸涔﹀嚭鐗堢ぞ锛�1999銆�
+          </p>
+          <p class="noteContent">
+            <a id="m1">鈶�</a>&emsp;[缇嶿瀹�. S.
+            鐖辨臣鏂潶銆佷紛鑾甭风壒閲岀背鏂細銆婃垜鏄効绔ヨ壓鏈锛氬鍓嶅効绔ヨ瑙夎壓鏈殑鍙戝睍銆嬶紝鍐妗㈢瓑璇戯紝33椤碉紝鍖椾含锛屾暀鑲茬瀛﹀嚭鐗堢ぞ锛�2017銆�
+          </p>
+          <p class="noteContent">
+            <a id="m1">鈶�</a
+            >&emsp;闄堣縼锛氥�婅瘯鏋愯壓鏈妧鑳戒笌鍒涢�犲姏鍗忓悓鍙戝睍鐨勫唴娑靛強鍏剁爺绌舵剰涔夈�嬶紝杞姐�婃暀鑲茬瀛︺�嬶紝2009骞寸1鏈熴��
+          </p>
+          <p class="noteContent">
+            <a id="m1">鈶�</a
+            >&emsp;杈归湠锛氥�婂効绔ヨ壓鏈笌鏁欒偛銆嬶紝225椤碉紝鍗椾含锛屾睙鑻忓嚖鍑版暀鑲插嚭鐗堢ぞ锛�2015銆�
+          </p>
+        </div>
+      </div>
+    </div>
+    <!-- 5椤� -->
+    <div class="page-box" page="10">
+      <div v-if="showPageList.indexOf(10) > -1">
+        <ul class="header-right fl al-c jc-fe">
+          <li class="header-right-Text">鍗曞厓涓�銆�璧拌繎0~3宀佸┐骞煎効鑹烘湳鍚挋</li>
+          <li class="header-right-Number">
+            <span>005</span>
+            <img
+              class="img-b"
+              src="../../assets/images/header-right.png"
+              alt=""
+            />
+          </li>
+        </ul>
+        <div class="bodystyle">
+          <p class="content">
+            瀵逛簬濠村辜鍎挎潵璇达紝鑹烘湳绱犲吇鍏蜂綋娑夊強鑹烘湳鍏磋叮銆佽壓鏈劅鍙椾笌鑹烘湳琛ㄧ幇绛夋柟闈€�傝壓鏈叴瓒f槸鍎跨绉瀬涓诲姩鍙備笌鑹烘湳娲诲姩鐨勪竴绉嶅績鐞嗗�惧悜锛岃〃鐜颁负鍎跨瀵硅壓鏈彂鑷唴蹇冪殑鍠滅埍锛屽強鍏跺湪鑹烘湳瀹炶返娲诲姩涓骇鐢熺殑鎰夋偊鎰熴�傝壓鏈叴瓒f槸鍎跨鑹烘湳瀛︿範涓庡彂灞曠殑鍐呭湪鍔ㄥ姏锛屾槸鑹烘湳鎰熷彈涓庤壓鏈〃鐜扮殑鍓嶆彁銆傝壓鏈劅鍙楁槸鍎跨琚嚜鐒剁晫涓庣敓娲讳腑缇庣殑浜嬬墿鎴栬�呰壓鏈綔鍝佹墍鍚稿紩锛屽苟璋冨姩鎰熺煡銆佹兂璞°�佹儏鎰熺瓑鍏卞悓鍙備笌鐨勪竴绉嶈壓鏈兘鍔涖�傝壓鏈劅鍙椾笌娆h祻鏄効绔ヨ壓鏈〃鐜颁笌鍒涗綔鐨勫熀纭�銆傝壓鏈〃鐜版槸鍎跨杩愮敤鍚勭鑹烘湳褰㈠紡銆佸伐鍏蜂笌鏉愭枡灏嗚嚜韬唴鍦ㄧ殑瀹$編浣撻獙銆佹儏鎰熴�佹�濇兂绛夎〃杈惧嚭鏉ョ殑杩囩▼涓庤兘鍔涖�傚効绔ヨ壓鏈〃鐜颁笌鍒涗綔鏄壓鏈劅鍙椾笌娆h祻鐨勮嚜鐒惰〃杈俱��
+          </p>
+          <p class="content">
+            鍎跨涓庣敓淇辨潵鎷ユ湁鑹烘湳鎰熷彈涓庢璧忋�佽壓鏈〃鐜颁笌鍒涗綔鐨勬綔鑳斤紝浣嗘槸浠栦滑骞朵笉闇�瑕佷篃涓嶅叿鏈夋帴鍙楃郴缁熻壓鏈煡璇嗕笌涓撲笟鑹烘湳鎶�鑳界殑鑳藉姏銆傚洜姝わ紝0锝�3宀佸┐骞煎効鑹烘湳鍚挋涓昏鍦ㄤ簬鍚彂濠村辜鍎垮枩娆翰杩戣壓鏈紝鍠滄鍙備笌鑹烘湳娲诲姩锛屾洿澶氬叧娉ㄧ殑鏄┐骞煎効鑹烘湳鍏磋叮鐨勬縺鍙戯紝缁ц�屾墠鏄壓鏈劅鍙椾笌娆h祻銆佽壓鏈〃鐜颁笌鍒涗綔绛夎兘鍔涚殑鍒濇鍩瑰吇锛岄殢鍚庢墠鏄壓鏈椿鍔ㄦ墍闇�鐨勮壇濂借涓轰範鎯紝瀵硅壓鏈殑涔犳儻鎬ч渶瑕佸拰搴旂敤绛変範鎯殑閫愭笎鍏绘垚銆傚浜庡┐骞煎効鏉ヨ锛屾縺鍙戜粬浠鑹烘湳鐨勫枩鐖卞簲璇ユ槸棣栬鐨勩�傚┐骞煎効瀵规帴瑙﹀埌鐨勬蹇靛拰鎶�宸х殑璁よ瘑涓庣悊瑙e簲璇ュ湪鑷劧鍦版帴瑙﹁壓鏈綔鍝佸拰娲诲姩鐨勮繃绋嬩腑涓嶆柇澧為暱銆�
+          </p>
+          <p class="content">
+            浼犵粺鑹烘湳鏁欒偛鐨勪富瑕佸紛绔湪浜庯紝瀹冩槸涓�绉嶄互鍩瑰吇鏌愮鎶�鑳戒负涓荤殑鏁欒偛锛屾槸鎶�鑹哄湪鍏堢殑鏁欒偛锛岀敋鑷冲湪瀵瑰鍓嶅効绔ヨ繘琛岀殑鑹烘湳鏁欒偛涓篃鏄竴鏍枫��<sup
+              title="杈归湠锛氥�婂効绔ヨ壓鏈笌鏁欒偛銆嬶紝225椤碉紝鍗椾含锛屾睙鑻忓嚖鍑版暀鑲插嚭鐗堢ぞ锛�2015銆�"
+              >鈶�</sup
+            >
+            鍩轰簬濠村辜鍎跨殑韬績鍙戝睍鐗圭偣浠ュ強鑹烘湳鑳藉姏鍙戝睍鐗瑰緛锛�0锝�3宀佸┐骞煎効鑹烘湳鍚挋涓嶈兘涔熶笉搴旀槸涓�绉嶈壓鏈妧鑳芥暀鑲诧紝鑰屽簲鏄竴绉嶈壓鏈礌鍏绘暀鑲层�備綔涓轰竴绉嶈壓鏈礌鍏绘暀鑲诧紝0锝�3宀佸┐骞煎効鑹烘湳鍚挋鐨勭洰鐨勶紝涓嶄粎浠呭湪浜庡濠村辜鍎胯壓鏈叴瓒g殑婵�鍙戙�佸垵姝ヨ壓鏈兘鍔涚殑鍩瑰吇銆佺Н鏋佹�佸害鍜岃壇濂戒範鎯殑褰㈡垚锛岃壓鏈惎钂欐渶缁堢洰鐨勬槸浣垮┐骞煎効鑾峰緱缇庣殑鎯呮劅銆佺編鐨勫績鐏电殑闄跺喍锛屼績杩涙瘡涓�涓効绔ョ殑浜烘牸鍋ュ叏鍙戝睍锛屽奖鍝嶄粬浠殑褰撲笅鍜屾湭鏉ョ敓娲伙紝浣夸粬浠浼氱敤缇庡ソ鐨勫績鎬侀潰瀵圭敓娲汇�侀潰瀵圭ぞ浼氥�侀潰瀵规湭鏉ワ紝涓轰粬浠兘澶熸嫢鏈変竴棰楃埍缇庛�佹噦缇庝箣蹇冩墦涓嬫渶鍒濈殑鍩虹銆傚効绔ヨ壓鏈礌鍏诲吇鎴愭暀鑲茬殑杩囩▼灏辨槸涓�涓編娑︾蹇冪殑杩囩▼锛屽嵆浠ヨ壓鏈拰缇庢粙鍏诲効绔ョ殑蹇冪伒锛屽奖鍝嶅効绔ョ殑鐢熸椿锛屽吇鎴愬効绔ョ殑鑹烘湳绱犲吇锛屼娇鍎跨瀵圭編鐨勪簨鐗╂湁涓�棰楁晱閿愭劅鍙楃殑蹇冿紝鍠滅埍鑹烘湳锛屼箰浜庡弬鍔犺壓鏈椿鍔紝骞惰兘鐢ㄨ嚜宸卞枩娆㈢殑鏂瑰紡锛屽湪鑹烘湳娲诲姩鍜岀敓娲讳腑澶ц儐杩涜鑹烘湳琛ㄧ幇銆�<sup
+              title="杈归湠锛氥�婂効绔ヨ壓鏈笌鏁欒偛銆嬶紝225椤碉紝鍗椾含锛屾睙鑻忓嚖鍑版暀鑲插嚭鐗堢ぞ锛�2015銆�"
+              >鈶�</sup
+            >
+          </p>
+          <p><br /></p>
+          <hr />
+          <p class="noteContent">
+            <a id="m1">鈶�</a
+            >&emsp;杈归湠锛氥�婂効绔ヨ壓鏈笌鏁欒偛銆嬶紝225椤碉紝鍗椾含锛屾睙鑻忓嚖鍑版暀鑲插嚭鐗堢ぞ锛�2015銆�
+          </p>
+          <p class="noteContent">
+            <a id="m1">鈶�</a>&emsp;杈归湠锛氥�婂効绔ヨ壓鏈笌鏁欒偛銆嬶紝225椤碉紝鍗椾含锛屾睙鑻忓嚖鍑版暀鑲插嚭鐗堢ぞ锛�2015銆�
+          </p>
+        </div>
+      </div>
+    </div>
+    <!-- 6椤� -->
+    <div class="page-box" page="11">
+      <div v-if="showPageList.indexOf(11) > -1">
+        <ul class="header-left">
+          <li class="headerNumber">006</li>
+          <li class="headerText">0~3宀佸┐骞煎効鑹烘湳鍚挋</li>
+        </ul>
+        <div class="bodystyle">
+          <p class="content">
+            涓板瓙鎭哄湪銆婁赴瀛愭伜缇庢湳澶滆碍銆嬩竴涔︾殑鎵夐〉涓彁鍒帮細鈥滆壓鏈笉鏄亴涓氾紝鐢诲涓嶆槸鑱屼笟銆傝壓鏈笉鏄妧宸х殑浜嬩笟锛岃�屾槸蹇冪伒鐨勪簨涓氾紱鏁呯敾涓嶆槸鍟嗗搧锛屼笉鏄疄鐢ㄥ搧銆傛晠缁冪敾涓嶆槸缁冩墜鑵曠殑锛屾槸缁冨績鐏电殑锛涚湅鐢讳笉鏄敤鐪肩湅鐨勶紝鏄敤蹇冪伒鐪嬬殑銆傗��<span
+              class="super"
+              ><a id="noteBack_8" href="#note_8">[8]</a></span
+            >鎴戜滑涓嶅彲鑳借姹傚効绔ョ敾鍑虹簿缇庣粷浼︾殑鑹烘湳浣滃搧锛屾垜浠簲澶氬叧娉ㄥ効绔ュ湪缇庢湳娲诲姩涓�炬敞鐨勭儹鎯呭拰绉瀬琛ㄧ幇鐨勬鏈涳紝<span
+              class="super"
+              ><a id="noteBack_9" href="#note_9">[9]</a></span
+            >鍥犱负鈥滃効绔ョ敾鏄噸鍏磋叮鑰岃交鐞嗘硶鐨勶紝鏄繎浜庢极鐢荤殑涓�绉嶇粯鐢烩�濄�傚湪0锝�3宀佸┐骞煎効鑹烘湳鍚挋涓紝鎴愪汉搴斾繚鎶ゅ効绔ョ殑鑹烘湳娼滆兘锛屾縺鍙戝効绔ョ殑鑹烘湳鍏磋叮锛岄紦鍔卞効绔ユ寜鐓ц嚜宸辩殑鎰忔効澶ц儐鍦拌〃杈句笌鍒涢�狅紝淇冭繘鍎跨鍔ㄦ墜鎿嶄綔鑳藉姏銆佹兂璞″姏涓庡垱閫犲姏銆佺ぞ浼氭�т笌涓�х瓑鏂归潰鐨勫彂灞曪紝鍩瑰吇鍎跨鍋ュ叏鐨勪汉鏍笺��
+          </p>
+          <div class="bgColor">
+            <p class="bgColor-title">涓撳鐐规嫧</p>
+            <p class="quotation">
+              鏀跺惉涓撳瀵光��0锝�3宀佸┐骞煎効鑹烘湳鍚挋鏄竴绉嶈壓鏈礌鍏绘暀鑲测�濈殑璁茶В銆�
+            </p>
+          </div>
+          <p class="poemtitle-l">
+            锛堜簩锛�0锝�3宀佸┐骞煎効鑹烘湳鍚挋鏄竴绉嶉�氳繃鑹烘湳鐨勬暀鑲�
+          </p>
+          <p class="content">
+            鍎跨鍙戝睍鏈綅涓庤壓鏈绉戞湰浣嶄箣浜夋槸鍏充簬鍎跨鑹烘湳鏁欒偛浠峰�肩殑浜夎鐒︾偣涔嬩竴銆傛彁鍒板効绔ュ彂灞曟湰浣嶄笌鑹烘湳瀛︾鏈綅鍒欓渶鎻愬強瀵硅壓鏈暀鑲插奖鍝嶈緝娣辩殑涓ょ鍎跨鑹烘湳鏁欒偛瑙傦細宸ュ叿璁轰笌鏈川璁恒��<sup title="鐜嬩换姊咃細銆婃敼闈╁紑鏀句互鏉ヤ腑鍥藉鍓嶅効绔ヨ壓鏈暀鑲插巻鍙叉紨鍙樼爺绌躲�嬶紝148锝�149椤碉紝鍗椾含甯堣寖澶у鍗氬+瀛︿綅璁烘枃锛�2012銆�">鈶�</sup> 宸ュ叿璁轰笌鏈川璁鸿壓鏈暀鑲叉�濇兂棣栧厛鍙戣嚜缇庢湳鏁欒偛棰嗗煙锛岀劧鍚庨�愭笎娉㈠強鏁翠釜鑹烘湳鏁欒偛棰嗗煙锛屽鏁翠釜鑹烘湳鏁欒偛瀹炶返浜х敓浜嗚緝涓烘繁鍒荤殑褰卞搷銆傚伐鍏疯鑹烘湳鏁欒偛鎬濇兂鍦�20涓栫邯鍥涗簲鍗佸勾浠i闈℃缇庯紝鍏剁悊璁哄熀纭�鍙互杩芥函鍒板崲姊殑鑷劧涓讳箟鏁欒偛鎬濇兂鍜屾潨濞佺殑杩涙涓讳箟鏁欒偛鎬濇兂锛屼唬琛ㄤ汉鐗╂槸閲屽痉锛圚.Read锛変笌缃楁仼鑿插皵寰凤紙V.Lowenfeld锛夈�傚伐鍏疯鑹烘湳鏁欒偛鎬濇兂鍊″浠ュ効绔ヤ负鏈綅锛屼富寮犻�氳繃鑹烘湳鏁欒偛淇冭繘鍎跨鍙戝睍锛岃偗瀹氬苟灏婇噸鍎跨鐨勮壓鏈綔鑳斤紝寮鸿皟鍎跨鐨勮嚜鐢辫〃鐜颁笌鍒涢�犳�ц〃杈撅紝鍏虫敞鍎跨鍦ㄨ壓鏈椿鍔ㄨ繃绋嬩腑鐨勮〃鐜板拰鎴愰暱銆傜綏鎭╄彶灏斿痉鎸囧嚭锛氣�滃湪鑹烘湳鏁欒偛涓紝鑹烘湳鍙槸涓�绉嶈揪鍒扮洰鏍囩殑鏂规硶锛岃�屼笉鏄竴涓洰鏍囷紝鑹烘湳鏁欒偛鐨勭洰鏍囨槸浣夸汉鍦ㄥ垱閫犵殑杩囩▼涓彉寰楁洿瀵屼簬鍒涢�犲姏锛岃�屼笉绠¤繖绉嶅垱閫犲姏灏嗘柦鐢ㄤ簬浣曞銆傗��<sup title="[缇嶿缃楁仼鑿插皵寰凤細銆婂垱閫犱笌蹇冩櫤鐨勬垚闀裤�嬶紝4椤碉紝闀挎矙锛屾箹鍗楃編鏈嚭鐗堢ぞ锛�1993銆�">鈶�</sup> 宸ュ叿璁烘敞閲嶈壓鏈殑鏁欒偛鍔熻兘锛屼富寮犺壓鏈兘鍔涙槸鍎跨鑷劧鍙戝睍鐨勭粨鏋滐紝寮鸿皟閫氳繃鑹烘湳淇冭繘鍎跨鐨勫彂灞曘�傚洜姝よ壓鏈暀鑲插簲灏婇噸鍎跨鐨勮壓鏈ぉ鎬э紝閬靛惊鍎跨鑷劧鍙戝睍鐨勮寰嬶紝鍏虫敞鍎跨鐨勮嚜鐢辫〃鐜板拰鍒涢�犳�ц〃杈撅紝閲嶈鍎跨鍦ㄨ壓鏈椿鍔ㄨ繃绋嬩腑鐨勫悇绉嶈〃鐜般�傛濡傜綏鎭╄彶灏斿痉鎵�璇达細鈥滆壓鏈暀鑲插鎴戜滑鐨勬暀鑲茬郴缁熷拰绀句細鐨勪富瑕佽础鐚紝鍦ㄤ簬寮鸿皟涓汉鍜岃嚜鎴戝垱閫犵殑娼滆兘锛屽挨鍏跺湪浜庤壓鏈兘鍜岃皭鍦扮粺鏁存垚闀胯繃绋嬩腑鐨勪竴鍒囷紝閫犲氨鍑鸿韩蹇冨仴鍏ㄧ殑浜恒�傗��<sup title="[缇嶿缃楁仼鑿插皵寰凤細銆婂垱閫犱笌蹇冩櫤鐨勬垚闀裤�嬶紝4椤碉紝闀挎矙锛屾箹鍗楃編鏈嚭鐗堢ぞ锛�1993銆�">鈶�</sup>
+          </p>
+          <p><br/></p>
+          <hr />
+          <p class="noteContent">
+            <a id="m1">鈶�</a>&emsp;涓板瓙鎭猴細銆婁赴瀛愭伜缇庢湳澶滆碍銆嬶紝鎵夐〉锛屼笂娴凤紝涓婃捣浜烘皯缇庢湳鍑虹増绀撅紝2004銆�
+          </p>
+          <p class="noteContent">
+            <a id="m1">鈶�</a>&emsp;杈归湠锛氥�婂辜鍎垮洯缇庢湳鏁欒偛涓庢椿鍔ㄨ璁°�嬶紝62椤碉紝鍖椾含锛岄珮绛夋暀鑲插嚭鐗堢ぞ锛�2009銆�
+          </p>
+          <p class="noteContent">
+            <a id="m1">鈶�</a>&emsp;涓板瓙鎭猴細銆婁赴瀛愭伜缇庢湳澶滆碍銆嬶紝33椤碉紝涓婃捣锛屼笂娴蜂汉姘戠編鏈嚭鐗堢ぞ锛�2004銆�
+          </p>
+          <p class="noteContent">
+            <a id="m1">鈶�</a>&emsp;鐜嬩换姊咃細銆婃敼闈╁紑鏀句互鏉ヤ腑鍥藉鍓嶅効绔ヨ壓鏈暀鑲插巻鍙叉紨鍙樼爺绌躲�嬶紝148锝�149椤碉紝鍗椾含甯堣寖澶у鍗氬+瀛︿綅璁烘枃锛�2012銆�
+          </p>
+          <p class="noteContent">
+            <a id="m1">鈶�</a>&emsp;[缇嶿缃楁仼鑿插皵寰凤細銆婂垱閫犱笌蹇冩櫤鐨勬垚闀裤�嬶紝4椤碉紝闀挎矙锛屾箹鍗楃編鏈嚭鐗堢ぞ锛�1993銆�
+          </p>
+          <p class="noteContent">
+            <a id="m1">鈶�</a>&emsp;[缇嶿缃楁仼鑿插皵寰凤細銆婂垱閫犱笌蹇冩櫤鐨勬垚闀裤�嬶紝4椤碉紝闀挎矙锛屾箹鍗楃編鏈嚭鐗堢ぞ锛�1993銆�
+          </p>
+        </div>
+      </div>
+    </div>
+    <!-- 7椤� -->
+    <div class="page-box" page="12">
+      <div v-if="showPageList.indexOf(12) > -1">
+        <ul class="header-right fl al-c jc-fe">
+          <li class="header-right-Text">鍗曞厓涓�銆�璧拌繎0~3宀佸┐骞煎効鑹烘湳鍚挋</li>
+          <li class="header-right-Number">
+            <span>007</span>
+            <img
+              class="img-b"
+              src="../../assets/images/header-right.png"
+              alt=""
+            />
+          </li>
+        </ul>
+        <div class="bodystyle">
+          <p class="content">
+            鏈川璁鸿壓鏈暀鑲叉�濇兂褰㈡垚浜�20涓栫邯60骞翠唬浠ュ悗锛屽叾鎬濇兂鍩虹鏄竷椴佺撼鐨勭粨鏋勪富涔夋暀鑲叉�濇兂锛屼唬琛ㄤ汉鐗╂槸鑹炬柉绾筹紙E.W.Eisner锛夊拰鏍煎唴灏旓紙W.D.Greer锛夈�傚湪缇庢湳鏁欒偛棰嗗煙锛屾湰璐ㄨ鑰呬簬1984骞存彁鍑衡�滀互瀛︾涓哄熀纭�鐨勭編鏈暀鑲测�濓紙Discipline-Based
+            Art
+            Education锛孌BAE锛夛紝鍖呮嫭缇庢湳銆佺編鏈壒璇勩�佺編鏈彶涓庣編鏈垱浣滅瓑缇庢湳瀛︾鐨勫熀鏈唴瀹广��<span
+              class="super"
+              ><a id="noteBack_14" href="#note_14">[14]</a></span
+            >鏈川璁鸿壓鏈暀鑲叉�濇兂寮鸿皟浠ヨ壓鏈绉戜负鏈綅锛屾敞閲嶈壓鏈煡璇嗘妧鑳界殑浼犳巿浠ュ彂灞曞拰浼犳壙鑹烘湳鏂囧寲锛屼富寮犺壓鏈兘鍔涙槸鏁欒偛鎺ㄥ姩鐨勭粨鏋滐紝娉ㄩ噸鍎跨鑹烘湳瀛︿範鐨勭粨鏋溿�傝壘鏂撼鎸囧嚭锛氣�溾�︹�︿换浣曚竴椤瑰皢鑹烘湳棣栧厛浣滀负涓哄叾浠栫洰鐨勬湇鍔″伐鍏风殑鏁欒偛璁″垝浼氬啿娣$編鏈殑鎰忎箟銆傜編鏈笉搴斿眻灏婃湇鍔′簬鍏朵粬鐩殑銆傗��<span
+              class="super"
+              ><a id="noteBack_15" href="#note_15">[15]</a></span
+            >鏈川璁烘洿娉ㄩ噸鑹烘湳鐨勬湰璐ㄤ环鍊硷紝璁や负鑹烘湳鑳藉姏鏄暀鑲茬殑缁撴灉锛岃壓鏈暀鑲插簲浠ヨ壓鏈绉戜负鏈綅锛屼互鏁欒偛涓烘墜娈碉紝寮鸿皟鑹烘湳瀛︾鐨勫畬鏁存�у拰绯荤粺鎬э紝鍏虫敞鍎跨鑹烘湳瀛︿範鐨勭粨鏋滐紝鏃ㄥ湪閫氳繃鑹烘湳鐭ヨ瘑鎶�鑳界殑浼犳巿寤剁画鍜屽彂灞曡壓鏈枃鍖栥�傚湪鑹炬柉绾崇湅鏉ワ紝鈥滅編鏈暀鑲茬殑鏈�楂樹环鍊煎湪浜庡畠涓烘瘡涓汉缁忓巻骞朵笖璁よ瘑涓栫晫鎵�浣滅殑鐙壒璐$尞銆傝瑙夎壓鏈秹鍙婁簡浜虹被鎰忚瘑涓叾浠栦换浣曞绉戦兘鏃犱粠娑夊強鐨勪竴涓柟闈紝鍗冲浜庤瑙夊舰璞$殑缇庡鎬濊�冣��<span
+              class="super"
+              ><a id="noteBack_16" href="#note_16">[16]</a></span
+            >銆�
+          </p>
+          <p class="content">
+            瀵瑰簲宸ュ叿璁轰笌鏈川璁虹殑鍎跨鑹烘湳鏁欒偛瑙傦紝鍎跨鑹烘湳鏁欒偛涓昏鏈変袱绉嶄笉鍚岀殑浠峰�煎彇鍚戯紝涓�绉嶆槸鍎跨鍙戝睍鍙栧悜锛屼竴绉嶆槸鑹烘湳瀛︾鍙栧悜銆傚効绔ュ彂灞曞彇鍚戠殑鍎跨鑹烘湳鏁欒偛灏嗚壓鏈綔涓烘暀鑲茬殑鎵嬫锛岄�氳繃鑹烘湳鏁欒偛鍩瑰吇鍎跨鐨勯亾寰峰搧璐ㄣ�佽鐭ヨ兘鍔涖�佸缇庢儏瓒o紝淇冭繘鍎跨涓�с�佸垱閫犳�х殑鍙戝睍鍙婁汉鏍肩殑鍋ュ叏鍙戝睍锛屾槸涓�绉嶁�滈�氳繃鑹烘湳鐨勬暀鑲测�濄�傝壓鏈绉戝彇鍚戠殑鍎跨鑹烘湳鏁欒偛浠ヨ壓鏈绉戜负鏈綅锛屽己璋冭壓鏈殑鏈綋鍔熻兘锛屼互鏁欒偛涓烘墜娈碉紝閲嶈鑹烘湳鐭ヨ瘑浼犳巿鍙婅壓鏈妧鑳借缁冿紝娉ㄩ噸鑹烘湳鏂囧寲鐨勪紶鎵垮拰鍙戝睍锛屾槸涓�绉嶁�滀负浜嗚壓鏈殑鏁欒偛鈥�<span
+              class="super"
+              ><a id="noteBack_17" href="#note_17">[17]</a></span
+            >銆�
+          </p>
+        </div>
+      </div>
+    </div>
+    <!-- 8椤� -->
+    <div class="page-box" page="13">
+      <div v-if="showPageList.indexOf(13) > -1">
+        <ul class="header-left">
+          <li class="headerNumber">008</li>
+          <li class="headerText">0~3宀佸┐骞煎効鑹烘湳鍚挋</li>
+        </ul>
+        <div class="bodystyle">
+          <p class="content mb-20">
+            瀵逛簬0锝�3宀佸┐骞煎効鏉ヨ锛岃壓鏈惎钂欎富瑕佸湪浜庨�氳繃鑹烘湳淇冭繘濠村辜鍎跨殑鍙戝睍銆傚叿浣撹鏉ワ紝0锝�3宀佸┐骞煎効鑹烘湳鍚挋鐨勬�讳綋鐩爣濡備笅锛氬枩娆㈣嚜鐒剁幆澧冨拰鐢熸椿涓編鐨勪簨鐗╋紝鍙戠幇骞舵劅鍙楄嚜鐒剁幆澧冨拰鐢熸椿涓殑缇庯紱鍠滄娆h祻澶氱澶氭牱鐨勮壓鏈綔鍝侊紝鍒濇鎰熷彈鑹烘湳鐨勫熀鏈壒寰侊紱鍠滄鍙傚姞鑹烘湳娲诲姩锛岀Н鏋佹姇鍏ヨ壓鏈劅鍙椾笌娆h祻銆佽〃鐜颁笌鍒涗綔绛夋椿鍔紝骞惰兘澶ц儐鍦拌〃杈捐嚜宸辩殑鎯呮劅涓庝綋楠岋紱鍠滄鎺㈢储鍚勭涓嶅悓鐨勮壓鏈伐鍏蜂笌鏉愭枡锛屽苟鑳界敤鑷繁鍠滄鐨勬柟寮忚嚜鐢辫嚜鍦ㄥ湴杩涜鑹烘湳娲诲姩銆傚洜姝わ紝0锝�3宀佸┐骞煎効鑹烘湳鍚挋涓嶆槸涓�绉嶄负浜嗚壓鏈殑鏁欒偛锛岃�屾槸涓�绉嶉�氳繃鑹烘湳鐨勬暀鑲层��
+          </p>
+          <div class="ExpandLearning">
+            <p class="ExpandLearning-title">
+              <span>鎷�</span>
+              <span>灞�</span>
+              <span>瀛�</span>
+              <span>涔�</span>
+            </p>
+            <p class="content">
+              缃楁仼鑿插皵寰锋槸缇庡浗钁楀悕鐨勭編鏈暀鑲插锛屼富寮犫�滈�氳繃鑹烘湳鐨勬暀鑲测�濓紝鏄�滃伐鍏疯鈥濈殑浠h〃浜虹墿涔嬩竴锛岃瑾変负鈥滅編鏈暀鑲蹭箣鐖垛�濄�傚叾鑹烘湳鏁欒偛鎬濇兂鐨勫熀纭�鏄崲姊殑鑷劧涓讳箟鏁欒偛鎬濇兂涓庢潨濞佺殑杩涙涓讳箟鏁欒偛鎬濇兂銆備粬鐨勪唬琛ㄤ綔涓昏鏈夈�婂垱閫犱笌蹇冩櫤鐨勬垚闀裤�嬨�婂垱閫犳椿鍔ㄧ殑鏈川銆嬬瓑锛屽20涓栫邯浜斿叚鍗佸勾浠g殑瑗挎柟鍎跨缇庢湳鏁欒偛鏈夌潃闈炲父閲嶈鐨勫奖鍝嶃�傜綏鎭╄彶灏斿痉璁や负锛屽湪鑹烘湳鏁欒偛涓紝鑹烘湳鍙槸涓�绉嶈揪鍒扮洰鏍囩殑鏂规硶锛屽効绔ョ殑鎰熸儏銆佹櫤鑳姐�佽韩浣撳姩浣溿�佺煡瑙夈�佺ぞ浼氭�с�佺編鎰熴�佸垱閫犳�х殑鎴愰暱鎵嶆槸鑹烘湳鏁欒偛鐨勭洰鏍囥�備粬灏嗗効绔ョ殑缇庢湳鑳藉姏鍙戝睍鍒掑垎涓哄叚涓樁娈碉細娑傞甫鏈燂紙2锝�4宀侊級銆佸墠鍥惧紡鏈燂紙4锝�7宀侊級銆佸浘寮忔湡锛�7锝�9宀侊級銆佸啓瀹炶悓鑺芥湡锛�9锝�11宀侊級銆佹嫙鍐欏疄鏈燂紙11锝�13宀侊級涓庨潚鏄ュ嵄鏈烘湡锛�13锝�17宀侊級銆傜編鏈暀鑲插簲璇ラ伒寰効绔ョ編鏈兘鍔涘彂灞曢樁娈电壒寰侊紝涓轰粬浠垱璁惧鏉剧殑姘涘洿锛屾彁渚涢�傚綋鐨勬潗鏂欙紝浠庤�屾縺鍙戝効绔ョ殑鍒涗綔娆叉湜锛岄紦鍔变粬浠嚜鐢辫嚜鍦ㄥ湴琛ㄨ揪涓庡垱閫犮��
+            </p>
+            <p class="content">浜嗚В鏇村缃楁仼鑿插皵寰风殑鑹烘湳鏁欒偛鎬濇兂銆�</p>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- 9椤� -->
+    <div class="page-box" page="14">
+      <div v-if="showPageList.indexOf(14) > -1">
+        <ul class="header-right fl al-c jc-fe">
+          <li class="header-right-Text">鍗曞厓涓�銆�璧拌繎0~3宀佸┐骞煎効鑹烘湳鍚挋</li>
+          <li class="header-right-Number">
+            <span>009</span>
+            <img
+              class="img-b"
+              src="../../assets/images/header-right.png"
+              alt=""
+            />
+          </li>
+        </ul>
+        <div class="bodystyle">
+          <p class="poemtitle-l">
+            锛堜笁锛�0锝�3宀佸┐骞煎効鑹烘湳鍚挋鏄竴绉嶇敓娲绘柟寮忕殑鏁欒偛
+          </p>
+          <p class="content">
+            銆婁腑鍥藉ぇ鐧剧鍏ㄤ功路绀句細瀛﹀嵎銆嬪鐢熸椿鏂瑰紡浣滀簡濡備笅瀹氫箟锛氣�滀笉鍚岀殑涓汉銆佺兢浣撴垨绀句細鍏ㄤ綋鎴愬憳鍦ㄤ竴瀹氱殑绀句細鏉′欢鍒剁害鍜屼环鍊艰鎸囧涓嬶紝鎵�褰㈡垚鐨勬弧瓒宠嚜韬敓娲婚渶瑕佺殑鍏ㄩ儴娲诲姩褰㈠紡涓庤涓虹壒寰佺殑浣撶郴銆傗��<span
+              class="super"
+              ><a id="noteBack_18" href="#note_18">[18]</a></span
+            >鐜嬮泤鏋楀湪銆婁汉绫荤敓娲绘柟寮忕殑鍓嶆櫙銆嬩腑鎶婄敓娲绘柟寮忓畾涔変负锛氣�滀笉鍚岀殑绀句細鍜屾椂浠d腑鐢熸椿鐨勪汉浠紝鍦ㄤ竴瀹氱殑绀句細鏉′欢鍒剁害涓嬪拰鍦ㄤ竴瀹氱殑浠峰�艰鎸囧涓嬶紝鎵�褰㈡垚鐨勬弧瓒宠嚜韬渶瑕佺殑鐢熸椿娲诲姩褰㈠紡鍜岃涓虹壒寰佺殑鎬诲拰銆傗��<span
+              class="super"
+              ><a id="noteBack_19" href="#note_19">[19]</a></span
+            >鍎跨澶╃敓灏卞枩娆㈣壓鏈紝鍎跨韬笂鍏锋湁浠庝簨鑹烘湳娲诲姩鐨勫ぉ鐢熷�惧悜鍜岃兘鍔涳紝杩欐槸浠栦滑鐢熷懡闇�姹傜殑鐩存帴鏄剧幇銆�<span
+              class="super"
+              ><a id="noteBack_20" href="#note_20">[20]</a></span
+            >0锝�3宀佸┐骞煎効鐨勪笘鐣屾槸涓�涓厖婊¤瘲鎰忕殑涓栫晫锛屽湪鏌愮绋嬪害涓婂彲浠ヨ锛岃壓鏈槸濠村辜鍎跨殑涓�绉嶇敓娲绘柟寮忋��
+          </p>
+          <p class="content">
+            鍎跨鍦ㄧ敓鍛界殑鏈�鍒濋樁娈靛鏌愪簺鑹插僵銆佸浘褰㈠拰澹伴煶灏辩壒鍒晱鎰燂紝鐢氳嚦鍦ㄦ棭鏈熷氨鑳借〃鐜板嚭鎰熺煡鍜岄�夋嫨鑺傚銆侀煹寰嬨�佽壊褰╁拰褰㈢姸鐨勫�惧悜锛屽苟鑳藉鍏朵綔鍑哄弽搴斻��<span
+              class="super"
+              ><a id="noteBack_21" href="#note_21">[21]</a></span
+            >澹伴煶鍜屼箰鏇插厖婊′簡鍎跨鐨勬暣涓笘鐣岋紝瀹冧滑鏄棤澶勪笉鍦ㄧ殑銆傚叏涓栫晫鐨勫効绔ラ兘鑳藉瀵归煶涔愪骇鐢熷叡楦o紝浠栦滑鍠滄鍘绘帰绱㈠叾鏃犻檺鐨勫彲鑳芥�э紝鍠滄浜茶嚜鍘诲垱浣滈煶涔愶紝鍚屾椂涔熻闊充箰缇庡鐨勫0闊冲拰鏃嬪緥鎵�鎰熸煋鈥︹�︿粠濠村効鍑虹敓閭d竴鍒荤敋鑷虫洿鏃╃殑鏃跺�欏紑濮嬶紝浠栦滑灏卞凡缁忛�傚簲浜嗘墍鍦ㄧ幆澧冧腑鐨勫0闊筹紝骞朵笖鏍规嵁浠栦滑鑷韩鐨勮兘鍔涘幓鍒涢�犲拰鎺㈢储澹伴煶鐨勯煹寰嬪拰澹拌皟妯″紡銆�<span
+              class="super"
+              ><a id="noteBack_22" href="#note_22">[22]</a></span
+            >骞煎効鎷ユ湁瀵归煶涔愮殑鑷劧鎰忚瘑鍜屾晱鎰熷姏銆備笌鍏朵粬骞撮緞闃舵鐨勪汉鐩告瘮锛屼粬浠闊充箰鐨勬帰绱㈡洿澶氭槸鑷彂鎬х殑锛屼粬浠暍浜庡皢浠栦滑鐨勫0闊炽�佷粬浠殑韬綋浠ュ強浠栦滑鐨勬儏缁姇鍏ュ埌闊充箰鍜屽緥鍔ㄦ椿鍔ㄤ腑鍘汇�傚辜鍎夸細灏嗘暣涓韩蹇冮兘鎶曞叆鍏朵腑銆傚辜鍎垮湪闊充箰鎯呮櫙涓墍琛ㄧ幇鍑烘潵鐨勬儏鎰熴�佽鐭ュ拰绮剧鍔ㄥ姏鏄垱閫犲姏鐨勬爣蹇椼��<span
+              class="super"
+              ><a id="noteBack_23" href="#note_23">[23]</a></span
+            >甯冪害鍏嬫矁灏斿痉璁や负锛屾瘡涓効绔ヤ笌鐢熶勘鏉ラ兘鏈変竴绉嶁�滀互闊靛緥銆佽妭濂忓拰杩愬姩涓鸿〃寰佺殑鐢熷瓨鎬у姏閲忓拰鍒涢�犳�у姏閲忊��<span
+              class="super"
+              ><a id="noteBack_24" href="#note_24">[24]</a></span
+            >銆傚悓鏃讹紝濠村効鍦ㄨ緝鏃╃殑鏃舵湡灏卞凡缁忓缇庢湳鐨勪袱涓熀鏈绱犫�斺�斿舰涓庤壊鏈変竴瀹氱殑瀹$編鎰熺煡鑳藉姏浜嗐�傚敖绠¤繖浜涙渶鍒濈殑鍙嶆槧鍙槸涓�浜涙湰鑳界殑鐩磋琛屼负锛屼絾杩欎簺鏈兘鐨勭洿瑙夎涓哄凡涓烘棩鍚庢洿楂樺眰娆$殑缇庢湳娆h祻娲诲姩鍋氬ソ浜嗗績鐞嗕笂鐨勫噯澶囥��<span
+              class="super"
+              ><a id="noteBack_25" href="#note_25">[25]</a></span
+            >濞佸粔路鏂壒鎭╄涓猴紝鍎跨鏈�鍒濆閭d簺浜х敓蹇箰鐨勮壓鏈璞$殑鐗硅川鏄瀬鍏舵晱鎰熺殑锛屾瘮濡傦紝鑹插僵銆佷寒搴︿笌鏄庢樉鐨勮妭濂忋��<span
+              class="super"
+              ><a id="noteBack_26" href="#note_26">[26]</a></span
+            >1宀佸崐宸﹀彸鐨勫効绔ワ紝宸茬粡鑳藉鐙珛琛岃蛋锛屼粬浠澶栭儴涓栫晫鐨勬帰绱㈠彉寰楁洿涓鸿嚜鐢憋紝寮�濮嬪枩娆㈠埌澶勬秱娑傜敾鐢伙紝鏈夋椂鐢氳嚦涔愭涓嶇柌銆�
+          </p>
+        </div>
+      </div>
+    </div>
+    <!-- 10椤� -->
+    <div class="page-box" page="15">
+      <div v-if="showPageList.indexOf(15) > -1">
+        <ul class="header-left">
+          <li class="headerNumber">010</li>
+          <li class="headerText">0~3宀佸┐骞煎効鑹烘湳鍚挋</li>
+        </ul>
+        <div class="bodystyle">
+          <div class="img-float w200 openImgBox">
+            <img src="../../assets/images/Figure-0021-01.jpg" alt="" />
+            <p class="imgdescript">鍥�1-1銆�涓�鍙皬楦熺珯鍦ㄦ爲鏋濅笂</p>
+          </div>
+          <span>
+            <p class="content">
+              鍙锛屽効绔ュぉ鐢熷氨鍠滄鑹烘湳锛屽枩娆㈡秱娑傜敾鐢伙紝鍠滄鍞卞敱璺宠烦锛岃壓鏈槸鍎跨鏃ュ父鐢熸椿鐨勯噸瑕佺粍鎴愰儴鍒嗐�傚効绔ヤ笌鐢熶勘鏉ラ兘鎷ユ湁鑹烘湳娆h祻銆佽壓鏈垱浣滅殑娼滆兘锛岄兘鏈夋帴瑙﹁壓鏈�佸弬涓庤壓鏈�佹璧忚壓鏈瓑鏂归潰鐨勯渶瑕佸拰鏉冨埄銆傚湪鎰熷彈涓庢璧忚壓鏈椂锛屽効绔ュ叿鏈夎壇濂界殑鐩磋銆佷赴瀵岀殑鎯宠薄銆佸己鐑堢殑琛ㄨ揪鎰忔効鍜岀洿鎺ョ殑琛ㄨ揪鏂瑰紡锛涘効绔ュ湪鑹烘湳鍒涗綔杩囩▼涓拷姹傚彉鍖栧拰鏂版剰锛屾嫢鏈夎交鏉捐嚜鐢辩殑鍒涗綔蹇冩�侊紝鑳藉鏈夋墍琛ㄧ幇銆佺獊鐮村拰鍒涢�狅紝鍏朵綔鍝佷綋鐜板嚭涓�绉嶇畝绾︺�佺巼鐪熴�佺伒鍔ㄣ�佺鎷欎箣缇庯紙鍥�1-1锛夈��
+            </p>
+          </span>
+          <p class="content">
+            绂诲紑浜虹敓渚挎棤鎵�璋撹壓鏈紝鍥犱负鑹烘湳鏄儏瓒g殑琛ㄧ幇锛岃�屾儏瓒g殑鏍规簮灏卞湪浜庝汉鐢燂紱鍙嶄箣锛岀寮�鑹烘湳涔熶究鏃犳墍璋撲汉鐢熴��<span
+              class="super"
+              ><a id="noteBack_27" href="#note_27">[27]</a></span
+            >鑹烘湳鍖栫敓瀛樼殑鍐呮兜鍏蜂綋鍖呮嫭锛氱涓�锛岃秴鑴辩殑鎬佸害銆傚缇庣殑鏈�涓昏鐗圭偣鏄秴鍔熷埄鎬э紝鍗冲湪瀹$編涓讳綋涓庡浣撲箣闂达紝淇濇寔涓�瀹氱殑蹇冪悊璺濈锛屼富浣撳瀹綋娌℃湁鍔熷埄鎬х殑娆叉眰锛屼粠鑰屼娇涓讳綋杈惧埌涓�绉嶈嚜鐢辨磼鑴辩殑澧冪晫銆傜浜岋紝涓板瘜鐨勬儏瓒c�傚缇庣殑浜虹敓搴旇鏈夐珮闆呫�佷赴瀵屻�佺函姝g殑鎯呰叮锛屼汉鐨勭敓鍛藉氨鏈変簡鐢熸満锛屼汉鐢熶究鏈変簡鎰忎箟銆佹湁浜嗕环鍊笺�傜涓夛紝鏈壊鐨勭敓娲汇�傝繖绉嶇敓娲绘槸涓�绉嶄笉铏氫吉銆佷笉鍋氫綔銆佽嚜鐒跺拰璋愮殑鐢熸椿銆傜鍥涳紝瀹屾暣鐨勪汉鏍笺��<span
+              class="super"
+              ><a id="noteBack_28" href="#note_28">[28]</a></span
+            >濠村辜鍎挎弧瓒冲叾鐢熸椿闇�瑕佺殑鍏ㄩ儴娲诲姩褰㈠紡涓庤涓虹壒寰佸線寰�甯︽湁鑹烘湳鐨勮壊褰╋紝浠栦滑甯稿父浠ヨ壓鏈殑鏂瑰紡璁よ瘑涓栫晫銆佷互鑹烘湳鐨勬�佸害瀵瑰緟鐢熸椿銆佷互鑹烘湳鐨勭簿绁炰綋鍛充汉鐢熺瓑銆傚洜姝わ紝浠庢煇绉嶇▼搴︿笂鏉ヨ鍎跨鏄壓鏈寲鐢熷瓨鐨勫吀鑼冦�備笌涔嬬浉搴旂殑锛�0锝�3宀佸┐骞煎効鑹烘湳鍚挋搴旀槸涓�绉嶇敓娲绘柟寮忕殑鏁欒偛銆傚湪0锝�3宀佸┐骞煎効鑹烘湳娲诲姩涓紝鎴愪汉搴斾繚鎶ゅ苟婵�鍙戝効绔ョ殑鑹烘湳娼滆兘锛屼績杩涘効绔ヨ壓鏈兘鍔涗笌浜烘枃绱犲吇鐨勬暣鍚堝彂灞曘��0锝�3宀佸┐骞煎効鑹烘湳鍚挋搴旇璐磋繎鍎跨鐨勭敓娲伙紝褰卞搷鍎跨鐨勭敓娲伙紝璁╁効绔ヨ兘澶熸寔缁湴浠ヨ壓鏈殑鏂瑰紡璁よ瘑涓栫晫銆佷互鑹烘湳鐨勬�佸害瀵瑰緟鐢熸椿銆佷互鑹烘湳鐨勭簿绁炰綋鍛充汉鐢燂紝鍠勪簬鍦ㄧ敓娲讳腑鍙戠幇缇庛�佹劅鍙楃編锛岃〃鐜扮編銆佸垱閫犵編銆�
+          </p>
+        </div>
+      </div>
+    </div>
+    <!-- 11椤� -->
+    <div class="page-box" page="16">
+      <div v-if="showPageList.indexOf(16) > -1">
+        <ul class="header-right fl al-c jc-fe">
+          <li class="header-right-Text">鍗曞厓涓�銆�璧拌繎0~3宀佸┐骞煎効鑹烘湳鍚挋</li>
+          <li class="header-right-Number">
+            <span>011</span>
+            <img
+              class="img-b"
+              src="../../assets/images/header-right.png"
+              alt=""
+            />
+          </li>
+        </ul>
+        <div class="bodystyle">
+          <h2 class="secondsubHead-2">浠诲姟浜屻��0锝�3宀佸┐骞煎効鑹烘湳鍚挋鐨勪环鍊�</h2>
+          <p class="content">
+            0锝�3宀佸┐骞煎効鐨勮韩蹇冨彂灞曟湁鍏剁嫭鐗逛箣澶勶細鎰熺煡瑙夊叿鏈夋暣浣撴�с�佺洿瑙夋�э紝瀹规槗浜х敓閫氭劅锛涙兂璞″ぉ椹绌猴紝涓嶅彈甯哥悊绾︽潫锛涙�濈淮鍦ㄧ洿鎺ユ劅鐭ョ殑杩囩▼涓繘琛岋紝绂讳笉寮�鍔ㄤ綔鍜屾椿鍔紱鎯呯华鎯呮劅鏄撳啿鍔ㄣ�佹槗鍙樻崲銆佹槗浼犳煋銆佹槗澶栭湶绛夈�傞壌浜�0锝�3宀佸┐骞煎効韬績鍙戝睍鐨勭壒鐐逛笌鑹烘湳鏄浉閫氱殑锛屽洜姝よ壓鏈暀鑲插湪0锝�3宀佸┐骞煎効闃舵鐨勪綔鐢ㄧ壒鍒獊鍑恒��
+          </p>
+          <p class="titleQuot-l">涓�銆佷績杩涘┐骞煎効瀹$編鑳藉姏鐨勫彂灞�</p>
+          <p class="content">
+            0锝�3宀佸┐骞煎効鑹烘湳鍚挋鏄竴绉嶈壓鏈礌鍏绘暀鑲诧紝鍙互淇冭繘濠村辜鍎垮缇庤兘鍔涚殑鍙戝睍銆傚缇庤兘鍔涙槸瀹$編涓讳綋鎵�鍏锋湁鐨勪竴绉嶉珮搴︾患鍚堢殑蹇冪悊鑳藉姏锛屾槸鍦ㄥ缇庢椿鍔ㄨ繃绋嬩腑璁よ瘑鍜屼綋楠屻�佹劅鍙楁垨鍒涗綔瀹$編瀵硅薄鎴栧缇庢剰璞$殑涓�绉嶈兘鍔涳紝瀹冩槸鎰熸�т笌鐞嗘�с�佽璇嗕笌浣撻獙銆佸啀鐜颁笌琛ㄧ幇銆佹帴鍙椾笌鍒涢�犮�佹剰璇嗕笌鏃犳剰璇嗙患鍚堢粺涓�铻嶄細璐�氱殑澶嶆潅鐨勫績鐞嗚繃绋嬨��<span
+              class="super"
+              ><a id="noteBack_1" href="#note_1">[1]</a></span
+            >0锝�3宀佸┐骞煎効鑹烘湳鍚挋鍙互閫氳繃涓�绯诲垪鑹烘湳娲诲姩锛屽彂灞曞┐骞煎効鐨勫缇庤兘鍔涳紝鎻愬崌鍏惰壓鏈礌鍏汇��
+          </p>
+          <p class="content">
+            鍏朵竴锛岃壓鏈惎钂欏彲浠ュ彂灞曞┐骞煎効鐨勫缇庢劅鍙楀姏锛屼负0锝�3宀佸┐骞煎効璧拌繘杩蜂汉鐨勮壓鏈笘鐣屾墦寮�涓�鎵囬棬銆傚湪0锝�3宀佸┐骞煎効鐨勫懆鍥寸幆澧冨拰鐢熸椿涓湁鐫�鍚勭鍚勬牱鐨勭編锛屽鑺辫崏鏍戞湪銆佹棩鏈堟槦绌虹瓑缇庡ソ鐨勪簨鐗╋紝楦熻铏福銆侀澹伴洦澹扮瓑濂藉惉鐨勫0闊炽�傚湪鑹烘湳鍚挋鐨勮繃绋嬩腑锛屾墭鑲叉満鏋勭殑鏁欏笀鎴栧闀垮拰濠村辜鍎夸竴璧峰彂鐜般�佹劅鍙楀拰娆h祻鑷劧鐜涓庝汉鏂囨櫙瑙備腑缇庣殑浜嬬墿銆傝濡傦紝寰鍚硅繃锛屾爲鍙跺湪绌轰腑椋炶垶锛岄钀藉湪鍦伴潰涓娿�傚渾鍦嗚劯涓婇湶鍑轰簡绗戝锛屸�滃濡堬紝浣犵湅锛屽ソ缇庡晩锛佲�濃�滃摝锛屽摢閲岀編锛熶负浠�涔堜綘瑙夊緱寰堢編鍛紵鈥濆渾鍦嗚共涓嬫潵浠旂粏鍦拌瀵燂紝鈥滄湁绾㈢殑锛屾湁榛勭殑锛屾湁缁跨殑锛屼簲褰╃激绾封�濄�傜劧鍚庯紝浠栧紑濮嬫崱鏍戝彾锛屾墜鎷垮彾鏌勶紝灏嗘爲鍙朵竴鐗囦竴鐗囧湴鎷垮湪鎵嬩腑銆傚瀛╁瓙鏉ヨ锛屾爲鍙跺氨鏄粬鐨勨�滃疂璐濃�濄�傛垚浜哄彲浠ュ拰濠村辜鍎夸竴璧峰彂鐜扮編鐨勪簨鐗╃殑鐗瑰緛锛屽棰滆壊銆佸舰鐘讹紝鑺傚銆佹棆寰嬬瓑锛屽叏韬績鍦版劅鍙楀拰娆h祻缇庛�備笌姝ゅ悓鏃讹紝鎴愪汉鍒涢�犳満浼氬拰鏉′欢璁╁┐骞煎効鎺ヨЕ閫傚疁鐨勩�佸悇绉嶅舰寮忕殑鑹烘湳浣滃搧锛屽皧閲嶅拰鐞嗚В濠村辜鍎垮湪娆h祻鑹烘湳浣滃搧鏃剁殑琛屼负锛屽鎵嬭垶瓒宠箞銆佸嵆鍏存ā浠跨瓑锛屼粠鑰屼赴瀵屼粬浠鑹烘湳鐨勬劅鍙椾笌浣撻獙锛屾彁鍗囧叾瀹$編鎰熷彈鍔涖��
+          </p>
+        </div>
+      </div>
+    </div>
+    <!-- 12椤� -->
+    <div class="page-box" page="17">
+      <div v-if="showPageList.indexOf(17) > -1">
+        <ul class="header-left">
+          <li class="headerNumber">012</li>
+          <li class="headerText">0~3宀佸┐骞煎効鑹烘湳鍚挋</li>
+        </ul>
+        <div class="bodystyle">
+          <p class="content">
+            鍏朵簩锛岃壓鏈惎钂欏彲浠ュ彂灞曞┐骞煎効鐨勫缇庤〃鐜板姏锛屼负鍏朵互鍚庤繘琛岃壓鏈〃鐜颁笌鍒涗綔濂犲畾鑹ソ鐨勫熀纭�銆傚湪0锝�3宀佸┐骞煎効鑹烘湳鍚挋涓紝鎴愪汉涓哄辜鍎挎彁渚涗赴瀵岀殑渚夸簬濠村辜鍎垮彇鏀剧殑宸ュ叿銆佹潗鏂欑瓑锛屾敮鎸佷粬浠秱娑傜敾鐢汇�佺矘绮樿创璐淬�佽嚜鍝艰嚜鍞便�佹ā浠胯〃婕旂瓑锛屽拰浠栦滑涓�璧风粯鐢汇�佸埗浣溿�佸敱姝屻�佽〃婕旂瓑锛屽叡鍚屽垎浜壓鏈殑涔愯叮銆傚湪濠村辜鍎胯〃杈惧垱浣滆繃绋嬩腑锛屾垚浜哄皧閲嶅拰娆h祻浠栦滑鐙壒鐨勮〃鐜版柟寮忥紝鍦ㄥ叾闇�瑕佹椂缁欎簣閫傚疁鐨勫府鍔╁拰鎸囧銆傝濡傦紝鍦ㄨ壓鏈暀鑲叉椿鍔ㄢ�滅編涓界殑鑺辫崏鍦扳�濅腑锛屾暀甯堝彲浠ュ厛鍜屽┐骞煎効鎰熺煡銆佹璧忚崏鍦颁笂鍚勭鍚勬牱缇庝附鐨勮姳鍎匡紝鐒跺悗鍐嶆璧忓惔鍐犱腑鐨勪綔鍝併�婅姳鑽夊湴銆嬶紝鎰熷彈浣滃搧涓偣绾块潰鐨勫彉鍖栵紝杩欐牱鍎跨鐨勪綔鍝佹墠鑳藉瘜鏈変釜鎬у拰琛ㄧ幇鍔涖�傚湪鏁欏笀鐨勫紩瀵间笅锛岄�氳繃绉疮鐢熸椿缁忛獙锛屼赴瀵屽缇庣粡楠岋紝鍎跨鐨勫缇庤〃鐜板姏鍜屽垱閫犲姏鑷劧鑰岀劧鍦板緱鍒颁簡鎻愬崌銆�
+          </p>
+          <p class="titleQuot-l">浜屻�佷績杩涘┐骞煎効鎵嬨�佺溂銆佽剳鐨勫崗璋�</p>
+          <p class="content">
+            0锝�3宀佸┐骞煎効鑹烘湳鍚挋浠庡┐骞煎効鐨勭敓娲荤粡楠屼笌瀹$編缁忛獙鍑哄彂锛屽紩瀵煎辜鍎垮彂鐜般�佹劅鍙椼�佹璧忓ぇ鑷劧銆佺ぞ浼氱敓娲汇�佽壓鏈綔鍝佷腑鍚勭涓嶅悓鐨勭編锛屼赴瀵屼粬浠殑瀹$編浣撻獙锛屼粠鑰屽煿鍏讳粬浠殑瀹$編鑳藉姏銆�0锝�3宀佸┐骞煎効鎿呴暱杩愮敤瑙嗚銆佸惉瑙夈�佽Е瑙夈�佸梾瑙夈�佸懗瑙夌瓑澶氱鎰熷畼閫氶亾鏉ユ璧忓拰琛ㄧ幇鑹烘湳銆傚悓鏃讹紝0锝�3宀佸┐骞煎効鐨勮瑷�琛ㄨ揪鑳藉姏杈冨急锛屼粬浠父甯稿�熷姪鍔ㄤ綔銆佽〃鎯呯瓑闈炶瑷�鐨勬柟寮忚〃杈捐嚜宸辩殑鎰熷彈涓庝綋楠屻�傚彲瑙侊紝鑹烘湳娲诲姩闇�瑕佸┐骞煎効鐨勬墜銆佺溂銆佽剳骞剁敤锛岃兘澶熶績杩涘┐骞煎効鎵嬨�佺溂銆佽剳鐨勫崗璋冨彂灞曘��
+          </p>
+          <p class="content">
+            濠村辜鍎垮�熷姪澶氱鎰熷畼娆h祻鍚勭鍚勬牱缇庣殑浜嬬墿锛岄�氳繃澶ц剳鏁村悎鍚勭被淇℃伅锛屽姩鎵嬫搷浣滃悇绉嶅伐鍏锋潗鏂欑瓑琛ㄨ揪鑷繁鐨勬�濇兂鍜屾儏鎰熴�備笉璁烘槸鑹烘湳娆h祻杩樻槸鑹烘湳琛ㄧ幇锛岄兘鍙互璁╁効绔ュ皢蹇冪悊鎿嶄綔涓庡疄闄呮搷浣滅粨鍚堣捣鏉ャ�傚湪鑹烘湳娲诲姩涓紝鏁欏笀閫氳繃鍚勭鏂瑰紡婵�鍙戝┐骞煎効澶磋剳涓殑宸叉湁鍥惧紡锛岄紦鍔变粬浠ぇ鑳嗗湴琛ㄨ揪鍜屽垱閫犮�傚湪姝よ繃绋嬩腑锛屽効绔ョ敤鑴戝宸叉湁鍥惧紡杩涜缁勫悎銆佸垹鍑忋�佹嫾鎺ョ瓑锛屽苟杞崲涓洪�傚悎鑷繁鐨勫悇绉嶈壓鏈〃鐜板舰寮忋�傜劧鍚庯紝鏍规嵁鑹烘湳娲诲姩鍐呭锛岄�夋嫨鍔ㄦ墜鎿嶄綔鐨勬柟寮忥紝杩愮敤宸ュ叿鏉愭枡澶ц儐鍦拌繘琛岃壓鏈〃鐜颁笌鍒涗綔銆傚湪鑹烘湳娲诲姩涓紝濠村辜鍎跨殑鎰熺煡鍔涖�佽瀵熷姏銆佹兂璞″姏銆佸垱閫犲姏銆佸姩鎵嬫搷浣滆兘鍔涚瓑鍦ㄤ笉鏂湴鍙戝睍鐫�銆備緥濡傦紝鍦ㄨ壓鏈椿鍔ㄢ�滃ぇ鎵嬪皬鎵嬪彉鍙樺彉鈥濅腑锛屽疂瀹濆拰瀹堕暱鍏卞悓鍟嗛噺銆佹瀯鎬濆垱浣滅殑涓婚锛屽苟鏍规嵁涓婚杩涜鍗扮敾锛屼箣鍚庯紝浠栦滑鏍规嵁鑷繁閫犲瀷鐨勯渶瑕佷竴璧风敤娌圭敾妫掋�佸悇绉嶅ぇ灏忔瘺绗斻�佸埛瀛愮瓑瀵规墜鍗扮敾杩涜娣荤敾銆佽楗般�傛暣涓椿鍔ㄩ兘鏄疂瀹濆拰瀹堕暱涓�璧峰璇濄�佷氦娴併�佷簰鍔╃殑杩囩▼锛�<span
+              class="super"
+              ><a id="noteBack_2" href="#note_2">[2]</a></span
+            >浠庤�屼績杩涘疂瀹濇墜銆佺溂銆佽剳鐨勫崗璋冨彂灞曘��
+          </p>
+        </div>
+      </div>
+    </div>
+    <!-- 13椤� -->
+    <div class="page-box" page="18">
+      <div v-if="showPageList.indexOf(18) > -1">
+        <ul class="header-right fl al-c jc-fe">
+          <li class="header-right-Text">鍗曞厓涓�銆�璧拌繎0~3宀佸┐骞煎効鑹烘湳鍚挋</li>
+          <li class="header-right-Number">
+            <span>013</span>
+            <img
+              class="img-b"
+              src="../../assets/images/header-right.png"
+              alt=""
+            />
+          </li>
+        </ul>
+        <div class="bodystyle">
+          <p class="titleQuot-l">涓夈�佹縺鍙戝┐骞煎効鐨勬兂璞″姏銆佸垱閫犲姏</p>
+          <p class="content">
+            鎯宠薄鏄汉鑴戝璁板繂琛ㄨ薄杩涜鍔犲伐鏀归�犲舰鎴愭柊褰㈣薄鐨勮繃绋嬶紝鏄績鐞嗘椿鍔ㄤ腑鍏锋湁鍒涢�犳�х壒鐐圭殑楂樼骇蹇冪悊鏈鸿兘銆傝〃璞℃槸瀛樺湪浜庝汉鐨勫ご鑴戜腑鐨勫舰璞★紝涓�鑸涓猴紝鏄庣‘琛ㄦ槑鍎跨琛ㄨ薄鍑虹幇鐨勬椂闂存槸1宀佸乏鍙炽��<span
+              class="super"
+              ><a id="noteBack_3" href="#note_3">[3]</a></span
+            >琛ㄨ薄浜х敓浠ュ悗锛屽効绔ヤ篃灏卞紑濮嬩簡鎯宠薄銆�
+          </p>
+          <p class="content">
+            鑹烘湳鏄嚜鐢辩殑锛屽彲浠ヤ笉鍙楀鐣岀殑鍒剁害锛岃秴瓒婃椂闂翠笌绌洪棿銆佺幇瀹炰笌骞绘兂銆佺敓鍛戒笌鏃犵敓鍛界瓑鐨勯檺鍒讹紝涓烘兂璞′笌鍒涢�犳彁渚涗簡鍙互鑷敱椹伴獘鐨勫ぉ鍦般�傚湪鑹烘湳娲诲姩涓紝濠村辜鍎垮彲浠ヨ嚜鐢遍�夋嫨銆佽嚜鐢辫〃鐜帮紝缁忚繃鍔犲伐鍒涢�犲嚭鏂扮殑褰㈣薄銆傚効绔ュ湪鏍规嵁鑷繁鐨勭粡楠屻�佹劅鍙楀皢鑷繁鐨勮壓鏈綋楠屼互绾挎潯銆佽壊褰┿�侀�犲瀷绛夊舰寮忚〃鐜板嚭鏉ョ殑杩囩▼涓紝灏辫暣鍚潃鐙壒鐨勬兂璞″姏涓庡垱閫犳�с��<span
+              class="super"
+              ><a id="noteBack_4" href="#note_4">[4]</a></span
+            >鈥滅敱浜庡効绔ュ辜绋氥�佸崟绾紝蹇冪伒绾磥鏃犵憰锛屾墍浠ヤ粬浠殑鐢讳笉鍙椾换浣曢檺鍒讹紝涔熶笉鍙楃湡瀹炵殑绾︽潫锛屾病鏈変换浣曟竻瑙勬垝寰嬶紝褰㈡垚鍎跨鐢绘墍鐗规湁鐨勭鎷欍�佹ⅵ骞荤敋鑷宠崚璇炵殑鐗圭偣銆傗��<span
+              class="super"
+              ><a id="noteBack_5" href="#note_5">[5]</a></span
+            >鍎跨鐨勮嚜鍙戞瓕鍞便�佸嵆鍏磋〃婕旂瓑閮芥槸鈥滄湰鑳界吉鏂�濈殑浣撶幇锛屼笌鍎跨缇庢湳涓�鏍凤紝鍏呭垎浣撶幇浜嗙鎷欍�佹竻鏂般�佺巼鐪熴�佽嚜鐢辩瓑鍝佽川銆傜敱浜庡┐骞煎効鐙壒鐨勬�濈淮鍙戝睍鐗圭偣锛屼粬浠槗浜庤瀺鍏ユ儏澧冿紝杈惧埌鐗╂垜涓嶅垎銆佷富瀹㈣瀺鍚堢殑鐘舵�併�傚湪鑹烘湳鏁欒偛娲诲姩涓紝濡傛灉鎴愪汉缁欎簣閫傚綋鐨勫紩瀵硷紝浠栦滑鏇村姞瀹规槗铻嶅叆鎯呭锛屽熀浜庤嚜韬殑缁忛獙锛岃嚜鐢卞彂鎸ユ兂璞★紝澶ц儐杩涜鑹烘湳琛ㄧ幇涓庡垱閫狅紝浠庤�屼績杩涘効绔ユ兂璞″姏涓庡垱閫犲姏鐨勫彂灞曘��
+          </p>
+          <p class="content">
+            鑹烘湳寮鸿皟澶氬厓銆佷釜鎬с�佸垱閫狅紝娌℃湁鏍囧噯鍖栫殑瑕佹眰涓庣瓟妗堛�傚湪鑹烘湳涓紝姣忎竴绉嶄簨鐗╅兘涓嶆槸浠庣幇瀹炵敓娲讳腑鐓ф惉杩囨潵鐨勶紝鑰屾槸鍒涢�犲嚭鏉ョ殑锛屽洜姝よ壓鏈叿鏈夊鍏冩�с�佺嫭鐗规�с�佸垱閫犳�с�傛瘡涓効绔ヤ笌鐢熶勘鏉ラ兘鎷ユ湁鑹烘湳鍒涢�犵殑娼滆兘锛屾棤璁烘槸娑傛秱鐢荤敾銆佺矘绮樿创璐磋繕鏄摷鍝煎敱鍞便�佸嵆鍏磋〃婕旓紝閮戒綋鐜颁簡鍎跨鐙竴鏃犱簩鐨勫垱閫犲姏銆傗�滄垚浜虹殑鍒涢�犲姏鏇村鐨勬槸鎸囧湪绀句細鏂囧寲绛夋柟闈㈠甫鏉ョ殑鍙橀潻鑳藉姏锛岃�屽効绔ョ殑鍒涢�犲姏鏄寚鍒涢�犲嚭瀵瑰叾涓汉鏉ヨ鏄叏鏂扮殑銆佸墠鎵�鏈湁鐨勪簨鐗╃殑鑳藉姏銆傚叿浣撴潵璇达紝瀛﹀墠鍎跨缇庢湳娲诲姩涓殑鍒涢�犲姏鏄寚浠栦滑鍒╃敤鐗╄川鏉愭枡鍙婅繃鍘荤殑缁忛獙骞跺姞浠ラ噸鏂扮粍鍚堬紝鍒朵綔鍑哄鍏朵釜浜烘潵璇存柊棰栫殑銆佹湁浠峰�肩殑缇庢湳浣滃搧鐨勮兘鍔涖�傝繖绉嶈兘鍔涗笉浠呭彲浠ュ湪浣滃搧涓弽鏄犲嚭鏉ワ紝杩樺彲浠ヤ粠鍏跺埗浣滅殑杩囩▼涓樉绀哄嚭鏉ャ�傗��<span
+              class="super"
+              ><a id="noteBack_6" href="#note_6">[6]</a></span
+            >
+          </p>
+        </div>
+      </div>
+    </div>
+    <!-- 14椤� -->
+    <div class="page-box" page="19">
+      <div v-if="showPageList.indexOf(19) > -1">
+        <ul class="header-left">
+          <li class="headerNumber">014</li>
+          <li class="headerText">0~3宀佸┐骞煎効鑹烘湳鍚挋</li>
+        </ul>
+        <div class="bodystyle">
+          <p class="content">
+            鍦ㄨ壓鏈椿鍔ㄤ腑锛屾垚浜哄紩瀵煎┐骞煎効鎰熷彈涓庢璧忕編涓界殑鏅壊銆佸ソ鍚殑澹伴煶锛屾帴瑙﹂�傚疁鐨勩�佸悇绉嶅舰寮忕殑鑹烘湳浣滃搧锛岄紦鍔变粬浠ぇ鑳嗘兂璞★紝瀵硅〃璞¤繘琛屽姞宸ュ垱閫狅紝浠庤�屼互鑹烘湳鐨勫舰寮忚〃鐜板嚭鏉ャ�傘��3-6宀佸効绔ュ涔犱笌鍙戝睍鎸囧崡銆嬫寚鍑猴細鈥滃辜鍎垮浜嬬墿鐨勬劅鍙楀拰鐞嗚В涓嶅悓浜庢垚浜猴紝浠栦滑琛ㄨ揪鑷繁璁よ瘑鍜屾儏鎰熺殑鏂瑰紡涔熸湁鍒簬鎴愪汉銆傚辜鍎跨嫭鐗圭殑绗旇Е銆佸姩浣滃拰璇█寰�寰�钑村惈鐫�涓板瘜鐨勬兂璞″拰鎯呮劅锛屾垚浜哄簲瀵瑰辜鍎跨殑鑹烘湳琛ㄧ幇缁欎簣鍏呭垎鐨勭悊瑙e拰灏婇噸锛屼笉鑳界敤鑷繁鐨勫缇庢爣鍑嗗幓璇勫垽骞煎効锛屾洿涓嶈兘涓鸿拷姹傜粨鏋滅殑鈥樺畬缇庘�欒�屽骞煎効杩涜鍗冪瘒涓�寰嬬殑璁粌锛屼互鍏嶆壖鏉�鍏舵兂璞′笌鍒涢�犵殑钀岃娊銆傗�濆悓鏍凤紝鎴愪汉搴旀璧忋�佺悊瑙e苟灏婇噸0锝�3宀佸┐骞煎効鐨勮壓鏈〃鐜颁笌鍒涢�狅紝淇濇姢銆佹縺鍙戝苟淇冭繘鍏舵兂璞″姏涓庡垱閫犲姏鐨勫彂灞曘��
+          </p>
+          <p class="titleQuot-l">鍥涖�佹湁鍒╀簬鍩瑰吇濠村辜鍎跨殑鍋ュ叏浜烘牸</p>
+          <p class="content">
+            鍎跨瀵硅壓鏈湁涓�绉嶈嚜鐒剁殑闇�瑕併�傚鑼ㄨ涓猴紝浜虹被鐨勨�滃師濮嬪啿鍔ㄢ�濈殑琛ㄨ揪鏂瑰紡鍒嗕负涓ょ锛氫竴绉嶆柟寮忔槸鏂囧瓧琛ㄨ揪锛涘彟涓�绉嶆柟寮忔槸閫氳繃缁樼敾琛ㄨ揪鍑烘潵锛屽嵆灏嗗唴蹇冪粡鍘嗗彲瑙嗗寲銆傝礉钂傚路鍩冩牸灏斿皢缁樼敾鍙戝睍杩囩▼涓秱楦︾殑鎰忎箟姣斾綔璇█鍙戝睍杩囩▼涓彛榻夸笉娓呯殑璇磋瘽闃舵锛屽苟璁や负娑傞甫鐨勯樁娈垫槸缁濆蹇呴渶鐨勩��<span
+              class="super"
+              ><a id="noteBack_7" href="#note_7">[7]</a></span
+            >涓�绉嶆父鎴忕殑鈥滄仼鎴堥害鈥濓紙琛ㄧず鍎跨鏂囧寲涓吉鏂紡鐨勬父鎴忕壒寰侊級鏄櫘閬嶇殑鐢熸椿闇�瑕佲�︹�﹀湪鍎跨姣忓ぉ鎵�杩涜鐨勪笉璁″叾鏁扮殑娲诲姩涓紝浠庝笂鍘曟墍銆佺郴闉嬪甫鍒板瀛愰棿鐨勫槻寮勬垨娌欑鍐呯殑澶╃湡鐜╄�嶏紝鑷彂鐨勬瓕鍞变綔涓轰竴绉嶅熀鏈洜绱犺繘鍏ヨ繖涓�鍒囦箣涓�傚畠澶勪簬鍎跨鏂囧寲涓繍鍔ㄣ�佽璇嶃�佹瓕鍞辫繖绉嶇吉鏂�х殑鈥滄仼鎴堥害鈥濈殑涓績锛屽畠涓轰粬浠殑娓告垙甯︽潵浜嗚妭濂忥紝涓轰粬浠殑杩愬姩甯︽潵浜嗗舰寮忥紝涓轰粬浠殑璇嶈甯︽潵浜嗘殩鎰忋�傚鍎跨鏉ヨ锛屾帉鎻¤嚜鍙戠殑姝屽敱鏄嚦鍏抽噸瑕佺殑锛屽洜涓鸿繖鏄効绔ユ枃鍖栦腑鐨勬櫘閬嶆�ц鐮侊紝缁欏効绔ョ殑琛ㄨ揪鍜屾垚闀夸竴鎶婄壒娈婄殑閽ュ寵銆�<span
+              class="super"
+              ><a id="noteBack_8" href="#note_8">[8]</a></span
+            >
+          </p>
+          <p class="content">
+            鐢变簬韬績鍙戝睍姘村钩鍙楅檺锛�0锝�3宀佸┐骞煎効骞朵笉鎿呴暱鐢ㄨ瑷�鏉ヨ〃杈捐嚜宸辩殑鎬濇兂涓庢儏鎰熴�傚浠栦滑鏉ヨ锛岃壓鏈槸涓�绉嶆瘮璇█鏇村己鏈夊姏鐨勮〃杈句笌浜ゆ祦鏂瑰紡锛屾槸琛ㄨ揪鑷垜銆佹姃鍙戞儏鎰熺殑涓�涓噸瑕侀�斿緞锛屼篃鏄鍖栨儏鎰熺殑鏈夋晥鏂瑰紡涔嬩竴銆傚綋鎯呯华婵�鍔ㄣ�佹�濇兂绾蜂贡鏃讹紝鍎跨甯稿彂鐜板垱閫犱竴骞呮儏缁己鐑堢殑涓婚鐢诲線寰�姣旂敤璇█鎻忚堪瀹冩洿瀹规槗锛屾洿浠や汉婊¤冻銆�<span
+              class="super"
+              ><a id="noteBack_9" href="#note_9">[9]</a></span
+            >姝f墍璋擄細鈥滄儏鍔ㄤ簬涓�岃浜庤█锛岃█涔嬩笉瓒筹紝鏁呭棢鍙逛箣锛屽棢鍙逛箣涓嶈冻锛屾晠鍜忔瓕涔嬶紝鍜忔瓕涔嬩笉瓒筹紝涓嶇煡鎵嬩箣鑸炰箣锛岃冻涔嬭箞涔嬩篃銆傗�濆湪鑹烘湳娲诲姩涓紝鍎跨鍙互鍊熷姪绾挎潯銆佽壊褰┿�侀�犲瀷锛岃妭濂忋�佹棆寰嬨�佽繍鍔ㄧ瓑鑹烘湳璇█锛岀洿鎺ヨ〃杈捐嚜宸辩殑鎯呮劅銆佹兂娉曠瓑銆�
+          </p>
+          <hr />
+        </div>
+      </div>
+    </div>
+    <!-- 15椤� -->
+    <div class="page-box" page="20">
+      <div v-if="showPageList.indexOf(20) > -1">
+        <ul class="header-right fl al-c jc-fe">
+          <li class="header-right-Text">鍗曞厓涓�銆�璧拌繎0~3宀佸┐骞煎効鑹烘湳鍚挋</li>
+          <li class="header-right-Number">
+            <span>015</span>
+            <img
+              class="img-b"
+              src="../../assets/images/header-right.png"
+              alt=""
+            />
+          </li>
+        </ul>
+        <div class="bodystyle">
+          <p class="content">
+            0锝�3宀佸┐骞煎効鍦ㄦ璧忓悇绉嶅悇鏍风編鐨勪簨鐗╁拰鑹烘湳浣滃搧鐨勮繃绋嬩腑锛岃兘澶熻幏寰楁剦鎮︾殑浣撻獙锛屽苟娌夋蹈鍏朵腑銆備笌姝ゅ悓鏃讹紝鍦ㄨ壓鏈〃鐜颁笌鍒涗綔涓紝鍎跨鐙珛銆佽嚜涓汇�佽嚜淇$瓑涓�т笌浜烘牸鎮勭劧鎴愰暱銆傝濡傦紝瀹濆疂鑳藉鍦ㄦ墍娑傚嚭鐨勭偣銆佺嚎銆佸湀鐨勭粍鍚堜腑鑾峰緱瑙嗚浠ュ強韬績鐨勬剦鎮︿笌婊¤冻锛屽湪鎵嬭噦鏈夎妭濂忕殑鍔ㄤ綔涓幏寰椾富鍔ㄧ殑韬綋杩愬姩鐨勫揩鎰熴�傝繖涓嶄粎浠呮槸涓�椤规剦蹇殑娓告垙锛屽疄闄呬笂涔熸槸瀹濆疂鐨勪竴绉嶄富鍔ㄧ殑瀛︿範娲诲姩锛屾槸浠栦滑鏃╂湡鎺㈢储銆佽璇嗕笘鐣岀殑涓�绉嶆柟娉曘��<span
+              class="super"
+              ><a id="noteBack_10" href="#note_10">[10]</a></span
+            >0锝�3宀佸┐骞煎効鍦ㄨ壓鏈璧忎笌鍒涗綔涓彲浠ヨ幏寰楁兂璞$殑鑷敱鍜屽垱浣滅殑蹇箰锛屼粠鑰屾劅鍙楀埌鑷繁鐨勫姏閲忎笌鑳藉姏锛岃幏寰楁弧瓒虫劅涓庢垚灏辨劅銆傚効绔ヨ壓鏈弽鏄犱簡鍎跨褰撳墠鐨勭姸鍐点�佺壒鍒殑鎰挎湜涓庣溂鍓嶇殑鐭涚浘鍐茬獊锛屽洜姝わ紝閫氳繃鍎跨鑹烘湳锛屾垚浜哄彲浠ヤ簡瑙e効绔ョ殑鐢熸椿缁忓巻銆佽〃杈捐兘鍔涖�佹儏缁儏鎰熺瓑锛屼粠鑰屾礊鎮夋瘡涓効绔ョ殑涓�х壒鐐癸紝骞堕�氳繃鑹烘湳娲诲姩淇冭繘鍎跨鍋ュ叏浜烘牸鐨勫吇鎴愩��
+          </p>
+        </div>
+      </div>
+    </div>
+    <!-- 16椤� -->
+    <div class="page-box" page="21">
+      <div v-if="showPageList.indexOf(21) > -1">
+        <ul class="header-left">
+          <li class="headerNumber">016</li>
+          <li class="headerText">0~3宀佸┐骞煎効鑹烘湳鍚挋</li>
+        </ul>
+        <div class="bodystyle">
+          <h2 class="secondsubHead-2">浠诲姟涓夈��0锝�3宀佸┐骞煎効鑹烘湳鍚挋鐨勫師鍒�</h2>
+          <p class="content">
+            0锝�3宀佸┐骞煎効鑹烘湳鍚挋鐨勫師鍒欐槸鍦�0锝�3宀佸┐骞煎効鑹烘湳娲诲姩涓繀椤婚伒寰殑鍩烘湰瑕佹眰銆傚熀浜庡┐骞煎効鑹烘湳鏁欒偛鐨勮寰嬨��0锝�3宀佸┐骞煎効韬績鍙戝睍鐗圭偣鍙婅壓鏈兘鍔涘彂灞曠壒寰侊紝0锝�3宀佸┐骞煎効鑹烘湳鍚挋搴旈伒寰惎钂欐�с�佺敓娲绘�с�佹父鎴忔�с�佹暣鍚堟�с�佸缇庢�х瓑鍘熷垯銆�
+          </p>
+          <p class="titleQuot-l">涓�銆佸惎钂欐�у師鍒�</p>
+          <p class="content">
+            鍚挋鎬у師鍒欐槸0锝�3宀佸┐骞煎効鑹烘湳鍚挋搴旈伒寰殑棣栬鍘熷垯锛屽畠鏄寚搴斿湪濠村辜鍎胯壓鏈椿鍔ㄤ腑寮曞濠村辜鍎挎劅鍙椾笌娆h祻鑷劧鐜涓庣敓娲讳腑鐨勭編锛屽湪鍏剁敓娲讳腑鑷劧铻嶅叆濠村辜鍎垮彲浠ユ帴鍙楃殑鑹烘湳褰㈠紡锛屼粠鑰屼娇寰楀┐骞煎効鑾峰緱鏈�鍩虹鐨勮壓鏈礌鍏汇��0锝�3宀佸┐骞煎効鑹烘湳鍚挋鐨勫惎钂欐�у師鍒欎富瑕佷綋鐜板湪鎴愪汉搴旇涓哄┐骞煎効閫夋嫨鏈�鍩虹鐨勮壓鏈椿鍔ㄥ唴瀹广��
+          </p>
+          <p class="content">
+            0锝�3宀佸┐骞煎効鐨勭粯鐢昏兘鍔涘浜庢秱楦﹂樁娈碉紝鎵嬪伐鍙戝睍澶勪簬鏃犵洰鐨勬椿鍔ㄦ湡锛岀編鏈璧忚兘鍔涘垯璺ㄨ秺涓や釜闃舵鏈兘鐩磋鏈燂紙0锝�2宀侊級锛屼富瑙傜殑瀹$編鎰熺煡鏈燂紙2锝�7宀侊級銆傚効绔ラ煶涔愯兘鍔涚殑鍙戝睍涓庣編鏈兘鍔涚浉姣旓紝闃舵鎬т笉鏄偅涔堟槑鏄俱�備互鍎跨鐨勬瓕鍞辫兘鍔涗负渚嬶紝鍎跨澶勪簬濠村効鏈熲�滃捒鍛�鈥濆璇濇椂灏卞紑濮嬩簡鈥滃捒鍛�鈥濆鍞憋紝1宀佸乏鍙崇殑鍎跨鍞辩殑姝岃绉颁负鈥滃憖鍛�涔嬫瓕鈥濓紝涓ゅ瞾宸﹀彸鐨勫効绔ヤ細鍔姏妯′豢鎴愪汉闊抽珮锛屼細鍞辩畝鍗曠殑姝屾洸锛屽苟涓嶆柇閲嶅绛夈��
+          </p>
+          <p class="content">
+            鏍规嵁0锝�3宀佸┐骞煎効鐨勮壓鏈兘鍔涘彂灞曠壒寰侊紝鏁欏笀鎴栧闀夸负浠栦滑閫夋嫨鐨勮壓鏈椿鍔ㄥ唴瀹瑰簲璇ユ槸鏈�鍩虹鐨勶紝閫傚悎鍏惰韩蹇冨彂灞曟按骞崇殑銆傝濡傦紝1宀佸崐宸﹀彸鐨勫効绔ュ紑濮嬪枩娆㈡秱娑傜敾鐢伙紝鐢ㄨ兘鎺ヨЕ鍒扮殑宸ュ叿锛堝绗斻�佹墜鎸囥�佹爲鏋濈瓑锛夊湪绾镐笂銆佸涓娿�佸湴涓婄瓑娑傜敾鐐广�佺嚎銆傚効绔ョ殑娑傞甫涓嶈绌堕�犲瀷銆佽壊褰╁拰鏋勫浘锛岃繖鏄粬浠湪鎰熺煡瑙夈�佸姩浣滄湁浜嗕竴瀹氱殑鍙戝睍涔嬪悗鍋氬嚭鐨勬帰绱紝鏄竴绉嶆柊鐨勫姩浣滅粌涔狅紝灞炰簬涓�绉嶆墜鑷傜殑鍔ㄤ綔銆傚効绔ョ殑娑傞甫娌℃湁鏄庣‘鐨勮〃鐜版剰鍥撅紝浠栦滑鎶婃秱楦﹀綋浣滄父鎴忥紝骞朵韩鍙楃敱娑傞甫鍔ㄤ綔甯︽潵鐨勯偅绉嶆湁鑺傚鐨勨�滃姩鈥濈殑杩愬姩蹇劅锛屼互鍙婂绾镐笂銆佸涓婂嚭鐜板悇绉嶅悇鏍风殑绾挎潯鐨勮瑙夋弧瓒炽��<span
+              class="super"
+              ><a id="noteBack_1" href="#note_1">[1]</a></span
+            >2宀佷互鍚庯紝鎴愪汉鍙互涓轰粬浠彁渚涙搷浣滅畝鍗曘�佷究浜庤〃鐜扮殑宸ュ叿鏉愭枡锛堝铚$瑪鐢汇�佸嵃绔犵敾銆佹墜鎸囩偣鐢荤瓑锛夛紝榧撳姳浠栦滑鐢ㄧ畝鍗曠殑绾挎潯涓庡舰鐘跺幓琛ㄧ幇鏃ュ父鐢熸椿涓父瑙佺殑銆佺啛鎮夌殑銆佹劅鍏磋叮鐨勪簨鐗╋紝濡傝澶氬皬楸兼按涓父銆侀珮鍏寸殑鍚戞棩钁电瓑锛堝浘1-2锛夈��
+          </p>
+        </div>
+      </div>
+    </div>
+    <!-- 17椤� -->
+    <div class="page-box" page="22">
+      <div v-if="showPageList.indexOf(22) > -1">
+        <ul class="header-right fl al-c jc-fe">
+          <li class="header-right-Text">鍗曞厓涓�銆�璧拌繎0~3宀佸┐骞煎効鑹烘湳鍚挋</li>
+          <li class="header-right-Number">
+            <span>017</span>
+            <img
+              class="img-b"
+              src="../../assets/images/header-right.png"
+              alt=""
+            />
+          </li>
+        </ul>
+        <div class="bodystyle">
+          <div class="img-rights w150 openImgBox">
+            <img src="../../assets/images/Figure-0028-01.jpg" alt="" />
+            <p class="imgdescript">鍥�1-2銆�楂樺叴鐨勫悜鏃ヨ懙</p>
+          </div>
+          <span>
+            <p class="content">
+              鍐嶅锛岄壌浜�0锝�3宀佸┐骞煎効姝屽敱鑳藉姏鐨勫彂灞曪紝鎴愪汉涓哄┐骞煎効閫夋嫨鐨勬瓕鏇插簲鍏锋湁濡備笅鐗圭偣锛氭瓕璇嶅弽鏄犵殑涓婚鏄┐骞煎効鐔熸倝銆佺悊瑙c�佹劅鍏磋叮鐨勶紝鍐呭瀵屾湁绔ヨ叮銆佹槗浜庤蹇嗭紝褰㈣薄椴滄槑锛岄�傚悎鐢ㄥ姩浣滆〃鐜帮紱闊冲煙閫傚疁銆佽妭濂忕畝鍗曘�佹棆寰嬪钩绋炽�佺煭灏忓伐鏁寸瓑锛屽銆婇棯鐑佺殑灏忔槦鏄熴�嬨�婂皬鐕曞瓙銆嬬瓑銆�
+            </p>
+            <p class="content">
+              闇�瑕佹寚鍑虹殑鏄紝閫氳繃0锝�3宀佸┐骞煎効鑹烘湳鍚挋锛屽┐骞煎効鑾峰緱鐨勬槸鏈�鍩虹鐨勮壓鏈礌鍏汇�傚湪浜虹敓鐨勬渶鍒濋樁娈碉紝鍎跨鑳藉鍠滄鎺ヨЕ鑹烘湳銆佸枩娆㈠弬鍔犺壓鏈椿鍔ㄦ槸棣栬鐨勩�傝繖绉嶅鑹烘湳鐨勫叴瓒d笌鎬佸害涓哄叾浠婂悗鍠滄鑹烘湳銆佸弬涓庤壓鏈�佸涔犺壓鏈瓑濂犲畾鑹ソ鐨勫熀纭�銆�
+            </p>
+          </span>
+          <p class="titleQuot-l">浜屻�佺敓娲绘�у師鍒�</p>
+          <p class="content">
+            鐢熸椿鎬у師鍒欐寚0锝�3宀佸┐骞煎効鑹烘湳娲诲姩搴斿熀浜庡効绔ョ殑鐢熸椿缁忛獙锛岃创杩戝効绔ョ殑鐢熸椿锛屽瘜鏈夌敓娲绘儏瓒o紝骞舵湇鍔′簬鍎跨鐨勭敓娲汇�傝壓鏈椿鍔ㄥ彧鏈夎创杩戝効绔ョ殑鐢熸椿锛屾璧忔垨琛ㄧ幇瀵逛簬鍎跨鑰岃█鏈夋剰涔夌殑浜恒�佷簨銆佺墿锛屽効绔ユ墠鑳藉湪鑹烘湳娆h祻涓庡垱浣滀腑鐢熸垚鎰忎箟銆佸垱閫犳剰涔夈��
+          </p>
+          <p class="content">
+            鈥滃ぉ鍦版湁澶х編鑰屼笉瑷�鈥濓紝鑷劧鐣屼笌鐢熸椿涓厖婊$潃鍚勭鍚勬牱缇庣殑浜嬬墿銆傚ぇ鑷劧涓湁鐫�鍚勭缇庡鐨勫0闊筹細娣呮穮娌ユ播鐨勯洦澹般�佹窓娣欑殑娴佹按澹般�佹竻鑴嗙殑楦熷彨澹般�佸皬鏈嬪弸鐨勬绗戝0绛夈�傛墍鏈夎繖浜涳紝閮戒細璁╁疂瀹濆績鏃风鎬★紝婵�鍙戜簡浠栬亞鍚殑娆叉湜涓庡叴瓒c�傛垚浜哄彲浠ュ紩瀵煎┐骞煎効娉ㄦ剰鍊惧惉澶ц嚜鐒堕噷鐨勫悇绉嶅0闊筹紝濡傞澹般�侀洦澹帮紱鍊惧惉鍚勭鍔ㄧ墿鐨勫彨澹帮紝濡傞笩鍙0锛涘�惧惉鍚勭浜ら�氬伐鍏峰彂鍑虹殑澹伴煶锛屽鑷杞︽竻鑴嗙殑閾冨0銆佹苯杞︾殑鍠囧彮澹扳�︹�︾户鑰屽紩瀵煎疂瀹濇ā浠裤�佽〃杈撅紝浠庤�屼績杩涘疂瀹濇兂璞″姏鍜屽垱閫犲姏鐨勫彂灞曘�備竴鐗囨爲鏋椼�佷竴閬撴渤婀俱�佷竴鐗囨槦绌恒�佷竴杞槑鏈堚�︹�﹁繖浜涢兘鍙互缁欏疂瀹濈編鐨勪韩鍙椼�傚効绔ョ殑瑙嗚鏄嫭鐗圭殑锛屼竴鐗囨爲鍙躲�佷竴棰楃煶瀛愩�佷竴娈垫爲鏋濄�佷竴涓涘皬鑽夐兘鍙互鎴愪负瀹濆疂鐖变笉閲婃墜鐨勫疂璐濄�傛垚浜轰笉濡ㄥ拰瀹濆疂涓�璧锋璧忓ぇ鑷劧鐨勭編涓戒笌绁炲锛屾繁鍛煎惛锛屽睍寮�鍙岃噦锛屾劅鍙楀ぇ鑷劧锛屾嫢鎶卞ぇ鑷劧銆傚悓鏃讹紝寮曞瀹濆疂鍙戠幇缇庣殑浜嬬墿锛岀埍鎶ょ編鐨勪簨鐗╋紝琛ㄨ揪瀵瑰ぇ鑷劧鐨勫枩鐖便��
+          </p>
+
+          <div class="fl jc-c openImgBox mt-20">
+            <img
+              class="img-f"
+              src="../../assets/images/Figure-0006-04.jpg"
+              alt=""
+            />
+          </div>
+          <p class="imgdescript mb-20">鍥�1-3銆�缁垮灚鍦f瘝瀛愩��绱㈡媺閲�</p>
+
+          <p class="content">
+            闄や簡鑷劧鐣屼笌鐢熸椿涓編鐨勪簨鐗╋紝璐磋繎鍎跨鐢熸椿鐨勮壓鏈綔鍝佷篃鏄┐骞煎効闈炲父鍠滅埍鐨勩�傝濡傦紝鍕冩媺濮嗘柉鐨勩�婃憞绡洸銆嬶紝绱㈡媺閲岀殑銆婄豢鍨湥姣嶅瓙銆嬶紙鍥�1-3锛夌瓑琛ㄧ幇姣嶇埍鐨勮壓鏈綔鍝佹瘮杈冮�傚悎濠村辜鍎挎璧忋�傚湪娆h祻杩欎簺浣滃搧鏃讹紝鍙互鑱旂郴鍎跨鐨勭敓娲荤粡楠岋紝鍔犳繁浠栦滑瀵瑰濡堢殑鐖辩殑浣撻獙銆�
+          </p>
+        </div>
+      </div>
+    </div>
+    <!-- 18椤� -->
+    <div class="page-box" page="23">
+      <div v-if="showPageList.indexOf(23) > -1">
+        <ul class="header-left">
+          <li class="headerNumber">018</li>
+          <li class="headerText">0~3宀佸┐骞煎効鑹烘湳鍚挋</li>
+        </ul>
+        <div class="bodystyle">
+          <p class="content">
+            鍙﹀锛屾垚浜哄湪璁捐涓庡疄鏂�0锝�3宀佸┐骞煎効鑹烘湳娲诲姩鐨勮繃绋嬩腑锛屽簲娉ㄦ剰棰勮鍜岀敓鎴愮殑缁撳悎銆備竴鏂归潰锛屾垚浜哄彲浠ユ牴鎹効绔ョ殑闇�瑕併�佸叴瓒g瓑閫夋嫨璐磋繎鍎跨鐢熸椿銆佹儏鎰熺殑鍐呭锛涘彟涓�鏂归潰锛屼篃鍙互鍦ㄦ椿鍔ㄨ繃绋嬩腑鏁忛攼鍦拌瀵熷効绔ラ渶瑕併�佸叴瓒g殑鍙樺寲锛屾崟鎹夊効绔ョ敓娲讳腑绐佸彂鐨勩�佹湁鎰忎箟鐨勪簨浠讹紝鏍规嵁浜掑姩鐨勫疄闄呮儏鍐电瓑鏉ヨ皟鏁存椿鍔紝鐢熸垚鏂扮殑鏇撮�傚疁鐨勬椿鍔ㄣ��
+          </p>
+          <p class="content">
+            鏈�鍚庯紝0锝�3宀佸┐骞煎効鑹烘湳娲诲姩鏈�缁堝簲璇ュ洖褰掑効绔ョ殑鐢熸椿锛屾湇鍔′簬鍎跨鐨勭敓娲伙紝浣夸粬浠浼氱敤鑹烘湳鐨勬�佸害瀵瑰緟鐢熸椿锛屼负浠栦滑鎷ユ湁涓�棰楃埍缇庛�佹噦缇庝箣蹇冨瀹氬熀纭�銆傚洜姝わ紝鎴愪汉搴旇閲嶈骞剁弽鎯滃効绔ョ殑鑹烘湳浣滃搧锛岃浠栦滑鎰熷彈鍒版垚浜虹殑璁ゅ彲鍜屽叧娉ㄣ�傛垚浜轰笉濡ㄥ皢鍎跨鐨勮壓鏈綔鍝佽繘琛岃瑁憋紝鍜屼粬浠竴璧疯楗板拰缇庡寲鐜銆傚浜庡┐骞煎効鐨勮嚜鍙戞瓕鍞便�佸嵆鍏磋〃婕旂瓑锛屽鏋滄湁鏉′欢鐨勮瘽锛屽彲浠ヨ繘琛屽綍闊虫垨鑰呭綍鍍忥紝鍦ㄩ�傚綋鐨勬椂鍊欏姞浠ュ睍绀恒��
+          </p>
+          <div class="bgColor">
+            <p class="titleQuot-1">娲诲姩瑙嗛</p>
+            <p class="quotation">
+              涓ゅ瞾澶氱殑瀹濆疂鎵嬮噷鎷跨潃鐙楀熬宸磋崏锛岃偐涓婃墰鐫�鏍戞灊锛屽湪鑽夊湴涓娾�滃瀹濃�濄�備笉涓�浼氬効锛屼粬缁欏濡堟崱鏉ヤ簡涓�鐗囩編涓界殑鏍戝彾銆備箣鍚庯紝瀵掗涓殑浠栧張缁х画鍏跺彂鐜颁箣鏃咃紝鍙嶅弽澶嶅锛屼箰姝や笉鐤层�傛壂鐮佽鐪嬧�滃疂瀹濆彂鐜扮編鈥濊棰戯紝璇锋敞鎰忓疂瀹濈殑鍔ㄤ綔銆佽〃鎯呬互鍙婁笌濡堝鐨勫璇濄�備綘瑙夊緱瑙嗛涓殑瀹濆疂鍠勪簬鍙戠幇鑷劧鐣屼笌鐢熸椿涓殑缇庡悧锛熶綘鎺ヨЕ杩囩殑濠村辜鍎垮湪杩欐柟闈㈠張鏈夊摢浜涜〃鐜帮紵
+            </p>
+          </div>
+          <p class="titleQuot-l">涓夈�佹父鎴忔�у師鍒�</p>
+          <p class="content">
+            娓告垙鎬у師鍒欐槸鍦�0锝�3宀佸┐骞煎効鑹烘湳娲诲姩涓繀椤诲皧閲嶅効绔ユ父鎴忕殑澶╂�э紝鍒涜杞绘澗鎰夊揩鐨勬皼鍥达紝閫氳繃鏈夎叮鐨勬父鎴忓惛寮曞┐骞煎効鑷富鑷効鍦板弬涓庢椿鍔ㄣ�傛崲鍙ヨ瘽璇达紝娓告垙鎬у師鍒欏嵆0锝�3宀佸┐骞煎効鑹烘湳娲诲姩搴斾綋鐜版父鎴忔�э紝瀵逛簬濠村辜鍎挎潵璇村叿鏈夎冻澶熺殑榄呭姏銆傝濡傦紝鍦ㄤ翰瀛愬洯缇庢湳鏁欒偛娲诲姩鈥滆繛杩炵湅鈥濅腑锛屾暀甯堝鍎跨鍒涗綔鐨勫紩瀵兼敞閲嶆父鎴忓寲銆佹儏澧冨寲锛屾妸灏忓姩鐗╀滑杩炰竴杩烇紝璁╀粬浠兘璧板埌涓�璧峰仛娓告垙锛岀粰浠栦滑寤虹珛涓�浜涙紓浜殑骞垮満锛堚�滃皬鍔ㄧ墿浠綇鍦ㄨ瀵归潰锛屼粬浠緢鎯充竴璧峰仛娓告垙锛屾�庝箞鍔炲憿锛熲�濃�滃皬鍔ㄧ墿浠帺绱簡鎬庝箞鍔烇紵灏忓姩鐗╀滑娌℃湁鐜╄�嶇殑鍦版柟鎬庝箞鍔烇紵鈥濓級锛屾棤褰腑璁╁効绔ュ钂欏痉閲屽畨鐨勮壓鏈鏍兼湁浜嗕竴瀹氱殑鐞嗚В涓庝綋楠岋紝骞惰兘澶熷湪鍒涗綔涓綋鐜板ぇ甯堜綔鍝侊紙鍥�1-4锛夋墍钑村惈鐨勮壓鏈厓绱犮��
+          </p>
+        </div>
+      </div>
+    </div>
+    <!-- 19椤� -->
+    <div class="page-box" page="24">
+      <div v-if="showPageList.indexOf(24) > -1">
+        <ul class="header-right fl al-c jc-fe">
+          <li class="header-right-Text">鍗曞厓涓�銆�璧拌繎0~3宀佸┐骞煎効鑹烘湳鍚挋</li>
+          <li class="header-right-Number">
+            <span>019</span>
+            <img
+              class="img-b"
+              src="../../assets/images/header-right.png"
+              alt=""
+            />
+          </li>
+        </ul>
+        <div class="bodystyle">
+          <div class="img-rights w180 openImgBox">
+            <img src="../../assets/images/Figure-0007-01.jpg" alt="" />
+            <p class="imgdescript">鍥�1-4銆�绾㈤粍钃濈殑鏋勬垚钂欏痉閲屽畨</p>
+          </div>
+          <span>
+            <p class="content">
+              娓告垙鏄効绔ョ殑澶╂�э紝鍙互璇达紝娓告垙缁熸暣浜嗗効绔ョ殑鍚勭娲诲姩銆傚効绔ユ櫘閬嶅枩娆㈣壓鏈紝鍦ㄨ壓鏈垱浣滆繃绋嬩腑鍎跨寰�寰�鏄竴绉嶈交鏉捐嚜鐢辩殑鐘舵�侊紝琛ㄧ幇寰楁剦蹇�屽繕鎴戙�傚浜庡効绔ヨ�岃█锛屼粬浠殑鑹烘湳寰�寰�鏄父鎴忥紝娓告垙寰�寰�鏄壓鏈��<span
+                class="super"
+                ><a id="noteBack_2" href="#note_2">[2]</a></span
+              >濡傛灉鍎跨鐨勮壓鏈椿鍔ㄦ病鏈変簡娓告垙鎬э紝閭e彲浠ヨ杩欐槸琚紓鍖栦簡鐨勫効绔ヨ壓鏈紝骞朵笉鏄湡姝g殑鍎跨鑹烘湳銆傚浜庡効绔ユ潵璁诧紝鑹烘湳灏辨槸涓�绉嶆父鎴忥紝鍙湁鍎跨浠庝腑鑾峰緱娆箰鍜屾剦蹇殑浣撻獙鏃讹紝鑹烘湳鎵嶈兘鐪熸鎴愪负鍎跨鐨勯渶瑕侊紝骞朵笖琚効绔ユ墍鎺ョ撼銆傛父鎴忎笉浠呬粎鏄壓鏈暀鑲茬殑鎵嬫锛屽繀椤绘瀯鎴愯壓鏈殑蹇呰鎴愬垎锛屽鍚岃壓鏈槸娓告垙鐨勫繀瑕佹垚鍒嗕竴鏍枫��<span
+                class="super"
+                ><a id="noteBack_3" href="#note_3">[3]</a></span
+              >鍥犳锛�0锝�3宀佸┐骞煎効鑹烘湳娲诲姩蹇呴』閬靛惊娓告垙鎬у師鍒欙紝杩欐牱涓嶄粎绗﹀悎濠村辜鍎跨殑韬績鍙戝睍鐗瑰緛锛岃�屼笖鏈夊埄浜庝績杩涗粬浠殑鍙戝睍銆�
+            </p>
+            <p class="titleQuot-l">鍥涖�佹暣鍚堟�у師鍒�</p>
+            <p class="content">
+              鏁村悎鎬у師鍒欐寚鍦�0锝�3宀佸┐骞煎効鑹烘湳娲诲姩涓簲鍔犲己鑹烘湳棰嗗煙鍐呴儴鍚勮壓鏈棬绫荤殑铻嶅悎锛岃壓鏈鍩熶笌鍏朵粬棰嗗煙鐨勮瀺鍚堬紝灏嗗悇绉嶄笉鍚岀殑瀛︿範褰㈠紡涓庢柟娉曞姞浠ヨ瀺鍚堬紝灏嗗叾浣滀负涓�涓簰鐩歌仈绯荤殑鏁翠綋鏉ュ寰呫�傗�滈潰瀵�21涓栫邯鐨勬寫鎴橈紝鏁欒偛鐢辫繃鍘诲亸閲嶆櫤鑲插悜杩芥眰浜烘牸鍙戝睍鐨勬暀鑲茶浆鍙橈紝瀵逛汉鐨勭敓鐞嗐�佸績鏅恒�佹儏鎰熴�佺簿绁炪�佹兂璞″眰闈㈤兘鏈変笉鍚岀▼搴︾殑瑕佹眰銆傚崟涓�鐨勫绉戞暀鑲查毦浠ラ�傚簲绀句細蹇�熷彉杩佺殑闇�瑕併�傗��<span
+                class="super"
+                ><a id="noteBack_4" href="#note_4">[4]</a></span
+              >鏇撮噸瑕佺殑鏄紝鍎跨鐨勫彂灞曘�佸効绔ョ殑鐢熸椿鏄竴涓湁鏈烘暣浣撱�傛濡傚竷绾﹀厠娌冨皵寰锋墍璇达紝鈥滃缂柉鏈兘鐨勬�濊�冭姹傛垜浠粠鐢熸�佸鍜屾湁鏈烘暣浣撹鐨勮搴︽潵鎬濊�冿紝濡傛灉鎴戜滑涓嶈兘灏濊瘯鐫�浠庝竴涓ぇ鐨勮儗鏅潵鎬濊�冿紝涓�涓秴瓒婁簡瀛︾鍜岀被鍨嬬殑鏃㈠畾鐣岄檺銆佷笉鍚屾枃鍖栧拰涓嶅悓骞撮緞鐨勬棦瀹氱晫闄愩�佺敋鑷虫槸绉戝涓庤瘲瀛︾殑鏃㈠畾鐣岄檺鐨勮儗鏅潵鎬濊�冿紝鎴戜滑灏嗘棤娉曠湅鍒版湰鑳界殑缂柉銆傗��<span
+                class="super"
+                ><a id="noteBack_5" href="#note_5">[5]</a></span
+              >鍥犳锛屽湪0锝�3宀佸┐骞煎効鑹烘湳娲诲姩涓伒寰暣鍚堟�у師鍒欙紝鏃㈤『搴旂ぞ浼氬揩閫熷彉鍖栫殑闇�瑕侊紝涔熺鍚堝効绔ュ彂灞曠殑闇�瑕併��
+            </p>
+          </span>
+        </div>
+      </div>
+    </div>
+    <!-- 20椤� -->
+    <div class="page-box" page="25">
+      <div v-if="showPageList.indexOf(25) > -1">
+        <ul class="header-left">
+          <li class="headerNumber">020</li>
+          <li class="headerText">0~3宀佸┐骞煎効鑹烘湳鍚挋</li>
+        </ul>
+        <div class="bodystyle">
+          <p class="content">
+            濡傚悓璇█娲诲姩鑳芥妸鍚�佽銆佽銆佸啓缁煎悎璧锋潵涓�鏍凤紝鑹烘湳娲诲姩涔熷彲浠ユ妸瑙嗚鐨勩�佸惉瑙夌殑銆佽Е瑙夌殑涓嶅悓鑹烘湳闂ㄧ被铻嶄负涓�浣撱�傜編鏈�侀煶涔愩�佹枃瀛︾瓑鑹烘湳闂ㄧ被瀛樺湪鏌愪簺鍏卞悓瀹$編瑕佺礌锛岃壓鏈鍩熷唴閮ㄤ笉鍚屽绉戠殑缁忛獙鍙互鐩镐簰鏀寔銆佺浉浜掕縼绉伙紝鑹烘湳銆佺瀛︺�佺ぞ浼氱瓑棰嗗煙鐨勭粡楠屼篃鍙互鐩镐簰鑱旂郴銆佺浉浜掓笚閫忋�傚湪0锝�3宀佸┐骞煎効鑹烘湳娲诲姩涓紝搴旇鏈夋満铻嶅悎鍚勭鑹烘湳闂ㄧ被銆佽壓鏈鍩熶笌鍏朵粬棰嗗煙锛屼績杩涘効绔ヨ壓鏈兘鍔涗笌浜烘枃绱犲吇鐨勬暣鍚堝彂灞曘��
+          </p>
+          <p class="content">缃楀皵路甯冪害鍏嬫矁灏斿痉鎻愬埌杩欐牱涓�涓渚嬶細</p>
+          <p class="quotation">
+            涓�涓皬濂冲鍏ㄧ璐敞鍦拌洞鍦ㄤ竴寮犵焊涓婏紝姝e湪鐢讳竴寮犫�滅敾鈥濄�傚ス鎵嬩腑閾呯瑪涓嶈鍒欏湴杞潵杞幓锛屼絾鏄嵈鏈夌潃涓�瀹氱殑鑺傚銆傛墜鍦ㄧ焊涓婄敾鐨勫悓鏃讹紝濂逛篃鍞辩潃鎵嬬殑杩愬姩銆傝繖绉嶆瓕澹颁笌鍔ㄤ綔鐨勭浉浼达紝灏辨槸娓告垙涓庢瓕鍞辩粨鍚堜负涓�鐨勨�滄仼鎴堥害鈥濈殑涓�涓吀鍨嬩緥璇併�傗�︹�︽棆寰嬨�佽璇嶃�佸姩浣滅粍鎴愪簡涓�浣撳寲鐨勬暣浣擄紝鍦ㄨ繖涓暣浣撲腑锛屾瓕澹版槸鎵嬭噦杩愬姩鐨勫0闊冲弽鏄狅紝涔熸槸绾镐笂鎵�鐢荤殑鏍囪鈥︹�﹀ス涓嶆槸涓哄ス鐢荤敾杩欎欢浜嬭�屽敱锛岃�屾槸鍞辩潃鐢荤殑鍔ㄤ綔锛涘鏋滃ス宸茬粡娌夋蹈鍒板ス鐨勪綋楠屼箣涓紝鎴戜滑鐢氳嚦杩樺彲浠ヨ濂规湰韬篃灏辨槸杩欑敾鐨勫姩浣滅殑涓�閮ㄥ垎銆傝繖涓�鍒伙紝濂瑰凡缁忔斁寮冧簡浣滀负涓�涓釜浣撶殑涓昏鎬э紝鎴愪负涓�涓暣浣撶殑涓�閮ㄥ垎锛屽湪杩欎釜鏁翠綋涓富銆佸瑙傚凡缁忓悎鑰屼负涓�銆傛鏄嚟鍊熺潃杩欐牱鐨勮繃绋嬶紝娓告垙鍙互璇存棦鍦ㄦ鏃舵鍦板彂鐢燂紝鍙堣秴瓒婁簡鏃剁┖銆傚唴鍦ㄧ湡瀹炲拰澶栧湪鐪熷疄閮藉凡缁撳悎鍦ㄤ竴璧凤紝鎴愪负杩欎釜鍎跨鍦ㄥス鎴栦粬鐨勨�滄仼鎴堥害鈥濅腑瀹夊叏鍋滄硦鐨勪竴涓粨鏋溿�傛鏄�氳繃杩欐牱鐨勬暣浣撴劅瑙夛紝鍎跨鑱氶泦鐫�鍔涢噺锛岀ǔ姝ュ湴杈惧埌鏇撮珮姘村钩鐨勭悊瑙o紝瓒婃潵瓒婂疄鐜扮潃浠栦滑鑷繁銆�<span
+              class="super"
+              ><a id="noteBack_6" href="#note_6">[6]</a></span
+            >
+          </p>
+          <p class="content">
+            鍙锛屽鍓嶅効绔ユ槸涓�涓暣浣撴�х殑瀛樺湪锛屼粬浠涓栫晫鐨勮璇嗘槸閫氳繃涓�绉嶁�滀竴浣撳寲鐨勬劅鍙椻�濓紝鏃㈢湅鍙堝惉锛屽張鏈夎韩浣撳姩浣滅瓑銆備笉绠℃槸鍦ㄨ壓鏈璧忚繕鏄湪鑹烘湳鍒涗綔杩囩▼涓紝浠栦滑閮芥槸閫氳繃澶氭劅瀹橈紙濡傝瑙夈�佸惉瑙夈�佸姩瑙夌瓑锛夊叡鍚屽弬涓庢潵浣撻獙鍜岃〃鐜拌壓鏈殑銆�<span
+              class="super"
+              ><a id="noteBack_7" href="#note_7">[7]</a></span
+            >鑰屼笖锛屽効绔ョ殑鐢熸椿鏈韩灏辨槸涓�涓暣浣擄紝涓嶅彲鑳芥寜鐓у绉戝垎涓衡�滅編鏈�濃�滈煶涔愨�濃�滄枃瀛︹�濈瓑锛屼篃涓嶅彲鑳芥寜鐓ч鍩熷垎涓衡�滆壓鏈�濃�滅瀛︹�濃�滅ぞ浼氣�濈瓑銆傛墍浠ワ紝鍦�0锝�3宀佸┐骞煎効鑹烘湳娲诲姩涓紝鎴愪汉搴斿皧閲嶅効绔ョ殑韬績鍙戝睍鐗瑰緛锛岄紦鍔变粬浠繍鐢ㄥ绉嶆劅瀹樹笌鏂瑰紡鏉ユ璧忓拰琛ㄧ幇鑹烘湳銆�
+          </p>
+        </div>
+      </div>
+    </div>
+    <!-- 21椤� -->
+    <div class="page-box" page="26">
+      <div v-if="showPageList.indexOf(26) > -1">
+        <ul class="header-right fl al-c jc-fe">
+          <li class="header-right-Text">鍗曞厓涓�銆�璧拌繎0~3宀佸┐骞煎効鑹烘湳鍚挋</li>
+          <li class="header-right-Number">
+            <span>021</span>
+            <img
+              class="img-b"
+              src="../../assets/images/header-right.png"
+              alt=""
+            />
+          </li>
+        </ul>
+        <div class="bodystyle">
+          <div class="ExpandLearning">
+            <p class="ExpandLearning-title">
+              <span>鎷�</span>
+              <span>灞�</span>
+              <span>瀛�</span>
+              <span>涔�</span>
+            </p>
+            <p class="quotation">
+              0锝�3宀佹槸瀹濆疂璇█鍙戝睍鐨勫叧閿湡锛屼篃鏄粬浠瑷�鑳藉姏鍙戝睍鏈�蹇殑鏃舵湡銆傛鏃讹紝浠栦滑瀵硅瑷�鍏锋湁涓�绉嶇壒娈婄殑鎰熷彈鍔涳紝瀵圭幆澧冧腑鐨勫悇绉嶈瑷�鍒烘縺鏍煎鏁忔劅銆傜璋e彲浠ヨ鏄疂瀹濇渶鏃╂帴瑙︾殑璇█绫讳綔鍝侊紝瀹冨叿鏈夌瘒骞呯煭灏忋�佸瘜浜庢儏瓒c�佽瑷�娴呮樉銆侀煶闊靛拰璋愮瓑鐗圭偣锛岄潪甯搁�傚悎姝e浜庤瑷�鏁忔劅鏈熺殑瀹濆疂缁冧範璇磋瘽銆�<span
+                class="super"
+                ><a id="noteBack_8" href="#note_8">[8]</a></span
+              >蹇箰绔ヨ埃锛屾棦鍙互甯姪瀹濆疂杞绘澗瀛﹁璇濓紝鍙堝彲浠ヨ瀹濆疂鎰熷彈鍜屼綋楠屽埌鏂囧浣滃搧鐨勭編銆傚湪瀛︿範绔ヨ埃鏃讹紝鎴愪汉涓嶅Θ寮曞瀹濆疂杈瑰康绔ヨ埃杈瑰仛鍔ㄤ綔绛夛紝閫傛椂瀵瑰疂瀹濊繘琛岃壓鏈惎钂欍��
+            </p>
+            <p class="quotation">
+              浜嗚В銆婂揩涔愮璋o紝甯姪瀹濆疂杞绘澗瀛﹁璇濄�嬪叿浣撳唴瀹�
+            </p>
+          </div>
+          <p><br /></p>
+          <p class="titleQuot-l">浜斻�佸缇庢�у師鍒�</p>
+          <p class="content">
+            瀹$編鎬у師鍒欐槸鎸�0锝�3宀佸┐骞煎効鑹烘湳娲诲姩鐨勫紑灞曡浠ュ┐骞煎効鐨勫缇庡績鐞嗙壒寰佷负渚濇嵁锛屽紩瀵间粬浠彂鐜扮編銆佹劅鍙楃編銆佽〃鐜扮編鍜屽垱閫犵編銆傚濠村辜鍎挎潵璇达紝鑹烘湳棰嗗煙涓庡叾浠栭鍩熺殑瀛︿範鏈夋墍涓嶅悓銆傚湪鑹烘湳娲诲姩涓紝濠村辜鍎胯繘鍏ヤ竴涓編鐨勫ぉ鍦帮紝浠栦滑鐨勬儏鎰熶笘鐣屽彉寰椾赴瀵岋紝娆h祻缇庝笌鍒涢�犵編鐨勮兘鍔涘緱浠ュ彂灞曪紝杩欐槸鑹烘湳鏁欒偛鐨勭嫭鐗逛笌浼樺娍銆傚湪鑹烘湳鏁欒偛涓紝鎴愪汉搴斾互缇庣殑浜嬬墿銆佺編鐨勬柟寮忓惎鍙戝┐骞煎効鎰熷彈鍜屾璧忋�佽〃鐜板拰鍒涢�狅紝浠庤�屽煿鍏讳粬浠浜庣編鐨勪簨鐗┿�佺編鐨勫舰寮忕殑鏁忔劅鎬т笌鎰熷彈鍔涖��
+          </p>
+          <p class="content">
+            鍦ㄨ壓鏈椿鍔ㄤ腑锛屽垱璁鹃�傚疁鐨勫缇庢儏澧冿紝寮曞彂濠村辜鍎垮浣滃搧鐨勫缇庡噯澶囷紝鏄┐骞煎効鎰熷彈缇庛�佽〃鐜扮編鐨勫墠鎻愩�傚浘鐗囥�侀煶涔愩�佹椿鍔ㄥ鐨勭幆澧冨垱璁俱�佹暀甯堢殑瑷�琛屼妇姝㈢瓑鍏卞悓鏋勬垚浜嗗缇庢儏澧冦�傝濡傦紝鏁欏笀鍦ㄧ粍缁囧┐骞煎効娆h祻銆婃憞绡洸銆嬩箣鍓嶏紝涓嶅Θ灏嗘椿鍔ㄥ鐨勭獥甯樻媺涓婏紝浣挎椿鍔ㄥ鍐呯殑鍏夌嚎鍙樺緱鏌斿拰锛屽悓鏃跺彲浠ョ敤鎶曞奖浠睍绀鸿〃鐜扮編濂藉鑹茬殑鐢婚潰锛堝鏄熸槦銆佹湀浜瓑锛夈�傚瀛愪滑杩涘叆娲诲姩瀹わ紝椹笂灏辨湁韬复鍏跺鐨勬劅瑙夈�傛澶栵紝涓轰簡鍒涜鏁翠綋瀹$編鎯呭锛屾暀甯堢殑鎯呯华銆佽瑷�銆佸姩浣滅瓑搴旈潪甯歌交鏌斻�佹湁鐖憋紝鍜屻�婃憞绡洸銆嬫墍琛ㄨ揪鐨勬儏鎰熼潪甯稿悎鎷嶃��
+          </p>
+        </div>
+      </div>
+    </div>
+    <!-- 22椤� -->
+    <div class="page-box" page="27">
+      <div v-if="showPageList.indexOf(27) > -1">
+        <ul class="header-left">
+          <li class="headerNumber">022</li>
+          <li class="headerText">0~3宀佸┐骞煎効鑹烘湳鍚挋</li>
+        </ul>
+        <div class="bodystyle">
+          <div class="img-float w200 openImgBox">
+            <img src="../../assets/images/Figure-0007-02.jpg" alt="" />
+            <p class="imgdescript">鍥�1-5銆�鐧捐�佹眹鐖靛+涔愩��钂欏痉閲屽畨</p>
+          </div>
+          <span>
+            <p class="content">
+              鍎跨杩涘叆鎯呭涔嬪悗锛屾暀甯堟敞鎰忓紩瀵间粬浠笌鑹烘湳杩涜瀵硅瘽锛岄紦鍔变粬浠敤鑷繁鍠滄鐨勬柟寮忚繘琛岃壓鏈〃鐜般�傚効绔ヤ笌鐢熶勘鏉ユ嫢鏈夎壓鏈璧忕殑娼滆兘锛屽湪娌℃湁鎴愪汉寮曞鐨勬儏褰笅锛屼粬浠篃浼氫富鍔ㄥぇ鑳嗗湴鎺㈢储涓庤〃杈俱�傝濡傦紝鍦嗗渾鍦ㄧ湅鍒拌挋寰烽噷瀹夌殑銆婄櫨鑰佹眹鐖靛+涔愩�嬶紙鍥�1-5锛夋椂锛屽氨鍏村鍦拌鈥滈煶绗︹�濃�滈煶涔愨�濄�傚�樿嫢鎴愪汉鑳藉寮曞鍎跨涓庤壓鏈繘琛屽璇濓紝鍒欐洿鍒╀簬鍞よ捣鍎跨鐨勬儏鎰熶綋楠岋紝浠庤�屼娇浠栦滑鑾峰緱瀹$編鎰熷姩銆傚湪鐞嗚В鑹烘湳鐨勫熀纭�涓婏紝濠村辜鍎夸細鎯呬笉鑷鍦拌〃杈捐嚜宸辩殑鎯呮劅涓庝綋楠屻�傛垚浜哄簲璇ュ皧閲嶅辜鍎垮瘜鏈変釜鎬у拰鍒涢�犳�х殑琛ㄨ揪锛屽苟缁欎簣閫傛椂銆侀�傚綋鐨勬敮鎸併�傞渶瑕佹寚鍑虹殑鏄紝鍩轰簬濠村辜鍎跨殑鑹烘湳瀛︿範蹇冪悊鐗瑰緛锛屽湪鑹烘湳娲诲姩涓紝鎴愪汉涓嶅Θ璁╁瀛愨�滃姩璧锋潵鈥濓紙鏃㈠彲浠ヨ繍鐢ㄨ瑙夈�佸惉瑙夈�佽Е瑙夌瓑鍚勭鎰熷畼锛屽張鍙互閲囩敤璇█銆佸姩浣溿�佽〃鎯呯瓑澶氱鏂瑰紡锛夈��
+            </p>
+          </span>
+          <p class="learningDetection">瀛︿範妫�娴�</p>
+          <p class="content">
+            1锛庝綘璁や负浠�涔堟槸0锝�3宀佸┐骞煎効鑹烘湳鍚挋锛�0锝�3宀佸┐骞煎効鑹烘湳鍚挋鍏锋湁鍝簺鐗圭偣锛�
+          </p>
+          <p class="content">
+            2锛庤瘯杩�0锝�3宀佸┐骞煎効鑹烘湳鍚挋鏄竴绉嶉�氳繃鑹烘湳鐨勬暀鑲茶繕鏄竴绉嶄负浜嗚壓鏈殑鏁欒偛骞惰鏄庝负浠�涔堛��
+          </p>
+          <p class="content">3锛庤缁撳悎瀹炶返璋堣皥0锝�3宀佸┐骞煎効鑹烘湳鍚挋鐨勪环鍊笺��</p>
+          <p class="content">
+            4锛庝笅闈㈡槸浜插瓙鍥壓鏈暀鑲叉椿鍔ㄢ�滅澶╃殑鐢绘姤鈥濓紝璇蜂綘璋堣皥璇ユ椿鍔ㄩ伒寰簡鍝簺濠村辜鍎胯壓鏈惎钂欏師鍒欙紵
+          </p>
+          <p class="poemtitle mt-20">
+            娲诲姩鍚嶇О锛氱澶╃殑鐢绘姤锛�2锝�3宀侊級<span class="super"
+              ><a id="noteBack_9" href="#note_9">[9]</a></span
+            >
+          </p>
+          <p class="content"><span class="bold">娲诲姩鑳屾櫙</span></p>
+          <p class="quotation">
+            鈥滅椋庡惞锛屾爲鏋濇憞锛岀孩鍙堕粍鍙跺線涓嬫帀鈥︹�︹�濅即闅忕潃绉嬪ぉ鐨勭璋o紝绉嬫棩鐨勭粏闆紝绉嬪ぉ宸叉參鎱㈣繘鍏ュ疂瀹濈殑瑙嗛噹閲屻�傚疂瀹濆湪绉嬪ぉ閲屾湁鐫�寰堝鏂扮殑鍙戠幇锛氫簲棰滃叚鑹茬殑绉嬪彾銆佸舰鐘跺悇寮傜殑鏋滃疄鈥︹�︿粬浠凡涓嶇煡涓嶈鍦版劅鍙楀埌绉嬪ぉ鍒版潵鍚庝竾浜嬩竾鐗╂墍鍙戠敓鐨勫彉鍖栥�傚湪涔嬪墠鐨勭娓告椿鍔ㄤ腑锛屽湪鐖哥埜濡堝鐨勯櫔鍚屼笅瀹濆疂宸茬粡瀵绘壘杩囩澶╃殑韪抗锛岃繕鎹′簡绉嬪彾鍋氭垚鏍戝彾璐寸敾锛屽洜姝わ紝浠栦滑宸插叿澶囦簡涓�浜涘叧浜庣澶╃殑缁忛獙銆�
+          </p>
+        </div>
+      </div>
+    </div>
+    <!-- 23椤� -->
+    <div class="page-box" page="28">
+      <div v-if="showPageList.indexOf(28) > -1">
+        <ul class="header-right fl al-c jc-fe">
+          <li class="header-right-Text">鍗曞厓涓�銆�璧拌繎0~3宀佸┐骞煎効鑹烘湳鍚挋</li>
+          <li class="header-right-Number">
+            <span>023</span>
+            <img
+              class="img-b"
+              src="../../assets/images/header-right.png"
+              alt=""
+            />
+          </li>
+        </ul>
+        <div class="bodystyle">
+          <p class="quotation">
+            鏍规嵁2锝�3宀佸辜鍎跨殑骞撮緞鐗圭偣锛屽湪鑹烘湳鏁欒偛娲诲姩涓紝鐜╄壊娓告垙鑳藉婊¤冻浠栦滑鍦ㄦ父鎴忎腑瀛︿範鐨勯渶瑕併�傚湪鐜╄壊杩囩▼涓紝骞煎効鍦ㄦ父鎴忎腑灏濊瘯杩愮敤澶氱鏉愭枡杩涜鑹烘湳娲诲姩锛屼綋楠岀帺鑹茬殑涔愯叮锛涜繍鐢ㄥ绉嶆劅瀹樺幓鎰熷彈鑹插僵銆佽璇嗚壊褰╃瓑銆傛澶栵紝鏁欏笀杩樺簲鍙戞尌浜插瓙娲诲姩鐨勪紭鍔匡紝鍏呭垎鎸栨帢銆佹湁鏁堝埄鐢ㄥ闀胯嚜韬殑鏁欒偛璧勬簮锛屼紭鍖栦翰瀛愯壓鏈椿鍔紝淇冭繘骞煎効瀹$編鑳藉姏鐨勬彁楂樹笌瀹堕暱鑲插効鐞嗗康鐨勬彁鍗囥�傚湪杩欎釜缇庝附鐨勫鑺傦紝涓�骞呪�滅澶╃殑鐢绘姤鈥濈殑搴忓箷灏变粠杩欓噷鎷夊紑浜嗏�︹��
+          </p>
+          <p class="content"><span class="bold">娲诲姩鐩爣</span></p>
+          <p class="quotation">娲诲姩鐩爣锛堝辜鍎匡級</p>
+          <p class="quotation">1锛庨�氳繃鐪嬨�佸惉銆侀椈銆佹懜绛夊閫氶亾鎰熺煡绉嬪ぉ鐨勭壒寰侊紱</p>
+          <p class="quotation">
+            2锛庡皾璇曠敤鎹″埌鐨勬爲鍙躲�佹爲鏋濄�佹灉瀹炵瓑鑷劧鐗╄樃鑹插嵃鐢伙紝浣撻獙鐜╄壊鐨勫揩涔愶紱
+          </p>
+          <p class="quotation">
+            3锛庡埄鐢ㄨ嚜鐒剁墿澶ц儐灏濊瘯鏂扮殑鐜╂硶锛屾効鎰忓拰鍚屼即涓�璧锋父鎴忋��
+          </p>
+          <p class="quotation">娲诲姩鐩爣锛堝闀匡級</p>
+          <p class="quotation">
+            1锛庡紩瀵煎疂瀹濊瀵熺澶╅噷澶ц嚜鐒剁殑鍙樺寲锛屽苟鐢ㄥ畬鏁寸殑璇█琛ㄨ堪锛�
+          </p>
+          <p class="quotation">
+            2锛庢牴鎹疂瀹濈殑鑳藉姏锛岄�傛椂銆侀�傚綋鍦扮粰浜堟妧鑳芥妧宸т笂鐨勬敮鎸侊紱
+          </p>
+          <p class="quotation">
+            3锛庢効鎰忓拰瀹濆疂涓�璧峰弬涓庢椿鍔紝榧撳姳瀹濆疂鎺㈢储鏂扮殑鐜╄壊鏂规硶銆�
+          </p>
+          <p class="content"><span class="bold">娲诲姩鍑嗗</span></p>
+          <p class="quotation">1锛庣粡楠屽噯澶�</p>
+          <p class="quotation">
+            宸插弬鍔犺繃浜插瓙绉嬫父娲诲姩锛屽苟鍜岀埗姣嶈繘琛岃繃鏍戝彾璐寸敾銆�
+          </p>
+          <p class="quotation">2锛庣墿璐ㄥ噯澶�</p>
+          <p class="quotation">锛�1锛変簨鍏堝湪鍏洯閲屽竷缃ソ鍦哄湴锛屼竴鍧楃櫧甯冮暱鍗凤紱</p>
+          <p class="quotation">锛�2锛夊疂瀹濈┛鍚堥�傜殑琛f湇锛屼汉鎵嬩竴涓皬妗讹紱</p>
+          <p class="quotation">
+            锛�3锛夋墭鐩樹腑宸茶皟濂界殑棰滄枡锛堥粍銆佹銆佺孩銆佺豢銆佺伆銆佸ぉ绌鸿摑绛夌澶╃殑棰滆壊锛夈�佹檼骞茬殑鐜夌背妫掋�佹埑娲炵殑濉戞枡鐡剁瓑锛�
+          </p>
+          <p class="quotation">
+            锛�4锛夊湴鍨嫢骞插紶銆佹箍绾稿肪銆佸瓧鍗♀�滅鈥濄�侀搩榧撱�佹爲鍙跺ご楗帮紱
+          </p>
+          <p class="quotation">锛�5锛夎儗鏅煶涔愩��</p>
+          <p class="content"><span class="bold">娲诲姩杩囩▼</span></p>
+          <p class="quotation">1锛庡鎰熷畼鎰熺煡绉嬪ぉ鐨勭壒寰侊紝鍙戠幇銆佸鎵剧澶�</p>
+          <p class="quotation">
+            锛�1锛夊紩瀵煎疂瀹濆湪閫涘叕鍥殑杩囩▼涓彂鐜般�佸鎵剧澶╋紝浠庡惉瑙夈�佽瑙夈�佽Е瑙夈�佸梾瑙夌瓑澶氶�氶亾杩涜鎰熺煡銆�
+          </p>
+          <p class="quotation">
+            锛�2锛夋部閫旀嬀鎹♀�滅濮戝鈥濋�佺粰鎴戜滑鐨勭ぜ鐗╋細绉嬪彾銆佺鑽夈�佹爲鏋濄�佹灉瀹炵瓑锛屼负鑹烘湳鍒涗綔鏀堕泦蹇呰鐨勬潗鏂欍��
+          </p>
+        </div>
+      </div>
+    </div>
+    <!-- 24椤� -->
+    <div class="page-box" page="29">
+      <div v-if="showPageList.indexOf(29) > -1">
+        <ul class="header-left">
+          <li class="headerNumber">024</li>
+          <li class="headerText">0~3宀佸┐骞煎効鑹烘湳鍚挋</li>
+        </ul>
+        <div class="bodystyle">
+          <p class="quotation">
+            锛�3锛夊涔犲効姝屻�婄澶┿�嬶紙绉嬮鍚广�佹爲鏋濇憞銆佺孩鍙堕粍鍙跺線涓嬫帀锛岀孩鏍戝彾銆侀粍鏍戝彾锛岀墖鐗囬鏉ュ儚铦磋澏锛夛紝鎶婂畠褰撲綔绀肩墿閫佺粰鈥滅濮戝鈥濄��
+          </p>
+          <p class="quotation">2锛庢璧忕鍙躲�佺鏋滐紝鍏卞悓鎺㈢储鐢ㄥ叾鍗扮敾鐨勬柟娉�</p>
+          <p class="quotation">
+            锛�1锛夊悓浼淬�佸笀骞奸棿鐩镐簰娆h祻鎹℃潵鐨勮嚜鐒剁墿锛堝鏍戝彾銆佹爲鏋濓級锛屽苟鍖归厤棰滆壊銆�
+          </p>
+          <p class="quotation">
+            锛�2锛夊垱璁炬父鎴忔儏澧冿紝鎺㈢储鐢ㄨ嚜鐒剁墿鍗扮敾鐨勬柟娉曪紙濡傜洊鍗般�佹粴鍗般�佺敥鍗扮瓑锛夛紝寮曞瀹濆疂娉ㄦ剰瑙傚療銆�
+          </p>
+          <p class="quotation">
+            锛�3锛変粙缁嶅叾浠栧垱浣滄潗鏂欙紙濡傜帀绫虫銆佸鏂欑摱锛夛紝鍚彂瀹濆疂琛ㄧ幇琛ㄨ揪銆�
+          </p>
+          <p class="quotation">3锛庡疂瀹濊嚜鐢卞垱浣滐紝浣撻獙鐜╄壊鐨勫揩涔�</p>
+          <p class="quotation">闊充箰璧锋椂锛屽疂瀹濄�佸闀裤�佽�佸笀鍏卞悓娓告垙銆�</p>
+          <p class="quotation">
+            鍦ㄤ翰瀛愬垱浣滄椂锛屽紩瀵煎闀块紦鍔卞疂瀹濆埄鐢ㄨ嚜鐒剁墿澶ц儐灏濊瘯鏂扮殑鐜╄壊鏂规硶銆�
+          </p>
+          <p class="quotation">4锛庡睍绀轰笌璇勪环浣滃搧锛屼綋楠屾垚鍔熶笌婊¤冻鎰�</p>
+          <p class="quotation">
+            锛�1锛夊皢鈥滅澶╃殑鐢绘姤鈥濇偓鎸傚湪鍏洯鐨勫ぇ鏍戜笂锛屾劅鍙椾綔鍝佷笌鑷劧鐨勫拰璋愪箣缇庛��
+          </p>
+          <p class="quotation">
+            锛�2锛夌敤娓告垙鈥滃嚮榧撲紶鈥樼鈥欌�濈殑鏂瑰紡寮曞瀹濆疂鍏卞悓娆h祻浣滃搧锛屽苟榧撳姳瀹濆疂璋堣皥鍒涗綔鈥滅澶╃殑鐢绘姤鈥濈殑鎰熷彈銆�
+          </p>
+          <p class="quotation">
+            锛�3锛夊湪娆㈠揩鐨勯煶涔愪腑锛屽疂瀹濅僵鎴存爲鍙跺ご楗帮紝闅忛鑸炶箞锛岃〃杈惧揩涔愮殑蹇冩儏銆�
+          </p>
+          <p class="content"><span class="bold">娲诲姩寤朵几</span></p>
+          <p class="quotation">
+            瀹濆疂鍙互鍜岀埜鐖稿濡堟嬀鎹♀�滅濮戝鈥濋�佺粰鎴戜滑鐨勭ぜ鐗╋紝骞剁敤杩欎簺鑷劧鐗╁湪瀹堕噷杩涜鑹烘湳琛ㄧ幇涓庡垱浣溿��
+          </p>
+          <p class="titleQuot-1">瀹炶返浣撻獙</p>
+          <p class="content">
+            1锛庤瀵熴�佽褰�0锝�3宀佸┐骞煎効鍦ㄨ壓鏈璧忔垨鍒涗綔杩囩▼涓殑琛ㄧ幇锛屽苟閽堝瑙傚療璁板綍鍔犱互鍒嗘瀽銆傚叿浣撹姹傚涓嬶細
+          </p>
+          <p class="content">
+            锛�1锛夊寘鎷瀵熸椂闂淬�佽瀵熷湴鐐广�佽瀵熷璞★紙濡傚勾榫勩�佹�у埆绛夛級銆佽瀵熻褰曘�佽瘎浠枫�佸缓璁瓑鍐呭锛�
+          </p>
+          <p class="content">
+            锛�2锛夋敞鎰忓瑙傛弿杩帮紙璁板綍锛変笌涓昏璇勪环锛堝垎鏋愶級椤诲垎寮�銆�
+          </p>
+          <p class="content">
+            2锛庡皾璇曡繍鐢�0锝�3宀佸┐骞煎効鑹烘湳鍚挋鐨勫師鍒欙紝璁捐涓�涓┐骞煎効鑹烘湳鏁欒偛娲诲姩銆傚叿浣撹姹傚涓嬶細
+          </p>
+          <p class="content">
+            锛�1锛夊寘鎷椿鍔ㄥ悕绉般�佹椿鍔ㄨ儗鏅�佹椿鍔ㄧ洰鏍囥�佹椿鍔ㄥ噯澶囥�佹椿鍔ㄨ繃绋嬨�佹椿鍔ㄥ欢浼哥瓑缁勬垚閮ㄥ垎锛�
+          </p>
+          <p class="content">
+            锛�2锛夊湪娲诲姩鍚嶇О閮ㄥ垎鍐欐槑閫傜敤骞撮緞锛堝2锝�3宀侊級锛屽苟閽堝姝ゅ勾榫勬濠村辜鍎跨殑韬績鍙戝睍姘村钩杩涜娲诲姩璁捐銆�
+          </p>
+        </div>
+      </div>
+    </div>
+    <!-- 25椤� -->
+    <div class="page-box" page="30">
+      <div v-if="showPageList.indexOf(30) > -1">
+        <ul class="header-right fl al-c jc-fe">
+          <li class="header-right-Text">鍗曞厓涓�銆�璧拌繎0~3宀佸┐骞煎効鑹烘湳鍚挋</li>
+          <li class="header-right-Number">
+            <span>025</span>
+            <img
+              class="img-b"
+              src="../../assets/images/header-right.png"
+              alt=""
+            />
+          </li>
+        </ul>
+        <div class="bodystyle">
+          <p class="titleQuot-1">鎺ㄨ崘闃呰涔︾洰</p>
+          <p class="content">
+            1锛庤竟闇�.鍎跨鑹烘湳涓庢暀鑲瞇M].鍗椾含锛氭睙鑻忓嚖鍑版暀鑲插嚭鐗堢ぞ锛�2015.
+          </p>
+          <p class="content">
+            2锛庝赴瀛愭伜.涓板瓙鎭虹編鏈璋璠M].涓婃捣锛氫笂娴蜂汉姘戠編鏈嚭鐗堢ぞ锛�2004.
+          </p>
+          <p class="content">
+            3锛庢ゼ蹇呯敓锛屽睜缇庡.瀛﹀墠鍎跨鑹烘湳缁煎悎鏁欒偛鐮旂┒[M].鍖椾含锛氬寳浜笀鑼冨ぇ瀛﹀嚭鐗堢ぞ锛�1997.
+          </p>
+          <p class="content">
+            4锛庣帇浠绘.瀛﹀墠鍎跨缇庢湳鏁欒偛锛堢2鐗堬級[M].鍖椾含锛氬寳浜笀鑼冨ぇ瀛﹀嚭鐗堢ぞ锛�2020.
+          </p>
+          <p class="content">
+            5锛嶽缇嶿鐞宠揪路鍗$綏灏斅风埍寰峰崕鍏�.闊充箰涓庡緥鍔細鍒涢�犲効绔ョ殑鍙︿竴绉嶇敓娲绘柟寮廩M].鍐妗㈢瓑璇�.鍖椾含锛氭満姊板伐涓氬嚭鐗堢ぞ锛�2015.
+          </p>
+          <p class="content">
+            6锛嶽缇嶿浼婅幈鎭┞风毊灏斅风姹夛紝椴佹柉路鏂壒鍔虫柉路鐩栫撼.缇庢湳锛屽彟涓�绉嶅涔犵殑璇█[M].灏瑰皯娣宠瘧.闀挎矙锛氭箹鍗楃編鏈嚭鐗堢ぞ锛�1992.
+          </p>
+        </div>
+      </div>
+    </div>
+    <!-- 26椤� -->
+    <!-- <div class="page-box" page="31">
+      <div v-if="showPageList.indexOf(31) > -1">
+        <ul class="header-left">
+          <li class="headerNumber">026</li>
+          <li class="headerText">0~3宀佸┐骞煎効鑹烘湳鍚挋</li>
+        </ul>
+        <div class="bodystyle"></div>
+      </div>
+    </div> -->
+    <!-- 27椤� -->
+    <!-- <div class="page-box" page="32">
+      <div v-if="showPageList.indexOf(32) > -1">
+        <ul class="header-right fl al-c jc-fe">
+          <li class="header-right-Text">鍗曞厓涓�銆�璧拌繎0~3宀佸┐骞煎効鑹烘湳鍚挋</li>
+          <li class="header-right-Number">
+            <span>027</span>
+            <img
+              class="img-b"
+              src="../../assets/images/header-right.png"
+              alt=""
+            />
+          </li>
+        </ul>
+        <div class="bodystyle"></div>
+      </div>
+    </div> -->
+  </div>
+</template>
+<script>
+export default {
+  name: "chapterOne",
+  props: {
+    showPageList: {
+      type: Array,
+    },
+  },
+  data() {
+    return {};
+  },
+};
+</script>
+<style lang="less" scoped>
+hr {
+  margin-left: 0;
+  margin-bottom: 25px;
+  width: 25%;
+  border: none;
+  height: 1.5px;
+  background-color: #000;
+}
+</style>
diff --git a/src/books/artInitiationForAges0to3/view/components/header.vue b/src/books/artInitiationForAges0to3/view/components/header.vue
new file mode 100644
index 0000000..383e9aa
--- /dev/null
+++ b/src/books/artInitiationForAges0to3/view/components/header.vue
@@ -0,0 +1,147 @@
+<template>
+  <div class="chapter" num="1">
+    <!-- 灏侀潰 -->
+    <div class="page-box mt-20" page="1" style="padding-bottom: 0px">
+      <div v-if="showPageList.indexOf(1) > -1">
+        <img class="img-0" alt="" src="../../assets/images/Cover.jpg" />
+      </div>
+    </div>
+    <div class="page-box mt-20" page="2" style="padding-bottom: 0px">
+      <div v-if="showPageList.indexOf(2) > -1">
+        <img class="img-0" alt="" src="../../assets/images/feiYe.jpg" />
+      </div>
+    </div>
+    <!-- 浠嬬粛椤甸潰 -->
+    <div class="page-box" page="3">
+      <div v-if="showPageList.indexOf(3) > -1">
+        <div style="max-width: 400px; margin: 0 auto; padding: 10% 0">
+          <hr />
+          <p class="td-1 fm-hyzh fz-16">鍥句功鍦ㄧ増缂栫洰锛圕IP锛夋暟鎹�</p>
+          <p class="left3 mr-0 td-1 fm-hyss fz-14">
+            0 ~ 3宀佸┐骞煎効鑹烘湳鍚挋/鐜嬩换姊呬富缂栵紝-鍖椾含:鍖椾含<br />甯堣寖澶у鍑虹増绀撅紝2020.10(2024.6閲嶅嵃)
+          </p>
+          <p class="left3 td-1 fm-hyss fz-14">(鏃╂湡鏁欒偛涓撲笟绯诲垪鏁欐潗)</p>
+          <p class="left3 td-1 fm-hyss fz-14">ISBN 978-7-303-26121-5</p>
+          <p class="left3 fm-hyss fz-14 mt-20 mb-20">
+            鈪�.鈶�0鈥� 鈪�.鈶犵帇鈥� 鈪紝鈶犲鍓嶆暀鑲�-鑹烘湳鏁欒偛-<br />楂樼瓑鑱屼笟鏁欒偛-鏁欐潗I锛屸憼G613.5
+          </p>
+          <p class="left3 fm-hyss fz-14">
+            涓浗鐗堟湰鍥句功棣咰IP鏁版嵁鏍稿瓧(2020)绗�136159鍙�
+          </p>
+          <hr />
+          <p><br /></p>
+          <p><br /></p>
+          <p><br /></p>
+          <p class="left fz-13 fm-hyss">
+            <span class="fm-hyzh fz-14">鏁欐潗鎰忚鍙嶉:</span> gaozhifk@bnupgcom
+            010-58805079
+          </p>
+          <p class="left fz-13 fm-hyss">
+            <span class="fm-hyzh fz-14">钀ラ攢涓績鐢佃瘽:</span> 010-58802755
+            58801876
+          </p>
+          <p class="left fz-13 fm-hyss">
+            <span class="fm-hyzh fz-14"
+              >缂�&thinsp;&thinsp;杈�&thinsp;閮�&thinsp;鐢�&thinsp;璇�:</span
+            >
+            010-58807468
+          </p>
+          <hr />
+          <p class="left fm-hyss fz-14">
+            鍑虹増鍙戣锛氬寳浜笀鑼冨ぇ瀛﹀嚭鐗堢ぞ www.bnupg.com
+          </p>
+          <p class="left fm-hyss fz-14">
+            銆�銆�銆�銆�銆�鍖椾含甯傝タ鍩庡尯鏂拌鍙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">寮�銆�銆�鏈細787mmx1092mm銆�1/16</p>
+          <p class="left fm-hyss fz-14">鍗般��銆�寮狅細11.25</p>
+          <p class="left fm-hyss fz-14">瀛椼��銆�鏁帮細220鍗冨瓧</p>
+          <p class="left fm-hyss fz-14">鐗堛��銆�娆★細2020骞�10鏈堢1鐗�</p>
+          <p class="left fm-hyss fz-14">鍗般��銆�娆★細2024骞�6鏈堢4娆″嵃鍒�</p>
+          <p class="left fm-hyss fz-14">瀹氥��銆�浠凤細36.80鍏�</p>
+          <hr />
+          <p class="left fm-hyss fz-14">
+            绛栧垝缂栬緫锛氫簬鏅撴櫞銆�鐜嬨��瓒呫��銆�銆�銆�璐d换缂栬緫锛氳倴銆�瀵�
+          </p>
+          <p class="left fm-hyss fz-14">
+            缇庢湳缂栬緫锛氱劍銆�涓姐��銆�銆�銆�銆�銆�銆�銆�瑁呭抚璁捐锛氱劍銆�涓�
+          </p>
+          <p class="left fm-hyss fz-14">
+            璐d换鏍″锛氭绔嬭秴銆�銆�銆�銆�銆�銆�銆�銆�璐d换鍗板埗锛氶檲銆�娑涖��璧点��榫�
+          </p>
+          <p class="left fm-hyss fz-14">灏侀潰鎻掑浘锛氬垬銆�鑿�</p>
+          <p class="center mt-20"><b>鐗堟潈鎵�鏈� 渚垫潈蹇呯┒</b></p>
+          <p class="left center block">鍙嶇洍鐗堛�佷镜鏉冧妇鎶ョ數璇濓細010-58808104</p>
+          <p class="left center block">鍖椾含璇昏�呮湇鍔¢儴鐢佃瘽锛�010-58808104</p>
+          <p class="left center block">澶栧煚閭喘鐢佃瘽锛�010-58808083</p>
+          <p class="left center block">
+            鏈功濡傛湁鍗拌璐ㄩ噺闂锛岃涓庡嵃鍒剁鐞嗛儴鑱旂郴璋冩崲銆�
+          </p>
+          <p class="left center block">鍗板埗绠$悊閮ㄧ數璇濓細010-58808284</p>
+        </div>
+      </div>
+    </div>
+    <!-- 鍓嶈█ -->
+    <div class="page-box" page="4">
+      <div v-if="showPageList.indexOf(4) > -1">
+        <div class="foreword">
+          <h1 class="firstTitle">鍓嶃��瑷�</h1>
+          <p class="preface">
+            2022骞�10鏈�16鏃ワ紝涔犺繎骞虫�讳功璁板湪浣滃厷鐨勪簩鍗佸ぇ鎶ュ憡鏃讹紝璁插埌鈥滃疄鏂界鏁欏叴鍥芥垬鐣ワ紝寮哄寲鐜颁唬鍖栧缓璁句汉鎵嶆敮鎾戔�濇柟闈紝鐗瑰埆寮鸿皟鈥滄暀鑲叉槸鍥戒箣澶ц銆佸厷涔嬪ぇ璁°�傚煿鍏讳粈涔堜汉銆佹�庢牱鍩瑰吇浜恒�佷负璋佸煿鍏讳汉鏄暀鑲茬殑鏍规湰闂銆傝偛浜虹殑鏍规湰鍦ㄤ簬绔嬪痉銆傚叏闈㈣疮褰诲厷鐨勬暀鑲叉柟閽堬紝钀藉疄绔嬪痉鏍戜汉鏍规湰浠诲姟锛屽煿鍏诲痉鏅轰綋缇庡姵鍏ㄩ潰鍙戝睍鐨勭ぞ浼氫富涔夊缓璁捐�呭拰鎺ョ彮浜恒�傗�濊鍩瑰吇鍏ㄩ潰鍙戝睍鐨勭ぞ浼氫富涔夊缓璁捐�呭拰鎺ョ彮浜猴紝灏辫钀藉疄濂戒簲鑲插苟涓撅紝缇庤偛鏄繀涓嶅彲灏戠殑銆�2020骞�10鏈堬紝涓叡涓ぎ鍔炲叕鍘呫�佸浗鍔¢櫌鍔炲叕鍘呭嵃鍙戠殑銆婂叧浜庡叏闈㈠姞寮哄拰鏀硅繘鏂版椂浠e鏍$編鑲插伐浣滅殑鎰忚銆嬫彁鍑衡�滅編鑲叉槸瀹$編鏁欒偛銆佹儏鎿嶆暀鑲层�佸績鐏垫暀鑲诧紝涔熸槸涓板瘜鎯宠薄鍔涘拰鍩瑰吇鍒涙柊鎰忚瘑鐨勬暀鑲诧紝鑳芥彁鍗囧缇庣礌鍏汇�侀櫠鍐舵儏鎿嶃�佹俯娑﹀績鐏点�佹縺鍙戝垱鏂板垱閫犳椿鍔涒�濄�傚┐骞煎効鑹烘湳鍚挋浣滀负缇庤偛鐨勪竴涓噸瑕佺粍鎴愰儴鍒嗭紝鍙互淇冭繘濠村辜鍎垮缇庤兘鍔涚殑鍙戝睍銆佹墜鐪艰剳鐨勫崗璋冿紝婵�鍙戝┐骞煎効鐨勬兂璞″姏銆佸垱閫犲姏锛屽煿鍏诲┐骞煎効鐨勫仴鍏ㄤ汉鏍笺�傜珛寰锋爲浜烘槸鏁欒偛鐨勬牴鏈换鍔°�傛湰涔﹀湪缂栧啓杩囩▼涓繁鍏ヨ疮褰烩�滃笀寰蜂负鍏堚�濈殑鐞嗗康锛屾敞閲嶅鐢熺瀛︽暀鑲茶銆佽壓鏈鐨勬爲绔嬪強涓撲笟鑳藉姏鐨勬彁鍗囷紝鍚屾椂锛屽紩瀵煎鐢熷舰鎴愯壇濂界殑鎬濇兂鏀挎不绱犲吇鍜屾繁鍘氱殑鏁欒偛鎯呮��銆�
+          </p>
+          <p class="preface">
+            銆婂浗鍔¢櫌鍔炲叕鍘呭叧浜庝績杩�3宀佷互涓嬪┐骞煎効鐓ф姢鏈嶅姟鍙戝睍鐨勬寚瀵兼剰瑙併�嬫寚鍑猴細3宀佷互涓嬪┐骞煎効锛堜互涓嬬畝绉板┐骞煎効锛夌収鎶ゆ湇鍔℃槸鐢熷懡鍏ㄥ懆鏈熸湇鍔$鐞嗙殑閲嶈鍐呭锛屼簨鍏冲┐骞煎効鍋ュ悍鎴愰暱锛屼簨鍏冲崈瀹朵竾鎴枫�傛垜浠鎵库�滃効绔ラ兘鏄壓鏈鈥濃�滃効绔ラ兘鏄壓鏈瘎璁哄鈥濈殑鐞嗗康锛屽厖鍒嗙浉淇″効绔ョ殑鑹烘湳娼滆兘銆傚熀浜�0锝�3宀佸┐骞煎効鑹烘湳鑳藉姏鐨勫彂灞曪紝鏈功闃愯堪浜�0锝�3宀佸┐骞煎効鑹烘湳鍚挋鐨勫唴娑典笌瀹氫綅銆佷环鍊笺�佸師鍒欙紝0锝�3宀佸┐骞煎効鑹烘湳琛ㄧ幇涓庡垱浣滆兘鍔涖�佽壓鏈劅鍙椾笌娆h祻鑳藉姏鐨勫彂灞曠瓑鍩烘湰闂锛涚粨鍚堝叿浣撶繑瀹炵殑妗堜緥锛屽垎鏋愪簡0锝�3宀佸┐骞煎効鑹烘湳琛ㄧ幇涓庡垱浣滄椿鍔ㄣ�佽壓鏈劅鍙椾笌娆h祻娲诲姩鐩爣鐨勫埗璁€�佸唴瀹圭殑閫夋嫨浠ュ強缁勭粐瀹炴柦锛涗笖璁鸿堪浜�0锝�3宀佸┐骞煎効瀹跺涵鑹烘湳鍚挋鐨勫唴娑点�佺壒鐐广�佺洰鐨勫強鎸囧绛夈��
+          </p>
+        </div>
+      </div>
+    </div>
+    <!-- 鍓嶈█ -->
+    <div class="page-box" page="5">
+      <div v-if="showPageList.indexOf(5) > -1">
+        <ul class="header-left">
+          <li class="headerNumber">002</li>
+          <li class="headerText ">0~3宀佸┐骞煎効鑹烘湳鍚挋</li>
+        </ul>
+        <div class="bodystyle">
+          <p class="preface">
+            鏈功鏄崕涓笀鑼冨ぇ瀛︿腑澶珮鏍″熀鏈鐮斾笟鍔¤垂璧勫姪椤圭洰鈥溾�樻櫤鎱у涔犱笌璁ょ煡鈥欓潚骞村鏈垱鏂板洟闃熲�濓紙CCNU19TD019锛夌殑鐮旂┒鎴愭灉涔嬩竴銆傛湰涔﹀叿鏈夋帰绱㈡�с�佺悊璁烘�с�佸疄璺垫�с�佹暣鍚堟�х瓑鐗圭偣锛屾棦閫傚悎楂樼瓑闄㈡牎鏃╂湡鏁欒偛銆佸鍓嶆暀鑲诧紙鏃╂暀鏂瑰悜锛夌瓑涓撲笟瀛︾敓浣跨敤锛屽張閫傚悎瀛﹀墠鏁欒偛鐮旂┒鑰呫�佹墭鑲叉満鏋勬暀甯堝強瀹堕暱绛夌兢浣撳弬鑰冮槄璇汇�傞鍏堬紝鏈功鎵�浣撶幇鐨勮壓鏈惎钂欑悊蹇电鍚堝効绔ュ強鍎跨鑹烘湳鐨勭壒鐐癸紝鑳藉鍙嶆槧0锝�3宀佸┐骞煎効鑹烘湳鍚挋鐨勬渶鏂扮爺绌朵笌瀹炶返锛岃�屼笖閴翠簬褰撳墠0锝�3宀佸┐骞煎効鑹烘湳鍚挋鐨勭浉鍏虫暀鏉愯緝灏戯紝鏈功鍏锋湁涓�瀹氱殑鎺㈢储鎬с�傚叾娆★紝鏈功鐞嗚鑱旂郴瀹炶返鐨勭壒鐐圭獊鍑猴紝鍦ㄤ粙缁嶅熀鏈悊蹇电殑鍚屾椂锛屽憟鐜颁簡寰堝浼樼鐨勬渚嬨�佽棰戙�佸浘鐗囩瓑锛屾敞閲嶅惎鍙戝鐢熻繘琛岃壓鏈惎钂欐椿鍔ㄧ殑璁捐涓庡疄鏂斤紝閲嶈瀛︾敓瀹炶返鑳藉姏鍜屽垱鏂扮簿绁炵殑鍩瑰吇銆傛渶鍚庯紝鏈功涓嶆槸浠庡绉戠殑瑙掑害鏉ユ灦鏋勶紝鑰屾槸浠庤壓鏈綔鍝佺殑琛ㄧ幇涓庡垱浣溿�佹劅鍙椾笌娆h祻瑙掑害鏉ユ帰绱�0锝�3宀佸┐骞煎効鑹烘湳鍚挋锛岄�傚簲濠村辜鍎夸互鍙婂┐骞煎効瀛︿範鐨勬暣浣撶壒寰併��
+          </p>
+          <p class="preface">
+            鏈功鐢变富缂栫帇浠绘鎷熷畾缂栧啓鎻愮翰锛岃礋璐e叏涔︾殑缁勭粐鍗忚皟锛屽悗鏈熺殑鍐呭淇敼銆佹枃瀛楁鼎鑹层�佸浘鐗囨暣鐞嗐�佹暟瀛楄祫婧愬鏍哥瓑缁熺宸ヤ綔锛屽叾浠栫紪鍐欐垚鍛樺寘鎷細瀛斿浗娆€�佹豹閽版磥銆佸瓩鎮﹀惈绛夈�傚叿浣撶紪鍐欏垎宸ヤ负锛氬崟鍏冧竴銆佸崟鍏冧簲鐢辩帇浠绘缂栧啓锛涘崟鍏冧簩鐢卞瓟鍥芥缂栧啓锛涘崟鍏冧笁鐢辨豹閽版磥缂栧啓锛涘崟鍏冨洓鐢卞瓩鎮﹀惈缂栧啓銆�
+          </p>
+          <p class="preface">
+            姝ゅ锛屽湪鏋勬�濋樁娈碉紝闊﹀浗鑺�佹柟缇庣孩銆佸闈欏疁銆佺帇闆呭┃銆佸畫闆�佺綏棰栥�佺Е鍥芥銆侀瓘閾跺ǎ銆佽拫瀹滃畯銆佸懆澶曚匠绛夊悓瀛︿负鏈功璐$尞浜嗘櫤鎱э紝绉﹀浗姊呰繕鎻愪緵浜嗛儴鍒嗙簿褰╃殑瑙嗛璧勬枡锛屽皬绾㈠附骞煎効鍥殑鍒樿枃銆佸垬浣炽�侀粍鐟般�佹湵鑼滃�╃瓑鑰佸笀缁勭粐瀹炴柦鐨勮壓鏈椿鍔ㄧ粰鏈功閮ㄥ垎娲诲姩鐨勮璁″甫鏉ヤ簡鍚彂锛屽湪姝や竴骞惰嚧璋€��
+          </p>
+          <p class="preface">
+            鎰熻阿鍖椾含甯堣寖澶у鍑虹増绀句簬鏅撴櫞缂栬緫瀵圭紪鑰呯殑淇′换涓庢敮鎸侊紝鎰熻阿缂栧啓缁勫叏浣撴垚鍛樼殑绮捐瘹鍗忎綔涓庡叏鍔涗粯鍑猴紝鎰熻阿鍒樿彶灏忔湅鍙嬩负鏈功鎻愪緵浜嗗皝闈㈡彃鍥俱��
+          </p>
+          <p class="preface">
+            鐢变簬鐩墠鍏充簬0锝�3宀佸┐骞煎効鑹烘湳鍚挋鐨勮祫鏂欒緝灏戯紝鍔犱笂缂栬�呮椂闂淬�佺簿鍔涘強鑳藉姏鐨勫眬闄愶紝涔︿腑灏氬瓨鍦ㄨ澶氫笉瓒充箣澶勶紝鐑﹁鍚勪綅涓撳鍚岃闆呮銆�
+          </p>
+          <p class="right-info mt-20">鐜嬩换姊�</p>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "pageHeader",
+  props: {
+    showPageList: {
+      type: Array,
+    },
+  },
+  data() {
+    return {};
+  },
+};
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/books/artInitiationForAges0to3/view/components/index.vue b/src/books/artInitiationForAges0to3/view/components/index.vue
new file mode 100644
index 0000000..1cfc05b
--- /dev/null
+++ b/src/books/artInitiationForAges0to3/view/components/index.vue
@@ -0,0 +1,990 @@
+<template>
+  <div class="page-main" @scroll="throttledScrollHandler">
+    <div id="searchDomBox" style="display: none">
+      <div id="searchContent"></div>
+    </div>
+    <div
+      class="page-content"
+      :style="{
+        fontSize: fontSize + 'px',
+        transform: `scale(${pageZoom})`,
+        transformOrigin: 'center top',
+      }"
+    >
+      <pageHeader
+        v-if="showCatalogList.indexOf(1) > -1"
+        :showPageList="loadPageList"
+      ></pageHeader>
+      <chapterOne
+          v-if="showCatalogList.indexOf(2) > -1"
+          :showPageList="loadPageList"
+        ></chapterOne>
+        <!-- <chapterTwo
+          v-if="showCatalogList.indexOf(3) > -1"
+          :showPageList="loadPageList"
+        ></chapterTwo>
+        <chapterThree
+          v-if="showCatalogList.indexOf(4) > -1"
+          :showPageList="loadPageList"
+        ></chapterThree>
+        <chapterFour
+          v-if="showCatalogList.indexOf(5) > -1"
+          :showPageList="loadPageList"
+        ></chapterFour>
+        <chapterFive
+          v-if="showCatalogList.indexOf(6) > -1"
+          :showPageList="loadPageList"
+        ></chapterFive> -->
+    </div>
+  </div>
+</template>
+
+<script>
+import Vue from "vue";
+import pageHeader from "./header.vue";
+import chapterOne from "./chapter001.vue";
+//   import chapterTwo from "./chapter002.vue";
+//   import chapterThree from "./chapter003.vue";
+//   import chapterFour from "./chapter004.vue";
+//   import chapterFive from "./chapter005.vue";
+import NoteIcon from "@/assets/images/biji.png";
+import _ from "lodash";
+import Swiper from "swiper/bundle";
+import "swiper/swiper-bundle.css";
+import Viewer from "viewerjs";
+import "viewerjs/dist/viewer.css";
+export default {
+  name: "pageContent",
+  data() {
+    return {
+      catalogLength: 2, // 鎬荤珷鑺傛暟
+      showCatalogList: [], // 鏄剧ず鐨勭珷鑺�
+      loadThreshold: 300, // 瑙﹀彂鍔犺浇闃堝��
+      throttleThreshold: 100, // 鑺傛祦闃堝��
+      previousScrollTop: 0,
+      throttledScrollHandler: null,
+      observer: null,
+      loadPageObserver: null,
+      loadPageList: [],
+      questionDataMap: {},
+      renderSignMap: {},
+      highlightData: null,
+      audioPath: "",
+      currentTime: null,
+      videoList: [],
+    };
+  },
+  computed: {
+    fontSize() {
+      this.transformDom(this.$store.state.qiankun.fontSize);
+      return this.$store.state.qiankun.fontSize
+        ? this.$store.state.qiankun.fontSize
+        : 18;
+    },
+    pageZoom() {
+      return this.$store.state.qiankun.scale
+        ? this.$store.state.qiankun.scale / 100
+        : 1;
+    },
+  },
+  watch: {
+    showCatalogList: {
+      handler(newVal, oldVal) {
+        if (
+          this.$store.state.qiankun &&
+          this.$store.state.qiankun.catalogChange
+        ) {
+          // 璋冪敤鐖跺眰鏂规硶
+          this.$store.state.qiankun.catalogChange({
+            showCatalogList: newVal,
+          });
+        }
+        // 鍚姩椤电爜瑙傚療
+        setTimeout(() => {
+          this.initObservation();
+          this.initThemeColor();
+        }, 500);
+      },
+    },
+    loadPageList: {
+      handler(newVal, oldVal) {
+        setTimeout(() => {
+          this.transformDom(this.$store.state.qiankun.fontSize);
+          this.initSwiper();
+          this.initViewer();
+          this.closeAudio();
+          this.closeVideo();
+        }, 200);
+      },
+    },
+    pageZoom: {
+      handler(newVal, oldVal) {
+        const scrollBox = (
+          this.container ? this.container : document
+        ).querySelector(".page-main");
+        scrollBox.scrollTop = (scrollBox.scrollTop / oldVal) * newVal;
+      },
+    },
+  },
+  mounted() {
+    // 榛樿鍔犺浇绔犺妭
+    this.showCatalogList = [1];
+    // 婊氬姩鐩戝惉鑺傛祦
+    this.throttledScrollHandler = _.throttle(
+      this.scrollFun,
+      this.throttleThreshold,
+      { leading: true, trailing: false }
+    );
+    // 瀹氫箟瀛愬眰鏂规硶
+    if (this.setGlobalState) {
+      // 鎻愪緵椤甸潰璺宠浆鍔熻兘
+      this.setGlobalState({
+        gotoPage: (catalog, page) => {
+          this.gotoPage(catalog, page);
+        },
+        // 娓叉煋绗旇銆侀珮浜�佸垝绾�
+        renderSign: (type, data) => {
+          // 鍥犱负璋冩暣涓洪〉闈㈡噿鍔犺浇锛屾墍浠ユ覆鏌撴爣璁颁篃闇�瑕佹寜鐓ч〉闈㈣繘琛屽鐞嗭紝鍏堝偍瀛樻暟鎹紝椤甸潰鍔犺浇瀹屾垚鍐嶆覆鏌撳搴旂殑鏍囪锛�
+          this.handelSignData(type, data);
+          // this.renderSign(type, data);
+        },
+        // 鍒犻櫎绗旇銆侀珮浜�佸垝绾�
+        delSign: (data) => {
+          this.delSign(data);
+        },
+        // 鍏ㄦ枃妫�绱�
+        searchBookByKeyword: (keyword) => {
+          return this.searchTextByPage(keyword);
+        },
+        // 璺宠浆妫�绱㈢粨鏋滀綅缃�
+        jumpSearchItem: (data) => {
+          this.searchItemLocation(data);
+        },
+      });
+    }
+
+    // 鍒涘缓涓�涓柊鐨� Intersection Observer 瀹炰緥锛岀敤浜庤瀵熺洰鏍囧厓绱犲拰鎵ц鐩稿簲鐨勫洖璋冨嚱鏁般��
+    // new IntersectionObserver(callback, options)锛氫娇鐢ㄤ箣鍓嶅畾涔夌殑 callback 鍥炶皟鍑芥暟鍜� options 閰嶇疆閫夐」鏉ュ垵濮嬪寲 Intersection Observer 瀹炰緥銆�
+    this.observer = new IntersectionObserver(this.pageChangeCallback, {
+      root: null, // 鎸囧畾鏍瑰厓绱狅紝杩欓噷璁句负 null锛岃〃绀洪�夊彇鏁翠釜瑙嗙獥浣滀负鏍瑰厓绱犮��
+      rootMargin: "0px", // 鎸囧畾鏍瑰厓绱犵殑杈圭晫锛岃繖閲岃涓� "0px"锛岃〃绀烘牴鍏冪礌鐨勮竟鐣屽拰瑙嗙獥鐨勮竟鐣岄噸鍚�
+      threshold: 0.5, // 鎸囧畾浜ゅ弶姣斾緥锛岃繖閲岃涓� 0.5锛岃〃绀哄綋鐩爣鍏冪礌涓�鍗婃垨鏇村鏄剧ず鍦ㄨ绐椾腑鏃惰Е鍙戝洖璋冨嚱鏁般��
+    });
+
+    this.loadPageObserver = new IntersectionObserver(this.loadPageCallback, {
+      root: null, // 鎸囧畾鏍瑰厓绱狅紝杩欓噷璁句负 null锛岃〃绀洪�夊彇鏁翠釜瑙嗙獥浣滀负鏍瑰厓绱犮��
+      rootMargin: "0px", // 鎸囧畾鏍瑰厓绱犵殑杈圭晫锛岃繖閲岃涓� "0px"锛岃〃绀烘牴鍏冪礌鐨勮竟鐣屽拰瑙嗙獥鐨勮竟鐣岄噸鍚�
+      threshold: 0, // 鎸囧畾浜ゅ弶姣斾緥锛岃繖閲岃涓� 0.5锛岃〃绀哄綋鐩爣鍏冪礌涓�鍗婃垨鏇村鏄剧ず鍦ㄨ绐椾腑鏃惰Е鍙戝洖璋冨嚱鏁般��
+    });
+
+    // 鍚姩椤电爜瑙傚療
+    setTimeout(() => {
+      this.initObservation();
+      this.initThemeColor();
+    }, 500);
+
+    // 娴嬭瘯椤甸潰璺宠浆
+    setTimeout(() => {
+      this.gotoPage(2, 9);
+    //   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)
+    //   .querySelector("#app")
+    //   .querySelectorAll(".page-box");
+    // 妫�绱�
+    // console.log(this.searchTextByPage("淇濇姢鍐呰剰鍣ㄥ畼"), "searchTextByPage");
+    // 妫�绱㈣烦杞�
+    // this.searchItemLocation({
+    //   catalog: 2,
+    //   page: 10,
+    //   txt: " 杩愬姩绯荤粺鏄敱楠ㄣ�侀杩炵粨鍜岄楠艰倢涓夐儴鍒嗙粍鎴愮殑銆傚叏韬殑楠ㄩ�氳繃楠ㄨ繛缁撶粍鎴愪汉浣撻楠硷紙瑙佸浘1-1锛夈�傞楠兼槸浜轰綋鐨勬敮鏋讹紝鍏锋湁淇濇姢鍐呰剰鍣ㄥ畼銆佷緵鑲岃倝闄勭潃鍜屼綔涓鸿倢鑲夎繍鍔ㄧ殑鏉犳潌绛変綔鐢ㄣ�傚湪绁炵粡绯荤粺鐨勬敮閰嶄笅锛岃倢鑲夋敹缂╃壍鍔ㄦ墍闄勭潃鐨勯缁曠潃鍏宠妭杞姩锛屼娇韬綋浜х敓鍚勭鍔ㄤ綔銆傛墍浠ワ紝杩愬姩绯荤粺鍏锋湁杩愬姩銆佹敮鎸佸拰淇濇姢绛夊姛鑳斤紝骞煎勾鏃舵湡鐨勯楠艰繕鍏锋湁閫犺鍔熻兘銆� ",
+    //   txtIndex: 57
+    // });
+    // }, 500);
+  },
+  methods: {
+    // setZoom1() {
+    //   let scale = this.$store.state.qiankun.scale + 10;
+    //   const scrollBox = (
+    //     this.container ? this.container : document
+    //   ).querySelector(".page-main");
+    //   this.$store.commit("setZoom", scale);
+    // },
+    // setZoom2() {
+    //   let scale = this.$store.state.qiankun.scale - 10;
+    //   const scrollBox = (
+    //     this.container ? this.container : document
+    //   ).querySelector(".page-main");
+    //   this.$store.commit("setZoom", scale);
+    // },
+    // 婊氬姩鐩戝惉
+    scrollFun(event) {
+      this.handleVideoPicture();
+      // 鍒ゆ柇鍚戜笂婊氬姩杩樻槸鍚戜笅婊氬姩
+      if (event.target.scrollTop > this.previousScrollTop) {
+        this.getAduio();
+        // 鍚戜笅
+        const currentScrollTop =
+          event.target.scrollTop + event.target.offsetHeight;
+        if (
+          currentScrollTop >=
+          event.target.scrollHeight - this.loadThreshold
+        ) {
+          console.log(1);
+
+          // 鍒拌揪闃堝��
+          if (
+            this.showCatalogList[this.showCatalogList.length - 1] <
+            this.catalogLength
+          ) {
+            // 鍔犺浇涓嬩竴绔�
+            this.showCatalogList.push(
+              this.showCatalogList[this.showCatalogList.length - 1] + 1
+            );
+            if (this.showCatalogList.length > 3) {
+              // 瓒呰繃涓夌珷闅愯棌椤堕儴涓�绔�
+              this.showCatalogList.shift();
+            }
+          }
+        }
+      } else if (event.target.scrollTop < this.previousScrollTop) {
+        this.handleAudio();
+        // 鍚戜笂
+        const currentScrollTop = event.target.scrollTop;
+        if (currentScrollTop <= this.loadThreshold) {
+          // 鍒拌揪闃堝��
+          if (this.showCatalogList[0] > 0) {
+            // 鍔犺浇涓婁竴绔�
+            this.showCatalogList.unshift(this.showCatalogList[0] - 1);
+            if (this.showCatalogList.length > 3) {
+              // 瓒呰繃涓夌珷闅愯棌搴曢儴涓�绔�
+              this.showCatalogList.pop();
+            }
+          }
+        }
+      }
+      // showCatalogList 褰撳墠鏄剧ず鐨勪笁涓珷鑺傦紝watch鐩戝惉浼犻�掔粰涓诲簲鐢�
+      // 鏇存柊涓婁竴娆℃粴鍔ㄧ殑浣嶇疆
+      this.previousScrollTop = event.target.scrollTop;
+    },
+    // 绔犺妭銆侀〉闈㈣烦杞�
+    gotoPage(catalog, page) {
+      if (catalog >= 0 && catalog <= this.catalogLength) {
+        // 澶勭悊娓叉煋绔犺妭
+        if (catalog == 0) {
+          this.showCatalogList = [0, 1];
+        } else if (catalog == this.catalogLength) {
+          this.showCatalogList = [
+            this.catalogLength - 2,
+            this.catalogLength - 1,
+            this.catalogLength,
+          ];
+        } else {
+          this.showCatalogList = [catalog - 1, catalog, catalog + 1];
+        }
+        setTimeout(() => {
+          // 璺宠浆椤电爜
+          const pageDom = (
+            this.container ? this.container : document
+          ).querySelector(`[page="${page}"]`);
+          if (pageDom) {
+            pageDom.scrollIntoView();
+          } else {
+            console.log("椤电爜閿欒锛�");
+          }
+        }, 500);
+      } else {
+        console.log("绔犺妭閿欒锛�");
+      }
+    },
+
+    // 澶勭悊鏍囪鏁版嵁
+    handelSignData(type, data) {
+      if (this.loadPageList.indexOf(Number(data.page)) > -1) {
+        // 绔嬪嵆娓叉煋
+        this.renderSign(type, data);
+      }
+
+      // 鍌ㄥ瓨鏁版嵁
+      if (!this.renderSignMap[type]) this.renderSignMap[type] = {};
+      if (!this.renderSignMap[type][data.page])
+        this.renderSignMap[type][data.page] = [];
+      this.renderSignMap[type][data.page].push(data);
+    },
+
+    // 娓叉煋鏍囪
+    renderSign(type, data) {
+      // 鐖跺眰璁剧疆绂佹娓叉煋鏍囪鏃朵笉鍐嶈繘琛屾覆鏌�
+      if (this.$store.state.qiankun.disableSign) {
+        return false;
+      }
+      const existence = (
+        this.container ? this.container : document
+      ).querySelector(`[dataid="${data.id}"]`);
+      // 鍘婚噸
+      if (!existence) {
+        const pageDom = (
+          this.container ? this.container : document
+        ).querySelector(`[page="${data.page}"]`);
+        // 鍒涘缓 createTreeWalker 杩唬鍣紝鐢ㄤ簬閬嶅巻鏂囨湰鑺傜偣锛屼繚瀛樺埌涓�涓暟缁�
+        const treeWalker = document.createTreeWalker(
+          pageDom,
+          NodeFilter.SHOW_TEXT
+        );
+        const allTextNodes = [];
+        let currentNode = treeWalker.nextNode();
+        while (currentNode) {
+          allTextNodes.push(currentNode);
+          currentNode = treeWalker.nextNode();
+        }
+        for (let i = 0; i < allTextNodes.length; i++) {
+          const textDom = allTextNodes[i];
+          if (textDom.textContent.indexOf(data.txt) > -1) {
+            let reg = new RegExp(`${data.txt}`, "ig");
+            switch (type) {
+              case "Highlight":
+                // 楂樹寒
+                textDom.parentNode.innerHTML =
+                  textDom.parentNode.innerHTML.replace(
+                    reg,
+                    `<span datatype="Highlight" dataid="${data.id}" style="background: ${data.color};" class="highLight" onclick="signClick('Highlight','${data.id}','${data.chapterNum}')">${data.txt}</span>`
+                  );
+                break;
+              case "Dashing":
+                // 鍒掔嚎
+                textDom.parentNode.innerHTML =
+                  textDom.parentNode.innerHTML.replace(
+                    reg,
+                    `<span datatype="Dashing" dataid="${data.id}" style="text-decoration-color:${data.color};" class="underline" onclick="signClick('Dashing','${data.id}','${data.chapterNum}')">${data.txt}</span>`
+                  );
+                break;
+              case "Note":
+                // 绗旇
+                textDom.parentNode.innerHTML =
+                  textDom.parentNode.innerHTML.replace(
+                    reg,
+                    `<span datatype="Note" dataid="${data.id}" style="border-bottom-color:${data.color}" class="notesline" onclick="signClick('Note','${data.id}','${data.chapterNum}')" onmouseover="noteHover('Note','${data.id}','${data.chapterNum}')" onmouseout="noteOut('Note')">${data.txt}<img src="${NoteIcon}"/></span>`
+                  );
+                break;
+            }
+          }
+        }
+      }
+    },
+    // 鍒犻櫎鏍囪娓叉煋
+    delSign({ ids, type }) {
+      if (ids && ids.length) {
+        for (let i = 0; i < ids.length; i++) {
+          const id = ids[i];
+          const dom = (
+            this.container ? this.container : document
+          ).querySelector(`[dataid="${id}"]`);
+          dom.parentNode.innerHTML = dom.parentNode.innerHTML.replace(
+            dom.outerHTML,
+            dom.outerText
+          );
+        }
+      }
+      if (type) {
+        const doms = (
+          this.container ? this.container : document
+        ).querySelectorAll(`[datatype="${type}"]`);
+        for (let i = 0; i < doms.length; i++) {
+          const dom = doms[i];
+          dom.parentNode.innerHTML = dom.parentNode.innerHTML.replace(
+            dom.outerHTML,
+            dom.outerText
+          );
+        }
+      }
+    },
+    initObservation() {
+      const sections = (
+        this.container ? this.container : document
+      ).querySelectorAll(".page-box");
+      sections.forEach((section) => {
+        if (this.config.activeBook && this.config.activeBook.tryPageCount) {
+          const page = section.getAttribute("page");
+          if (Number(page) > this.config.activeBook.tryPageCount) {
+            let chapterDom = this.getParentWithClass(section, "chapter");
+            const chapterNum = chapterDom.getAttribute("num");
+            this.catalogLength = Number(chapterNum) - 1;
+            section.remove();
+            return false;
+          }
+        }
+        // observer 瑙傚療姣忎釜鍏冪礌锛屼互渚垮湪瀹冧滑杩涘叆鎴栫寮�瑙嗙獥鏃惰Е鍙戝洖璋冨嚱鏁般��
+        const isObserver = section.getAttribute("observer");
+        const isLoadObserver = section.getAttribute("loadObserver");
+        if (!isObserver) {
+          this.observer.observe(section);
+          section.setAttribute("observer", "1");
+        }
+        if (!isLoadObserver) {
+          this.loadPageObserver.observe(section);
+          section.setAttribute("loadObserver", "1");
+        }
+      });
+    },
+    initThemeColor() {
+      // 鑾峰彇鍚勭闇�瑕佷富棰樿壊鐨勮妭鐐�
+      const colorDom = (
+        this.container ? this.container : document
+      ).querySelectorAll(".theme-color");
+      const backgroundColorDom = (
+        this.container ? this.container : document
+      ).querySelectorAll(".theme-back");
+      const borderColorDom = (
+        this.container ? this.container : document
+      ).querySelectorAll(".theme-border");
+      // 鑾峰彇閰嶇疆鐨勪富棰樿壊
+      const bookThemeColor =
+        this.config.activeBook && this.config.activeBook.bookThemeColor
+          ? this.config.activeBook.bookThemeColor
+          : null;
+      const chapterThemeColor =
+        this.config.activeBook && this.config.activeBook.chapterThemeColor
+          ? this.config.activeBook.chapterThemeColor
+          : null;
+      const pageThemeColor =
+        this.config.activeBook && this.config.activeBook.pageThemeColor
+          ? this.config.activeBook.pageThemeColor
+          : null;
+      colorDom.forEach((domItem) => {
+        // 鑾峰彇绔犺妭銆侀〉鐮�
+        let pageDom = this.getParentWithClass(domItem, "page-box");
+        let chapterDom = this.getParentWithClass(domItem, "chapter");
+        let page, chapterNum;
+        if (pageDom) page = pageDom.getAttribute("page");
+        if (chapterDom) chapterNum = chapterDom.getAttribute("num");
+        // 鍚戜笂鍖归厤涓婚鑹�
+        const themeColor =
+          page && pageThemeColor && pageThemeColor[page]
+            ? pageThemeColor[page]
+            : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
+            ? chapterThemeColor[chapterNum]
+            : bookThemeColor;
+        if (themeColor) {
+          domItem.style.color = themeColor;
+        }
+      });
+      backgroundColorDom.forEach((domItem) => {
+        // 鑾峰彇绔犺妭銆侀〉鐮�
+        let pageDom = this.getParentWithClass(domItem, "page-box");
+        let chapterDom = this.getParentWithClass(domItem, "chapter");
+        let page, chapterNum;
+        if (pageDom) page = pageDom.getAttribute("page");
+        if (chapterDom) chapterNum = chapterDom.getAttribute("num");
+        // 鍚戜笂鍖归厤涓婚鑹�
+        const themeColor =
+          page && pageThemeColor && pageThemeColor[page]
+            ? pageThemeColor[page]
+            : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
+            ? chapterThemeColor[chapterNum]
+            : bookThemeColor;
+        if (themeColor) {
+          domItem.style.backgroundColor = themeColor;
+        }
+      });
+      borderColorDom.forEach((domItem) => {
+        // 鑾峰彇绔犺妭銆侀〉鐮�
+        let pageDom = this.getParentWithClass(domItem, "page-box");
+        let chapterDom = this.getParentWithClass(domItem, "chapter");
+        let page, chapterNum;
+        if (pageDom) page = pageDom.getAttribute("page");
+        if (chapterDom) chapterNum = chapterDom.getAttribute("num");
+        // 鍚戜笂鍖归厤涓婚鑹�
+        const themeColor =
+          page && pageThemeColor && pageThemeColor[page]
+            ? pageThemeColor[page]
+            : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
+            ? chapterThemeColor[chapterNum]
+            : bookThemeColor;
+        if (themeColor) {
+          domItem.style.borderColor = themeColor;
+        }
+      });
+    },
+    getParentWithClass(element, className) {
+      while (element.parentElement) {
+        element = element.parentElement;
+        if (element.classList.contains(className)) {
+          return element;
+        }
+      }
+    },
+    pageChangeCallback(entries, observer) {
+      //entries锛氫唬琛ㄨ瀵熷埌鐨勭洰鏍囧厓绱犵殑闆嗗悎銆� observer锛氫唬琛ㄨ瀵熻�呭璞°��
+      entries.forEach((entry) => {
+        //entry.isIntersecting锛氭鏌ュ綋鍓嶇洰鏍囧厓绱犳槸鍚︿笌鏍瑰厓绱犵浉浜ゃ��
+        if (entry.isIntersecting) {
+          const target = entry.target;
+          //entry.target锛氳幏鍙栧綋鍓嶇洰鏍囧厓绱�
+          const page = target.getAttribute("page");
+          const catalogDom = this.tool.getParentNodeByClassName(
+            target,
+            "chapter"
+          );
+          const catalog = catalogDom.getAttribute("num");
+          let text = null;
+          if (target.querySelector("p")) {
+            text = target.querySelector("p").textContent.substring(0, 50);
+          }
+          // 杩斿洖椤电爜鍜岀珷鑺備俊鎭�
+          if (this.$store.state.qiankun && this.$store.state.qiankun.pageChange)
+            this.$store.state.qiankun.pageChange({
+              page: page,
+              catalog: catalog,
+              text,
+            });
+          // const sections = Array.from(document.querySelectorAll(".section"));
+          //sections锛氳幏鍙栨墍鏈夊叿鏈� .section 绫诲悕鐨勫厓绱狅紝骞惰浆鎹负鏁扮粍銆�
+          // let index = sections.findIndex((section) => section === target) + 1;
+          //index锛氭煡鎵惧綋鍓嶇洰鏍囧厓绱犲湪 sections 鏁扮粍涓殑绱㈠紩锛屽苟鍔� 1锛岀敤浜庣‘瀹氬綋鍓嶉〉鐮併��
+        }
+      });
+    },
+    loadPageCallback(entries, observer) {
+      entries.forEach(async (entry) => {
+        if (entry.isIntersecting) {
+          const target = entry.target;
+          const page = target.getAttribute("page");
+          if (this.loadPageList.indexOf(Number(page)) == -1) {
+            const catalogDom = this.tool.getParentNodeByClassName(
+              target,
+              "chapter"
+            );
+            // 娣诲姞椤电爜
+            this.loadPageList.push(Number(page));
+            const catalog = catalogDom.getAttribute("num");
+            // if (!this.questionDataMap[page]) {
+            //   if (testData && testData[catalog]) {
+            //     if (testData[catalog][page]) {
+            //       if (Array.isArray(testData[catalog][page])) {
+            //         this.questionDataMap[page] = await getQuestionList(
+            //           page,
+            //           testData[catalog][page],
+            //           this.config.activeBook
+            //         );
+            //       } else {
+            //         const obj = {};
+            //         for (let key in testData[catalog][page]) {
+            //           obj[key] = await getQuestionList(
+            //             [],
+            //             testData[catalog][page][key],
+            //             this.config.activeBook
+            //           );
+            //         }
+            //         this.questionDataMap[page] = obj;
+            //       }
+            //       console.log("棰樼洰", this.questionDataMap);
+            //     }
+            //   }
+            // }
+            // 娓叉煋杩欎竴椤电殑鏍囪
+            for (const key in this.renderSignMap) {
+              if (this.renderSignMap[key][page]) {
+                this.renderSignMap[key][page].forEach((item) => {
+                  this.renderSign(key, item);
+                });
+              }
+            }
+            // 澶勭悊楂樹寒
+            if (this.highlightData) {
+              // 楂樹寒琛�
+              setTimeout(() => {
+                // 鑾峰彇椤甸潰鎵�鏈塼ext鑺傜偣
+                const pageTextList = document.createTreeWalker(
+                  target,
+                  NodeFilter.SHOW_TEXT
+                );
+                // 鍖归厤鍏抽敭瀛�
+                const allPageTextNodes = [];
+                let currentNode = pageTextList.nextNode();
+                while (currentNode) {
+                  allPageTextNodes.push(currentNode);
+                  currentNode = pageTextList.nextNode();
+                }
+                for (let i = 0; i < allPageTextNodes.length; i++) {
+                  const textDom = allPageTextNodes[i];
+                  let txtIndex = textDom.textContent.indexOf(
+                    this.highlightData.txt
+                  );
+                  if (txtIndex > -1) {
+                    textDom.parentNode.style.transition =
+                      "background-color 0.8s";
+                    textDom.parentNode.scrollIntoView();
+                    textDom.parentNode.style.backgroundColor = "#79bbf0";
+                    setTimeout(() => {
+                      textDom.parentNode.style.backgroundColor = "";
+                    }, 1000);
+                  }
+                }
+              }, 100);
+            }
+            if (this.loadPageList.length > 5) {
+              // 瓒呰繃5椤�
+              this.loadPageList.shift();
+            }
+          }
+        }
+      });
+    },
+    initSwiper() {
+      const doms = (
+        this.container ? this.container : document
+      ).querySelectorAll(".swiper-img");
+      for (let i = 0; i < doms.length; i++) {
+        const dom = doms[i];
+        new Swiper(dom, {
+          loop: false, // 鏃犵紳
+          autoplay: {
+            //鑷姩寮�濮�
+            delay: 3000, //鏃堕棿闂撮殧
+            disableOnInteraction: false, //*鎵嬪姩鎿嶄綔杞挱鍥惧悗涓嶄細鏆傚仠*
+          },
+          paginationClickable: true,
+          slidesPerView: 1, // 涓�缁勪笁涓�
+          spaceBetween: 30, // 闂撮殧
+          // 濡傛灉闇�瑕佸墠杩涘悗閫�鎸夐挳
+          navigation: {
+            nextEl: dom.querySelector(".swiper-button-next"),
+            prevEl: dom.querySelector(".swiper-button-prev"),
+          },
+          // 绐楀彛鍙樺寲,閲嶆柊init,閽堝F11鍏ㄥ睆鍜屾斁澶х缉灏�,蹇呴』鍔�
+          // observer: true,
+          // observeParents: true
+          // // 濡傛灉闇�瑕佸垎椤靛櫒
+          // pagination: {
+          //   el: (this.container ? this.container : document).querySelector(
+          //     ".swiper-pagination"
+          //   ),
+          //   clickable: true // 鍒嗛〉鍣ㄥ彲浠ョ偣鍑�
+          // }
+        });
+      }
+      const pptDoms = (
+        this.container ? this.container : document
+      ).querySelectorAll(".swiper_ppt");
+      for (let i = 0; i < pptDoms.length; i++) {
+        const dom = pptDoms[i];
+        new Swiper(dom, {
+          loop: false, // 鏃犵紳
+          autoplay: false,
+          paginationClickable: true,
+          slidesPerView: 1, // 涓�缁勪笁涓�
+          spaceBetween: 30, // 闂撮殧
+          // 濡傛灉闇�瑕佸墠杩涘悗閫�鎸夐挳
+          navigation: {
+            nextEl: dom.querySelector(".swiper-button-next"),
+            prevEl: dom.querySelector(".swiper-button-prev"),
+          },
+          // 绐楀彛鍙樺寲,閲嶆柊init,閽堝F11鍏ㄥ睆鍜屾斁澶х缉灏�,蹇呴』鍔�
+          observer: true,
+          observeParents: true,
+          on: {
+            init: (value) => {
+              let currentPage = value.activeIndex + 1; // 鑾峰彇褰撳墠椤碉紙浠�1寮�濮嬭鏁帮級
+              let totalPages = value.slides.length; // 鑾峰彇鎬婚〉鏁�
+              var paginationInfoEl = dom.querySelector(".pageBox");
+              if (paginationInfoEl)
+                paginationInfoEl.textContent = currentPage + "/" + totalPages;
+            },
+            slideChange: (value) => {
+              let currentPage = value.activeIndex + 1; // 鑾峰彇褰撳墠椤碉紙浠�1寮�濮嬭鏁帮級
+              let totalPages = value.slides.length; // 鑾峰彇鎬婚〉鏁�
+              var paginationInfoEl = dom.querySelector(".pageBox");
+              if (paginationInfoEl)
+                paginationInfoEl.textContent = currentPage + "/" + totalPages;
+            },
+          },
+        });
+      }
+    },
+    initViewer() {
+      const doms = (
+        this.container ? this.container : document
+      ).querySelectorAll(".openImgBox");
+      for (let i = 0; i < doms.length; i++) {
+        const dom = doms[i];
+        new Viewer(dom, {
+          container: this.container
+            ? this.container.querySelector("#app")
+            : "body",
+          navbar: true, // 鏄剧ず瀵艰埅鏍�
+          toolbar: true, // 鏄剧ず宸ュ叿鏍�
+          title: true, // 鏄剧ず鏍囬
+        });
+      }
+    },
+    // 鏍规嵁鍏抽敭瀛楀叏鏂囨绱�
+    searchTextByPage(keyword) {
+      const searchResult = [];
+      let catalogIndex = 0;
+      // 鎵�鏈夌珷鑺傜粍浠讹紙姣忔湰涔﹀埗浣滄椂鍗曠嫭閰嶇疆锛�
+      const pageData = {
+        pageHeader,
+        chapterOne,
+        //   chapterTwo,
+        //   chapterThree,
+        //   chapterFour,
+        //   chapterFive,
+      };
+      // 閬嶅巻鎵�鏈夌珷鑺傛枃浠�
+      for (const key in pageData) {
+        catalogIndex++;
+        let pageComponent, pageExample;
+        // 鍏堟覆鏌撲竴娆″綋鍓嶇珷鑺傛枃浠讹紙杩欐椂椤甸潰鐨勫唴瀹逛负绌猴級锛岃幏鍙栭〉鐮佷俊鎭�
+        pageComponent = Vue.extend(pageData[key]);
+        pageExample = new pageComponent({
+          propsData: {
+            showPageList: [],
+            questionData: {},
+            isSearch: true,
+          },
+        });
+        pageExample.$mount(
+          (this.container ? this.container : document).querySelector(
+            "#searchContent"
+          )
+        );
+        // 鑾峰彇椤电爜
+        const pageDom = (this.container ? this.container : document)
+          .querySelector("#searchDomBox")
+          .querySelectorAll(".page-box");
+        const pages = [];
+        for (let i = 0; i < pageDom.length; i++) {
+          const pageDomItem = pageDom[i];
+          pages.push(Number(pageDomItem.getAttribute("page")));
+        }
+        // 鑾峰彇椤甸潰缁撴潫锛屽嵏杞介攢姣�
+        pageExample.$destroy();
+        (this.container ? this.container : document).querySelector(
+          "#searchDomBox"
+        ).innerHTML = '<div id="searchContent"></div>';
+        // 閬嶅巻椤电爜
+        if (pages.length) {
+          for (let i = 0; i < pages.length; i++) {
+            const pageNum = pages[i];
+            // 鍔ㄦ�佹覆鏌撳搴旂珷鑺傜殑椤电爜
+            pageComponent = Vue.extend(pageData[key]);
+            pageExample = new pageComponent({
+              propsData: {
+                showPageList: [pageNum],
+                questionData: {},
+                isSearch: true,
+              },
+            });
+            pageExample.$mount(
+              (this.container ? this.container : document).querySelector(
+                "#searchContent"
+              )
+            );
+            // 鑾峰彇瀵瑰簲椤甸潰dom
+            const thisPageDom = (this.container ? this.container : document)
+              .querySelector("#searchDomBox")
+              .querySelector(`[page="${pageNum}"]`);
+            if (thisPageDom) {
+              // 鑾峰彇椤甸潰鎵�鏈塼ext鑺傜偣
+              const pageTextList = document.createTreeWalker(
+                thisPageDom,
+                NodeFilter.SHOW_TEXT
+              );
+              // 鍖归厤鍏抽敭瀛�
+              const allPageTextNodes = [];
+              let currentNode = pageTextList.nextNode();
+              while (currentNode) {
+                allPageTextNodes.push(currentNode);
+                currentNode = pageTextList.nextNode();
+              }
+              for (let i = 0; i < allPageTextNodes.length; i++) {
+                const textDom = allPageTextNodes[i];
+                let txtIndex = textDom.textContent.indexOf(keyword);
+                if (txtIndex > -1) {
+                  // 璁板綍鍏抽敭瀛楁墍鍦ㄩ〉鐮併�佺珷鑺備互鍙婂尮閰嶅埌鐨勬钀�
+                  searchResult.push({
+                    page: pageNum,
+                    catalog: catalogIndex,
+                    txt: textDom.textContent,
+                    txtIndex: txtIndex,
+                  });
+                }
+              }
+              // 缁撴潫锛屽嵏杞介攢姣�
+              pageExample.$destroy();
+              (this.container ? this.container : document).querySelector(
+                "#searchDomBox"
+              ).innerHTML = '<div id="searchContent"></div>';
+            }
+          }
+        }
+      }
+      // 杈撳嚭鎼滅储缁撴灉
+      console.log(searchResult);
+      return searchResult;
+    },
+    // 鏍规嵁妫�绱㈢粨鏋滆烦杞搴斾綅缃苟楂樹寒
+    searchItemLocation(data) {
+      // 璁板綍楂樹寒淇℃伅
+      this.highlightData = data;
+      // 璺宠浆
+      this.gotoPage(data.catalog, data.page, () => {});
+    },
+    // 椤甸潰鍚戜笅婊氬姩锛岄煶棰戝皬绐楁挱鏀惧姛鑳�
+    getAduio() {
+      let allVideo = (
+        this.container ? this.container : document
+      ).querySelectorAll(".audio");
+      allVideo = Array.from(allVideo);
+      this.videoList = allVideo;
+      if (allVideo.length) {
+        // 鏌ユ壘鎾斁鐘舵�佺殑鏈�鍚庝竴鏉¢煶棰�
+        const playAudio = allVideo
+          .reverse()
+          .find((item) => item.paused == false);
+        if (playAudio) {
+          const bottomGap = playAudio.getBoundingClientRect().bottom;
+          if (bottomGap < 0) {
+            playAudio.pause();
+            this.audioPath = playAudio.src;
+            this.currentTime = playAudio.currentTime;
+          }
+        }
+      }
+    },
+    // 椤甸潰鍚戜笂婊氬姩锛岄煶棰戝皬绐楀洖鏀�
+    handleAudio() {
+      if (!this.audioPath) return false;
+      let allVideo = (
+        this.container ? this.container : document
+      ).querySelectorAll(".audio");
+      allVideo = Array.from(allVideo);
+      if (allVideo.length) {
+        //鏌ユ壘涓庡皬绐楁挱鏀鹃煶棰戝悓婧愮殑椤甸潰audio DOM
+        const playAudio = allVideo.find((item) => item.src == this.audioPath);
+        if (playAudio) {
+          const bottomGap = playAudio.getBoundingClientRect().bottom;
+          if (bottomGap >= 0) {
+            if (this.$refs.audioPlayer) {
+              const playerState = this.$refs.audioPlayer.getVideoPlayer();
+              this.audioPath = "";
+              playAudio.currentTime = playerState.currentTime;
+              if (!playerState.paused) playAudio.play();
+            }
+          }
+        }
+      }
+    },
+    // 鍏抽棴mini video
+    closeMiniAudio() {
+      this.audioPath = "";
+    },
+    // 鐐瑰嚮闊抽鎾斁锛屽叧闂叾浠栭煶棰�
+    closeAudio() {
+      let allAudio = (
+        this.container ? this.container : document
+      ).querySelectorAll(".audio");
+      for (let index = 0; index < allAudio.length; index++) {
+        const item = allAudio[index];
+        item.addEventListener("play", () => {
+          const audioList = Array.from(allAudio);
+          for (let cindex = 0; cindex < audioList.length; cindex++) {
+            const citem = audioList[cindex];
+            if (citem.currentSrc != item.src) {
+              citem.pause();
+            }
+          }
+          this.closeMiniAudio();
+        });
+      }
+    },
+    // 鐐瑰嚮瑙嗛鍏抽棴鍏朵粬
+    closeVideo() {
+      let allVideo = (
+        this.container ? this.container : document
+      ).querySelectorAll(".video");
+      for (let index = 0; index < allVideo.length; index++) {
+        const item = allVideo[index];
+        item.addEventListener("playing", (item) => {
+          const path = item.srcElement.src;
+          const videoList = Array.from(allVideo);
+          for (let cindex = 0; cindex < videoList.length; cindex++) {
+            const citem = videoList[cindex];
+            if (citem.currentSrc != path && path) {
+              citem.pause();
+            }
+          }
+        });
+      }
+    },
+    // 瑙嗛灏忕獥
+    handleVideoPicture() {
+      let doms = (this.container ? this.container : document).querySelectorAll(
+        ".video"
+      );
+      doms = Array.from(doms);
+      if (!doms.length) return false;
+      const playVudio = doms.reverse().find((item) => item.paused == false);
+      if (playVudio) {
+        const bottomGap = playVudio.getBoundingClientRect().bottom;
+        const topGap = playVudio.getBoundingClientRect().top;
+        if (bottomGap < 0 || topGap > window.innerHeight) {
+          try {
+            if (playVudio.readyState) playVudio.requestPictureInPicture();
+          } catch (error) {
+            console.log(error, "灏忕獥閿欒error");
+          }
+        }
+      }
+    },
+    //鍏朵粬绫诲悕涓嬪瓧浣撳ぇ灏忓彉鍖�
+    transformDom(fs) {
+      if (!fs) return;
+      let doms = (this.container ? this.container : document).querySelectorAll(
+        ".block"
+      );
+      if (!doms.length) return;
+      for (let index = 0; index < doms.length; index++) {
+        const dom = doms[index];
+        dom.style.fontSize = fs + "px";
+      }
+    },
+  },
+  components: {
+    pageHeader,
+    chapterOne,
+    //   chapterTwo,
+    //   chapterThree,
+    //   chapterFour,
+    //   chapterFive,
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.page-main {
+  width: 100% !important;
+  height: 100% !important;
+  overflow: auto;
+
+  .page-content {
+    max-width: 816px;
+    min-width: 375px;
+    margin: 0 auto;
+    padding-bottom: 100px;
+  }
+}
+</style>
diff --git a/src/books/artInitiationForAges0to3/view/index.vue b/src/books/artInitiationForAges0to3/view/index.vue
new file mode 100644
index 0000000..2c711dc
--- /dev/null
+++ b/src/books/artInitiationForAges0to3/view/index.vue
@@ -0,0 +1,80 @@
+<template>
+    <div class="artInitiationForAges0to3" @mouseup="handleMouseUp">
+      <pageContent></pageContent>
+    </div>
+  </template>
+  
+  <script>
+  import pageContent from "./components/index.vue";
+  export default {
+    name: "artInitiationForAges0to3",
+    components: {
+      pageContent,
+    },
+    computed: {
+      fontSize() {
+        return this.$store.state.qiankun.fontSize;
+      },
+      pageZoom() {
+        return this.$store.state.qiankun.scale / 100;
+      },
+    },
+  
+    methods: {
+      getParentWithClass(element, className) {
+        while (element.parentElement) {
+          element = element.parentElement;
+          if (element.classList.contains(className)) {
+            return element;
+          }
+        }
+      },
+      handleMouseUp(e) {
+        const selection = (
+          this.container ? this.container : window
+        ).getSelection();
+        const txt = selection.toString();
+        if (selection.type != "none" && txt) {
+          let node = selection.anchorNode.parentNode;
+          let pageHtml = this.getParentWithClass(
+            selection.anchorNode,
+            "page-box"
+          );
+          let chapterDom = this.getParentWithClass(
+            selection.anchorNode,
+            "chapter"
+          );
+          let chapterNum;
+          if (chapterDom) chapterNum = chapterDom.getAttribute("num");
+          if (pageHtml) {
+            const page = pageHtml.getAttribute("page");
+            // 鐩戝惉閫変腑鏂囨湰浜嬩欢锛屽苟瑙﹀彂鐖跺眰鏂规硶
+            if (this.$store.state.qiankun.windowSelection) {
+              this.$store.state.qiankun.windowSelection({
+                chapterNum,
+                txt,
+                page,
+                x: e.x,
+                y: e.y,
+              });
+            }
+          }
+        } else {
+          if (this.$store.state.qiankun.windowSelection) {
+            this.$store.state.qiankun.windowSelection({
+              chapterNum: "",
+              txt: "",
+              page: "",
+              x: e.x,
+              y: e.y,
+            });
+          }
+        }
+      },
+    },
+  };
+  </script>
+  
+  <style lang="less">
+  @import "../assets/main.less";
+  </style>
\ No newline at end of file
diff --git a/src/books/aurturingAndEducationAged0to3/view/components/chapter004.vue b/src/books/aurturingAndEducationAged0to3/view/components/chapter004.vue
index a82a3aa..0024452 100644
--- a/src/books/aurturingAndEducationAged0to3/view/components/chapter004.vue
+++ b/src/books/aurturingAndEducationAged0to3/view/components/chapter004.vue
@@ -3183,8 +3183,6 @@
                     <p class="td-0">
                         鏃╂湡鏁欒偛鏈烘瀯锛屽叾鏁欒偛鍐呭寮鸿皟绮剧粏鍔ㄤ綔銆佷笓娉ㄥ姏绛夋柟闈㈣兘鍔涚殑鍙戝睍锛屼篃鏈夌矖澶ц繍鍔ㄦ柟闈㈢殑鍩瑰吇锛屽叾鏁欒偛褰㈠紡鐩稿鍥哄畾鍖栵紝璇惧爞姘旀皼娌℃湁鍓嶇被鏃╂暀鏈烘瀯娲昏穬锛屾暀鑲插唴瀹癸紝鍗宠绋嬬殑鏉ユ簮鐢辨暀甯堟牴鎹暀鑲茬粡楠屽強鐩稿叧涔︾睄鑷富鍒跺畾鎴栨湁缁忛獙鐨勪笓瀹跺鑰呬笌鏁欏笀鍏卞悓缂栧啓锛涚涓夌被涓哄辜鍎垮洯鍐呰绔嬬殑浜插瓙鐝紝鍏舵暀鑲插唴瀹瑰拰鎴戝浗鏈湡鐨勬棭鏈熸暀鑲叉満鏋勭浉浼硷紝璇剧▼鍩烘湰鏄�3涓湀涓�鏈燂紝鏍规嵁瀛╁瓙鐨勫勾榫勫彉鍖栨潵鏀瑰彉璇剧▼鍐呭锛岀粍缁囧舰寮忎负瀹堕暱鍜屽瀛愬叡鍚屽弬涓庛�傚湪澧炲己瀛╁瓙鍚勬柟闈㈣兘鍔涘彂灞曠殑鍚屾椂锛屽杩涗翰瀛愭劅鎯咃紝骞舵暀缁欑埗姣嶄竴浜涜偛鍎跨煡璇嗐��
                     </p>
-                    <p>杩戜簺骞存潵锛屼笉灏戝浗鍐呭鑰呭0锝�3宀佸┐骞煎効鐨勬棭鏈熸暀鑲茶绋嬪仛浜嗕竴瀹氱殑寮�鍙戠爺绌跺伐浣溿�備緥濡傦紝闄堝讣鐪夈�佹闆呯彔涓荤紪鐨勩�婂揩涔愪翰瀛愬洯瀹炵敤鏁欐潗锛�0锝�3宀侊級銆嬶紝璇ヤ功涓昏鍐呭鍖呮嫭0锝�3宀佸効绔ユ暀鍏诲ぇ绾层��0锝�3宀佸効绔ュ彂灞曟寚鏍囦笌鏁欏吇绛栫暐銆佷翰瀛愬洯娲诲姩璁捐鍙婄粍缁囨寚瀵笺��0锝�3宀佷翰瀛愬洯娲诲姩璁捐銆佷翰瀛愬洯閫夐檮鏁欐潗銆佷翰瀛愭暀鑲查棶棰樹笌绛栫暐锛屾槸姣旇緝鍏ㄩ潰鐨勪翰瀛愬洯鏁欒偛鎸囧鎵嬪唽銆傜敱鏉庝繍缂栬憲銆佸崡浜笀鑼冨ぇ瀛﹀嚭鐗堢ぞ鍑虹増鐨勩�婇浂鐐硅捣姝モ�斺�斾翰瀛愬洯娲诲姩鏂规銆嬩竴涔︼紝璇ヤ功鍐呭浠�7涓湀璧凤紝浠�6涓湀涓轰竴涓暀瀛﹂樁娈碉紝鎻愬嚭涓嶅悓鐨勪翰瀛愭椿鍔ㄦ柟妗堬紝鍚屾椂鎻愬嚭0锝�36涓湀濠村辜鍎跨殑鍙戣偛鎸囨爣銆備功涓缁嗕粙缁嶄簡鍚勫勾榫勯樁娈靛瀛愭瘡娆¤鐨勬椿鍔ㄧ洰鐨勩�佹潗鏂欏噯澶囥�佹椿鍔ㄥ唴瀹癸紝鏄竴濂楄缁嗙殑浜插瓙鍥椿鍔ㄦ暀鏉愶紝娲诲姩杩囩▼鍏锋湁寰堝己鐨勬搷浣滄�с�傛澶栵紝杩樻湁椴嶇鍏颁富缂栫殑銆�0锝�3宀侊細鍎跨鏈�浣崇殑浜虹敓寮�绔�嬬瓑涔﹂�氳繃浠嬬粛濠村辜鍎胯韩蹇冨彂灞曠殑鐩稿叧鐭ヨ瘑銆佹棭鏈熸暀鑲插叧娉ㄧ殑鐩稿叧闂鍙婃暀鑲茬瓥鐣ユ寚瀵肩瓑鏂归潰锛岀粰瀹堕暱鍙婂箍澶ф棭鏈熸暀鑲插伐浣滆�呬互鍊熼壌銆�
-                    </p>
                     <p>鎵樿偛璇剧▼鍦ㄦ垜鍥芥澶勪簬璧锋闃舵锛屽己璋冪敓娲荤収鏂欏湪濠村辜鍎挎垚闀夸腑鐨勯噸瑕佹剰涔夛紝鐓ф枡鍗宠绋嬶紝鍏惰绋嬪唴瀹逛互杩愬姩銆佹帰绱€�佺ぞ浜ゃ�佽壓鏈嚑涓柟闈负涓伙紝缁撳悎鐢熸椿娲诲姩銆佹父鎴忔椿鍔紝璐┛浜庝竴鏃ョ敓娲诲悇鐜妭涓�傚厷鐨勪簩鍗佸ぇ鎶ュ憡鎸囧嚭锛屸�滄垜浠繁鍏ヨ疮褰讳互浜烘皯涓轰腑蹇冪殑鍙戝睍鎬濇兂锛屽湪骞兼湁鎵�鑲层�佸鏈夋墍鏁欍�佸姵鏈夋墍寰椼�佺梾鏈夋墍鍖汇�佽�佹湁鎵�鍏汇�佷綇鏈夋墍灞呫�佸急鏈夋墍鎵朵笂鎸佺画鐢ㄥ姏鈥濄�傛墭鑲蹭綔涓轰竴涓柊鐨勫彂灞曢鍩燂紝涓�0锝�3宀佸┐骞煎効鎻愪緵绉戝鏁欏吇鎸囧锛屽彲杩涗竴姝ユ弧瓒充汉姘戠殑鏁欒偛闇�姹傦紝鍔╁姏浜庣ぞ浼氱殑杩涙銆�
                     </p>
                 </div>
diff --git a/src/books/aurturingAndEducationAged0to3/view/components/index.vue b/src/books/aurturingAndEducationAged0to3/view/components/index.vue
index 3dd01c6..a097722 100644
--- a/src/books/aurturingAndEducationAged0to3/view/components/index.vue
+++ b/src/books/aurturingAndEducationAged0to3/view/components/index.vue
@@ -40,6 +40,7 @@
   </template>
   
   <script>
+  import Vue from "vue";
   import pageHeader from "./header.vue";
   import chapterOne from "./chapter001.vue";
   import chapterTwo from "./chapter002.vue";
@@ -184,7 +185,7 @@
   
       // 娴嬭瘯椤甸潰璺宠浆
       // setTimeout(() => {
-      //   this.gotoPage(6, 253);
+      //   this.gotoPage(1, 1);
         //   setTimeout(() => {
         //     this.renderSign("Highlight", {
         //       id: "2ACA9359",
diff --git a/src/books/aviationBasicSkills/view/components/index.vue b/src/books/aviationBasicSkills/view/components/index.vue
index 62ea6e7..79ff854 100644
--- a/src/books/aviationBasicSkills/view/components/index.vue
+++ b/src/books/aviationBasicSkills/view/components/index.vue
@@ -52,6 +52,7 @@
 </template>
 
 <script>
+import Vue from "vue";
 import pageHeader from "./header.vue";
 import chapterOne from "./chapter001.vue";
 import chapterTwo from "./chapter002.vue";
diff --git a/src/books/aviationEtiquette/assets/main.less b/src/books/aviationEtiquette/assets/main.less
index 4b2fc1e..9b7b77b 100644
--- a/src/books/aviationEtiquette/assets/main.less
+++ b/src/books/aviationEtiquette/assets/main.less
@@ -1959,12 +1959,13 @@
     display: flex;
     align-items: center;
     justify-content: space-between;
-
+    cursor: pointer;
+    
     span {
         color: #fff;
         font-size: 20px;
         padding: 0 40px 0 20px;
-        cursor: pointer;
+
     }
 }
 
diff --git a/src/books/aviationEtiquette/view/components/chapter001.vue b/src/books/aviationEtiquette/view/components/chapter001.vue
index d375321..c77c7fc 100644
--- a/src/books/aviationEtiquette/view/components/chapter001.vue
+++ b/src/books/aviationEtiquette/view/components/chapter001.vue
@@ -674,10 +674,10 @@
             <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="5"
               v-model="questionData.projectOne.five.value" @change="setBookQuestion" />D.绀兼暚浠栦汉鏄笌浠栦汉寤虹珛鍜岃皭鐨勪汉闄呭叧绯荤殑鍩虹煶
           </p>
-          <p class="dialogQuestion">
+          <p class="dialogQuestion" @click="openQuestion(1)">
             <span class="td-0">銆愭湰鑺傛祴璇曘��</span>
             <span class="td-0">
-              <svg @click="openQuestion(1)" t="1736157124915" class="icon" viewBox="0 0 1024 1024" version="1.1"
+              <svg  t="1736157124915" class="icon" viewBox="0 0 1024 1024" version="1.1"
                 xmlns="http://www.w3.org/2000/svg" p-id="2536" xmlns:xlink="http://www.w3.org/1999/xlink" width="28"
                 height="28">
                 <path
@@ -1502,10 +1502,10 @@
           <p>6.璇锋牴鎹墍瀛︾煡璇嗗垎鏋愭皯鑸湇鍔$殑鐜扮姸鍙婃湇鍔¤川閲忛棶棰樹骇鐢熺殑鍘熷洜銆�</p>
           <textarea v-model="questionData.projectTwo.six.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
             @change="setBookQuestion"></textarea>
-          <p class="dialogQuestion">
+          <p class="dialogQuestion" @click="openQuestion(2)">
             <span class="td-0">銆愭湰鑺傛祴璇曘��</span>
             <span class="td-0">
-              <svg @click="openQuestion(2)" t="1736157124915" class="icon" viewBox="0 0 1024 1024" version="1.1"
+              <svg  t="1736157124915" class="icon" viewBox="0 0 1024 1024" version="1.1"
                 xmlns="http://www.w3.org/2000/svg" p-id="2536" xmlns:xlink="http://www.w3.org/1999/xlink" width="28"
                 height="28">
                 <path
diff --git a/src/books/aviationEtiquette/view/components/chapter003.vue b/src/books/aviationEtiquette/view/components/chapter003.vue
index c85f0a5..aae588f 100644
--- a/src/books/aviationEtiquette/view/components/chapter003.vue
+++ b/src/books/aviationEtiquette/view/components/chapter003.vue
@@ -1038,10 +1038,10 @@
           <p>6.娌熼�氫腑鈥滀簲蹇冩湇鍔♀�濇槸鎸囧摢浜斿績锛�</p>
           <textarea v-model="questionData.projectOne.six.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
             @change="setBookQuestion"></textarea>
-            <p class="dialogQuestion">
+            <p class="dialogQuestion" @click="openQuestion(1)" >
             <span class="td-0">銆愭湰鑺傛祴璇曘��</span>
             <span class="td-0">
-              <svg @click="openQuestion(1)" t="1736157124915" class="icon" viewBox="0 0 1024 1024" version="1.1"
+              <svg t="1736157124915" class="icon" viewBox="0 0 1024 1024" version="1.1"
                 xmlns="http://www.w3.org/2000/svg" p-id="2536" xmlns:xlink="http://www.w3.org/1999/xlink" width="28"
                 height="28">
                 <path
@@ -1643,10 +1643,10 @@
               v-model="questionData.projectTwo.five.value" @change="setBookQuestion" />C.鍏堝鐞嗕簨浠讹紝鍚庡鐞嗘儏鎰�</p>
           <p><input type="radio" name="QFive" :disabled="questionData.isComplete" value="D" id="5"
               v-model="questionData.projectTwo.five.value" @change="setBookQuestion" />D.鑰愬績鍊惧惉鏃呭鐨勬姳鎬�</p>
-              <p class="dialogQuestion">
+            <p class="dialogQuestion" @click="openQuestion(2)">
             <span class="td-0">銆愭湰鑺傛祴璇曘��</span>
             <span class="td-0">
-              <svg @click="openQuestion(2)" t="1736157124915" class="icon" viewBox="0 0 1024 1024" version="1.1"
+              <svg  t="1736157124915" class="icon" viewBox="0 0 1024 1024" version="1.1"
                 xmlns="http://www.w3.org/2000/svg" p-id="2536" xmlns:xlink="http://www.w3.org/1999/xlink" width="28"
                 height="28">
                 <path
diff --git a/src/books/aviationEtiquette/view/components/chapter004.vue b/src/books/aviationEtiquette/view/components/chapter004.vue
index a1e9a6e..f0a94d5 100644
--- a/src/books/aviationEtiquette/view/components/chapter004.vue
+++ b/src/books/aviationEtiquette/view/components/chapter004.vue
@@ -1207,10 +1207,10 @@
           <p>9.鐢垫寮曞绀间华搴旈伒寰摢浜涘師鍒欙紵</p>
           <textarea v-model="questionData.projectOne.nine.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
             @change="setBookQuestion"></textarea>
-          <p class="dialogQuestion">
+          <p class="dialogQuestion" @click="openQuestion(1)">
             <span class="td-0">銆愭湰鑺傛祴璇曘��</span>
             <span class="td-0">
-              <svg @click="openQuestion(1)" t="1736157124915" class="icon" viewBox="0 0 1024 1024" version="1.1"
+              <svg  t="1736157124915" class="icon" viewBox="0 0 1024 1024" version="1.1"
                 xmlns="http://www.w3.org/2000/svg" p-id="2536" xmlns:xlink="http://www.w3.org/1999/xlink" width="28"
                 height="28">
                 <path
@@ -1644,10 +1644,10 @@
           <p>6.绠�杩颁汉韬畨鍏ㄦ鏌ユ湇鍔′汉鍛樼殑浠浠〃绀间华瑙勮寖銆�</p>
           <textarea v-model="questionData.projectTwo.six.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
             @change="setBookQuestion"></textarea>
-          <p class="dialogQuestion">
+          <p class="dialogQuestion"  @click="openQuestion(2)">
             <span class="td-0">銆愭湰鑺傛祴璇曘��</span>
             <span class="td-0">
-              <svg @click="openQuestion(2)" t="1736157124915" class="icon" viewBox="0 0 1024 1024" version="1.1"
+              <svg t="1736157124915" class="icon" viewBox="0 0 1024 1024" version="1.1"
                 xmlns="http://www.w3.org/2000/svg" p-id="2536" xmlns:xlink="http://www.w3.org/1999/xlink" width="28"
                 height="28">
                 <path
@@ -2517,10 +2517,10 @@
           <p>10.璇峰啓涓�鍐欏湪瀹夊叏妫�鏌ヤ腑涔樺姟鍛橀渶瑕佹敞鎰忓摢浜涚ぜ浠鑼冿紵</p>
           <textarea v-model="questionData.projectThree.ten.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
             class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
-          <p class="dialogQuestion">
+          <p class="dialogQuestion"  @click="openQuestion(3)">
             <span class="td-0">銆愭湰鑺傛祴璇曘��</span>
             <span class="td-0">
-              <svg @click="openQuestion(3)" t="1736157124915" class="icon" viewBox="0 0 1024 1024" version="1.1"
+              <svg t="1736157124915" class="icon" viewBox="0 0 1024 1024" version="1.1"
                 xmlns="http://www.w3.org/2000/svg" p-id="2536" xmlns:xlink="http://www.w3.org/1999/xlink" width="28"
                 height="28">
                 <path
diff --git a/src/books/aviationEtiquette/view/components/chapter005.vue b/src/books/aviationEtiquette/view/components/chapter005.vue
index c9c1329..b666e06 100644
--- a/src/books/aviationEtiquette/view/components/chapter005.vue
+++ b/src/books/aviationEtiquette/view/components/chapter005.vue
@@ -1094,10 +1094,10 @@
           <p>8.璇风畝杩版皯鑸ぜ浠妧鑳藉睍绀烘儏鏅墽鍒涗綔娉ㄦ剰浜嬮」銆�</p>
           <textarea v-model="questionData.projectTwo.eight.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
             class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
-          <p class="dialogQuestion">
+          <p class="dialogQuestion"  @click="openQuestion(1)">
             <span class="td-0">銆愭湰鑺傛祴璇曘��</span>
             <span class="td-0">
-              <svg @click="openQuestion(1)" t="1736157124915" class="icon" viewBox="0 0 1024 1024" version="1.1"
+              <svg t="1736157124915" class="icon" viewBox="0 0 1024 1024" version="1.1"
                 xmlns="http://www.w3.org/2000/svg" p-id="2536" xmlns:xlink="http://www.w3.org/1999/xlink" width="28"
                 height="28">
                 <path
diff --git a/src/books/aviationEtiquette/view/components/chpater002.vue b/src/books/aviationEtiquette/view/components/chpater002.vue
index 671ede4..97824ec 100644
--- a/src/books/aviationEtiquette/view/components/chpater002.vue
+++ b/src/books/aviationEtiquette/view/components/chpater002.vue
@@ -1548,10 +1548,10 @@
               v-model="questionData.projectTwo.eight.value" @change="setBookQuestion" />B.鐣ユ祬涓�搴�</p>
           <p><input type="radio" name="projectTwo.eight" :disabled="questionData.isComplete" value="C" id="8"
               v-model="questionData.projectTwo.eight.value" @change="setBookQuestion" />C.鐩稿悓</p>
-          <p class="dialogQuestion">
+          <p class="dialogQuestion" @click="openQuestion(1)">
             <span class="td-0">銆愭湰鑺傛祴璇曘��</span>
             <span class="td-0">
-              <svg @click="openQuestion(1)" t="1736157124915" class="icon" viewBox="0 0 1024 1024" version="1.1"
+              <svg  t="1736157124915" class="icon" viewBox="0 0 1024 1024" version="1.1"
                 xmlns="http://www.w3.org/2000/svg" p-id="2536" xmlns:xlink="http://www.w3.org/1999/xlink" width="28"
                 height="28">
                 <path
@@ -2424,10 +2424,10 @@
           <p>5.绠�杩板叆搴т笌绂诲骇鐨勫熀鏈師鍒欍��</p>
           <textarea v-model="questionData.projectThree.five.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
             class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
-          <p class="dialogQuestion">
+          <p class="dialogQuestion" @click="openQuestion(2)">
             <span class="td-0">銆愭湰鑺傛祴璇曘��</span>
             <span class="td-0">
-              <svg @click="openQuestion(2)" t="1736157124915" class="icon" viewBox="0 0 1024 1024" version="1.1"
+              <svg  t="1736157124915" class="icon" viewBox="0 0 1024 1024" version="1.1"
                 xmlns="http://www.w3.org/2000/svg" p-id="2536" xmlns:xlink="http://www.w3.org/1999/xlink" width="28"
                 height="28">
                 <path
diff --git a/src/books/aviationEtiquette/view/components/index.vue b/src/books/aviationEtiquette/view/components/index.vue
index 201877d..78da337 100644
--- a/src/books/aviationEtiquette/view/components/index.vue
+++ b/src/books/aviationEtiquette/view/components/index.vue
@@ -19,6 +19,7 @@
 </template>
 
 <script>
+import Vue from "vue";
 import pageHeader from "./header.vue";
 import chapterOne from "./chapter001.vue";
 import chapterTwo from "./chpater002.vue";
@@ -161,7 +162,7 @@
 
     //娴嬭瘯椤甸潰璺宠浆
     // setTimeout(() => {
-    //   this.gotoPage(4, 116);
+    //   this.gotoPage(2, 18);
       //   setTimeout(() => {
       //     this.renderSign("Highlight", {
       //       id: "2ACA9359",
@@ -709,6 +710,7 @@
     searchTextByPage(keyword) {
       const searchResult = [];
       let catalogIndex = 0;
+      console.log(keyword,"keyword")
       // 鎵�鏈夌珷鑺傜粍浠讹紙姣忔湰涔﹀埗浣滄椂鍗曠嫭閰嶇疆锛�
       const pageData = {
         pageHeader,
@@ -718,6 +720,7 @@
         chapterFour,
         chapterFive
       };
+      
       // 閬嶅巻鎵�鏈夌珷鑺傛枃浠�
       for (const key in pageData) {
         catalogIndex++;
@@ -736,11 +739,13 @@
             "#searchContent"
           )
         );
-        // 鑾峰彇椤电爜
+        // 鑾峰彇椤电爜 
+       
         const pageDom = (this.container ? this.container : document)
           .querySelector("#searchDomBox")
           .querySelectorAll(".page-box");
         const pages = [];
+       
         for (let i = 0; i < pageDom.length; i++) {
           const pageDomItem = pageDom[i];
           pages.push(Number(pageDomItem.getAttribute("page")));
diff --git a/src/books/aviationSafety/view/components/index.vue b/src/books/aviationSafety/view/components/index.vue
index 6dc5e06..b646fac 100644
--- a/src/books/aviationSafety/view/components/index.vue
+++ b/src/books/aviationSafety/view/components/index.vue
@@ -22,6 +22,7 @@
   </template>
   
   <script>
+  import Vue from "vue";
   import pageHeader from "./header.vue";
   import chapterOne from "./chapter001.vue";
   import chapterTwo from "./chapter002.vue";
diff --git a/src/books/botany/view/components/index.vue b/src/books/botany/view/components/index.vue
index 7b42115..1a0bbdb 100644
--- a/src/books/botany/view/components/index.vue
+++ b/src/books/botany/view/components/index.vue
@@ -20,6 +20,7 @@
   </template>
   
   <script>
+  import Vue from "vue";
   import pageHeader from "./header.vue";
   // import chapterOne from "./chapterr001.vue";
 //   import chapterTwo from "./chapter002.vue";
diff --git a/src/books/childIllnessPreventionCare/assets/examinationList.js b/src/books/childIllnessPreventionCare/assets/examinationList.js
new file mode 100644
index 0000000..f89fb63
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/examinationList.js
@@ -0,0 +1,9 @@
+const testData = {
+  3: {
+    47: [103083,103124,103165,103200,98450,98468,98485,98500,98516,99332,99384,99420,99465,99486,99507,99625,99645,99669,99689,95073,96472,96687,96878,97060,97234,97363,97481,97593,97696],
+    
+  },
+  
+};
+
+export default testData;
diff --git a/src/books/childIllnessPreventionCare/assets/images/0014-03.jpg b/src/books/childIllnessPreventionCare/assets/images/0014-03.jpg
new file mode 100644
index 0000000..5e4da95
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0014-03.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0014_02.jpg b/src/books/childIllnessPreventionCare/assets/images/0014_02.jpg
new file mode 100644
index 0000000..18932d1
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0014_02.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0019-03.jpg b/src/books/childIllnessPreventionCare/assets/images/0019-03.jpg
new file mode 100644
index 0000000..100792d
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0019-03.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0027-03.jpg b/src/books/childIllnessPreventionCare/assets/images/0027-03.jpg
new file mode 100644
index 0000000..43e8bc9
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0027-03.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0036_01.jpg b/src/books/childIllnessPreventionCare/assets/images/0036_01.jpg
new file mode 100644
index 0000000..7ed8e9e
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0036_01.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0052-03.jpg b/src/books/childIllnessPreventionCare/assets/images/0052-03.jpg
new file mode 100644
index 0000000..14fb563
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0052-03.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0053-01.jpg b/src/books/childIllnessPreventionCare/assets/images/0053-01.jpg
new file mode 100644
index 0000000..8576710
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0053-01.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0057-01.jpg b/src/books/childIllnessPreventionCare/assets/images/0057-01.jpg
new file mode 100644
index 0000000..e41ea48
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0057-01.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0063-01.jpg b/src/books/childIllnessPreventionCare/assets/images/0063-01.jpg
new file mode 100644
index 0000000..cfaace1
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0063-01.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0066-01.jpg b/src/books/childIllnessPreventionCare/assets/images/0066-01.jpg
new file mode 100644
index 0000000..a9f2bab
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0066-01.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0072-03.jpg b/src/books/childIllnessPreventionCare/assets/images/0072-03.jpg
new file mode 100644
index 0000000..9602284
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0072-03.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0090-03.jpg b/src/books/childIllnessPreventionCare/assets/images/0090-03.jpg
new file mode 100644
index 0000000..6cf6d77
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0090-03.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0091-01.jpg b/src/books/childIllnessPreventionCare/assets/images/0091-01.jpg
new file mode 100644
index 0000000..8f93393
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0091-01.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0101-01.jpg b/src/books/childIllnessPreventionCare/assets/images/0101-01.jpg
new file mode 100644
index 0000000..6bc2b53
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0101-01.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0107-03.jpg b/src/books/childIllnessPreventionCare/assets/images/0107-03.jpg
new file mode 100644
index 0000000..252f2d2
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0107-03.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0114-03.jpg b/src/books/childIllnessPreventionCare/assets/images/0114-03.jpg
new file mode 100644
index 0000000..921d834
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0114-03.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0126-03.jpg b/src/books/childIllnessPreventionCare/assets/images/0126-03.jpg
new file mode 100644
index 0000000..5345de4
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0126-03.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0134-03.jpg b/src/books/childIllnessPreventionCare/assets/images/0134-03.jpg
new file mode 100644
index 0000000..631c7c8
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0134-03.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0142-01.jpg b/src/books/childIllnessPreventionCare/assets/images/0142-01.jpg
new file mode 100644
index 0000000..a367120
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0142-01.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0152-03.jpg b/src/books/childIllnessPreventionCare/assets/images/0152-03.jpg
new file mode 100644
index 0000000..97c89d7
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0152-03.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0153-01.jpg b/src/books/childIllnessPreventionCare/assets/images/0153-01.jpg
new file mode 100644
index 0000000..5317c85
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0153-01.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0154-02.jpg b/src/books/childIllnessPreventionCare/assets/images/0154-02.jpg
new file mode 100644
index 0000000..0f10e90
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0154-02.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0156-01.jpg b/src/books/childIllnessPreventionCare/assets/images/0156-01.jpg
new file mode 100644
index 0000000..1facbc7
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0156-01.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0158-01.jpg b/src/books/childIllnessPreventionCare/assets/images/0158-01.jpg
new file mode 100644
index 0000000..c2fa4ec
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0158-01.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0161-01.jpg b/src/books/childIllnessPreventionCare/assets/images/0161-01.jpg
new file mode 100644
index 0000000..6e08435
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0161-01.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0164-01.jpg b/src/books/childIllnessPreventionCare/assets/images/0164-01.jpg
new file mode 100644
index 0000000..1ff0638
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0164-01.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0167-02.jpg b/src/books/childIllnessPreventionCare/assets/images/0167-02.jpg
new file mode 100644
index 0000000..11882cf
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0167-02.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0169-01.jpg b/src/books/childIllnessPreventionCare/assets/images/0169-01.jpg
new file mode 100644
index 0000000..0bd72c3
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0169-01.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0173-03.jpg b/src/books/childIllnessPreventionCare/assets/images/0173-03.jpg
new file mode 100644
index 0000000..2e84fde
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0173-03.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0174-04.jpg b/src/books/childIllnessPreventionCare/assets/images/0174-04.jpg
new file mode 100644
index 0000000..76b6588
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0174-04.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0174_01.png b/src/books/childIllnessPreventionCare/assets/images/0174_01.png
new file mode 100644
index 0000000..4c89815
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0174_01.png
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0175-02.jpg b/src/books/childIllnessPreventionCare/assets/images/0175-02.jpg
new file mode 100644
index 0000000..009a795
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0175-02.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0176-05.jpg b/src/books/childIllnessPreventionCare/assets/images/0176-05.jpg
new file mode 100644
index 0000000..1b75fcc
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0176-05.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0176-07.jpg b/src/books/childIllnessPreventionCare/assets/images/0176-07.jpg
new file mode 100644
index 0000000..00a93ab
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0176-07.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0176-16.jpg b/src/books/childIllnessPreventionCare/assets/images/0176-16.jpg
new file mode 100644
index 0000000..bd0017c
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0176-16.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0177-02.jpg b/src/books/childIllnessPreventionCare/assets/images/0177-02.jpg
new file mode 100644
index 0000000..0cf2cc0
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0177-02.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0178-01.jpg b/src/books/childIllnessPreventionCare/assets/images/0178-01.jpg
new file mode 100644
index 0000000..7cdeb78
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0178-01.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0180-04.jpg b/src/books/childIllnessPreventionCare/assets/images/0180-04.jpg
new file mode 100644
index 0000000..ff4b554
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0180-04.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0180-05.jpg b/src/books/childIllnessPreventionCare/assets/images/0180-05.jpg
new file mode 100644
index 0000000..2e706ee
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0180-05.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0183-03.jpg b/src/books/childIllnessPreventionCare/assets/images/0183-03.jpg
new file mode 100644
index 0000000..e8f9712
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0183-03.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0184-02.jpg b/src/books/childIllnessPreventionCare/assets/images/0184-02.jpg
new file mode 100644
index 0000000..ea640d4
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0184-02.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0187-01.jpg b/src/books/childIllnessPreventionCare/assets/images/0187-01.jpg
new file mode 100644
index 0000000..785cac5
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0187-01.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0190-01.jpg b/src/books/childIllnessPreventionCare/assets/images/0190-01.jpg
new file mode 100644
index 0000000..ffac033
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0190-01.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0193-01.jpg b/src/books/childIllnessPreventionCare/assets/images/0193-01.jpg
new file mode 100644
index 0000000..969f4c4
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0193-01.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0199-03.jpg b/src/books/childIllnessPreventionCare/assets/images/0199-03.jpg
new file mode 100644
index 0000000..65d07e9
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0199-03.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0202-01.jpg b/src/books/childIllnessPreventionCare/assets/images/0202-01.jpg
new file mode 100644
index 0000000..24d3179
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0202-01.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0204-01.jpg b/src/books/childIllnessPreventionCare/assets/images/0204-01.jpg
new file mode 100644
index 0000000..6451e99
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0204-01.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0204-02.jpg b/src/books/childIllnessPreventionCare/assets/images/0204-02.jpg
new file mode 100644
index 0000000..e02b368
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0204-02.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0205-01.jpg b/src/books/childIllnessPreventionCare/assets/images/0205-01.jpg
new file mode 100644
index 0000000..d497df9
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0205-01.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0209-02.jpg b/src/books/childIllnessPreventionCare/assets/images/0209-02.jpg
new file mode 100644
index 0000000..efc63a8
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0209-02.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0212-03.jpg b/src/books/childIllnessPreventionCare/assets/images/0212-03.jpg
new file mode 100644
index 0000000..9997ff9
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0212-03.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0213-01.jpg b/src/books/childIllnessPreventionCare/assets/images/0213-01.jpg
new file mode 100644
index 0000000..cd1109f
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0213-01.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0215-01.jpg b/src/books/childIllnessPreventionCare/assets/images/0215-01.jpg
new file mode 100644
index 0000000..426c606
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0215-01.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0215-02.jpg b/src/books/childIllnessPreventionCare/assets/images/0215-02.jpg
new file mode 100644
index 0000000..b7be124
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0215-02.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0220-01.jpg b/src/books/childIllnessPreventionCare/assets/images/0220-01.jpg
new file mode 100644
index 0000000..c9f744b
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0220-01.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0221-01.jpg b/src/books/childIllnessPreventionCare/assets/images/0221-01.jpg
new file mode 100644
index 0000000..5e6abca
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0221-01.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0225-01.jpg b/src/books/childIllnessPreventionCare/assets/images/0225-01.jpg
new file mode 100644
index 0000000..13f9dbb
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0225-01.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0237-02.jpg b/src/books/childIllnessPreventionCare/assets/images/0237-02.jpg
new file mode 100644
index 0000000..faece6a
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0237-02.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0239-03.jpg b/src/books/childIllnessPreventionCare/assets/images/0239-03.jpg
new file mode 100644
index 0000000..b4e49cc
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0239-03.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0240-01.jpg b/src/books/childIllnessPreventionCare/assets/images/0240-01.jpg
new file mode 100644
index 0000000..3b05152
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0240-01.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/0274-03.jpg b/src/books/childIllnessPreventionCare/assets/images/0274-03.jpg
new file mode 100644
index 0000000..797da5a
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/0274-03.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/Cover.jpg b/src/books/childIllnessPreventionCare/assets/images/Cover.jpg
new file mode 100644
index 0000000..d1c1fc6
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/Cover.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/bgImage/001-01.jpg b/src/books/childIllnessPreventionCare/assets/images/bgImage/001-01.jpg
new file mode 100644
index 0000000..992b752
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/bgImage/001-01.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/bgImage/001-02.jpg b/src/books/childIllnessPreventionCare/assets/images/bgImage/001-02.jpg
new file mode 100644
index 0000000..0455611
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/bgImage/001-02.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/bgImage/C.png b/src/books/childIllnessPreventionCare/assets/images/bgImage/C.png
new file mode 100644
index 0000000..9f82374
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/bgImage/C.png
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/bgImage/C1.png b/src/books/childIllnessPreventionCare/assets/images/bgImage/C1.png
new file mode 100644
index 0000000..92700b7
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/bgImage/C1.png
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/bgImage/C2.png b/src/books/childIllnessPreventionCare/assets/images/bgImage/C2.png
new file mode 100644
index 0000000..5d31f38
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/bgImage/C2.png
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/bgImage/C3.png b/src/books/childIllnessPreventionCare/assets/images/bgImage/C3.png
new file mode 100644
index 0000000..cea8699
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/bgImage/C3.png
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/bgImage/C4.png b/src/books/childIllnessPreventionCare/assets/images/bgImage/C4.png
new file mode 100644
index 0000000..b4365fd
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/bgImage/C4.png
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/bgImage/CH.png b/src/books/childIllnessPreventionCare/assets/images/bgImage/CH.png
new file mode 100644
index 0000000..7f81b8f
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/bgImage/CH.png
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/bgImage/CQ.png b/src/books/childIllnessPreventionCare/assets/images/bgImage/CQ.png
new file mode 100644
index 0000000..fd16c06
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/bgImage/CQ.png
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/bgImage/Figure-0017-01.jpg b/src/books/childIllnessPreventionCare/assets/images/bgImage/Figure-0017-01.jpg
new file mode 100644
index 0000000..24330e5
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/bgImage/Figure-0017-01.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/bgImage/Figure-0088-01.jpg b/src/books/childIllnessPreventionCare/assets/images/bgImage/Figure-0088-01.jpg
new file mode 100644
index 0000000..a969dc7
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/bgImage/Figure-0088-01.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/bgImage/Figure-0112-01.jpg b/src/books/childIllnessPreventionCare/assets/images/bgImage/Figure-0112-01.jpg
new file mode 100644
index 0000000..6f84de4
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/bgImage/Figure-0112-01.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/bgImage/Figure-0150-01.jpg b/src/books/childIllnessPreventionCare/assets/images/bgImage/Figure-0150-01.jpg
new file mode 100644
index 0000000..dee8268
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/bgImage/Figure-0150-01.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/bgImage/al.jpg b/src/books/childIllnessPreventionCare/assets/images/bgImage/al.jpg
new file mode 100644
index 0000000..e534473
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/bgImage/al.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/bgImage/bg1.jpg b/src/books/childIllnessPreventionCare/assets/images/bgImage/bg1.jpg
new file mode 100644
index 0000000..e0ae12e
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/bgImage/bg1.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/bgImage/bg2-1.jpg b/src/books/childIllnessPreventionCare/assets/images/bgImage/bg2-1.jpg
new file mode 100644
index 0000000..1cc102b
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/bgImage/bg2-1.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/bgImage/bg2.jpg b/src/books/childIllnessPreventionCare/assets/images/bgImage/bg2.jpg
new file mode 100644
index 0000000..8fe026a
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/bgImage/bg2.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/bgImage/bg3.jpg b/src/books/childIllnessPreventionCare/assets/images/bgImage/bg3.jpg
new file mode 100644
index 0000000..00e3e36
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/bgImage/bg3.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/bgImage/bg4.jpg b/src/books/childIllnessPreventionCare/assets/images/bgImage/bg4.jpg
new file mode 100644
index 0000000..f79a687
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/bgImage/bg4.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/bgImage/bg5.jpg b/src/books/childIllnessPreventionCare/assets/images/bgImage/bg5.jpg
new file mode 100644
index 0000000..b4d690c
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/bgImage/bg5.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/bgImage/bg6.jpg b/src/books/childIllnessPreventionCare/assets/images/bgImage/bg6.jpg
new file mode 100644
index 0000000..7634795
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/bgImage/bg6.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/bgImage/bg7.jpg b/src/books/childIllnessPreventionCare/assets/images/bgImage/bg7.jpg
new file mode 100644
index 0000000..be367ff
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/bgImage/bg7.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/bgImage/dr.jpg b/src/books/childIllnessPreventionCare/assets/images/bgImage/dr.jpg
new file mode 100644
index 0000000..dee33ea
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/bgImage/dr.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/bgImage/fenge.png b/src/books/childIllnessPreventionCare/assets/images/bgImage/fenge.png
new file mode 100644
index 0000000..15349fe
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/bgImage/fenge.png
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/bgImage/gjsy.jpg b/src/books/childIllnessPreventionCare/assets/images/bgImage/gjsy.jpg
new file mode 100644
index 0000000..8d1096a
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/bgImage/gjsy.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/bgImage/jyhd.jpg b/src/books/childIllnessPreventionCare/assets/images/bgImage/jyhd.jpg
new file mode 100644
index 0000000..56d850a
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/bgImage/jyhd.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/bgImage/skylx.jpg b/src/books/childIllnessPreventionCare/assets/images/bgImage/skylx.jpg
new file mode 100644
index 0000000..2cbddc0
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/bgImage/skylx.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/bgImage/swdt.jpg b/src/books/childIllnessPreventionCare/assets/images/bgImage/swdt.jpg
new file mode 100644
index 0000000..18932d1
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/bgImage/swdt.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/bgImage/tzyd.jpg b/src/books/childIllnessPreventionCare/assets/images/bgImage/tzyd.jpg
new file mode 100644
index 0000000..f9466ba
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/bgImage/tzyd.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/bgImage/xxmb.jpg b/src/books/childIllnessPreventionCare/assets/images/bgImage/xxmb.jpg
new file mode 100644
index 0000000..2eb802a
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/bgImage/xxmb.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/feiye.jpg b/src/books/childIllnessPreventionCare/assets/images/feiye.jpg
new file mode 100644
index 0000000..6d7561d
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/feiye.jpg
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/icon/heart-check.png b/src/books/childIllnessPreventionCare/assets/images/icon/heart-check.png
new file mode 100644
index 0000000..74d469c
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/icon/heart-check.png
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/images/icon/heart.png b/src/books/childIllnessPreventionCare/assets/images/icon/heart.png
new file mode 100644
index 0000000..7817ec4
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/images/icon/heart.png
Binary files differ
diff --git a/src/books/childIllnessPreventionCare/assets/main.less b/src/books/childIllnessPreventionCare/assets/main.less
new file mode 100644
index 0000000..92d5e22
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/assets/main.less
@@ -0,0 +1,419 @@
+.childIllnessPreventionCare-book {
+	width: 100%;
+	height: 100%;
+
+	// 鑷畾涔夊唴瀹�
+	.page-box {
+		box-sizing: border-box;
+		min-height: 980px;
+		margin-bottom: 20px;
+		box-shadow: 0 3px 6px 1px #00000029;
+		background-color: #fff;
+		position: relative;
+	}
+
+	p {
+		font-family: "瀹嬩綋";
+		margin-top: 0.2em;
+		margin-bottom: 0.2em !important;
+		text-indent: 2em;
+		line-height: 28px;
+		text-align: justify;
+		font-size: 16px;
+		color:#5A5A5A;
+	}
+	.main-color{
+		color:#7acab4 !important;
+	}
+
+	.fz-15 {
+		font-size: 15px !important;
+	}
+
+	.fz-16 {
+		font-size: 16px !important;
+	}
+
+	.fz-18 {
+		font-size: 18px !important;
+	}
+
+	.fz-h1 {
+		font-size: 1.4em !important;
+		margin-top:-40px !important
+	}
+
+	.fl {
+        display: flex;
+    }
+
+    .al-c {
+        align-items: center;
+    }
+    
+    .jc-sb {
+        justify-content: space-between;
+    }
+
+    .td-0 {
+        text-indent: 0em !important;
+    }
+
+
+	.pt {
+        padding: 5% 0;
+    }
+
+    .mt-10 {
+        margin-top: 10px !important;
+    }
+
+    .mt-20 {
+        margin-top: 20px !important;
+    }
+
+    .mt-30 {
+        margin-top: 30px;
+    }
+	.mt-100 {
+        margin-top: 100px;
+    }
+
+	
+
+
+	.img-rights {
+        width: 240px;
+        float: right;
+        height: auto;
+        margin: auto;
+        margin-left: 18px;
+		margin-top: 20px;
+		position: relative;
+    }
+	.content1{
+		position: absolute;
+		left:0 ;
+		top:-10px;
+		padding:0 8%;
+	}
+	.tsTitle{
+		font-family: "youyuan";
+		color:#7acab4;
+		font-weight: bold;
+		text-indent: 1em;
+		font-size: 18px;
+	}
+	.tsContent{
+		font-family: 'FZLTXIHJW';
+		font-size:15px;
+		line-height: 24px;
+	}
+
+
+
+	
+	.page-box:nth-child(even) .bodystyle {
+        font-family: 'FZLTXIHJW';
+        text-align: justify;
+        margin: 0 15% 0 13%;
+        padding-bottom: 80px;
+        line-height: 30px;
+        padding: 10% 0 14%;
+
+    }
+
+    .page-box:nth-child(odd) .bodystyle {
+        font-family: 'FZLTXIHJW';
+        text-align: justify;
+        margin: 0 13% 0 15%;
+        padding-bottom: 80px;
+        line-height: 30px;
+        padding: 8% 0 12% 0;
+	}
+
+
+	.block {
+		font-size: 16px;
+        font-family: "KAITI";
+	}
+
+	.block1 {
+		font-size: 16px;
+        font-family: "FangSong";
+	}
+
+	.block2 {
+        font-family: "KaiTi";
+        font-size: 15px;
+    }
+
+	.block3{
+		font-size:15px;
+	    font-family: 'FZLTXIHJW';
+		font-weight: 300;
+	}
+
+	.preface{
+		font-family:"FZFSJW--GB1-0";
+		color:#5A5A5A;
+	}
+
+
+	.img {
+		font-weight: bold;
+		text-align: center;
+		font-size: 0.85em;
+		margin-left: 0%;
+		margin-right: 0%;
+		text-indent: 0em;
+	}
+
+	.img1 {
+		text-align: right;
+		font-size: 0.85em;
+		margin-left: 0%;
+		margin-right: 2em;
+		text-indent: 0em;
+	}
+
+	.center {
+		text-align: center;
+		margin-left: 0%;
+		margin-right: 0%;
+		text-indent: 0em;
+	}
+
+	.left {
+		text-indent: 0em;
+		margin-left: 0%;
+		margin-right: 0%;
+	}
+
+
+	.right {
+		text-align: right;
+		margin-left: 0%;
+		margin-right: 0%;
+	}
+
+	
+	h1 {
+		font-family: '瀹嬩綋';
+		line-height: 1.8em;
+		font-weight: bold;
+		font-size: 1.8em;
+		text-indent: 0em;
+		margin-top: -45px;
+		color:#fff;
+	}
+
+
+	h2 {
+		color:#fff;
+		font-family: '瀹嬩綋';
+		font-weight: bold;
+		font-size: 1.5em;
+		margin:0;
+	}
+
+
+	h3 {
+		font-family: 'FZFSJW--GB1-0';
+		font-weight: bold;
+		font-size: 1.2em;
+		margin-bottom: 0.6em;
+		margin-top: 1em;
+		text-indent: 1.5em;
+		color:#7acab4;
+	}
+
+
+	h4 {
+		font-family: '瀹嬩綋';
+		font-weight: bold;
+		margin-bottom: 0.4em;
+		margin-top: 0.4em;
+		font-size: 1.1em;
+		text-indent: 1.5em;
+		color: #000;
+	}
+
+
+	.firstTitle-1{
+		width: 100px;
+		height: 0;
+		padding: 0 10px;
+		border-top: 40px solid #7acab4;
+		border-left: 0px solid transparent;
+		border-right: 40px solid transparent;
+	}
+	.firstTitle-2{
+		height: 0;
+		padding: 0 10px;
+		border-top: 40px solid #7acab4;
+		border-left: 0px solid transparent;
+		border-right: 40px solid transparent;
+		margin-top:10px;
+		display: inline-block;
+	}
+	.secondTitle{
+		background: #7acab4;
+		border-radius: 10px;
+		padding: 0 10px;
+		margin-top:50px;
+		margin-bottom: 20px;
+		display: inline-block;
+
+	}
+
+	.bgColor{
+		position: relative;
+		margin-top: 30px;
+		
+	}
+	.content{
+		padding:15px;
+		position: absolute;
+		top:0;
+		left:0;
+	}
+	.titleQuot{
+		font-family: "FZFSJW--GB1-0";
+		font-weight: bold;
+		margin:10px 0;
+	}
+
+
+	.img-0{
+		width:100%;
+	}
+
+	.img-a {
+		width: 95%;
+	}
+
+	.img-b {
+		width: 70%;
+	}
+
+	.img-c {
+		width: 60%;
+	}
+
+	.img-d {
+		width: 50%;
+	}
+
+	.img-e {
+		width: 45%;
+	}
+
+	.img-f {
+		width: 40%;
+	}
+
+	.img-g {
+		width: 30%;
+	}
+
+	.rwmb-1 {
+		margin-left: -2.4em;
+		margin-bottom: 0.6em;
+		margin-top: 0.5em;
+		height: 2.8em;
+	}
+
+	.rwmb-2 {
+		margin-top: 1em;
+		margin-bottom: 0.5em;
+		height: 1.5em;
+	}
+
+	
+	
+	.header-l{
+		width:12%;
+		position: absolute;
+		top: 0;
+		left: 0; 
+	}
+	.page-l{
+		position: absolute;
+		bottom: 22%;
+		left: 65%; 
+		color:#7acab4;
+		font-size:14px;
+	}
+	.header-r1{
+		width:13%;
+		position: absolute;
+		top: 20px;
+		right: 0; 
+	}
+	.header-r{
+		width:12%;
+		position: absolute;
+		bottom: -5px;
+		right: 0; 
+	}
+	.page-r{
+		position: absolute;
+		top: 13%;
+		left: 22%; 
+		color:#7acab4;
+		font-size:14px;
+	}
+
+	.textarea-box {
+        width:90%;
+        margin-left:2em;
+        overflow: auto;
+        word-break: break-all;
+        resize: none;
+        border-radius: 5px;
+		border: 1px solid #7acab4;
+        background-color: rgba(255, 255, 255, 0);
+		margin-bottom: 20px;
+    }
+	
+	.video-box {
+        margin: 20px 0 20px 0;
+        border: 1px dashed #7acab4;
+        padding: 2% 2%;
+    }
+
+	.videoname {
+        display: flex;
+        justify-content: center;
+		color:#7acab4;
+		font-size:14px;
+    }
+
+    .collect-btn {
+        cursor: pointer;
+        width: 20px;
+        height: 20px;
+        margin-left: 10px;
+        margin-top: 0.8%;
+    }
+
+    .collect-btn1 {
+        cursor: pointer;
+        width: 10px;
+        height: 10px;
+        margin-left: 10px;
+        margin-top: 0.8%;
+    }
+
+	.testTitle{
+		height:24px;
+		line-height:24px;
+		display: inline-block;
+		border-radius: 10px;
+		background:#7acab4;
+		margin-top:30px; 
+		padding:0 5px;
+	}
+	
+}
\ No newline at end of file
diff --git a/src/books/childIllnessPreventionCare/view/components/chapter001.vue b/src/books/childIllnessPreventionCare/view/components/chapter001.vue
new file mode 100644
index 0000000..1bb8bd1
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/view/components/chapter001.vue
@@ -0,0 +1,199 @@
+<template>
+  <div class="chapter" num="2">
+    <!-- P1 -->
+    <div class="page-box" page="10">
+      <div v-if="showPageList.indexOf(10) > -1">
+        <div class="bodystyle">
+          <div class="firstTitle-1"><h1 >绗竴绔�</h1></div>
+          <div class="firstTitle-2"><h1 >濠村辜鍎垮仴搴峰熀纭�鐭ヨ瘑</h1></div>
+          <div><img class="img-0" alt="" src="../../assets/images/bgImage/fenge.png"/></div>
+          <p class="mt-10"><img class="rwmb-1" alt="" src="../../assets/images/bgImage/xxmb.jpg"/></p>
+          <p class="preface">鈽嗘帉鎻″┐骞煎効鍋ュ悍鐨勫畾涔夊拰鐗圭偣銆�</p>
+          <p class="preface">鈽嗘帉鎻″┐骞煎効鍋ュ悍鐨勬爣蹇椼��</p>
+          <p class="preface">鈽嗕簡瑙e┐骞煎効鍋ュ悍鐨勯噸瑕佹剰涔夈��</p>
+          <p><img class="rwmb-1" alt="" src="../../assets/images/bgImage/swdt.jpg"/></p>
+          <p class="center openImgBox">
+            <img class="img-0" alt="" src="../../assets/images/0014-03.jpg" />
+          </p>
+          <p><img class="rwmb-1" alt="" src="../../assets/images/bgImage/dr.jpg"/></p>
+          <p class="center preface">鍋ュ悍鏄粈涔堬紵</p>
+          <p class="preface">鍦ㄦ棩甯哥敓娲讳腑锛屽父瑙勬剰涔変笂鐨勨�滃仴搴封�濋�氬父鏄寚韬綋娌℃湁鐤剧梾銆備絾鏄紝濠村辜鍎夸綔涓虹鍥芥湭鏉ョ殑甯屾湜锛屼粬浠殑鍋ュ悍鍒板簳鎸囦粈涔堝憿锛熸湁娌℃湁鍏惰嚜韬殑鐗规畩鍚箟锛熷┐骞煎効鍋ュ悍鍖呮嫭鍝簺鏂归潰鐨勫唴瀹癸紝鍙堟湁浠�涔堥噸瑕佹剰涔夊憿锛�</p>
+          <div class="secondTitle"><h2>绗竴鑺� 濠村辜鍎垮仴搴风殑瀹氫箟鍜岀壒鐐�</h2></div>
+          <h3>涓�銆佸┐骞煎効鍋ュ悍鐨勫畾涔�</h3>
+          <p>涓栫晫鍗敓缁勭粐锛圵HO锛夊鍋ュ悍鐨勫畾涔夋槸锛氬仴搴蜂笉浠呮槸娌℃湁鐤剧梾鍜岃櫄寮憋紝鑰屼笖鏄�</p>
+        </div>
+      </div>
+    </div>
+
+    <!-- P2 -->
+    <div class="page-box" page="11">
+      <div v-if="showPageList.indexOf(11) > -1">
+        <div class="bodystyle">
+          <p class="td-0">涓綋鍦ㄨ韩浣撲笂銆佺簿绁炰笂銆佺ぞ浼氶�傚簲涓婄殑瀹屽ソ鐘舵�併�傚洜姝わ紝鍙互灏嗗┐骞煎効鍋ュ悍瀹氫箟涓猴細濠村辜鍎垮悇涓櫒瀹樸�佺粍缁囨甯稿彂鑲诧紝鑳藉杈冨ソ鍦版姷鎶楀悇绉嶇柧鐥咃紝鎬ф牸寮�鏈楋紝鎯呯华涔愯锛屾棤蹇冪悊闂锛屽绀句細鐜鏈夎緝蹇殑閫傚簲鑳藉姏銆�</p>
+          <h3>浜屻�佸┐骞煎効鍋ュ悍鐨勭壒鐐�</h3>
+          <p>濠村辜鍎垮仴搴蜂笉浠呮槸鎸囬�氬父鎰忎箟涓婄殑娌℃湁韬綋涓婄殑缂洪櫡鍜岀柧鐥咃紝鑰屼笖杩樿鏈夎緝濂界殑鐢熺悊銆佸績鐞嗙姸鎬佸拰閫傚簲绀句細鐨勮兘鍔涖�傚叾鐗圭偣濡備笅銆�</p>
+          <h4>锛堜竴锛夎韩浣撳仴搴�</h4>
+          <p>濠村辜鍎垮仴搴烽鍏堟槸鎸囧┐骞煎効韬綋鍚勪釜鍣ㄥ畼缁勭粐鐨勭粨鏋勬甯稿彂鑲诧紝娌℃湁鍏堝ぉ鎬у績鑴忕梾銆佷綕鍋荤梾銆佽偉鑳栫棁銆佽惀鍏讳笉鑹�佽传琛�绛夎函浣撲笂鐨勭己闄锋垨鐤剧梾锛岃函浣撳悇涓櫒瀹樼郴缁熻兘鑹ソ鍦板彂鎸ヤ綔鐢紝鏈夋晥鎶靛尽鍚勭鐤剧梾銆�</p>
+          <h4>锛堜簩锛夊績鐞嗗仴搴�</h4>
+          <p>鎴戝浗銆婂辜鍎垮洯鏁欒偛鎸囧绾茶锛堣瘯琛岋級銆嬫彁鍑猴細鈥滄爲绔嬫纭殑鍋ュ悍瑙傚康锛屽湪閲嶈骞煎効韬綋鍋ュ悍鐨勫悓鏃讹紝瑕侀珮搴﹂噸瑙嗗辜鍎跨殑蹇冪悊鍋ュ悍銆傗�濆績鐞嗗仴搴锋槸鎸囧績鐞嗗彂灞曞仴鍏紝鑳芥甯稿湴瀵瑰緟澶栫晫鐨勫悇绉嶅彉鍖栵紝浠庢儏缁埌鍐呭績鍧囪兘閫傚簲骞惰皟鏁淬�傚叾閲嶈鏍囧織鏄湁鐢熷懡鐨勬椿鍔涖�佺Н鏋佺殑鍐呭績浣撻獙锛屾儏缁弽搴旈�傚害锛岀ぞ浼氶�傚簲鑹ソ锛岃兘鏈夋晥鍦板彂鎸ヤ釜浜鸿韩蹇冩綔鍔涖��</p>
+          <p>鎬讳箣锛屽┐骞煎効鍋ュ悍鏃㈠寘鎷韩浣撳仴搴凤紝涔熷寘鎷績鐞嗗仴搴凤紝浜岃�呮祽鐒朵竴浣撱�佷笉鍙垎鍓层�備竴涓仴搴风殑濠村辜鍎垮簲璇ユ槸韬績鍙戝睍閮藉浜庡仴搴风姸鎬佷箣涓殑銆�</p>
+          <div class="secondTitle"><h2>绗簩鑺� 濠村辜鍎垮仴搴风殑鏍囧織</h2></div>
+          <p>濠村辜鍎垮仴搴风殑鏍囧織鎸囧┐骞煎効韬績鍙戣偛鎸囨爣杈惧埌姝e父鏍囧噯鐨勭姸鎬併�傚寘鎷互涓嬪唴瀹广��</p>
+          <h3>涓�銆佸┐骞煎効韬綋鍋ュ悍鐨勬爣蹇�</h3>
+          <h4>锛堜竴锛夌敓闀挎洸绾胯揪鏍�</h4>
+          <p >濠村辜鍎胯韩楂樸�佷綋閲嶃�佸ご鍥村簲绗﹀悎鍏ㄥ浗鍎跨鐢熼暱鍙戣偛鍙傜収鏍囧噯锛岃韩楂橈紙韬暱锛夈�佷綋閲嶃�佷綋褰㈠湪骞冲潎鍊煎姞鍑忎袱涓爣鍑嗗樊鑼冨洿涔嬪唴锛屼笉瀛樺湪鐭皬銆佽偉鑳栥�佽惀鍏讳笉鑹瓑鐤剧梾鐘舵�併��</p>
+          <h4>锛堜簩锛夊舰鎬佺姝�</h4>
+          <p>鏃犻┘鑳屻�佽剨鏌变晶寮瓑寮傚父銆�</p>
+          <h4>锛堜笁锛夊悇鍣ㄥ畼绯荤粺鐢熺悊鍔熻兘姝e父</h4>
+          <p>鍚勫櫒瀹樼郴缁熺殑鐢熺悊鍔熻兘姝e父锛屽疄楠屽鍖栭獙鎸囨爣鍦ㄦ甯歌寖鍥村唴銆�</p>
+        </div>
+        <div class="header-l">
+          <img class="img-0" alt="" src="../../assets/images/bgImage/CH.png"/>
+          <div class="page-l">2</div>
+        </div>
+      </div>
+    </div>
+    <!-- P3 -->
+    <div class="page-box" page="12">
+      <div v-if="showPageList.indexOf(12) > -1">
+        <div class="bodystyle">
+          <h4>锛堝洓锛夎韩浣撴棤鐤剧梾</h4>
+          <p>鏃犳劅鏌撴�х柧鐥呫�佷紶鏌撴�х柧鐥呫�佸瘎鐢熻櫕鐥呯瓑銆�</p>
+          <h3>浜屻�佸┐骞煎効蹇冪悊鍋ュ悍鐨勬爣蹇�</h3>
+          <h4>锛堜竴锛夋櫤鍔涘彂鑲叉甯�</h4>
+          <p>濠村辜鍎挎櫤鍔涙槸涓綋璇█銆佽繍鍔ㄣ�佹搷浣溿�佽瀵熴�侀鎮熴�佹�濈淮銆佹帹鐞嗙瓑澶氱鑳藉姏鐨勭患鍚堜綋鐜般�傛甯稿彂鑲茬殑鏅哄姏鎸囦釜浣撴櫤鍔涘彂灞曟按骞充笌鍏跺疄闄呭勾榫勭浉绉帮紝杩欐槸濠村辜鍎垮績鐞嗗仴搴风殑閲嶈鍓嶆彁锛屽洜涓烘櫤鍔涘彂灞曟甯告槸濠村辜鍎跨敓娲汇�佸涔犮�佷氦寰�鐨勫熀鏈潯浠躲��</p>
+          <h4>锛堜簩锛夋儏缁ǔ瀹氾紝鎯呯华鍙嶅簲閫傚害</h4>
+          <p>蹇冪悊鍋ュ悍鐨勫┐骞煎効鍦ㄤ箰瑙傘�佹剦蹇瓑绉瀬鎯呯华浣撻獙鏂归潰鍗犱紭鍔匡紝铏界劧涔熶細鏈夋秷鏋佹儏缁嚭鐜帮紝浣嗗線寰�鑳藉娉勫拰閲婃斁涓嶈壇鎯呯华锛屽苟鑳芥帶鍒惰嚜宸辩殑鎯呯华锛屼娇涔嬩繚鎸佺浉瀵圭ǔ瀹氥��</p>
+          <h4>锛堜笁锛変箰浜庝笌浜轰氦寰�锛屼笌鍚屼即鍏崇郴铻嶆唇</h4>
+          <p>蹇冪悊鍋ュ悍鐨勫効绔ユ湁绉瀬銆佽壇濂界殑浜洪檯鍏崇郴锛岃兘鍚堢兢锛岀埍涓庝紮浼翠氦寰�锛屽浜烘湁鍚屾儏蹇冨拰鍙嬪ソ琛屼负锛屼笉闅忎究鎵撲汉楠備汉锛屽湪闆嗕綋涓兘鎰夊揩鍦扮敓娲伙紝鍦ㄦ垚浜烘寚瀵间笅鎰挎剰涓洪泦浣撳仛鍔涙墍鑳藉強鐨勪簨銆�</p>
+          <h4>锛堝洓锛夊績鐞嗘椿鍔ㄤ笌蹇冪悊鍙戝睍骞撮緞鐗瑰緛鐩搁�傚簲</h4>
+          <p>蹇冪悊鍋ュ悍鐨勫効绔ユ湁涓�瀹氱殑鑷皧蹇冨拰鑷俊蹇冿紝瀵圭О璧炴劅鍒伴珮鍏达紝瀵规壒璇勩�佹寚璐f劅鍒扮緸鎰э紝甯屾湜鍋氬彈浜烘杩庣殑浜嬶紝涓嶆効鍋氶伃浜鸿矗楠傜殑浜嬶紱涓嶈繃鍒嗙晱闅俱�佽儐鎬瓑銆�</p>
+          <h4>锛堜簲锛夎涓虹粺涓�鍜屽崗璋�</h4>
+          <p>蹇冪悊鍋ュ悍鐨勫┐骞煎効锛屽績鐞嗘椿鍔ㄥ拰琛屼负鏂瑰紡鑳藉熀鏈浜庡拰璋愮殑缁熶竴涔嬩腑銆傜浉鍙嶏紝蹇冪悊涓嶅仴搴风殑濠村辜鍎挎敞鎰忓姏涓嶉泦涓紝鍏磋叮鏃跺父杞Щ锛屾�濈淮娣蜂贡锛岃瑷�鏀鐮寸锛屽鍔ㄣ�佸啿鍔紝琛屼负缁忓父鍑虹幇鍓嶅悗鐭涚浘鐨勭幇璞★紝鑷垜鎺у埗鍜岃嚜鎴戣皟鑺傜殑鑳藉姏寰堝樊銆�</p>
+          <h4>锛堝叚锛夊叿澶囪壇濂界殑绀句細閫傚簲鑳藉姏</h4>
+          <p>鍏峰涓庡勾榫勭浉绗︾殑鐢熸椿鑷悊鑳藉姏锛屽苟鑳借嚜瑙夎皟鏁翠釜浜轰笌鐜涔嬮棿鐨勫叧绯伙紝杈冨ソ鍦伴�傚簲鍛ㄥ洿鐜銆�</p>
+          <div class="secondTitle"><h2>绗笁鑺� 濠村辜鍎垮仴搴风殑閲嶈鎰忎箟</h2></div>
+          <h3>涓�銆佹彁楂樺叏绀句細鍗敓姘村钩</h3>
+          <p >鏁欒偛濠村辜鍎跨殑棣栬鐩殑灏辨槸澧炲己濠村辜鍎胯韩蹇冨仴搴枫�傚┐骞煎効鐨勪綋鏍肩敓闀裤�佸績鐞�</p>
+        </div>
+        <div class="header-r1">
+          <img class="img-0" alt="" src="../../assets/images/bgImage/C.png"/>
+        </div>
+        <div class="header-r">
+          <img class="img-0" alt="" src="../../assets/images/bgImage/C1.png"/>
+          <div class="page-r">3</div>
+        </div>
+      </div>
+    </div>
+    <!-- P4 -->
+    <div class="page-box" page="13">
+      <div v-if="showPageList.indexOf(13) > -1">
+        <div class="bodystyle">
+          <p class="td-0">琛屼负绛夋柟闈㈢殑鍙戣偛濂犲畾浜嗕汉绫讳竴鐢熼噸瑕佸拰鍏抽敭鐨勫熀纭�銆傚┐骞煎効鍋ュ悍鏄叧绯诲埌鍏ㄧ悆鏀挎不銆佺粡娴庡拰瀹夊叏鐨勯噸瑕佷换鍔★紝鍏崇郴鍒颁汉绫荤殑鍙寔缁彂灞曘�傚涔犲┐骞煎効鍋ュ悍鐭ヨ瘑銆佷繚闅滃┐骞煎効鍋ュ悍鐨勯噸瑕佹剰涔夊湪浜庯細</p>
+          <p>涓�涓浗瀹躲�佷竴涓皯鏃忕殑鏁翠綋鍋ュ悍绱犺川銆佹枃鍖栫礌璐ㄥ拰鎬濇兂閬撳痉绱犺川閮芥槸浠ヤ笂涓�浠d负鍩虹锛屽張鍚屾椂浼氬奖鍝嶄笅涓�浠g殑銆傚涔犲┐骞煎効鍋ュ悍鐭ヨ瘑锛屼繚闅滃┐骞煎効韬績鍋ュ悍锛屽煿鍏诲叾鑹ソ銆佺Н鏋併�佸仴搴风殑鐢熸椿鏂瑰紡鍜岃涓烘柟寮忥紝鑳芥洿濂藉湴淇冭繘濠村辜鍎胯韩蹇冨仴搴锋垚闀夸笌鍜岃皭鍙戝睍銆備繚闅滃┐骞煎効鍋ュ悍鑳芥湁鏁堝湴闄嶄綆濠村辜鍎跨殑鍙戠梾鐜囧拰姝讳骸鐜囷紝鎻愰珮浜虹兢鐨勫钩鍧囨湡鏈涘鍛斤紝瀵逛簬鎻愰珮鍏ㄧぞ浼氬崼鐢熸按骞宠捣鐫�鍗佸垎閲嶈鐨勪綔鐢ㄣ��</p>
+          <p>鍏氱殑浜屽崄澶ф姤鍛婂己璋冿細鈥滀汉姘戝仴搴锋槸姘戞棌鏄岀洓鍜屽浗瀹跺己鐩涚殑閲嶈鏍囧織銆傛妸淇濋殰浜烘皯鍋ュ悍鏀惧湪浼樺厛鍙戝睍鐨勬垬鐣ヤ綅缃紝瀹屽杽浜烘皯鍋ュ悍淇冭繘鏀跨瓥銆傗�濆叾涓紝濠村辜鍎垮仴搴锋洿鏄浗瀹跺彂灞曞拰鎻愰珮鍏ㄧぞ浼氬崼鐢熸按骞崇殑鍩虹煶銆�</p>
+          <h3>浜屻�佷负鍥藉鏈潵鎻愪緵鑹ソ淇濋殰</h3>
+          <p>鍋ュ悍鐨勭敓鍛藉苟闈炲畬鍏ㄧ敱鑷劧缁欎簣锛岃�屾槸闇�瑕佷釜浣撶殑绉瀬鍙備笌锛屽仴搴风姸鍐典細鍥犱釜浣撹嚜韬殑娲诲姩鑰屼笉鏂彂鐢熷彉鍖栥�傚洜姝わ紝骞煎効鍥暀甯堝拰濠村辜鍎跨殑鍏朵粬鐓ф姢浜哄憳鎵�鎸佹湁鐨勫仴搴疯鐐瑰拰鎵�鎺屾彙鐨勫仴搴风煡璇嗙洿鎺ュ奖鍝嶅叾鏁欏吇鐨勬柟寮忋�佽涓哄拰骞煎効韬績鍋ュ悍銆傚洜姝わ紝鎴戝浗銆婂辜鍎垮洯鏁欒偛鎸囧绾茶锛堣瘯琛岋級銆嬫槑纭姹傦細鈥滃辜鍎垮洯蹇呴』鎶婁繚鎶ゅ辜鍎跨殑鐢熷懡鍜屼績杩涘辜鍎跨殑鍋ュ悍鏀惧湪宸ヤ綔鐨勯浣嶃�傗�濆┐骞煎効鍋ュ悍鐭ヨ瘑鏄辜鍎垮洯鏁欏笀銆佷繚鑲插憳銆佸仴搴风収鎶ゅ笀銆佸闀跨瓑濠村辜鍎跨収鎶や汉鍛樺繀涓嶅彲灏戠殑鍩虹鐭ヨ瘑銆傚彧鏈夋帉鎻″┐骞煎効鍋ュ悍鐩稿叧鐭ヨ瘑锛屾墠鑳戒繚璇佸┐骞煎効韬績鍋ュ悍锛屼负绁栧浗鐨勬湭鏉ュ彲鎸佺画鍙戝睍鍌ㄥ浜烘墠锛屼负绁栧浗鏈潵鐨勭粡娴庛�佹斂娌汇�佸畨鍏ㄦ彁渚涜壇濂界殑淇濋殰銆�</p>
+          <div class="bgColor">
+            <img class="img-0" alt="" src="../../assets/images/bgImage/001-02.jpg"/>
+            <div class="content">
+              <p class="center titleQuot">灏� 缁�</p>
+              <p>濠村辜鍎垮仴搴锋槸鎸囧┐骞煎効鍚勪釜鍣ㄥ畼銆佺粍缁囨甯稿彂鑲诧紝鑳藉杈冨ソ鎶垫姉鍚勭鐤剧梾锛屾�ф牸寮�鏈楋紝鎯呯华涔愯锛屾棤蹇冪悊闂锛屽绀句細鐜鏈夎緝蹇殑閫傚簲鑳藉姏銆傚┐骞煎効鍋ュ悍涓嶄粎鏄寚閫氬父鎰忎箟涓婄殑娌℃湁韬綋涓婄殑缂洪櫡鍜岀柧鐥咃紝杩樿鏈夎緝濂界殑鐢熺悊銆佸績鐞嗙姸鎬佸拰閫傚簲绀句細鐨勮兘鍔涳紝鍖呮嫭韬綋鍋ュ悍鍜屽績鐞嗗仴搴凤紝浜岃�呮祽鐒朵竴浣撱�佷笉鍙垎鍓层��</p>
+              <p>濠村辜鍎垮仴搴风殑鏍囧織鍖呮嫭鐢熼暱鏇茬嚎杈炬爣銆佸舰鎬佺姝c�佸悇鍣ㄥ畼绯荤粺鐢熺悊鍔熻兘姝e父銆佽韩浣撴棤鐤剧梾銆佹櫤鍔涘彂鑲叉甯搞�佹儏缁ǔ瀹氥�佹儏缁弽搴旈�傚害銆佷箰浜庝笌浜轰氦寰�銆佷笌鍚屼即鍏崇郴铻嶆唇銆佸叿澶囪壇濂界殑绀句細閫傚簲鑳藉姏绛夋柟闈€��</p>
+              <p>瀛︿範濠村辜鍎垮仴搴风煡璇嗭紝淇濋殰濠村辜鍎胯韩蹇冨仴搴凤紝鑳芥洿濂藉湴淇冭繘濠村辜鍎胯韩蹇冨仴搴锋垚闀夸笌鍜岃皭鍙戝睍锛屾湁鏁堥檷浣庡┐骞煎効鍙戠梾鐜囧拰姝讳骸鐜囷紝鎻愰珮浜虹兢骞冲潎鏈熸湜瀵垮懡锛屽浜庢彁楂樺叏绀句細鍗敓姘村钩璧风潃鍗佸垎閲嶈鐨勪綔鐢ㄣ��</p>
+            </div>
+          </div>
+        </div>
+        <div class="header-l">
+          <img class="img-0" alt="" src="../../assets/images/bgImage/CH.png"/>
+          <div class="page-l">4</div>
+        </div>
+      </div>
+    </div>
+    <!-- P5 -->
+    <div class="page-box" page="14">
+      <div v-if="showPageList.indexOf(14) > -1">
+        <div class="bodystyle">
+          <p class="td-0"><img class="rwmb-2" alt="" src="../../assets/images/bgImage/gjsy.jpg"/></p>
+          <p>濠村辜鍎裤��韬綋鍋ュ悍銆�蹇冪悊鍋ュ悍</p>
+          <p class="td-0"><img class="rwmb-2" alt="" src="../../assets/images/bgImage/skylx.jpg"/></p>
+          <p>1锛庡彂鑲叉甯告槸鍋ュ悍鐨勯噸瑕佹爣蹇楋紝涔熸槸濠村辜鍎挎甯哥敓娲诲拰瀛︿範鐨勯噸瑕佸熀纭�锛岃鎬濊�冨浣曟寚瀵煎闀垮湪鏃ュ父鐢熸椿涓績杩涘┐骞煎効鐨勬櫤鍔涘彂鑲层��</p>
+          <textarea v-model="thinkAbout.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+          class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+          <p>2锛庡浣曞悎鐞嗗畨鎺掑┐骞煎効鏃ュ父楗銆佹椿鍔ㄥ強鐫$湢锛屼粠鑰屼績杩涘叾韬綋鍋ュ悍锛�</p>
+          <textarea v-model="thinkAbout.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+          class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+          <p>3锛庝笉鍚屽勾榫勭殑鍎跨鏈変笉鍚岀殑蹇冪悊琛屼负琛ㄧ幇锛屽辜鍎垮洯鏁欏笀鎬庝箞鎵嶈兘璇嗗埆鏈夊績鐞嗛棶棰樼殑鍎跨鍛紵</p>
+          <textarea v-model="thinkAbout.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+          class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+          <p class="td-0"><img class="rwmb-2" alt="" src="../../assets/images/bgImage/jyhd.jpg"/></p>
+          <p>1锛庢煡闃呬功绫嶅拰鏂囩尞锛屽垪涓惧嚭鍒囧疄鍙鐨勫┐骞煎効鍋ュ悍绠$悊鎺柦銆�</p>
+          <textarea v-model="thinkAbout.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+          class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+          <p>2锛庤璇翠竴璇磋嚜宸卞績鐩腑鐨勫┐骞煎効鍋ュ悍鍖呮嫭鍝簺鏂归潰銆�</p>
+          <textarea v-model="thinkAbout.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+          class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+          <p class="td-0"><img class="rwmb-2" alt="" src="../../assets/images/bgImage/tzyd.jpg"/></p>
+          <p>1锛庨珮闇蹭腹锛氥�婂吇鎴愬辜鍎垮仴搴疯涓轰範鎯殑鏈夋晥閫斿緞銆嬶紝杞姐�婂嵎瀹椼�嬶紝2020锛�6锛夈�傛湰鏂囦粙缁嶄簡鍩瑰吇骞煎効鍋ュ悍琛屼负涔犳儻鐨勫嚑涓湁鏁堥�斿緞锛氫粠骞煎効鐨勭偣婊存姄璧凤紝瑕佹敞閲嶅己鍖栨暀鑲诧紝鍙嶅璁粌锛屾彁渚涙鏍锋暀鑲诧紝宸╁浐鍏跺仴搴蜂範鎯殑褰㈡垚锛涜瀵勬儏娓告垙锛屽湪娓告垙涓吇鎴愬仴搴疯涓猴紱瑕佸鍥叡鑲诧紝鍥犱汉鑰屽紓锛屽鎵捐嚜韬壒鐐硅繘琛屾暀鑲诧紝鍧氭寔姝i潰鐨勫紩瀵兼暀鑲诧紝缁欎簣鍏蜂綋鐨勬寚瀵笺��</p>
+          <p>2锛庤档鑻憋細銆婃祬璁彁楂樺辜鍎垮仴搴蜂綋鑳芥按骞崇瓥鐣ャ�嬶紝杞姐�婁腑鍥芥暀甯堛�嬶紝2015锛�4锛夈�傚辜鍎挎槸绀句細鐨勬湭鏉ワ紝鍏虫敞骞煎効鐨勬垚闀匡紝澧炲己骞煎効浣撹川瀵逛汉绫荤ぞ浼氫笌鍙戝睍鍏锋湁閲嶈鎰忎箟銆傛湰鏂囧熀浜庣幇闃舵3锝�6宀佸効绔ヨ韩浣撶姸鍐靛強銆婂辜鍎垮洯鏁欒偛鎸囧绾茶锛堣瘯琛岋級銆嬪拰銆�3鈥�6宀佸効绔ュ涔犱笌鍙戝睍鎸囧崡銆嬭姹傦紝鎺㈣浜嗗辜鍎垮洯鏈夋晥鎻愰珮骞煎効鍋ュ悍浣撹兘姘村钩鐨勭瓥鐣ャ��</p>
+
+        </div>
+        <div class="header-r1">
+          <img class="img-0" alt="" src="../../assets/images/bgImage/C.png"/>
+        </div>
+        <div class="header-r">
+          <img class="img-0" alt="" src="../../assets/images/bgImage/C1.png"/>
+          <div class="page-r">5</div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import { getResourcePath, uploadFilePath } from "@/assets/methods/resources";
+import {
+  getCollectResource,
+  setCollectResource,
+} from "@/assets/methods/resources";
+
+import tool from "@/assets/js/toolClass.js";
+export default {
+  name: "chapterOne",
+  props: {
+    showPageList: {
+      type: Array,
+    },
+  },
+
+  data() {
+    return {
+        thinkAbout: {
+          one: "",
+          two: "",
+          three: "",
+          four: "",
+          five: "",
+        },
+    };
+  },
+  async mounted() {
+    //椤圭洰鑷祴鍙婂绀间箣闂�
+    const bookQuestion = localStorage.getItem(
+      "childIllnessPreventionCare-book-chapter01-question"
+    );
+    if (bookQuestion) {
+      this.thinkAbout = JSON.parse(bookQuestion);
+    }
+  },
+  methods: {
+    setBookQuestion() {
+      localStorage.setItem(
+        "childIllnessPreventionCare-book-chapter01-question",
+        JSON.stringify(this.thinkAbout)
+      );
+    },
+    
+  },
+};
+</script>
+<style lang="less" scoped></style>
diff --git a/src/books/childIllnessPreventionCare/view/components/chapter002.vue b/src/books/childIllnessPreventionCare/view/components/chapter002.vue
new file mode 100644
index 0000000..b99227e
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/view/components/chapter002.vue
@@ -0,0 +1,283 @@
+<template>
+  <div class="chapter" num="3">
+    
+    <!-- P6 -->
+    <div class="page-box" page="15">
+      <div v-if="showPageList.indexOf(15) > -1">
+        <div class="bodystyle">
+          <div class="firstTitle-1"><h1 >绗簩绔�</h1></div>
+          <div class="firstTitle-2"><h1 >濠村辜鍎跨殑鐢熺悊鍜屽績鐞嗚涓虹壒鐐�</h1></div>
+          <div><img class="img-0" alt="" src="../../assets/images/bgImage/fenge.png"/></div>
+          <p class="mt-10"><img class="rwmb-1" alt="" src="../../assets/images/bgImage/xxmb.jpg"/></p>
+          <p class="preface">鈽嗘帉鎻″┐骞煎効鐨勮В鍓栫敓鐞嗙壒鐐广��</p>
+          <p class="preface">鈽嗘帉鎻″┐骞煎効鐨勭敓闀垮彂鑲茬壒鐐广��</p>
+          <p class="preface">鈽嗘帉鎻″┐骞煎効鐨勫績鐞嗚涓虹壒鐐广��</p>
+          <p><img class="rwmb-1" alt="" src="../../assets/images/bgImage/swdt.jpg"/></p>
+          <p class="center openImgBox">
+            <img class="img-0" alt="" src="../../assets/images/0019-03.jpg" />
+          </p>
+          <p><img class="rwmb-1" alt="" src="../../assets/images/bgImage/dr.jpg"/></p>
+          <p class="center preface">娼囨絿鎬庝箞浜嗭紵</p>
+          <p class="preface">涓�澶╋紝娼囨絿鍦ㄧ収鐩搁鎷嶇収鐗囷紝鐖哥埜濡堝绔欏湪娼囨絿鐨勫乏鍙充袱渚э紝鎷夎捣娼囨絿鐨勬墜锛岃浠栧仛鍑鸿吘绌虹鍦扮殑濮垮娍銆傛褰撴憚褰卞笀鍑嗗鎶撴媿鐓х墖鏃讹紝娼囨絿澶у0鍝簡鍑烘潵锛岀埜鐖稿濡堜粩缁嗕竴鐪嬶紝娼囨絿鑳宠唺鏃犳硶浼哥洿锛岃〃鎯呴潪甯哥棝鑻︺�傚埌鍖婚櫌鎬ヨ瘖绉戝氨璇婂悗锛岀‘璇婃絿娼囨槸鑲樺叧鑺傝劚鑷笺�傚尰鐢熻锛氬┐骞煎効涓庢垚浜轰笉鍚岋紝涓婃彁鑳宠唺寰堝鏄撳鑷磋劚鑷笺�傞偅涔堬紝闄ゆ涔嬪锛屽┐骞煎効杩樻湁鍝簺涓庢垚浜轰笉鍚岀殑鐗规畩鐢熺悊鐗圭偣鍜屽績鐞嗚涓虹壒鐐瑰憿锛熷湪鐓ф姢杩囩▼涓紝鍙堣娉ㄦ剰鍝簺鏂归潰鍛紵</p>
+
+        </div>
+      </div>
+    </div>
+    <!-- P7 -->
+    <div class="page-box" page="16">
+      <div v-if="showPageList.indexOf(16) > -1">
+        <div class="bodystyle">
+          <div class="secondTitle"><h2>绗竴鑺� 濠村辜鍎跨殑瑙e墫鐢熺悊鐗圭偣</h2></div>
+          <div class="img-rights">
+            <img class="img-0" alt="" src="../../assets/images/bgImage/bg4.jpg"/>
+            <div class="content1">
+              <p class="tsTitle">灏忚创澹�</p>
+              <p class="tsContent">钀ュ吇鎬х淮鐢熺礌D缂轰箯鏄┐骞煎効鏈熷父瑙佺殑涓�绉嶈惀鍏荤己涔忕棁銆傚┐骞煎効浣撳唴鐨勭淮鐢熺礌D鐨勬潵婧愭槸椋熺墿涓殑缁寸敓绱燚鍜岀毊鑲ょ殑鍏夌収鍚堟垚锛屽叾涓毊鑲ょ殑鍏夌収鍚堟垚鏈�閲嶈銆傚鏅掑お闃虫槸棰勯槻缁寸敓绱燚缂轰箯鐨勭畝渚挎湁鏁堢殑鏂规硶锛屽洜姝ゅ簲淇濊瘉濠村辜鍎跨殑鎴峰娲诲姩鏃堕棿銆傚钩鍧囨埛澶栨椿鍔ㄥ簲鍦�1锝�2灏忔椂/鏃ャ�傚湪鍐鏃ョ収涓嶈冻鏃讹紝搴斿彛鏈嶈ˉ鍏呯淮鐢熺礌D銆�</p>
+            </div>
+          </div>
+          <h3>涓�銆佽繍鍔ㄧ郴缁�</h3>
+          <h4>锛堜竴锛夐楠�</h4>
+          <p>濠村辜鍎块楠肩殑涓昏鍩鸿川鏄敱浜ら敊鐨勫師濮嬬粨缂旂氦缁存潫鏋勬垚鐨勶紝鍚浐浣撴垚鍒嗗拰鏃犳満鐗╄緝灏戯紝鍚湁鏈虹墿杈冨锛屾墍浠ラ楠肩殑闊ф�у己鑰岀‖搴﹀皬锛屽彈澶栧姏浣滅敤鏃舵槗鍙樺舰锛屼笉鏄撴姌鏂�傚彂鐢熼鎶樻椂锛屽彲鑳戒細鍑虹幇鎶樿�屼笉鏂殑鐜拌薄锛屽尰瀛︿笂绉颁负闈掓灊楠ㄦ姌銆傚┐骞煎効楠ㄩ鐨勬柊鐢熷姏鍜屽惛鏀惰繃绋嬫椿璺冿紝楠ㄧ粍缁囩殑鍐嶇敓鑳藉姏杈冨己锛岄鎶樼殑鎰堝悎閫熷害杈冨揩銆傛澶栵紝濠村辜鍎跨殑楠ㄩ鐢熼暱闇�瑕佽緝澶氱殑閽欏拰淇冭繘閽欏惛鏀剁殑缁寸敓绱燚锛屽惁鍒欓楠肩敓闀跨‖搴︿笉澶燂紝浼氬鑷寸淮鐢熺礌D缂轰箯鎬т綕鍋荤梾銆�</p>
+          
+          <h4>锛堜簩锛夊叧鑺傚泭鍜岄煣甯�</h4>
+          <p>濠村辜鍎跨殑鍏宠妭鍥婂拰鍏宠妭鍛ㄥ洿鐨勯煣甯︽湭瀹屽叏鍙戣偛锛屽叧鑺傚泭鏉惧紱锛岄煣甯︿笉澶熺粨瀹烇紝鎵�浠ュ彈澶栧姏鐗垫媺鏃跺鏄撳彂鐢熻劚鑷硷紝閫犳垚鐗垫媺鑲樸�傚洜姝わ紝鎷夌潃濠村辜鍎胯蛋璺�佷笂妤兼鍜岀粰濠村辜鍎跨┛琛h鏃讹紝閮借閬垮厤鐢ㄥ姏鐗垫媺銆�</p>
+          <h4>锛堜笁锛夎剨鏌�</h4>
+          <p>濠村辜鍎胯剨鏌辩殑棰堟洸銆佽兏鏇层�佽叞鏇层�侀鏇插洓涓敓鐞嗗集鏇茶繕鏈畾鍨嬶紝鎵�浠ュ湪璧般�佽窇銆佽烦鏃跺脊鎬ц緝灏忥紝鑴婃煴鐨勭敓鐞嗗集鏇插湪淇濇寔韬綋骞宠 銆佺紦鍐茶繍鍔ㄥ鑴戝拰鍐呰剰鍣ㄥ畼闇囪崱鏂归潰鐨勫姛鑳戒笉瀹屽杽锛屼細浣胯剨鏌辩殑璐熼噸鍙楀埌褰卞搷銆備笉鑹Э鍔垮涓嶅強鏃剁籂姝o紝涔熸槗瀵艰嚧鑴婃煴鍙樺舰銆�</p>
+          <h4>锛堝洓锛夎倢鑲�</h4>
+          <p>濠村辜鍎跨殑鑲岃倝绾ょ粏锛岃泲鐧借川銆佽剛鑲�佺硸鍜屾棤鏈虹洂杈冨皯锛屾墍浠ヨ倢鑲夌殑鍔涢噺鍜岃兘閲忓偍澶囪緝灏戯紝瀹规槗鎰熷埌鐤插姵锛涗絾鏂伴檲浠h阿蹇紝鐤插姵鍚庤倢鑲夌殑鎭㈠杈冨揩銆�</p>
+        </div>
+        <div class="header-r1">
+          <img class="img-0" alt="" src="../../assets/images/bgImage/C.png"/>
+        </div>
+        <div class="header-r">
+          <img class="img-0" alt="" src="../../assets/images/bgImage/C2.png"/>
+          <div class="page-r">7</div>
+        </div>
+      </div>
+    </div>
+
+    <!-- P8 -->
+    <div class="page-box" page="17">
+      <div v-if="showPageList.indexOf(17) > -1">
+        <div class="bodystyle">
+          <div class="img-rights">
+            <img class="img-0" alt="" src="../../assets/images/bgImage/bg5.jpg"/>
+            <div class="content1">
+              <p class="tsTitle">灏忚创澹�</p>
+              <p class="tsContent">鎬ユ�т笂鍛煎惛閬撴劅鏌擄細淇楃О鈥滄劅鍐掆�濓紝鏄┐骞煎効鏈�甯歌鐨勭柧鐥呬箣涓�锛岀敱鍚勭鐥呭師浣撴劅鏌撳紩璧凤紝鏈�甯歌鐨勬槸鐥呮瘨鎰熸煋銆備竴鑸殑涓婂懠鍚搁亾鎰熸煋琛ㄧ幇涓洪蓟濉炪�佹祦娑曘�佸柗鍤忋�佸共鍜炽�佸捊鐥涖�佸叏韬箯鍔涖�佸彂鐑紝閮ㄥ垎琛ㄧ幇鏈夎吂鐥涖�佸憰鍚愩�佽吂娉荤瓑銆傛湰鐥呭灞炰簬鐥呮瘨鎰熸煋锛屼笖鍏锋湁鑷剤鎬э紝涓嶈鐩茬洰缁欏┐骞煎効浣跨敤鎶楃敓绱犮��</p>
+            </div>
+          </div>
+          <h3>浜屻�佸懠鍚哥郴缁�</h3>
+          <h4>锛堜竴锛変笂鍛煎惛閬�</h4>
+          <p>濠村辜鍎跨殑榧诲拰榧昏厰杈冪煭锛岄蓟鑵旂嫮绐勶紝鏃犻蓟姣涳紝榧婚粡鑶滄煍瀚┿�傚鍙戠敓鎬ユ�т笂鍛煎惛閬撴劅鏌撳鏄撻�犳垚榧诲锛屽奖鍝嶇潯鐪犲拰杩涢銆傚捊閮ㄧ浉瀵圭嫮灏忎笖鍨傜洿銆傛墎妗冧綋鍖呮嫭鑵墎妗冧綋鍜屽捊鎵佹浣擄紝鑵墎妗冧綋鍦�1宀佹湯閫愭笎澧炲ぇ锛�4锝�10宀佸彂鑲茶揪楂樺嘲锛屾骞撮緞闃舵鏄撴偅鎵佹浣撶値銆傚捊鎵佹浣撳張绉拌吅鏍蜂綋锛屼弗閲嶇殑鑵烘牱浣撹偉澶у鏄撳鑷撮樆濉炴�х潯鐪犲懠鍚告殏鍋滅患鍚堝緛銆傚┐骞煎効鍠夐儴鐩稿杈冮暱鍜岀嫮绐勶紝澹伴棬鐙皬锛岃蒋楠ㄦ煍杞紝榛忚啘鏌斿涓斿瘜鍚绠″強娣嬪反缁勭粐锛屾晠杞诲井鐐庣棁鍗冲彲寮曡捣鍠夊ご姘磋偪瀵艰嚧鍚告皵鎬у懠鍚稿洶闅俱��</p>
+          
+          <h4>锛堜簩锛変笅鍛煎惛閬�</h4>
+          <p>濠村辜鍎胯兏鑵旂嫮绐勶紝鑲烘椿閲忓皬锛屼絾浠h阿鏃虹洓锛屾満浣撻渶姘ч噺澶氾紝鎵�浠ュ彧鑳戒互鍔犲揩鍛煎惛鐨勯鐜囨潵浠e伩銆傚勾榫勮秺灏忥紝鍛煎惛瓒婂揩銆傚┐骞煎効姘旂鑵旀瘮鎴愪汉鐙獎锛岀己涔忓脊鎬х粍缁囷紝榛忚啘绾ゆ瘺杩愬姩鑳藉姏寮憋紝涓嶈兘寰堝ソ鍦版帓鍑哄井鐢熺墿锛屽姞涓婂懠鍚搁亾鍏嶇柅鐞冭泲鐧藉垎娉岄噺杈冧綆锛岃偤娉″悶鍣粏鑳炲姛鑳戒笉瓒筹紝鍒嗘硨鎬у厤鐤墿璐ㄥ惈閲忎綆锛屼钩閾佽泲鐧姐�佹憾鑿岄叾绛夋暟閲忓拰娲绘�т笉瓒筹紝鎵�浠ュ鏄撳彂鐢熷懠鍚搁亾鎰熸煋銆備竴鏃︽劅鏌撳鏄撳彂鐢熸皵绠″厖琛�姘磋偪锛屽鑷村懠鍚搁亾闃诲銆傚乏涓绘敮姘旂缁嗛暱锛屽彸涓绘敮姘旂鐭矖锛屾晠寮傜墿瀹规槗杩涘叆鍙充富鏀皵绠°��</p>
+          <p>鑲洪儴鐨勫脊鍔涚粍缁囧彂鑲插樊锛岃偤娉℃暟閲忚緝灏戯紝鑲哄惈姘旈噺鐩稿杈冨皯锛屾晠瀹规槗鍙戠敓缂烘哀銆傝偤琛�绠′赴瀵岋紝鑲洪棿璐ㄥ彂鑲叉椇鐩涳紝瀵艰嚧鑲哄惈琛�閲忓鑰屽惈姘旈噺灏戙�傝偤鐐庝粛鏄垜鍥藉┐骞煎効鐨勫父瑙佺梾鍜屽鍙戠梾銆傜旱闅斾綋绉浉瀵硅緝澶э紝鍛ㄥ洿缁勭粐鏉捐蒋锛屽湪鑳歌厰绉恫鎴栨皵鑳告椂瀹规槗鍙戠敓绾甸殧绉讳綅銆�</p>
+          <h3>涓夈�佹秷鍖栫郴缁�</h3>
+          <h4>锛堜竴锛夊彛鑵�</h4>
+          <p>涓�鑸湪2锝�2.5宀侊紝涔崇墮鍏ㄩ儴鍑洪綈锛屽叡20棰椼��6宀佸乏鍙冲紑濮嬮暱鍑烘亽鐗欍�備钩鐗欏叿鏈夊拃鍤奸鐗┿�佷績杩涢闈㈤儴姝e父鍙戣偛鍜屾湁鍔╀簬姝e父鍙戦煶绛変綔鐢紝鎵�浠ヨ娉ㄦ剰鍙h厰鍗敓锛岄伩鍏嶄钩鐗欒繃鏃╄劚钀芥垨鍙戠敓榫嬮娇銆�</p>
+          <h4>锛堜簩锛夐绠�</h4>
+          <p>濠村辜鍎跨殑椋熺鍛堟紡鏂楃姸锛岄粡鑶滆杽瀚╋紝鑵轰綋缂轰箯锛屽脊鍔涚粍缁囧強鑲屽眰灏氫笉鍙戣揪锛岄绠′笅娈垫嫭绾﹁倢鍙戣偛涓嶆垚鐔燂紝鎺у埗鑳藉姏宸紝甯稿彂鐢熻儍椋熺鍙嶆祦銆�</p>
+
+        </div>
+        <div class="header-l">
+          <img class="img-0" alt="" src="../../assets/images/bgImage/CH.png"/>
+          <div class="page-l">8</div>
+        </div>
+      </div>
+    </div>
+    <!-- P9 -->
+    <div class="page-box" page="18">
+      <div v-if="showPageList.indexOf(18) > -1">
+        <div class="bodystyle">
+          <div class="img-rights">
+            <img class="img-0" alt="" src="../../assets/images/bgImage/bg6.jpg"/>
+            <div class="content1">
+              <p class="tsTitle">灏忚创澹�</p>
+              <p class="tsContent">鑲犲鍙犳槸鎸囦竴娈佃偁绠″鍏ヤ笌鍏惰繛鎺ョ殑鑲犵鍐咃紝骞跺鑷磋偁鍐呭鐗╅�氳繃闅滅锛屾槸寮曡捣濠村辜鍎胯偁姊楅樆鐨勬渶甯歌鍘熷洜銆傚┐骞煎効鑲犲鍙犵殑鍏稿瀷琛ㄧ幇鏄樀鍙戞�ц吂鐥涖�佸憰鍚愩�佷究琛�锛堟灉閰辨牱澶т究锛夊拰鑵归儴鑲垮潡鍥涜仈鐥囧強鍏ㄨ韩琛ㄧ幇锛屽娌荤枟涓嶅強鏃跺彲鑳介�犳垚鑲犲潖姝汇��</p>
+            </div>
+          </div>
+          <h4>锛堜笁锛夎儍鑲犻亾</h4>
+          <p>濠村辜鍎跨殑鑳冨憟姘村钩浣嶏紝璐查棬杈冨鑰屾澗寮涳紝涓旀嫭绾﹁倢涓嶅鍙戣揪锛屾墍浠ュ鏄撳憰鍚愩�傝儍榛忚啘琛�绠′赴瀵岋紝浣嗙洂閰稿拰鍚勭閰跺垎娉岃緝鎴愪汉灏戯紝涓旈叾娲绘�т綆涓嬶紝娑堝寲鍔熻兘宸紝鎵�浠ュ鏄撳彂鐢熸秷鍖栦笉鑹��</p>
+          <p>濠村辜鍎跨殑鑲犵鐩稿姣旀垚浜洪暱锛岃偁澹佽緝钖勶紝閫氶�忔�ч珮锛屾湁鍒╀簬椋熺墿鍚告敹銆備絾鐢变簬鑲犵杈冮暱涓旀煍杞紝鏄撳彂鐢熻偁濂楀彔鍜岃偁鎵浆銆傝偁澹佺殑灞忛殰鍔熻兘宸紝鑲犲唴鐨勬瘨绱犳槗閫氳繃鑲犲杩涘叆琛�娑插惊鐜紝寮曡捣鍏ㄨ韩鎰熸煋鎬у拰杩囨晱鎬х柧鐥呫�傚┐骞煎効鐩茶偁涓庨槕灏炬瘮杈冩父绂伙紝娲诲姩搴﹀ぇ锛屽洜鑰岄槕灏句綅缃鏄撳彉鍔ㄣ��</p>
+          
+          <h4>锛堝洓锛夎倽鑳�</h4>
+          <p>骞撮緞瓒婂皬锛岃倽鑴忕浉瀵硅秺澶с�傚┐骞煎効鐨勮倽鑴忓瘜鍚绠★紝缁撶紨缁勭粐灏戯紝鑲濈粏鑳炲皬锛屽啀鐢熻兘鍔涘己锛屼笉鏄撳彂鐢熻倽纭寲銆備絾鑲濊剰瀹规槗鍙楀埌鎰熸煋銆佺己姘с�佽嵂鐗╃瓑褰卞搷鍑虹幇鑲濈粏鑳炲彈鎹燂紝杞皑閰跺崌楂樸�傛澶栵紝濠村辜鍎挎湡鑳嗘眮鍒嗘硨灏戯紝鑴傝偑娑堝寲鑳藉姏宸紝瑕佹敞鎰忛ギ椋熶笉瀹滆繃浜庢补鑵汇��</p>
+          <h3>鍥涖�佸惊鐜郴缁�</h3>
+          <h4>锛堜竴锛夎娑�</h4>
+          <p>濠村辜鍎跨敓闀垮彂鑲茶繀閫燂紝琛�娑插惊鐜鍔犺緝蹇紝濡傚杺鍏讳笉褰撴垨鎸戦銆佸亸椋燂紝瀹规槗鍙戠敓璐銆傝传琛�涓ラ噸鐨勫┐骞煎効鍙兘鍙戠敓楠ㄩ珦澶栭�犺锛屽嚭鐜拌倽鑴炬穻宸寸粨鑲垮ぇ銆傚┐骞煎効鐨勮娑叉�婚噺鍗犱綋閲嶇殑8%锝�10%锛屾墍浠ュ皯閲忓嚭琛�銆佽劚姘村嵆鍙紩璧蜂紤鍏嬨�傜櫧缁嗚優鍚炲櫖鐥呰弻鐨勮兘鍔涜緝宸紝鍙戠敓鎰熸煋鏃舵槗鎵╂暎锛岀敋鑷冲嚭鐜拌創姣掔棁銆傝灏忔澘鏁扮洰鍜屾垚浜虹浉杩戯紝浣嗚娴嗕腑鐨勫嚌琛�鐗╄川杈冨皯锛屽洜姝や竴鏃﹀嚭琛�锛屽嚌琛�杈冩參銆傜浉瀵逛簬鎴愪汉鏉ヨ锛屽┐骞煎効鐨勯�犺鍣ㄥ畼鏇村鏄撳彈浼ゅ锛屾煇浜涜嵂鐗╂垨鏀惧皠鎬ф薄鏌撳閫犺鍣ㄥ畼鍗卞鏋佸ぇ锛屾墍浠ヤ笉瑕佹妸濠村辜鍎垮綋浣滄垚浜虹殑缂╁皬鐗堬紝鐢熺梾鏃跺簲鎱庨噸閫夋嫨鑽墿銆�</p>
+          <h4>锛堜簩锛夊績鑴�</h4>
+          <p>濠村辜鍎挎柊闄堜唬璋㈡椇鐩涳紝蹇冭緭鍑洪噺灏戯紝鍙湁閫氳繃鍔犲揩蹇冪巼鎵嶈兘婊¤冻鏈轰綋闇�瑕併�傚勾榫勮秺灏忥紝蹇冪巼瓒婂揩銆傚父浠ユ祴閲忚剦鎼忔潵琛ㄧず蹇冪巼銆傝剦鎼忓緢瀹规槗鍙楀唴澶栧悇绉嶅洜绱犵殑褰卞搷鑰屼笉绋冲畾锛屽鍝椆銆佽繘椋熴�佸彂鐑�佽繍鍔ㄧ瓑銆傚洜姝わ紝搴斿湪瀹夐潤鐘舵�佷笅娴嬮噺鑴夋悘銆�</p>
+          <h3>浜斻�佺缁忕郴缁�</h3>
+          <p>绁炵粡绯荤粺鍙戣偛涓嶅潎琛★紝鑴婇珦鍜岃剳骞插湪鍑虹敓鏃跺凡缁忓彂鑲叉垚鐔燂紝鑰屽皬鑴戝彂鑲茶緝鏅氾紝</p>
+        </div>
+        <div class="header-r1">
+          <img class="img-0" alt="" src="../../assets/images/bgImage/C.png"/>
+        </div>
+        <div class="header-r">
+          <img class="img-0" alt="" src="../../assets/images/bgImage/C2.png"/>
+          <div class="page-r">9</div>
+        </div>
+      </div>
+    </div>
+
+    <!-- P10 -->
+    <div class="page-box" page="19">
+      <div v-if="showPageList.indexOf(19) > -1">
+        <div class="bodystyle">
+          <p class="td-0">3锝�6宀佹墠鑳藉彂鑲叉垚鐔熴�傛墍浠�1宀佸璧拌矾鏃舵灞ヨ箳璺氾紝3宀佹墠鑳界ǔ绋冲湴璧板拰璺戯紝鍒�5锝�6宀佽兘鍑嗙‘鍗忚皟鍦板仛鍑哄悇绉嶅姩浣滐紝姣斿璺戙�佽烦銆佷笂涓嬪彴闃躲�傚ぇ鑴戠毊灞傜殑鍙戣偛鏋佷负杩呴�燂紝8宀佸乏鍙冲ぇ鑴戠毊灞傚彂鑲插熀鏈帴杩戞垚浜恒�傚ぇ鑴戠毊灞傜殑鍏村鍜屾姂鍒惰繃绋嬪彂鑲蹭笉骞宠 銆傚┐骞煎効澶ц剳鐨眰鍙戣偛灏氭湭瀹屽杽锛屽叴濂嬪崰浼樺娍锛屾姂鍒惰繃绋嬪舰鎴愯緝鎱紝浣嗗叴濂嬫寔缁椂闂磋緝鐭紝瀹规槗娉涘寲锛屼富瑕佽〃鐜颁负瀵逛簨鐗╀繚鎸佹敞鎰忔椂闂翠笉闀匡紝甯搁殢鍏磋叮鐨勬敼鍙樿�岃浆绉绘敞鎰忥紝鍔ㄤ綔缂轰箯鍑嗙‘鎬э紱涓嶆槗褰㈡垚鍏村鐏讹紝鏄撶柌鍔宠�岃繘鍏ョ潯鐪犵姸鎬侊紝闇�娉ㄦ剰澶氫紤鎭�傚湪閬囧埌寮虹儓鐨勫埡婵�鏃讹紝瀹规槗鍙戠敓鎯婂帴銆�</p>
+          <h3>鍏�佹硨灏跨郴缁�</h3>
+          <p>濠村辜鍎胯偩鑴忓彂鑲蹭笉瀹屽杽锛屾祿缂╁翱鍙婃帓娉勬瘨鐗╃殑鍔熻兘杈冨樊锛屾晠鍏ラ噺涓嶈冻鏃舵槗鍙戠敓鑴辨按锛岀敋鑷宠鍙戞�ユ�ц偩鍔熻兘涓嶅叏銆傝唨鑳卞偍灏挎満鑳藉樊锛屾帓灏挎鏁板銆傛墍浠ワ紝瑕佸煿鍏诲┐骞煎効鍙婃椂鎺掑翱鐨勪範鎯紝鏁欏濠村辜鍎夸笉瑕侀暱鏃堕棿鎲嬪翱銆傚彟澶栵紝濠村辜鍎垮翱閬撶煭锛岄槻寰¤兘鍔涘樊锛屾槗鍙戠敓涓婅鎬ф硨灏跨郴缁熸劅鏌撱��</p>
+          <h3>涓冦�佺毊鑲�</h3>
+          <p>濠村辜鍎胯〃鐨緝钖勶紝寰堝閮ㄤ綅瑙掕川灞傚皻鏈舰鎴愶紝鐨偆鎶垫姉鐥呮瘨銆佺粏鑿屾劅鏌撹兘鍔涜緝宸紝瀹规槗鍙戠敓鐨偆鎰熸煋锛屽鑴撶柋銆佺敳娌熺値绛夈�傜毊涓嬭剛鑲緝灏戯紝鐨偆鎶垫姉澶栫晫鍒烘縺鑳藉姏宸紝鍔犱笂娲绘臣鐖卞姩锛屾墍浠ョ毊鑲ゅ鏄撳彈鍒版崯浼ゃ�傜毊鑴傚垎娉岃緝灏戯紝绉嬪啲瀛e鏄撳彂鐢熷喕浼ゅ拰鐨茶锛岃鍦ㄦ礂娴村悗鍙婃椂娑傛姽闈㈤湝鍜屾姢鑲ゆ补銆�</p>
+          <p>濠村辜鍎跨毊鑲ょ殑姣涚粏琛�绠″瘑闆嗭紝娴佺粡鐨偆鐨勮娴侀噺鐩告瘮鎴愪汉澶氾紝姹楄吅鍙戣偛杈冨ソ锛屼唬璋㈡椇鐩涳紝鍑烘睏澶氾紝鍥犳鐨偆鏁g儹澶氳�屽揩銆備絾鏄紝鐢变簬鐨笅鑴傝偑灏戯紝鐨偆淇濇俯鍔熻兘宸紝鍐嶅姞涓婄缁忕郴缁熷浣撴俯璋冭妭涓嶇ǔ瀹氾紝濠村辜鍎夸笉鑳藉緢濂藉湴閫傚簲澶栫晫娓╁害鐨勫彉鍖栵紝姘旀俯楠ら檷鏃跺鏄撴偅鐥呫��</p>
+          <div class="secondTitle"><h2>绗簩鑺� 濠村辜鍎跨殑鐢熼暱鍙戣偛鐗圭偣</h2></div>
+          <p>鐢熼暱鏄寚闅忕潃骞撮緞鐨勫鍔狅紝韬綋鍚勭粍缁囥�佸櫒瀹樼殑涓嶆柇闀垮ぇ锛屾槸閲忕殑鍙樺寲锛屽浣撻噸銆佽韩楂樼殑澧為暱銆傚彂鑲叉槸缁嗚優銆佺粍缁囥�佸櫒瀹樺姛鑳界殑鍒嗗寲鍜屽姛鑳芥垚鐔燂紝鏄川鍙樼殑杩囩▼锛屽鎬х殑鎴愮啛銆傜敓闀垮彂鑲叉槸涓綋鎴愰暱杩囩▼涓笉鍙垎鍓茬殑涓ゆ柟闈紝鐢熼暱鐨勯噺鐨勫彉鍖栧彲鍦ㄤ竴瀹氱▼搴︿笂鍙嶆槧韬綋鍣ㄥ畼銆佺郴缁熺殑鎴愮啛鐘跺喌銆傚┐骞煎効鐢熼暱鍙戣偛鐨勭壒鐐瑰涓嬨��</p>
+          <h3>涓�銆佽繛缁�с�侀潪鍖�閫熸�с�侀樁娈垫��</h3>
+          <p>鐢熼暱鏄竴涓繛缁繃绋嬶紝浣嗗苟涓嶅寑閫燂紝鍚勫勾榫勭殑鐢熼暱閫熺巼鍚勪笉鐩稿悓锛屽勾榫勮秺灏忥紝</p>
+        </div>
+        <div class="header-l">
+          <img class="img-0" alt="" src="../../assets/images/bgImage/CH.png"/>
+          <div class="page-l">10</div>
+        </div>
+      </div>
+    </div>
+    <!-- P11 -->
+    <div class="page-box" page="20">
+      <div v-if="showPageList.indexOf(20) > -1">
+        <div class="bodystyle">
+          <p class="td-0">鐢熼暱瓒婂揩銆備汉鐨勬暣涓敓闀挎湡鏈変袱涓敓闀块珮宄帮紝涓�涓槸濠村効鏈燂紝涓虹敓鍚庣殑绗竴涓敓闀块珮宄帮紝浠ュ悗浣撴牸鐢熼暱瓒嬩簬骞宠 锛涘埌闈掓槬鏈熺敓闀块�熷害鍙堝姞蹇紝鍑虹幇绗簩娆$敓闀块珮宄般��</p>
+          <h3>浜屻�佽韩浣撳悇绯荤粺鍜屽悇閮ㄥ垎鐢熼暱涓嶅钩琛�</h3>
+          <p >韬綋鍚勭郴缁熺殑鐢熼暱鍙戣偛鍏堝悗鍜屽揩鎱㈠悇涓嶇浉鍚岋紝濡傜缁忕郴缁熷彂鑲茶緝鏃╋紝鑴戝湪鍑虹敓鍚�2骞村唴鍙戣偛杈冨揩锛涙穻宸寸郴缁熷湪鍎跨鏈熻繀閫熺敓闀匡紝浜庨潚鏄ユ湡鍓嶈揪鍒伴珮宄帮紝浠ュ悗閫愭笎涓嬮檷锛涚敓娈栫郴缁熷彂鑲叉渶鏅氥�傚叾浠栫郴缁燂紝濡傚績銆佽倽銆佽偩銆佽倢鑲夌殑鍙戣偛鍩烘湰涓庝綋鏍肩敓闀跨浉骞宠銆�</p>
+          <h3>涓夈�佷綋鏍肩敓闀挎湁涓綋宸紓</h3>
+          <p >浣撴牸鐢熼暱鍙楀埌閬椾紶鍜岀幆澧冪殑澶嶆潅浜や簰褰卞搷锛屾湁鏄庢樉鐨勪釜浣撳樊寮傦紝姣忎釜浜虹殑鐢熼暱杞ㄨ抗涓嶄細瀹屽叏鐩稿悓銆傚洜姝わ紝濠村辜鍎跨殑鐢熼暱鍙戣偛姘村钩鏈変竴瀹氱殑姝e父鑼冨洿锛屾墍璋撴甯稿�间笉鏄粷瀵圭殑锛岃瘎浠锋椂蹇呴』鑰冭檻涓綋涓嶅悓鐨勫奖鍝嶅洜绱狅紝鎵嶈兘浣滃嚭姝g‘鍒ゆ柇銆�</p>
+          <h3>鍥涖�侀櫎閬椾紶澶栵紝杩樺彈鍒板绉嶅洜绱犵殑褰卞搷</h3>
+          <p >鐖舵瘝鍙屾柟鐨勯仐浼犲洜绱犲喅瀹氬┐骞煎効鐢熼暱鍙戣偛鐨勮建閬撴垨鐗瑰緛锛屽鐨偆鍜屽ご鍙戠殑棰滆壊銆侀潰鍨嬬壒寰併�佽韩鏉愰珮鐭�佸鐤剧梾鐨勬晱鎰熸�х瓑銆傜幆澧冨洜绱犱篃浼氬奖鍝嶇敓闀垮彂鑲诧紝濡傞暱鏈熸參鎬х柧鐥呬細褰卞搷浣撻噸鍜岃韩楂樼殑澧為暱銆傚搴幆澧冨濠村辜鍎跨殑鍋ュ悍鎴愰暱涔熸槸闈炲父閲嶈鐨勩�傝壇濂界殑灞呬綇鐜锛屽闃冲厜鍏呰冻銆佺┖姘旀柊椴溿�佹按婧愭竻娲併�佹棤鍣0銆佸眳浣忔潯浠惰垝閫傦紝閰嶅悎鑹ソ鐨勭敓娲讳範鎯�佺瀛︽姢鐞嗐�佽壇濂芥暀鍏汇�佷綋鑲查敾鐐笺�佸畬鍠勭殑鍖荤枟淇濆仴璁炬柦绛夛紝鏄績杩涘┐骞煎効鐢熼暱鍙戣偛杈惧埌鏈�浣崇姸鎬佺殑閲嶈鍥犵礌銆�</p>
+          <div class="secondTitle"><h2>绗笁鑺� 濠村辜鍎跨殑蹇冪悊琛屼负鐗圭偣</h2></div>
+          <h3>涓�銆佸┐骞煎効蹇冪悊鐨勬蹇靛拰鍙戣偛鍩虹</h3>
+          <p >蹇冪悊鏄ぇ鑴戝瀹㈣鐜板疄鐨勪富瑙傚弽鏄犮�傚┐骞煎効蹇冪悊琛屼负鐨勫彂灞曟湁璧栦簬鑴戠殑鍙戣偛銆傞殢鐫�骞撮緞鐨勫鍔狅紝澶ц剳鐨勯噸閲忎笉鏂鍔狅紝鍒�6锝�7宀佹椂鍩烘湰鎺ヨ繎鎴愪汉锛屽ぇ鑴戝悇鍙剁殑鍒嗗寲閫愭笎褰㈡垚锛涚缁忕氦缁村闀匡紝鍒嗘敮澧炲锛岀缁忎箣闂寸殑杩炴帴鏇村姞骞挎硾锛涚缁忛珦闉樹笉鏂彂鑲诧紝绁炵粡浼犻�掓洿鍔犺繀閫熴�佸噯纭紝绁炵粡绯荤粺鐨勭粨鏋勫拰鍔熻兘鏃ヨ秼鎴愮啛锛屼负蹇冪悊琛屼负鐨勫彂鑲叉墦涓嬩簡鑹ソ鍩虹銆�</p>
+          <h3>浜屻�佸┐骞煎効鐨勫績鐞嗚涓虹壒鐐�</h3>
+          <p >濠村辜鍎垮績鐞嗗悇鏂归潰鐨勫彂灞曠浉杈呯浉鎴愶紝鍏卞悓鎻愰珮锛屼綋鐜板嚭鍏跺彂灞曠殑骞崇ǔ鍜屽崗璋冿紝</p>
+        </div>
+        <div class="header-r1">
+          <img class="img-0" alt="" src="../../assets/images/bgImage/C.png"/>
+        </div>
+        <div class="header-r">
+          <img class="img-0" alt="" src="../../assets/images/bgImage/C2.png"/>
+          <div class="page-r">11</div>
+        </div>
+      </div>
+    </div>
+    <!-- P12 -->
+    <div class="page-box" page="21">
+      <div v-if="showPageList.indexOf(21) > -1">
+        <div class="bodystyle">
+          <p class="td-0">濡傝瑷�鍙戝睍鍜屾儏缁�佹�濈淮琛ㄨ揪涔嬮棿鐨勭浉浜掍績杩涗綔鐢ㄣ�傝璇嗕簨鐗╃殑杩囩▼鏄細鍏堜細鐪嬨�佸惉銆佹劅瑙変簨鐗╋紝閫愭笎鍙戝睍鍒版湁璁板繂銆佹�濈淮銆佸垎鏋愩�佸垽鏂�傚┐骞煎効蹇冪悊鐨勫悇涓柟闈㈤兘鏈彂鑲叉垚鐔燂紝鏈畾鍨嬶紝鍏锋湁鍙鎬э紝鎵�浠ユ暀甯堝拰瀹堕暱瑕佺簿蹇冨紩瀵煎拰鍩硅偛锛屼績杩涘叾蹇冪悊鐨勫仴搴峰彂灞曘��</p>
+          <p >濠村辜鍎块珮绾х缁忔椿鍔ㄧ殑鎶戝埗杩囩▼涓嶅畬鍠勶紝鍏村杩囩▼鏄撴墿鏁o紝涓斿父鍙楀鐣屾儏澧冨拰鍛ㄥ洿浜虹殑褰卞搷锛屾墍浠ヨ嚜鎺у姏杈冨樊锛屽鏄撳嚭鐜版敞鎰忓姏涓嶉泦涓紝鎯呯华鏄撴縺鍔ㄣ�佷笉绋冲畾锛屾儏鎰熷叿鏈夋槗鍙樻�у拰瀵屾湁鍐插姩鎬э紝鐢氳嚦鍑虹幇蹇冪悊琛屼负闅滅锛屽鍎跨鎿﹁吙缁煎悎寰併��</p>
+          <p >闅忕潃鎺ヨЕ澶栫晫鐜鐨勫澶氾紝鍎跨鍙eご璇█鐨勮〃杈捐兘鍔涜繀閫熷彂灞曡捣鏉ワ紝浣嗙敱浜庢墍鎺屾彙鐨勮瘝姹囬噺鏈夐檺锛屽璇嶆剰鐨勭悊瑙d笉澶熷噯纭紝鎵�浠ュ彛璇腑甯稿嚭鐜拌鐥咃紝杩樹細琛ㄧ幇鍑鸿繜鐤戜笉鍐虫垨鍙嶅锛屼互鑷翠笉鑳界‘鍒囧湴琛ㄨ揪鑷繁鐨勬�濇兂銆�</p>
+          <p >鐢变簬鐜銆佹暀鑲叉潯浠跺拰閬椾紶鍥犵礌绛夌殑涓嶅悓锛屽┐骞煎効鐨勮韩蹇冨彂灞曚篃瀛樺湪涓埆宸紓锛岄�愭笎琛ㄧ幇鍑烘�ф牸銆佸叴瓒c�佽兘鍔涚瓑鏂归潰鐨勪釜浜虹壒鐐癸紝鎵�浠ュ簲璇ユ敞鎰忓洜鏉愭柦鏁欍��</p>
+          <p >鎬荤殑鏉ヨ锛屽┐骞煎効蹇冪悊琛屼负鐨勫彂灞曟槸鐢熺悊銆佸績鐞嗗拰绀句細鍥犵礌鍏卞悓浣滅敤鐨勭粨鏋溿�傚綋鐒讹紝瀵规煇涓�涓┐骞煎効鏉ヨ锛岃繖涓変釜鍥犵礌骞堕潪鍧囪 鍦板彂鎸ヤ綔鐢紝瀹冧滑鐨勫奖鍝嶇▼搴﹀洜浜鸿�屽紓锛屽洜闂鐨勬�ц川涓嶅悓鑰屽瓨鍦ㄤ釜浣撳樊寮傘��</p>
+          <div class="bgColor">
+            <img class="img-0" alt="" src="../../assets/images/bgImage/001-02.jpg"/>
+            <div class="content">
+              <p class="center titleQuot">灏� 缁�</p>
+              <p >濠村辜鍎夸笉鏄缉灏忕増鐨勬垚浜猴紝鍏锋湁鍏惰嚜韬壒娈婄殑鐢熺悊鍜屽績鐞嗚涓虹壒鐐广�傚┐骞煎効楠ㄩ鐨勯煣鎬у己鑰岀‖搴﹀皬锛屽彂鐢熼鎶樻椂甯歌〃鐜颁负闈掓灊楠ㄦ姌锛屾剤鍚堥�熷害杈冨揩銆傚叧鑺傚泭鍜屽叧鑺傚懆鍥寸殑闊у甫鏈畬鍏ㄥ彂鑲诧紝鍙楀鍔涚壍鎷夋椂瀹规槗鍙戠敓鑴辫嚰閫犳垚鐗垫媺鑲橈紝鐢熸椿涓簲娉ㄦ剰閬垮厤銆傚┐骞煎効姘旂鑵旀瘮鎴愪汉鐙獎锛岀己涔忓脊鎬х粍缁囷紝榛忚啘绾ゆ瘺杩愬姩鑳藉姏寮憋紝鍔犱笂鍛煎惛閬撴姷鎶楀姏浣庯紝寰堝鏄撳彂鐢熷懠鍚搁亾鎰熸煋銆傚┐骞煎効鐨勮儍鍛堟按骞充綅锛岃床闂ㄨ緝瀹借�屾澗寮涳紝涓旀嫭绾﹁倢涓嶅鍙戣揪锛屾墍浠ュ鏄撳憰鍚愩�傝儍榛忚啘琛�绠′赴瀵岋紝鐩愰吀銆佸悇绉嶉叾鍒嗘硨杈冩垚浜哄皯锛屼笖閰舵椿鎬т綆涓嬶紝娑堝寲鍔熻兘宸紝鎵�浠ュ鏄撳彂鐢熸秷鍖栦笉鑹�傚┐骞煎効鍏朵綑鍣ㄥ畼绯荤粺涔熷悇鑷叿鏈変笌鎴愪汉涓嶅悓鐨勭壒鐐广��</p>
+              <p >濠村辜鍎跨殑鐢熼暱鍙戣偛鏈変互涓嬬壒鐐癸細杩炵画鎬с�侀潪鍖�閫熸�с�侀樁娈垫�э紱韬綋鍚勭郴缁熷拰鍚勯儴鍒嗙敓闀夸笉骞宠 锛涗綋鏍肩敓闀挎湁涓綋宸紓锛涢櫎閬椾紶浠ュ锛岃繕鍙楀埌澶氱鍥犵礌鐨勫奖鍝嶃�傚嚭鐢熷悗锛屽ぇ鑴戠殑閲嶉噺涓嶆柇澧炲姞锛屽埌6锝�7宀佹椂鍩烘湰鎺ヨ繎鎴愪汉姘村钩锛屽績鐞嗗悇鏂归潰鐨勫彂灞曠浉杈呯浉鎴愶紝鍏卞悓鎻愰珮銆傚┐骞煎効蹇冪悊鐨勫彂灞曟槸鐢熺悊銆佸績鐞嗗拰绀句細鍥犵礌鍏卞悓浣滅敤鐨勭粨鏋滐紝搴旀敞鎰忕簿蹇冨紩瀵煎拰鍩硅偛锛屼績杩涘┐骞煎効鐨勫仴搴峰彂灞曘��</p>
+            </div>
+        </div>
+
+        </div>
+        <div class="header-l">
+          <img class="img-0" alt="" src="../../assets/images/bgImage/CH.png"/>
+          <div class="page-l">12</div>
+        </div>
+      </div>
+    </div>
+    <!-- P13 -->
+    <div class="page-box" page="22">
+      <div v-if="showPageList.indexOf(22) > -1">
+        <div class="bodystyle">
+          <p class="td-0"><img class="rwmb-2" alt="" src="../../assets/images/bgImage/gjsy.jpg"/></p>
+          <p >瑙e墫鐢熺悊銆�杩愬姩绯荤粺銆�鍛煎惛绯荤粺銆�寰幆绯荤粺銆�娉屽翱绯荤粺銆�鐢熼暱鍙戣偛</p>
+          <p class="td-0"><img class="rwmb-2" alt="" src="../../assets/images/bgImage/skylx.jpg"/></p>
+          <p >1锛庡効绔ュ仴搴峰彂灞曢鍩熺殑閲嶈璁▼涔嬩竴鏄効绔ユ棭鏈熷彂灞曪紝杩欐槸鎸囧効绔ヤ綋鏍笺�佽繍鍔ㄣ�佽瑷�銆佽鐭ュ拰绀句細鎯呯华绛夐鍩熺殑鍙戝睍銆�2016骞达紝涓叡涓ぎ銆佸浗鍔¢櫌鍗板彂骞跺疄鏂姐�娾�滃仴搴蜂腑鍥�2030鈥濊鍒掔翰瑕併�嬶紝鎶婂効绔ユ棭鏈熷彂灞曚笂鍗囦负鍥藉鎴樼暐銆傝鍒ゆ柇涓嬪垪琛屼负鏄惁姝g‘锛屽苟璇村嚭鐞嗙敱锛氣憼缁欎簣濠村辜鍎跨Н鏋佺殑鐓ф姢鍜屽洖搴旓紝缁忓父甯﹂濠村辜鍎垮弬鍔犳埛澶栨椿鍔ㄣ�侀泦浣撴椿鍔紝闄即濠村辜鍎块槄璇汇�佸敱姝屻�佽鏁呬簨绛夈�傗憽涓轰簡閬垮厤濠村辜鍎跨敓鐥咃紝璁╁┐骞煎効缁忓父寰呭湪瀹ゅ唴锛涘湪瀛﹀墠闃舵璁╁辜鍎垮涔犺瀛椼�佺畻鏁扮瓑锛屼績杩涘叾鏅哄姏鍙戣偛銆�</p>
+          <textarea v-model="thinkAbout.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+          class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+          <p >2锛庡┐骞煎効鐨勮В鍓栫敓鐞嗙壒鐐逛笌甯歌鐥呬箣闂存湁浣曡仈绯伙紵</p>
+          <textarea v-model="thinkAbout.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+          class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+          <p class="td-0"><img class="rwmb-2" alt="" src="../../assets/images/bgImage/jyhd.jpg"/></p>
+          <p >1锛庢煡鎵捐祫鏂欏苟缁樺埗濠村辜鍎跨殑瑙e墫鍥撅紝鏍囨敞濠村辜鍎垮悇鍣ㄥ畼绯荤粺鐨勭壒鐐广��</p>
+          <textarea v-model="thinkAbout.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+          class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+          <p >2锛庡┐骞煎効鏈熻瑷�鑳藉姏鎻愬崌鐨勬柟娉曟湁鍝簺锛熸煡鎵捐祫鏂欙紝璁捐涓�娆℃湁鍏充績杩涘┐骞煎効璇█鍙戝睍鐨勫仴搴锋暀鑲叉椿鍔ㄣ��</p>
+          <textarea v-model="thinkAbout.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+          class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+          <p >3锛庢牴鎹┐骞煎効鐨勮В鍓栫敓鐞嗙壒鐐癸紝鎺㈣濠村辜鍎挎剰澶栦激瀹崇殑棰勯槻鎺柦銆�</p>
+          <textarea v-model="thinkAbout.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+          class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+          <p class="td-0"><img class="rwmb-2" alt="" src="../../assets/images/bgImage/tzyd.jpg"/></p>
+          <p >1锛庝竵鏂囬緳銆佸垬瀛︽斂涓荤紪锛氥�婄郴缁熻В鍓栧銆嬶紝鍖椾含锛屼汉姘戝崼鐢熷嚭鐗堢ぞ锛�2018銆傛湰涔﹁缁嗕粙缁嶄簡浜轰綋鍚勫櫒瀹樼郴缁熺殑瑙e墫瀛︾壒鐐癸紝骞堕厤浠ヨ缁嗙殑鍥捐氨锛屾湁鍔╀簬鏇寸洿瑙傚湴鐞嗚В瑙e墫瀛︾煡璇嗐��</p>
+          <p >2锛嶽濂闃垮皵寮楅浄寰仿烽樋寰峰嫆锛氥�婂効绔ユ暀鑲插績鐞嗗銆嬶紝寮犺壋鍗庤瘧锛屽寳浜紝娓呭崕澶у鍑虹増绀撅紝2017銆傛湰涔︿富瑕佸洿缁曞効绔ュ浣曞舰鎴愭纭仴搴风殑浜烘牸灞曞紑锛屽己璋冪敤姝g‘鐨勬柟娉曞煿鍏诲効绔ョ嫭绔嬨�佸媷鏁€�佽嚜淇$殑鍝佽川銆傚煿鍏诲効绔ュ仴鍏ㄧ殑浜烘牸锛屾墠鏄効绔ユ暀鑲茬殑棣栬浠诲姟銆�</p>
+
+        </div>
+        <div class="header-r1">
+          <img class="img-0" alt="" src="../../assets/images/bgImage/C.png"/>
+        </div>
+        <div class="header-r">
+          <img class="img-0" alt="" src="../../assets/images/bgImage/C2.png"/>
+          <div class="page-r">13</div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import { getResourcePath, uploadFilePath } from "@/assets/methods/resources";
+import {
+  getCollectResource,
+  setCollectResource,
+} from "@/assets/methods/resources";
+
+import tool from "@/assets/js/toolClass.js";
+export default {
+  name: "chapterOne",
+  props: {
+    showPageList: {
+      type: Array,
+    },
+  },
+
+  data() {
+    return {
+        thinkAbout: {
+          one: "",
+          two: "",
+          three: "",
+          four: "",
+          five: "",
+        },
+    };
+  },
+  async mounted() {
+    //椤圭洰鑷祴鍙婂绀间箣闂�
+    const bookQuestion = localStorage.getItem(
+      "childIllnessPreventionCare-book-chapter02-question"
+    );
+    if (bookQuestion) {
+      this.thinkAbout = JSON.parse(bookQuestion);
+    }
+  },
+  methods: {
+    setBookQuestion() {
+      localStorage.setItem(
+        "childIllnessPreventionCare-book-chapter02-question",
+        JSON.stringify(this.thinkAbout)
+      );
+    },
+
+  },
+};
+</script>
+<style lang="less" scoped></style>
diff --git a/src/books/childIllnessPreventionCare/view/components/chapter003.vue b/src/books/childIllnessPreventionCare/view/components/chapter003.vue
new file mode 100644
index 0000000..a2ca3d7
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/view/components/chapter003.vue
@@ -0,0 +1,1085 @@
+<template>
+  <div class="chapter" num="4">
+    <!-- P14 -->
+    <div class="page-box" page="23">
+      <div v-if="showPageList.indexOf(23) > -1">
+        <div class="bodystyle">
+          <div class="firstTitle-1"><h1 >绗笁绔�</h1></div>
+          <div class="firstTitle-2"><h1 class="fz-h1">濠村辜鍎挎偅鐥呯殑鏃╂湡杩硅薄鍜屽父瑙佺棁鐘剁殑棰勯槻涓庢姢鐞�</h1></div>
+          <div><img class="img-0" alt="" src="../../assets/images/bgImage/fenge.png"/></div>
+          <p class="mt-10"><img class="rwmb-1" alt="" src="../../assets/images/bgImage/xxmb.jpg"/></p>
+          <p class="preface">鈽嗘帉鎻″┐骞煎効鎮g梾鐨勬棭鏈熻抗璞″拰甯歌鐥囩姸鐨勯闃蹭笌鎶ょ悊鎶�鏈��</p>
+          <p class="preface">鈽嗕簡瑙e┐骞煎効甯歌鐥囩姸鐨勪复搴婅〃鐜般��</p>
+          <p class="preface">鈽嗕簡瑙e┐骞煎効甯歌鐥囩姸鐨勭梾鍥犮��</p>
+          <p class="preface">鈽嗚兘鍒╃敤鎵�瀛︾煡璇嗗強鏃跺彂鐜板┐骞煎効鎮g梾锛屽苟鑳藉垵姝ヨ繘琛屽鐞嗐��</p>
+          <p><img class="rwmb-1" alt="" src="../../assets/images/bgImage/swdt.jpg"/></p>
+          <p class="center openImgBox">
+            <img class="img-0" alt="" src="../../assets/images/0027-03.jpg" />
+          </p>
+        </div>
+      </div>
+    </div>
+    <!-- P15 -->
+    <div class="page-box" page="24">
+      <div v-if="showPageList.indexOf(24) > -1">
+        <div class="bodystyle">
+          <p><img class="rwmb-1" alt="" src="../../assets/images/bgImage/dr.jpg"/></p>
+          <p class="center preface">鑾夎帀鎬庝箞浜嗭紵</p>
+          <p class="preface">涓崍锛屽皬鏈嬪弸浠湪鍗堢潯锛屽垬鑰佸笀宸℃煡鏃跺彂鐜拌帀鑾夎劯鑹插彂绾紝鍛煎惛蹇�佸枠姘斿0闊崇矖锛岃刀绱ф懜鎽歌帀鑾夊悗鑳岋紝鍙戠幇濂硅韩涓婂緢鐑紝鑾夎帀鍒板簳鎬庝箞浜嗭紵鑰佸笀搴旇鎬庝箞鎶ょ悊鍛紵</p>
+          <div class="secondTitle"><h2>绗竴鑺� 濠村辜鍎挎偅鐥呯殑鏃╂湡杩硅薄</h2></div>
+          <p >濠村辜鍎挎偅鐥呭悗锛屽湪鏃ュ父鐢熸椿鐨勮澶氭柟闈紝濡傛儏缁�佽繘椋熴�佺帺鑰嶃�佺潯鐪犮�佸ぇ灏忎究绛夛紝浼氬嚭鐜板紓甯稿弽搴斻�傚鍙戠幇濠村辜鍎挎湁鐢熺梾鐨勮抗璞★紝搴斾簣浠ラ噸瑙嗐�傝嫢鐥呮儏涓嶉噸锛屽彲鏆傛椂鍦ㄥ鎴栧湪骞煎効鍥瀵燂紝缁欎簣閫傚綋澶勭悊銆傝嫢鐥呮儏鎸佺画涓嶇紦瑙f垨鑰呭姞閲嶏紝搴斿強鏃跺幓鍖婚櫌璇婃不銆�</p>
+          <p >濠村辜鍎挎偅鐥呯殑鏃╂湡杩硅薄鍙粠鎯呯华鍜岃涓恒�佺簿绁炲拰琛ㄦ儏銆侀娆层�侀闈㈠拰鐨偆銆佸懠鍚搞�佺潯鐪犮�佷綋娓╀互鍙婂ぇ灏忎究鐨勬敼鍙樼瓑杩涜瑙傚療鍜屾鏌ャ��</p>
+          <h3>涓�銆佹儏缁拰琛屼负鐨勬敼鍙�</h3>
+          <p >鍋ュ悍鐨勫┐骞煎効绮剧楗辨弧锛屽弻鐪兼湁绁烇紝涓嶇埍鍝椆銆傚鏋滃┐骞煎効鐑﹁簛涓嶅畨銆侀潰鑹插彂绾€�佸彛鍞囧共鐕ワ紝澶у鏄彂鐑殑琛ㄧ幇锛涘鏋滃┐骞煎効鐩厜鍛嗘粸銆佷袱鐪煎彂鐩淬�佷袱鎵嬫彙鎷筹紝鍙兘鏄娊鎼愮殑棰勫厗锛涘鏋滀袱鑵垮眻鏇诧紝鏈夐樀鍙戞�у摥闂广�佺炕婊氾紝鍙兘鏄吂鐥涚殑琛ㄧ幇锛涘鏋滃彨涓嶉啋銆佸憰鍚愩�佽剸瀛愬彂纭紝鍙兘鏄剳鐐庣殑鐥囩姸锛涘鏋滅潯鐪犳椂鍝椆涓嶆锛屾椂甯告憞澶淬�佹姄鑰筹紝鍙戠儹锛屽彲鑳芥槸鎮d簡澶栬�抽亾鐐庛�佹箍鐤规垨涓�崇値銆�</p>
+          <h3>浜屻�佺簿绁炲拰琛ㄦ儏鐨勬敼鍙�</h3>
+          <p >鍋ュ悍鐨勫┐骞煎効娲诲姏鍥涘皠锛屾椿娉煎ソ鍔紝瀵瑰懆鍥寸幆澧冨拰浜嬬墿鍏呮弧浜嗗叴瓒o紱鑰屾偅鐥呭悗鍒欎細琛ㄧ幇鍑烘病鏈夌簿绁烇紝涓嶇埍鍔紝涓嶇埍鐜╋紝鐤插�﹀棞鐫★紝鎴栬�呯儲韬佷笉瀹夈�佸摥闂圭瓑绮剧鏂归潰鐨勫紓甯搞�傚仴搴风殑濠村辜鍎跨溂绁炵伒娲伙紝澹伴煶娲寒锛岀簿绁為ケ婊★紱鑰屾偅鐥呭悗甯稿父鐪肩鍛嗘粸锛屾棤绁烇紝鏈夋椂浼氱洴鐫�涓�澶勭湅锛屾湁灏栧0鍝椆绛夌幇璞°��</p>
+          <h3>涓夈�侀娆茬殑鏀瑰彉</h3>
+          <p >鑻ュ┐骞煎効骞虫椂椋熸寰堝ソ锛岀獊鐒堕娆蹭笉鎸紝浼寸簿绁炰笉浣筹紝鍙兘鏄嚭鐜板彂鐑紝闇�瑕佹祴閲忎綋娓┿�傝吂鑳�銆佹墦鍡濄�佹斁灞侊紝涓旀皵鍛抽吀鑷紝鍙兘鏄秷鍖栦笉鑹�傛嫆椋熸垨椋熷悗鍝椆锛屼笖鍙f按澶氾紝鍙兘鏄偅浜嗗彛鑵旂柧鐥咃紝濡傚彛鑵旀簝鐤℃垨鑰呯柋鐤规�у彛鑵旂値銆傝鍘屾补鑵婚鐗╋紝鍒欒鑰冭檻鐥呮瘨鎬ц倽鐐庛�傚悆寰楀銆佸枬寰楀銆佸翱寰楀锛屼絾浣撻噸涓嬮檷鏄庢樉锛屽悓鏃剁毊鑲ょ粡甯�</p>
+        </div>
+        <div class="header-r1">
+          <img class="img-0" alt="" src="../../assets/images/bgImage/C.png"/>
+        </div>
+        <div class="header-r">
+          <img class="img-0" alt="" src="../../assets/images/bgImage/C2.png"/>
+          <div class="page-r">15</div>
+        </div>
+      </div>
+    </div>
+
+    <!-- P16 -->
+    <div class="page-box" page="25">
+      <div v-if="showPageList.indexOf(25) > -1">
+        <div class="bodystyle">
+          <p class="td-0">鏈夋劅鏌擄紝鍙兘鏄硸灏跨梾銆傞闈㈠強鍙e攪娆犵孩娑︼紝鍙兘鏄传琛�锛岄渶瑕佸幓鍖婚櫌鍖栭獙琛�甯歌銆傞娆蹭笉濂戒即澶村彂鑴辫惤銆侀鐥涚瓑锛岃鑰冭檻缁寸敓绱燗鍜岀淮鐢熺礌D鎽勫叆杩囬噺寮曡捣鐨勪腑姣掞紝杩欏父甯告槸瀹堕暱鐩茬洰璁╁┐骞煎効瓒呴噺鏈嶇敤楸艰倽娌规墍鑷淬�傚鏋滃┐骞煎効鏈夌埍鍚冨鐨�佹偿鍦熴�佸ご鍙戙�佺焊寮犵瓑寮傞鐧栫棁鐘讹紝鍙兘鏄偁閬撻挬铏梾鎴栫己閿屾墍鑷淬��</p>
+          <h3>鍥涖�侀闈㈠拰鐨偆鐨勬敼鍙�</h3>
+          <p >鍋ュ悍鐨勫┐骞煎効闈㈣壊绾㈡鼎锛岀毊鑲ゅ厜婊戙�佹俯鏆栥�佹煍瀚┿�佷笉骞茬嚗銆佷笉娌硅吇锛屾病鏈夊彂绾㈠拰鐮存崯锛屾病鏈夌毊鐤广�佽偪鍧椼�佺榾鏂戠瓑琛ㄧ幇锛岃�屼笖瀵瑰喎鐑拰瑙︽懜绛夊埡婵�鍙嶅簲鏁忔劅銆傚鏋滃嚭鐜颁互涓嬭〃鐜帮紝鎻愮ず鍙兘鎮g梾銆�</p>
+          <p >鐨偆鍙戠櫧銆佸彂鍑夈�佸姹楋紝鍙兘鏄紤鍏嬫垨铏氳劚绛夋墍鑷达紱闈㈣壊鑻嶇櫧鎴栧彂榛勶紝缈诲紑涓嬬溂鐫戜篃鏄庢樉鍙戠櫧銆佺己灏戣鑹诧紝澶氭槸璐鐨勮〃鐜般�傚珐鑶溿�佺毊鑲ゅ強鍏朵粬缁勭粐琚煋鎴愰粍鑹诧紝甯歌浜庣梾姣掓�ц倽鐐庛�傚┐骞煎効鍓х儓娲诲姩鍚庢垨鍏村婵�鍔ㄦ椂锛屽彲鍑虹幇鐢熺悊鎬ч潰鑹插彂绾€�佺伡鐑殑鍙樺寲锛屼紤鎭悗鍙仮澶嶃�傚鏋滄寔缁彂绾紝鍙兘鏄珮鐑垨鑰呬竴姘у寲纰充腑姣掋�傜毊鑲ゅ拰榛忚啘鍛堢幇闈掔传鑹叉敼鍙橈紝姣斿鐢插簥銆佽�宠疆銆侀蓟灏栥�佸彛鍞囩瓑澶勯潚绱紝澶氳浜庝弗閲嶆敮姘旂鑲虹値鎴栬�呭厛澶╂�у績鑴忕梾銆傜毊鑲ゅ嚭姹楀銆佹疆婀匡紝甯歌浜庣粨鏍哥梾鍜屼綕鍋荤梾銆傜毊鑲ゆ湁鐨柟锛屽瑙佷簬鐥呮瘨鍜岀粏鑿屾劅鏌撴�х柧鐥咃紝姣斿姘寸棙銆佺尒绾㈢儹銆佹墜瓒冲彛鐥呯瓑锛涙垨鑰呰繃鏁忔�х柧鐥咃紝姣斿鑽ㄩ夯鐤广�佺壒搴旀�х毊鐐庣瓑銆傜溂缁撹啘鍏呰銆侀粡鑶滃彂绾€�佹湁鍒嗘硨鐗╋紝鍙兘鏄粨鑶滅値鎴栬�呰鑶滅値銆�</p>
+          <h3>浜斻�佸懠鍚哥殑鏀瑰彉</h3>
+          <p >鍋ュ悍鐨勫┐骞煎効鐨勫懠鍚稿钩绋筹紝闈㈣壊绾㈡鼎銆傚鏋滃懠鍚稿绮椼�佸蹇紝闈㈤儴鍙戠孩锛屽彲鑳芥槸鍙戠儹鐨勮〃鐜帮紱寮犲彛鍛煎惛锛岄蓟闊抽噸锛屽鏄蓟濉炵殑琛ㄧ幇锛涘懠鍚告�ヤ績銆侀蓟缈兼墖鍔ㄣ�佸彛鍞囧彂闈掞紝鎻愮ず鍙兘鎮h偤鐐庯紱鍛煎惛鍥伴毦銆佸枆楦c�佺姮鍚犳牱鍜冲椊锛屽彲鑳芥槸鎬ユ�у枆鐐庣殑琛ㄧ幇锛涘懠鍚告�ヤ績銆佸彛鍞囧彂闈掋�佸洓鑲㈡棤鍔涳紝鎻愮ず鍙兘鏄績鑴忔柟闈㈢殑鐤剧梾锛涚簿绁炲樊銆佺偣澶村懠鍚搞�佸懠鍚歌垂鍔涖�佸彛鍞囧彂闈掞紝杩欐槸鍛煎惛鍥伴毦鐨勮〃鐜帮紝闇�瑕佸強鏃堕�佸尰闄€��</p>
+          <h3>鍏�佺潯鐪犵殑鏀瑰彉</h3>
+          <p >鍋ュ悍鐨勫┐骞煎効涓婂簥鍚庡緢蹇叆鐫★紝鐫″緱瀹夌ǔ锛屼笉鎵撳懠鍣滐紝韬笂鍙兘浼氭湁寰井鍑烘睏銆傚鏋滃叆鐫″洶闅炬垨鐫$湢涓嶅畨銆佸棞鐫★紝澶氭彁绀虹柧鐥呫�傜潯鍓嶇儲韬佷笉瀹夛紝鐫″悗闈㈣壊鍙戠孩锛屽懠鍚告�ヤ績锛屾槸鍙戠儹鐨勮〃鐜帮紱鐫$湢涓嶇ǔ锛屼即榧诲銆佸挸鍡姐�佸懠鍚稿枠鎲嬶紝鏄偤鐐庣殑琛ㄧ幇锛涘叆鐫″墠鐢ㄦ墜鎶撹倹闂ㄥ锛屽父鏄倹鍛ㄦ湁铔茶櫕鐨勮〃鐜帮紱鐫″悗澶ф睏娣嬫紦锛屽鏄綕鍋荤梾鐨勬棭鏈熻〃鐜帮紱鍡滅潯銆佷笉鏄撳彨閱掞紝澶氭彁绀鸿剳閮ㄥ紓甯革紝鍙浜庤剳鑶滅値銆佽剳鐐庣殑鏃╂湡闃舵锛涚潯鐪犱即鍛煎櫆澹帮紝鐢氳嚦鍑虹幇鍛煎惛鏆傚仠锛屾槸鑵烘牱浣撹偉澶х殑琛ㄧ幇銆�</p>
+
+        </div>
+        <div class="header-l">
+          <img class="img-0" alt="" src="../../assets/images/bgImage/CH.png"/>
+          <div class="page-l">16</div>
+        </div>
+      </div>
+    </div>
+    <!-- P17-->
+    <div class="page-box" page="26">
+      <div v-if="showPageList.indexOf(26) > -1">
+        <div class="bodystyle">
+          <h3>涓冦�佷綋娓╃殑鏀瑰彉</h3>
+          <p >浜虹殑浣撴俯涓昏鍙椾綋娓╄皟鑺備腑鏋㈢殑璋冩帶锛屼娇鏈轰綋浜х儹鍜屾暎鐑繃绋嬩繚鎸佸姩鎬佸钩琛★紝淇濇寔浣撴俯鍦ㄧ浉瀵规亽瀹氱殑鑼冨洿鍐呫�傚┐骞煎効鏂伴檲浠h阿姣旀垚浜虹浉瀵规椇鐩涳紝浣撴俯璋冭妭涓灑灏氭湭鍙戣偛瀹屽杽锛屾甯镐綋娓╄緝鎴愪汉楂橈紝涓�鑸湪36鈩冿綖37.4鈩冧箣闂存尝鍔ㄣ�傛甯镐綋娓╁湪涓嶅悓涓綋涔嬮棿鏈夌暐寰樊寮傦紝杩樺彈鏈轰綋鍐呭鍥犵礌鐨勫奖鍝嶈�屾尝鍔ㄣ�備釜浣撹嚜韬湪鏄煎涔嬮棿浣撴俯涔熸湁涓�瀹氭尝鍔紝涓嬪崍浣撴俯杈冩棭鏅ㄧ◢楂橈紝楗銆佸摥闂广�佸墽鐑堣繍鍔ㄣ�佺┛琛h繃鍘氥�佸娓╄繃楂樸�佹儏缁尝鍔ㄧ瓑鍧囧彲浣夸綋娓╂殏鏃舵�у崌楂橈紝浣嗕竴鏄煎浣撴俯娉㈠姩涓�鑸笉瓒呰繃1鈩冦��</p>
+          <p >濠村辜鍎夸綋娓╃殑寮傚父鍙樺寲澶氭槸浣撴俯鍗囬珮锛屽嵆鍙戠儹銆傚彂鐑細鍚姩韬綋鐨勫厤鐤郴缁燂紝鍙互甯姪濠村辜鍎挎姷鎶椾綋鍐呮劅鏌擄紝鏄韩浣撶殑淇濇姢鏈哄埗涔嬩竴銆傞�氬父浣撴俯鍦�38.5鈩冧互涓嬫椂锛屼笉鐢ㄨ繘琛岃嵂鐗╅檷娓╋紝鍙鍠濇按锛屾敞鎰忎紤鎭�備絾濡傛灉绮剧涓嶅ソ锛屽摥闂癸紝鑴歌壊鑻嶇櫧鍙戠伆锛岀敋鑷冲嚭鐜版儕鍘ャ�佸洓鑲㈠彂鍑夈�佺毊鑲ゅ彂鑺憋紝浣撴俯鎸佺画鍦�38.5鈩冧互涓婏紝瑕佸強鏃堕�佸線鍖婚櫌娌荤枟銆�</p>
+          <h3>鍏�佸ぇ渚跨殑鏀瑰彉</h3>
+          <p >姝e父鐨勫ぇ渚挎�х姸鍜岄鐗╂湁鍏筹紝涓�鑸负鎴愬舰杞究锛屽憟榛勮鑹叉垨鑰呮榛勮壊锛屼富瑕佹槸椋熺墿娈嬫福銆佽劚钀界殑鑲犻粡鑶滅粏鑳炪�佺粏鑿屼互鍙婃満浣撲唬璋㈠簾鐗╁拰灏戦噺榛忔恫銆傚鏋滃嚭鐜拌吂娉绘垨渚跨绛変笉姝e父琛ㄧ幇锛岃鏄庡┐骞煎効韬綋鍑轰簡闂銆傚┐骞煎効鍙戠敓鑵规郴鐨勫師鍥犲簲鏍规嵁澶т究鐨勬�ц川杩涜鍒ゆ柇锛氬ぇ渚垮憟铔嬭姳姹ゆ牱銆佺█姘存牱鎴栫櫧鑹茬背姹ゆ牱锛屽鏁版槸鐥呮瘨鎬ц偁鐐庯紱澶т究鍛堣創琛�渚匡紝澶氭暟鏄粏鑿屾�ц吂娉荤敋鑷崇粏鑿屾�х棦鐤撅紱澶т究琛ㄩ潰鏈夐矞琛�锛屽彲鑳芥槸鐥旂柈鎴栬�呰倹瑁傦紱澶т究鍛堥粦鑹叉煆娌规牱锛屾彁绀轰笂娑堝寲閬撳嚭琛�锛涘ぇ渚垮憟绾㈣壊鏋滈叡鏍凤紝浼撮樀鍙戞�ц吂鐥涖�佸憰鍚愶紝鎻愮ず鑲犲鍙狅紱澶т究鍛堢櫧闄跺湡鏍凤紝浼村皬渚块鑹叉繁锛屾彁绀鸿儐閬撴闃汇�傚ぇ澶氭暟渚跨鏄秷鍖栧姛鑳戒笉鎴愮啛銆佹帓渚胯涓轰範鎯笉濂藉鑷寸殑锛屽彧瑕佸鍚冮珮绾ょ淮鐨勯鍝佹垨钄彍锛屽吇鎴愬畾鏃舵帓渚夸範鎯紝渚跨澶氭暟浼氭秷澶便�傚鏋滄寔缁究绉橈紝鏈�濂藉挩璇㈠尰鐢燂紝鎺掗櫎鐢熺梾鐨勫彲鑳姐��</p>
+          <h3>涔濄�佸皬渚跨殑鏀瑰彉</h3>
+          <p >姝e父鐨勫翱娑叉竻鏅伴�忔槑锛屾贰榛勮嚦娣遍粍鑹层�傚翱閲忎釜浣撳樊寮傝緝澶э紝涓庨ギ姘撮噺鍜岄鐗╃殑鍚按閲忋�佸嚭姹楅噺鏈夊緢澶у叧绯汇�傚翱鐨勯鑹插嚭鐜版槑鏄惧紓甯革紝鎺掑翱娆℃暟銆佸翱閲忔敼鍙橈紝寰�寰�鎻愮ず鐩稿叧鐤剧梾锛氬鏋滃翱鑹插憟娲楄倝姘存牱鎴栬�呮贰绾㈣壊浜戦浘鐘舵垨娣锋湁琛�鍑濆潡锛屽瑙佷簬鎬ユ�ц偩鐐庛�佽緭灏跨缁撶煶銆佹硨灏跨郴缁熸劅鏌撶瓑锛涘鏋滃翱鑹插憟姗橀粍鑹叉垨妫曠豢鑹诧紝澶氳浜庤倽鑳嗙柧鐥咃紝鎴栬�呭彛鏈嶄竴浜涜嵂鐗╁榛勮繛绱犵瓑鎵�鑷达紱濡傛灉灏挎恫鍛堟榛勮壊鎴栨祿鑼惰壊锛屾湁娉℃搏锛屼笖娉℃搏涔熷彂榛勶紝澶氳浜庨粍鐤稿瀷鑲濈値锛涘鏋滃翱鍛堜钩鐧借壊锛屽唴娣锋湁鑴撴恫锛屽悓鏃舵湁灏挎�ャ�佸翱</p>
+        </div>
+        <div class="header-r1">
+          <img class="img-0" alt="" src="../../assets/images/bgImage/C.png"/>
+        </div>
+        <div class="header-r">
+          <img class="img-0" alt="" src="../../assets/images/bgImage/C2.png"/>
+          <div class="page-r">17</div>
+        </div>
+
+      </div>
+    </div>
+    <!-- P18 -->
+    <div class="page-box" page="27">
+      <div v-if="showPageList.indexOf(27) > -1">
+        <div class="bodystyle">
+          <p class="td-0">棰戙�佸翱鐥涚瓑锛屾彁绀烘硨灏跨郴缁熸劅鏌擄紱濡傛灉灏块噺鍑忓皯浼翠笂鐪肩潙姘磋偪锛屽挨鍏舵槸鏅ㄨ捣鐪艰偪锛屽父鏄偩鑴忕柧鐥呭鑲剧梾缁煎悎寰佺殑琛ㄧ幇锛涘鏋滃翱閲忓噺灏戜即鑵规郴銆佺毊鑲ゅ共鐕ワ紝鎻愮ず鑴辨按銆傚鏋滃皯灏夸即鐑︽复銆佸楗紝澶氳浜庡翱宕╃棁銆�</p>
+          <h3>鍗併�佺柤鐥�</h3>
+          <p >濠村辜鍎挎偅鐥呮椂锛屽父浼氬彂鐢熷眬閮ㄦ垨鍏ㄨ韩涓嶉�傦紝鐢氳嚦鍑虹幇鐤肩棝锛屼互鑵圭棝銆佸ご鐥涘瑙併�傜柤鐥涙槸涓�绉嶄富瑙傛劅瑙夛紝骞撮緞杈冨ぇ骞煎効浼氳瘔璇达紝浣嗘弿杩颁笉娓呮銆傚┐骞煎効铏界劧鏃犳硶鍑嗙‘琛ㄨ堪锛屼絾澶氫細鐢ㄨ涓鸿〃鐜板嚭鏉ワ紝濡傚ご鐥涙椂浼氱敤鎵嬫墦澶存垨棰戠箒鎽囧ご锛涜吂鐥涙椂浼氬摥闂癸紝涓嶈澶т汉瑙︽懜鑲氬瓙銆�</p>
+          <h3>鍗佷竴銆佸叾浠栧紓甯告敼鍙�</h3>
+          <p >娣嬪反缁撹偪澶э紱鍙h厰寮傚懗锛岄粡鑶滃共鐕ャ�佸彂绾㈡垨鍑鸿銆佹簝鐤★紱鑸屽ご棰滆壊鏀瑰彉锛涘捊閮ㄥ彂绾紝鍚炲捊鍥伴毦锛涙墎妗冧綋鑲垮ぇ銆佸寲鑴擄紱鍔ㄨ�虫湹鏃剁柤鐥涳紝鑴撴恫娴佸嚭锛涢蓟鑵斿垎娉岀墿澧炲锛屾湁鍖栬創鎬у垎娉岀墿锛涚瓑绛夈��</p>
+          <div class="secondTitle"><h2>绗簩鑺� 濠村辜鍎垮父瑙佺棁鐘剁殑棰勯槻涓庢姢鐞�</h2></div>
+          <p >鐥囩姸鏄寚鎮e効涓昏涓婃劅鍙楀埌涓嶉�傛垨鐥涜嫤鐨勫紓甯告劅瑙夋垨鏌愪簺瀹㈣鐥呮�佹劅瑙夈�傜棁鐘舵槸璇婃柇鐤剧梾鐨勪緷鎹紝涔熸槸鍙嶆槧鐥呮儏鐨勯噸瑕佹寚鏍囥�傚┐骞煎効鐤剧梾鐥囩姸澶氭牱锛屽緢澶氭儏鍐典笅浼氬嚭鐜板悓鐥呭紓鐥囨垨寮傜梾鍚岀棁銆傝櫧鐒剁柧鐥呬笉鍚岋紝浣嗘槸鍚岀鐥囩姸鍦ㄦ姢鐞嗘帾鏂戒笂鏈夌浉浼间箣澶勶紝绉颁负瀵圭棁鎶ょ悊銆備絾鏄鐪熸娑堥櫎鐥囩姸锛屽繀椤绘壘鍒扮梾鍥犲苟閽堝鐥呭洜杩涜娌荤枟銆傚┐骞煎効甯歌鐥囩姸鍙婂叾鎶ょ悊濡備笅銆�</p>
+          <h3>涓�銆佸彂鐑�</h3>
+          <p >鍙戠儹鏄寚鏈轰綋鍦ㄥ悇绉嶅師鍥犵殑浣滅敤涓嬶紝浣撴俯璋冭妭涓灑鐨勫姛鑳藉彂鐢熼殰纰嶏紝鏈轰綋浜х儹澧炲姞鑰屾暎鐑噺灏戯紝浣撴俯瓒呰繃姝e父鑼冨洿銆傚彂鐑鏈轰綋鏃㈡湁淇濇姢浣滅敤涔熸湁涓嶅埄鐨勪竴闈€�備竴鏂归潰锛屼綋娓╁湪涓�瀹氳寖鍥村唴鍗囬珮锛岃兘澧炲己鏈轰綋鎶楀尽鑳藉姏锛屽寮虹壒寮傚厤鐤弽搴斻�傚彟涓�鏂归潰锛岄珮鐑鏈轰綋涔熸湁寰堝涓嶈壇褰卞搷銆備緥濡傦紝楂樼儹浼氫娇鍚勭钀ュ吇绱犵殑浠h阿澧炲姞锛屽鍔犳満浣撹�楁哀閲忋�備綋娓╂瘡鍗囬珮1鈩冿紝鍩虹浠h阿澧炲姞13%锛岃繃澶氱殑姘村垎涓уけ鍙嚧鑴辨按銆佺數瑙h川绱婁贡銆佸績鎼忓姞蹇�佸績琛�绠¤礋鎷呭姞閲嶃�傞珮鐑繕浼氬楂橀鍐呭帇锛屼綋娓╂瘡涓婂崌1鈩冿紝棰呭唴琛�娴侀噺澧炲姞8%锛屽ぇ鑴戠毊灞傝繃搴﹀叴濂嬶紝浼氬嚭鐜扮儲韬併�佸ご鐥涙垨楂樼儹鎯婂帴锛屼弗閲嶈�呭彲鍑虹幇璋佃銆佹槒鐫°�佹槒杩枫�佸憰鍚愬強鑴戞按鑲裤��</p>
+
+        </div>
+        <div class="header-l">
+          <img class="img-0" alt="" src="../../assets/images/bgImage/CH.png"/>
+          <div class="page-l">18</div>
+        </div>
+      </div>
+    </div>
+    <!-- P19 -->
+    <div class="page-box" page="28">
+      <div v-if="showPageList.indexOf(28) > -1">
+        <div class="bodystyle">
+          <div class="img-rights">
+            <img class="img-0" alt="" src="../../assets/images/bgImage/bg7.jpg"/>
+            <div class="content1">
+              <p class="tsTitle">灏忚创澹�</p>
+              <p class="tsContent">澶忓浣庣儹锛氫綆鐑彂鐢熶簬澶忓锛岀鍑夊悗鑷閫�鐑紝姣忓勾濡傛鍙嶅鍑虹幇锛岃繛缁暟骞村悗澶氬彲鑷剤銆傚瑙佷簬骞煎効锛屽洜浣撴俯璋冭妭涓灑鍔熻兘涓嶅畬鍠勶紝澶忓韬綋铏氬急锛屼笖澶氬彂鐢熶簬钀ュ吇涓嶈壇鎴栬剳鍙戣偛涓嶅叏鑰呫��</p>
+            </div>
+          </div>
+          <h4>锛堜竴锛夊彂鐑殑鐥呭洜</h4>
+          <p >鍙戠儹鐨勭梾鍥犲垎涓烘劅鏌撴�т笌闈炴劅鏌撴�т袱澶х被锛屽叾涓互鎰熸煋鎬у彂鐑渶甯歌銆�</p>
+          <p >1锛庢劅鏌撴�у彂鐑�</p>
+          <p >鍚勭鐥呭師浣撳缁嗚弻銆佺梾姣掋�佹敮鍘熶綋銆佺湡鑿屻�佸瘎鐢熻櫕绛夊紩璧锋�ユ�ф垨鎱㈡�ф劅鏌擄紝灞�閮ㄦ�ф垨鍏ㄨ韩鎬ф劅鏌撳潎鍙紩璧峰彂鐑��</p>
+          
+          <p >2锛庨潪鎰熸煋鎬у彂鐑�</p>
+          <p >闈炴劅鏌撴�у彂鐑梾鎯呮洿澶嶆潅锛岃瘖鏂洿鍔犲洶闅撅紝甯告湁浠ヤ笅鍘熷洜锛氱粍缁囩牬鍧忔垨鍧忔锛屽澶у瀷鎵嬫湳鍚庣粍缁囨崯浼ゃ�佸ぇ闈㈢Н鐑т激绛夈�傚彉鎬佸弽搴旀�х柧鐥咃紝濡傞婀跨梾銆佺粨缂旂粍缁囩梾銆佽嵂鐗╃儹绛夈�備骇鐑繃澶氬拰锛堟垨锛夋暎鐑噺灏戯紝濡傜敳鐘惰吅鍔熻兘浜㈣繘銆佷弗閲嶈劚姘淬�佸け琛�杩囧銆佸厛澶╂�ф睏鑵虹己涔忕棁绛夈�傜櫕鐥寔缁姸鎬佸彲寮曡捣鍙戠儹锛屾槸浜х儹杩囧鎵�鑷淬�備綋娓╄皟鑺備腑鏋㈠姛鑳藉け璋冿紝濡備腑鏆戙�佽剳闇囪崱銆佽剳鍑鸿绛夈�傝嚜涓荤缁忓姛鑳界磰涔憋紝濡傛劅鏌撴不鎰堝悗浠嶆湁浣庣儹銆佸瀛d綆鐑�傝娑茬梾锛屽鐧借鐥呫�佹穻宸寸槫銆佹伓鎬х粍缁囩粏鑳炵梾绛夈�傜敓鐞嗘�т綆鐑紝濡傜簿绁炵揣寮犮�佸墽鐑堣繍鍔ㄣ�佸摥闂瑰悗銆�</p>
+          <h4>锛堜簩锛夊彂鐑殑鍒嗗害</h4>
+          <p >浠ヨ厠绐濇俯搴︿负鍑嗭紝姘撮摱娓╁害璁℃祴閲�5锝�10鍒嗛挓銆備綆鐑細37.4鈩冿綖38.0鈩冦�備腑绛夊害鐑細38.1鈩冿綖39.0鈩冦�傞珮鐑細39.1鈩冿綖41.0鈩冦�傝秴楂樼儹锛�41.0鈩冧互涓娿��</p>
+          <h4>锛堜笁锛夊彂鐑殑杩囩▼鍜岀壒鐐�</h4>
+          <p >鍙戠儹涓�鑸垎涓轰互涓嬩笁涓樁娈点��</p>
+          <p >1锛庝綋娓╀笂鍗囨湡</p>
+          <p >姝ゆ湡鐨勭壒鐐规槸鏈轰綋浜х儹澶т簬鏁g儹锛屽鑷翠綋娓╀笂鍗囥�傛偅鍎垮父鏈夌柌涔忔棤鍔涖�佽倢鑲夐吀鐥涖�佺毊鑲よ媿鐧姐�佹棤姹椼�佹�曞喎鎴栧瘨鎴樼瓑鐜拌薄銆備骇鐑拰鏁g儹杩囩▼鍦ㄨ緝楂樻按骞充笂淇濇寔鐩稿骞宠 銆傞珮鐑寔缁椂闂撮暱鐭笉涓�锛屽鐤熺柧寮曡捣鐨勯珮鐑彲鎸佺画鏁板皬鏃讹紝澶у彾鎬ц偤鐐庛�佹祦琛屾�ф劅鍐掑紩璧风殑楂樼儹鍙寔缁暟澶┿�傛偅鍎垮父鏈夌毊鑲ゅ彂绾即鐏肩儹鎰燂紝鍛煎惛鍔犲揩鍔犳繁锛岀晱瀵掋�佸瘨鎴樻秷澶便��</p>
+          <p >浣撴俯涓婂崌鏈変袱绉嶅舰寮忋�傗憼楠ゅ崌鍨嬶細浣撴俯鍦ㄦ暟灏忔椂鍐呰揪39鈩冪敋鑷�40鈩冧互涓婏紝浼存湁瀵掓垬銆傛槗寮曡捣濠村辜鍎块珮鐑儕鍘ャ�傚父瑙佷簬澶у彾鎬ц偤鐐庛�佽触琛�鐥囥�佹祦琛屾�ф劅鍐掔瓑銆傗憽缂撳崌鍨嬶細浣撴俯閫愭笎涓婂崌锛屽湪鏁版棩鍐呰揪鍒伴珮宄帮紝澶氫笉浼村瘨鎴樸�傚父瑙佷簬缁撴牳鐥呫�佷激瀵掔瓑銆�</p>
+          <p >2锛庝綋娓╀笅闄嶆湡</p>
+          <p >姝ゆ湡鐨勭壒鐐规槸浜х儹鐩稿鍑忓皯锛屾暎鐑ぇ浜庝骇鐑紝浣撴俯闄嶈嚦姝e父姘村钩銆傛偅鍎垮父鏈夊嚭</p>
+
+        </div>
+        <div class="header-r1">
+          <img class="img-0" alt="" src="../../assets/images/bgImage/C.png"/>
+        </div>
+        <div class="header-r">
+          <img class="img-0" alt="" src="../../assets/images/bgImage/C2.png"/>
+          <div class="page-r">19</div>
+        </div>
+      </div>
+    </div>
+    <!-- P20 -->
+    <div class="page-box" page="29">
+      <div v-if="showPageList.indexOf(29) > -1">
+        <div class="bodystyle">
+          <p class="td-0">姹楀銆佺毊鑲ゆ疆婀跨幇璞°�傚洜澶ч噺鍑烘睏浣撴恫涓㈠け锛岃嫢涓嶅強鏃惰ˉ鍏呮按鍒嗗鏄撳嚭鐜拌鍘嬩笅闄嶃�佽剦鎼忕粏閫熴�佸洓鑲㈠彂鍐风瓑铏氳劚鎴栦紤鍏嬬幇璞°��</p>
+          <p >浣撴俯涓嬮檷涔熸湁涓ょ褰㈠紡銆傗憼楠ら檷鍨嬶細浣撴俯鍦ㄦ暟灏忔椂鍐呰繀閫熶笅闄嶈嚦姝e父锛屾湁鏃跺彲鐣ヤ綆浜庢甯革紝甯镐即鏈夊ぇ姹楁穻婕撱�傚父瑙佷簬鐤熺柧銆佸ぇ鍙舵�ц偤鐐庣瓑銆傗憽娓愰檷鍨嬶細浣撴俯鍦ㄦ暟澶╁唴閫愭笎闄嶈嚦姝e父銆傚父瑙佷簬浼ゅ瘨銆侀婀跨儹绛夈��</p>
+          <h4>锛堝洓锛夊彂鐑殑浼撮殢鐥囩姸</h4>
+          <p >浼村瘨鎴橈紝瑙佷簬澶у彾鎬ц偤鐐庛�佽触琛�鐥囥�佺枱鐤俱�佹祦琛屾�ц剳鑴婇珦鑶滅値绛夈�備即缁撹啘鍏呰锛岃浜庣粨鑶滅値銆侀夯鐤广�佹祦琛屾�у嚭琛�鐑瓑銆備即娣嬪反缁撹偪澶э紝瑙佷簬浼犳煋鎬у崟鏍哥粏鑳炲澶氱棁銆佹穻宸寸槫绛夈�備即鑲濊劸鑲垮ぇ锛岃浜庝紶鏌撴�у崟鏍哥粏鑳炲澶氱棁銆佺櫧琛�鐥呫�佺梾姣掓�ц倽鐐庛�佺粨缂旂粍缁囩梾绛夈�備即鍑鸿锛岃浜庨噸鐥囨劅鏌撱�佺梾姣掓�ц倽鐐庛�佽触琛�鐥囩瓑銆備即鍏宠妭鑲跨棝锛岃浜庤触琛�鐥囥�佺尒绾㈢儹銆侀婀跨儹绛夈�備即鐨柟锛岃浜庨夯鐤广�佹按鐥樸�佺尒绾㈢儹绛夈�備即鏄忚糠锛岃浜庝腑鏆戙�佷腑姣掓�ц弻鐥€�佹祦琛屾�т箼鍨嬭剳鐐庣瓑銆�</p>
+          <h4>锛堜簲锛夊彂鐑殑鎶ょ悊</h4>
+          <p >鍙戠儹锛屽挨鍏舵槸楂樼儹瀵瑰┐骞煎効鏈轰綋鏈夌潃寰堝ぇ鐨勫奖鍝嶏紝鍙娇蹇冭烦鍔犲揩锛屼唬璋㈠鍔狅紝鑰楁哀閲忎篃鐩寸嚎涓婂崌锛涗娇澶ц剳杩囧害鍏村锛屼骇鐢熺儲韬併�佹儕鍘ワ紝涔熷彲杩囧害鎶戝埗寮曡捣鏄忕潯銆佹槒杩凤紱杩樺彲浣挎秷鍖栭亾娑堝寲娑插垎娉屽噺灏戯紝娑堝寲閰舵椿鍔涢檷浣庯紝鑳冭偁杩愬姩鍑忔參锛岃�岃嚧椋熸涓嶆尟銆佽吂鑳�銆佷究绉樼瓑鐥囩姸鍑虹幇銆傛墍浠ワ紝褰撳┐骞煎効鍙戠儹鏃讹紝瑕佷粠浠ヤ笅鍑犳柟闈㈣繘琛屾姢鐞嗐��</p>
+          <p >1锛庡畾鏃舵祴閲忎綋娓�</p>
+          <p >涓�鑸瘡4灏忔椂娴嬩竴娆°�傚鏄�40鈩冧互涓婅秴楂樼儹锛屾垨鏈夐珮鐑儕鍘ュ彶鍙婂叾浠栫壒娈婃儏鍐碉紝闇�姣�1锝�2灏忔椂娴嬮噺涓�娆′綋娓┿�傝嫢缁欎簣閫�鐑鐞嗭紝搴旇瀵熸湁鏃犱綋娓╅闄嶏紝鍙湪1灏忔椂鍚庢祴浣撴俯锛屼互瑙傚療浣撴俯鍔ㄦ�佸彉鍖栥�傚鍙戠幇浣撴俯鏄捐憲涓嬮檷锛屼笖鏈夊ぇ閲忓嚭姹椼�佸叏韬棤鍔涚瓑鐜拌薄锛屽ぇ澶氭槸閫�鐑繃搴﹀紩璧疯櫄鑴便�傛鏃讹紝搴旀敞鎰忕粰鎮e効澶氶ギ娓╂按锛屽繀瑕佹椂闇�鍒板尰闄㈤潤鑴夎ˉ娑层�傝繛缁彂鐑�2鍛ㄤ互涓婃椂锛岄渶瀹氭椂锛堜竴鑸棭銆佷腑銆佹櫄鍚勪竴娆★級娴嬮噺浣撴俯锛屽苟鍋氬ソ璁板綍锛屼緵鍖荤敓鍙傝�冦�傛澶栧皻闇�浠旂粏瑙傚療鏈夋棤鍏朵粬鐥囩姸锛屽鍜冲椊銆佸憰鍚愩�佽吂娉荤瓑銆�</p>
+          <p >2锛庨�傛椂闄嶆俯</p>
+          <p >鍙戠儹鏄満浣撴姷鎶楃柧鐥呯殑闃插尽鍔熻兘涔嬩竴銆傚洜姝わ紝涓嶅繀瀵规墍鏈夊彂鐑兘缁欎簣瀵圭棁澶勭悊銆傚綋楂樼儹瀵规満浣撳彲鑳戒骇鐢熶笉鑹奖鍝嶆垨鏃㈠線鏈夐珮鐑儕鍘ュ彶鑰咃紝搴斿強鏃剁粰浜堥檷娓╁鐞嗐�備竴鑸�38鈩冨乏鍙崇殑鍙戠儹锛屽┐骞煎効绮剧鑹ソ锛屾棤鍏朵粬寮傚父鐥囩姸锛屽彲涓嶅繀澶勭悊銆備絾濡傝秴杩�38鈩冿紝涓旀寔缁笉閫�鐑紝闇�闄嶆俯澶勭悊銆傞檷娓╃殑鏂规硶鏈変互涓嬪嚑绉嶃��</p>
+          <p >锛�1锛夌墿鐞嗛檷娓�</p>
+          <p >鍙牴鎹儏鍐甸�夌敤鍐拌銆佸啺婀挎暦銆佹俯姘存摝娴翠笁绉嶆柟娉曪紝璇﹁鈥滃彂鐑殑鎶ょ悊鎿嶄綔鎶�鏈�濄��</p>
+        </div>
+        <div class="header-l">
+          <img class="img-0" alt="" src="../../assets/images/bgImage/CH.png"/>
+          <div class="page-l">20</div>
+        </div>
+      </div>
+    </div>
+    <!-- P21 -->
+    <div class="page-box" page="30">
+      <div v-if="showPageList.indexOf(30) > -1">
+        <div class="bodystyle">
+          <p >锛�2锛夎嵂鐗╅檷娓�</p>
+          <p >涓栫晫鍗敓缁勭粐鎺ㄨ崘鐨勯�傚悎濠村辜鍎垮彛鏈嶇殑閫�鐑嵂鏄竷娲涜姮鍜屽涔欓叞姘ㄥ熀閰氥�傛湇鐢ㄩ��鐑嵂鍚庡楂樼儹涓嶉��锛�6灏忔椂鍚庡彲閲嶅浣跨敤閫�鐑嵂鐗┿�備絾鏄娉ㄦ剰鍓傞噺锛屼互闃茶繃閲忓紩璧峰嚭姹楄繃澶氬鑷磋櫄鑴便��</p>
+          <p >3锛庡眳瀹ょ幆澧�</p>
+          <p >灏嗘偅鍎垮畨鎺掑湪鑸掗�傘�佸畨闈欍�佹俯婀垮害閫傚疁銆侀�氶鑹ソ鐨勭幆澧冧腑浼戞伅锛屾敞鎰忎笉瑕佽瀵规祦椋庣洿鎺ュ惞鍒版偅鍎胯韩涓娿�傚畾鏃跺紑绐楅�氶锛屼繚鎸佸鍐呯┖姘旀柊椴溿��</p>
+          <p >4锛庤。鐗�</p>
+          <p >涓嶈杩囧鍖呰9锛屼互鍏嶅奖鍝嶆暎鐑紝寮曡捣浣撴俯鍐嶅害鍗囬珮鑰屽彂鐢熸儕鍘ャ�傚強鏃舵洿鎹㈡睏婀跨殑琛f湇鍜岃瑜ワ紝淇濇寔鐨偆娓呮磥銆�</p>
+          <p >5锛庨ギ椋�</p>
+          <p >鍙戠儹鏈熼棿灏介噺缁欐偅鍎垮悆涓�浜涙竻娣″鏄撴秷鍖栫殑椋熺墿锛屽皯鍚冩垨灏介噺涓嶅悆娌硅吇椋熷搧鍜屽惈绯栭噺杈冮珮鐨勯鍝侊紝钄彍姹ゃ�佹按鏋溿�佹灉姹佺瓑鍚按鍒嗚緝澶氱殑椋熷搧搴旈�傚綋琛ュ厖銆�</p>
+          <p >6锛庝紤鎭�</p>
+          <p >鍙戠儹鏃舵満浣撴秷鑰楄緝澶э紝鎵�浠ヨ娉ㄦ剰浼戞伅锛岄厡鎯呭噺灏戞椿鍔紝閬垮厤鍓х儓杩愬姩锛岄珮鐑偅鍎胯鍗у簥浼戞伅銆�</p>
+          <p >7锛庤ˉ鍏呮按鍒�</p>
+          <p >鍙戠儹鏃朵綋鍐呯殑姘村垎鏁e彂锛屽挨鍏舵槸鏈嶉��鐑嵂鍚庡彂姹楄繃澶氾紝浼氶�犳垚浣撳唴姘村垎鎹熷け銆傛墍浠ュ簲澶氶ギ娓╁紑姘村苟鍔犲皯閲忛鐩愶紝鏃㈠彲琛ュ厖姘村垎锛屽張浣垮皬渚垮澶氾紝淇冭繘浣撴俯涓嬮檷銆�</p>
+          <p >8锛庡彛鑵旀姢鐞�</p>
+          <p >楂樼儹鏃舵偅鍎垮斁娑插垎娉屽噺灏戯紝鑸屽強鍙h厰榛忚啘骞茬嚗锛屾湁鍒╀簬缁嗚弻鐨勭敓闀跨箒娈栵紝搴斿湪鍚冮キ鍓嶅悗鍙婃櫒璧风粰鎮e効鍠濇按鎴栨急鍙o紝鍙e攪骞茬嚗鐨勬秱鍞囨补淇濇姢銆�</p>
+          <p >9锛庡績鐞嗘姢鐞�</p>
+          <p >鑻ユ偅鍎垮嚭鐜板摥闂逛笉瀹夈�佺揣寮犵劍铏戞垨鎭愭儳锛屽簲璁╁叾琛ㄨ揪鎯呮劅锛岀粰浜堢簿绁炲畨鎶氾紝缂撹В涓嶈壇鎯呯华銆�</p>
+          <p >10锛庤瀵熺梾鎯�</p>
+          <p >鍦ㄦ姢鐞嗚繃绋嬩腑搴旀敞鎰忚瀵熸偅鍎跨殑鍙戠儹绋嬪害銆佷即闅忕棁鐘跺強浣撳緛銆佹不鐤楁晥鏋滐紝浠ュ強楗按閲忋�佽繘椋熼噺銆佸翱閲忕殑鍙樺寲銆傚楂樼儹鎮e効瑕佽瀵熸湁鏃犳儕鍘ワ紝骞剁粰浜堢浉搴旀姢鐞嗐��</p>
+          <h4>锛堝叚锛夊彂鐑殑鎶ょ悊鎿嶄綔鎶�鏈�</h4>
+          <p >1锛庣墿鐞嗛檷娓�</p>
+          <p >鈶犲啺琚嬶細灏嗗啺琚嬫斁鍦ㄥ墠棰濄�佽厠绐濄�佽倶绐濄�佽吂鑲℃矡绛夊ぇ鍔ㄨ剦缁忚繃涔嬪锛屾瘡娆℃斁缃�</p>          
+        </div>
+        <div class="header-r1">
+          <img class="img-0" alt="" src="../../assets/images/bgImage/C.png"/>
+        </div>
+        <div class="header-r">
+          <img class="img-0" alt="" src="../../assets/images/bgImage/C2.png"/>
+          <div class="page-r">21</div>
+        </div>
+      </div>
+    </div>
+    <!-- P22 -->
+    <div class="page-box" page="31">
+      <div v-if="showPageList.indexOf(31) > -1">
+        <div class="bodystyle">
+          <p class="td-0">鏃堕棿涓嶈秴杩�30鍒嗛挓銆傚簲娉ㄦ剰鍐拌涓嶈兘涓庢偅鍎跨毊鑲ょ洿鎺ユ帴瑙︼紝搴斿鏈夊竷濂楁垨鍖呰9骞叉瘺宸撅紝浠ュ厤娓╁害杩囦綆寮曡捣鎮e効涓嶉�傘��</p>
+          <p >鈶″啺婀挎暦锛氬皢灏忔瘺宸炬斁鍏ュ喎姘翠腑娴告鼎锛屽彇鍑哄悗鎷ц嚦鍗婂共锛屼互涓嶆淮姘翠负搴︼紝鎶栧紑骞舵姌鍙犲憟閫傚疁澶у皬鏁蜂簬鎮e効棰濆ご锛屾瘡5鍒嗛挓宸﹀彸鏇存崲涓�娆★紝鎸佺画15锝�20鍒嗛挓銆�</p>
+          <p >鈶㈡俯姘存摝娴达細娓╂按鎿︽荡灞炰簬鍏ㄨ韩闄嶆俯銆傚皢灏忔瘺宸炬斁鍏�32鈩冿綖34鈩冩俯姘翠腑娴告箍鍚庡彇鍑烘嫥鑷冲崐骞诧紝鍖呰9鍦ㄦ墜涓婃垚鎵嬪鐘讹紝鎿︽嫮澶ц绠$粡杩囩殑閮ㄤ綅锛屽鍓嶉閮ㄣ�佽厠绐濄�佽吂鑲℃矡绛夊銆傛摝鎷繃绋嬩腑锛屼笉瑕佽繃搴︽毚闇叉偅鍎跨殑韬綋锛岃娉ㄦ剰淇濇殩锛涙瘡鎿︽嫮瀹屼竴澶勯兘瑕佺敤骞叉瘺宸惧強鏃舵摝骞茬毊鑲ゃ��</p>
+          <p >娉ㄦ剰浜嬮」锛氬喎鏁锋椂娉ㄦ剰瑙傚療鐥呮儏锛岃嫢鎮e効鍑虹幇瀵掓垬銆侀潰鑹茶媿鐧界瓑涓嶉�傦紝瑕佺珛鍗冲仠姝㈤檷娓╂帾鏂斤紝閲囧彇鍠濈儹姘淬�佸鍔犵洊琚瓑鏂规硶缁欐偅鍎夸繚鏆栥��</p>
+          <div class="video-box">
+              <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="img-0"></video>
+            <p class="center videoname">
+              <span>瑙嗛3-1鍙戠儹鐨勬姢鐞嗘搷浣滄妧鏈�-鐗╃悊闄嶆俯</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'BA4D51803E69D87866C622349C51F122'
+                ) > -1
+                    ? collectCheck
+                    : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-01')" />
+              </el-tooltip>
+            </p>
+          </div>
+          <p >2锛庢祴閲忕敓鍛戒綋寰�</p>
+          <p >鐢熷懡浣撳緛鍖呮嫭浣撴俯銆佸懠鍚搞�佽剦鎼忋�佽鍘嬶紝鍏朵腑娴嬮噺浣撴俯銆佽剦鎼忋�佸懠鍚告渶甯哥敤銆傜敓鍛戒綋寰佹槸瑙傚療韬績鐘跺喌鐨勫彲闈犳寚鏍囷紝浣嗘槸闇�瑕佹敞鎰忕殑鏄紝鍓х儓杩愬姩銆佺揣寮犮�佹亹鎯с�佽繘椋熴�佸枬鍐风儹楗�佹礂娴翠互鍙婂摥闂规椂锛岃繖浜涙寚鏍囬兘浼氬彂鐢熷彉鍖栥�傚瓨鍦ㄤ笂杩版儏鍐垫椂鍏堜笉娴嬮噺锛屽緟30鍒嗛挓鍚庡啀娴嬮噺銆�</p>
+          <p >锛�1锛夋祴閲忎綋娓�</p>
+          <p >浣跨敤姘撮摱娓╁害璁℃祴閲忎綋娓╃殑姝ラ濡備笅銆�</p>
+          <p >鈶犲厛鐪嬩綋娓╄鐨勬按閾舵煴鏄惁鍦�35鈩冨埢搴︾嚎浠ヤ笅銆傛煡鐪嬪害鏁扮殑鏂规硶鏄細鎷夸綇娓╁害璁$殑鐜荤拑绔紝浣挎俯搴﹁涓庤嚜宸辩殑瑙嗙嚎骞宠锛岃交杞昏浆鍔ㄦ俯搴﹁锛岃鍑烘按閾舵煴鎵�鎸囧害鏁般�傚鏋滄按閾舵煴鍦�35鈩冨埢搴︾嚎浠ヤ笂锛屽氨鐢ㄤ竴鍙墜鎹忎綇鐜荤拑绔悜涓嬨�佸悜澶栫敥鍑犱笅锛屼娇姘撮摱娓╁害璁℃按閾舵煴闄嶈嚦35鈩冨埢搴︾嚎浠ヤ笅銆�</p>
+          <p >鈶℃祴閲忎綋娓╃殑閮ㄤ綅鏈夊彛鑵斻�佺洿鑲犲拰鑵嬬獫銆傚父閲囩敤娴嬮噺鑵嬬獫娓╁害杩欑瀹夊叏鍗敓鐨勬柟娉曘�傛祴閲忔椂锛屽厛鎿﹀幓鎮e効鑵嬬獫鐨勬睏娑诧紝鍐嶅皢娓╁害璁$殑姘撮摱鐞冮儴鏀剧疆浜庤厠绐濅腑闂达紝浣撴俯璁$揣璐寸毊鑲わ紝璁╂偅鍎垮集鏇叉墜鑷傚す绱э紝澶т汉鍦ㄦ梺杈规壎鐫�鎮e効鑳宠唺浠ュす绱с��</p>
+          <p >鈶㈡祴閲�5鍒嗛挓鍚庡彇鍑鸿鏁般��</p>
+          <p >鐢ㄧ數瀛愪綋娓╄娴嬮噺鏃讹紝鍏堝紑鍚數婧愰敭锛屽皢鎺㈠ご鏀惧湪娴嬫俯閮ㄤ綅锛屽緟鐢靛瓙铚傞福鍣ㄥ彂鍑鸿渹楦i煶鍚庡啀淇濇寔3绉掞紝鏄剧ず灞忎笂鍑虹幇浣撴俯鏁版嵁銆�</p>
+          <p >锛�2锛夋祴閲忚剦鎼�</p>
+          <p >鑴夋悘鏄姩鑴夌澹侀殢鐫�蹇冭剰鐨勬敹缂╁拰鑸掑紶鑰屽嚭鐜扮殑鍛ㄦ湡鎬х殑璧蜂紡鎼忓姩锛岃韩浣撲笂姣�</p>
+        </div>
+        <div class="header-l">
+          <img class="img-0" alt="" src="../../assets/images/bgImage/CH.png"/>
+          <div class="page-l">22</div>
+        </div>
+      </div>
+    </div>
+    <!-- P23 -->
+    <div class="page-box" page="32">
+      <div v-if="showPageList.indexOf(32) > -1">
+        <div class="bodystyle">
+          <p class="td-0">杈冩祬涓旈潬杩戦楠煎鐨勫姩鑴夐兘鍙綔涓烘祴閲忚剦鎼忕殑閮ㄤ綅銆傛 鍔ㄨ剦浣嶄簬鎵嬭厱鎷囨寚渚э紝鑵曟í绾夸笂鏂�2锝�3cm澶勶紝鍥犳祴閲忔柟渚挎渶甯搁�夌敤銆傛祴閲忔椂锛岃鎮e効鎵嬭厱浼稿睍锛屾墜鑷傛斁浜庤垝閫備綅缃紱娴嬮噺鑰呯敤椋熸寚銆佷腑鎸囥�佹棤鍚嶆寚鐨勬寚绔寜鍘嬪湪妗″姩鑴変笂娴嬮噺1鍒嗛挓鐨勮剦鎼忔暟锛屾寜鍘嬪姏閲忛�備腑锛岃兘娓呮娴嬪緱鑴夋悘鎼忓姩鍗冲彲銆�1锝�3宀佸辜鍎跨殑姝e父鑴夋悘鏁颁负100锝�120娆�/鍒嗭紝4锝�7宀佸辜鍎夸负80锝�100娆�/鍒嗐��</p>
+          <p >锛�3锛夋祴閲忓懠鍚�</p>
+          <p >瑙傚療鎮e効鑳歌吂閮ㄧ殑璧蜂紡锛屼竴璧蜂竴浼忎负1娆″懠鍚革紝鍚屾椂瑙傚療鍛煎惛鑺傚緥鍜屾繁搴︺�佸0闊虫湁鏃犲紓甯革紝璁℃暟1鍒嗛挓銆傛甯稿懠鍚搁鐜囨槸锛氬皬浜�1宀佸┐鍎夸负30锝�40娆�/鍒嗭紝1锝�3宀佸辜鍎夸负25锝�30娆�/鍒嗭紱4锝�7宀佸辜鍎夸负20锝�25娆�/鍒嗐�傝嫢鎮e効鍛煎惛寰急涓嶆槗鍑嗙‘娴嬮噺锛屽彲灏嗘绾挎斁鍦ㄥ叾榧诲瓟澶勮瀵熸绾胯姘旀祦鍚瑰姩鐨勬鏁般�傜敱浜庡懠鍚稿彈鎰忚瘑鐨勬帶鍒讹紝鎵�浠ユ祴閲忔椂涓嶈璁╂偅鍎胯瀵熷埌锛屽彲浠ュ湪娴嬮噺鑴夋悘鍚庝粛鐒朵繚鎸佹祴鑴夊Э鍔匡紝鍚屾椂娴嬮噺鍛煎惛銆�</p>
+          <div class="video-box">
+              <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="img-0"></video>
+            <p class="center videoname">
+              <span>瑙嗛3-2娴嬮噺鐢熷懡浣撳緛</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo2 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '210D956D2882EB43DF26A9549F20AA1A'
+                ) > -1
+                    ? collectCheck
+                    : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-02')" />
+              </el-tooltip>
+            </p>
+          </div>
+          <p class="td-0"><img class="rwmb-2" alt="" src="../../assets/images/bgImage/al.jpg"/></p>
+          <p class="center main-color block3">鑴哥孩鐨勪箰涔�</p>
+          <p class="block3">涓婂崍9锛�30锛屾潕鑰佸笀鍙戠幇锛屽拰骞虫椂鐩告瘮锛屼箰涔愯〃鐜颁笉娲绘臣锛屽潗鍦ㄦ瀛愪笂鏄庢樉涓嶇埍鍔紝涔熶笉璇磋瘽銆傛潕鑰佸笀鎷挎潵涔愪箰鍠滄鐨勭帺鍏凤紝濂逛篃涓嶆劅鍏磋叮銆傛潕鑰佸笀椹笂鐢ㄦ墜鎽镐簡涓�涓嬪瀛愮殑棰濆ご锛屾劅瑙変笉鐑紝妫�鏌ヤ簡涓�涓嬪ス鐨勫弻鎵嬨�佸彛鑵斿拰韬笂鐨勭毊鑲わ紝娌℃湁鍙戠幇鐨柟銆備絾鏄紝鏉庤�佸笀杩樻槸缁欏ス閲忎簡浣撴俯锛�36.6鈩冦�傚崍鐫$殑鏃跺�欙紝鏉庤�佸笀鐗规剰鏉ョ湅涔愪箰锛屽彂鐜板ス鐨勯潰棰婂緢绾紝鍛煎惛涔熷彉蹇簡銆傛潕鑰佸笀璧跺繖鍐嶆缁欎箰涔愰噺浜嗕綋娓╋紝39.5鈩冿紒鍛煎惛36娆�/鍒嗭紝鑴夋悘138娆�/鍒嗭紒</p>
+          <p class="block3">鏉庤�佸笀鑱旂郴瀹堕暱鍚庯紝鎶婁箰涔愬甫鍒颁簡淇濆仴瀹ゃ�備繚鍋ュ尰妫�鏌ュ彂鐜颁箰涔愮殑鍠夊挋鏈夌偣绾紝鍏朵粬娌℃湁浠�涔堝紓甯搞�備簬鏄紝鍦ㄤ繚鍋ュ尰鐨勬寚瀵间笅锛屾潕鑰佸笀灏辨妸涔愪箰鐨勫帤澶栧鑴变笅鏉ワ紙鍙戠儹鐨勫┐骞煎効绌胯。鏈嶄笉瀹滆繃鍘氾紝鍚﹀垯浼氬奖鍝嶆暎鐑紝瀵艰嚧浣撴俯闅句互涓嬮檷锛夛紝璁╁ス鑸掗�傚湴韬哄湪瑙傚療搴婁笂浼戞伅锛涙帴鐫�锛岃涔愪箰灏戦噺澶氭鍠濇按琛ュ厖姘村垎锛岀敤娓╂按鎵撴箍姣涘肪锛屾摝鎷ス鐨勯澶淬�佽剸瀛愩�佸墠鑳搞�佸悗鑳岋紝杩樻妸涔愪箰鐨勮瀛愯劚鎺夛紝鎶婁箰涔愮殑鍙岃剼娉″湪娓╂按閲岋紝鍔涘浘闄嶆俯锛涘悓鏃剁珛鍗充笌瀹堕暱鑱旂郴锛屽苟涓嶆柇鍦拌瀵熺潃涔愪箰鐨勭梾鎯呭彉鍖栵紝鍋氬ソ甯歌鐥呯櫥璁般��</p>
+          <p class="block3">缁堜簬锛屽湪鏉庤�佸笀鐨勬纭姢鐞嗕笅锛屼箰涔愮殑浣撴俯鎱㈡參闄嶅埌浜�38鈩冿紝鍛煎惛銆佽剦鎼忎篃娌℃湁鍘熸潵閭d箞蹇簡銆傜瓑涔愪箰瀹堕暱鍒板辜鍎垮洯鍚庯紝鏉庤�佸笀鎶婁箰涔愮殑鈥滃父瑙佺梾鐧昏鏈�濇嬁缁欏叾瀹堕暱鐪嬶紝骞剁畝鍗曡浜嗕箰涔愮殑鎯呭喌銆傚闀块潪甯告劅璋㈡潕鑰佸笀鍜屽辜鍎垮洯鐨勭簿蹇冪収椤俱��</p>
+          <p class="block3">鍙戠儹鏄┐骞煎効甯歌鐨勭棁鐘讹紝瀹规槗绐佺劧璧风梾锛岄儴鍒嗘偅鍎挎湁鍙戠敓楂樼儹鎯婂帴鐨勫彲鑳姐�傜敓娲讳腑搴旀帉鎻″┐骞煎効鍙戠儹鐨勫畾涔夈�佸垎搴︺�佸師鍥犮�佺墿鐞嗛檷娓╃瓑鐭ヨ瘑锛屼互渚挎纭簲瀵广��</p>
+
+        </div>
+        <div class="header-r1">
+          <img class="img-0" alt="" src="../../assets/images/bgImage/C.png"/>
+        </div>
+        <div class="header-r">
+          <img class="img-0" alt="" src="../../assets/images/bgImage/C2.png"/>
+          <div class="page-r">23</div>
+        </div>
+      </div>
+    </div>
+    <!-- P24 -->
+    <div class="page-box" page="33">
+      <div v-if="showPageList.indexOf(33) > -1">
+        <div class="bodystyle">
+          <h3>浜屻�佸摥闂�</h3>
+          <p >鍝椆鏄┐骞煎効瀵规潵鑷綋鍐呮垨浣撳鐨勪笉鑹埡婵�寮曡捣韬綋涓嶉�傜殑涓�绉嶈〃杈俱�傜敱浜庡┐骞煎効璇█琛ㄨ揪鑳藉姏寮憋紝鎵�浠ュ摥鏄叾琛ㄨ揪瑕佹眰鎴栫棝鑻︾殑涓�绉嶆柟寮忋��</p>
+          <h4>锛堜竴锛夊摥闂圭殑鐥呭洜</h4>
+          <p >1锛庣敓鐞嗘�у摥闂�</p>
+          <p >鐢熺悊鎬у摥闂规渶甯歌鐨勫師鍥犳槸楗ラタ鍜屽彛娓达紝杩樻湁鎯呯华鍙樺寲銆佸喎鐑笉褰撱�佹疆婀裤�佷綋浣嶄笉褰撱�佸彈鎯婂悡銆佽。鏈嶅お绱с�佽瑜ヨ繃閲嶃�佺潯鐪犱笉瓒炽�佽殜铏彯鍜�侀攼鐗╁埡婵�銆佹帓渚垮墠鐨勮偁锠曞姩鍔犲墽銆佹帓灏垮墠鐨勪笅鑵归儴鑳�鎰熺瓑銆�</p>
+          <p >2锛庣梾鐞嗘�у摥闂�</p>
+          <p >浠讳綍鐤剧梾鎵�瀵艰嚧鐨勮韩浣撲笂鐨勪笉閫傞兘浼氬紩璧峰┐骞煎効鍝椆锛屽娲诲姩鏈熺淮鐢熺礌D缂轰箯鎬т綕鍋荤梾銆佽惀鍏讳笉鑹�佽儍鑲犵値銆佽偁濂楀彔銆佽偁鎵浆銆佽偁鐥夋寷銆侀蓟濉炪�佸懠鍚搁亾寮傜墿鎴栫値鐥囥�佹櫤鑳藉彂鑲查殰纰嶃�佹硨灏跨郴缁熸劅鏌撱�佷腑鑰崇値銆佽噣閮ㄧ硿鐑傘�佽繃鏁忔�х毊鑲ょ梾绛夈��</p>
+          <h4>锛堜簩锛夊摥闂圭殑琛ㄧ幇</h4>
+          <div class="img-rights">
+            <img class="img-0" alt="" src="../../assets/images/bgImage/bg7.jpg"/>
+            <div class="content1">
+              <p class="tsTitle">灏忚创澹�</p>
+              <p class="tsContent">18-涓変綋缁煎悎寰佹槸涓�绉嶅父瑙佺殑鏌撹壊浣撳紓甯革紝琛ㄧ幇涓虹敓闀垮欢杩熴�佷弗閲嶆櫤鍔涜惤鍚庛�佸鍣ㄥ畼绯荤粺鐣稿舰銆佺溂璺濆銆佺櫧鍐呴殰绛夛紝棰勫悗鏋佸樊銆傚姝わ紝瀛曞墠鎴栧瓡浜ф湡搴斿仛濂介仐浼犲挩璇㈠拰浜у墠璇婃柇銆�</p>
+            </div>
+          </div>
+          <p >1锛庡摥闂圭殑鎬ц川</p>
+          <p >鍝0蹇介珮蹇戒綆澶氫负瑕佹専鎬у摥闂广�傜獊鐒跺墽鐑堝摥闂广�佷笉濂藉畨鎶氾紝搴旀敞鎰忚偁濂楀彔銆佽偁鐥夋寷銆佹硨灏跨郴缁熺粨鐭炽�侀攼鐗╁埡鍏ョ瓑銆傚摥闂瑰0闊冲皷銆佸摥澹板彂鐩达紝瑕佹敞鎰忛鍐呭嚭琛�銆佽剳鑶滅値绛夊師鍥犲紩璧风殑棰呭唴鍘嬪楂樸�傚摥澹板崟璋冿紝鍝椂娌℃湁鎮蹭激鎰燂紝瑕佹敞鎰忚剳鍙戣偛闅滅銆傛湁浜涚壒娈婄殑鍝0鎻愮ず鏌撹壊浣撶柧鐥咃紝濡�18-涓変綋缁煎悎寰佺殑鍝0浼肩尗鍙�傚摥澹板樁鍝戣浜庡枆鐐庛�佸枆澶存按鑲裤�佺櫧鍠夌瓑銆傚摥澹颁綆寮辨垨鍛诲悷鎻愮ず濠村辜鍎跨梾鎯呰緝閲嶃��</p>
+          <p >2锛庡摥闂圭殑鍙戠敓鍜屾寔缁椂闂�</p>
+          <p >鐢熺悊鎬у摥闂逛竴鑸寔缁椂闂翠笉闀匡紝寮哄害涓嶅ぇ锛屽湪婊¤冻濠村辜鍎胯姹傦紝鍘婚櫎褰卞搷鍥犵礌鎴栧垎鏁e叾娉ㄦ剰鍔涘悗鍗冲彲鍋滄鍝椆锛屽苟娲绘臣濡傚父锛涚柧鐥呴�犳垚鐨勫摥闂瑰憟鎸佺画鎬ф垨鍙嶅鎬э紝涓嶈兘鐢ㄥ畨鎱版垨鑰呴鐗╃瓑鏂规硶缁堟銆�</p>
+          <p >杩涢鍓嶆垨鍗堝鍚庡摥闂瑰彲鑳芥槸鐢变簬楗ラタ銆傝繘椋熸椂鍝椆娉ㄦ剰鍙h厰鏈夋棤婧冪枴銆佸彛鑵旂値鎴栭蓟濉烇紱鍏堝ぉ鎬у績鑴忕梾銆佽偤閮ㄧ柧鐥呮垨璐濠村辜鍎垮洜缂烘哀瀵艰嚧杩涢鍙楀奖鍝嶈�屽摥闂广�傚闂村摥闂瑰簲娉ㄦ剰楗ラタ銆佽。琚笉褰撱�佸喎鐑笉褰撱�佹椿鍔ㄦ湡浣濆伝鐥呫�佽洸铏梾绛夊彲鑳姐�傛帓渚裤�佹帓灏挎椂鍝椆搴旀敞鎰忔湁鏃犵粨鑲犵値銆佽唨鑳辩値銆佸翱閬撶値銆佺棓鐤�佽倹瑁傘�佹秷鍖栭亾鎴栨硨灏跨郴缁熺暩褰㈢瓑銆傚摥闂规椂涓嶆柇鎽囧ご骞舵姄鎵�抽儴锛屽簲娉ㄦ剰鏈夋棤涓�崇値鎴栧鑰抽亾鐤栫瓑銆傚崸浣嶆椂瀹夐潤锛屼絾鍦ㄦ姳璧锋垨瑙﹀埌鑲綋鏃跺摥闂癸紝搴旇�冭檻鑲綋鏈夋棤鍙椾激锛屽楠ㄦ姌銆佽劚鑷肩瓑銆�</p>
+
+        </div>
+        <div class="header-l">
+          <img class="img-0" alt="" src="../../assets/images/bgImage/CH.png"/>
+          <div class="page-l">24</div>
+        </div>
+      </div>
+    </div>
+    <!-- P25 -->
+    <div class="page-box" page="34">
+      <div v-if="showPageList.indexOf(34) > -1">
+        <div class="bodystyle">
+          <h4>锛堜笁锛夊摥闂圭殑鎶ょ悊鍜岄闃�</h4>
+          <p >1锛庣幆澧�</p>
+          <p >淇濇寔鍛ㄥ洿鐜瀹夐潤锛岀┖姘旀祦閫氾紝娓╁害鍙婃箍搴﹂�傚疁锛屼娇濠村辜鍎挎劅鍒拌垝閫傘��</p>
+          <p >2锛庡幓闄ゅ師鍥�</p>
+          <p >閽堝涓嶅悓鐨勫師鍥狅紝灏ゅ叾鏄敓鐞嗘�у摥闂癸紝缁欎簣鑸掗�傜殑鎶ょ悊锛屽杩涢銆佺潯鐪犮�佸惉闊充箰绛夛紝浣垮┐骞煎効鍏绘垚瑙勫緥鐢熸椿鐨勪範鎯��</p>
+          <p >3锛庤瀵熺梾鎯�</p>
+          <p >娉ㄦ剰瑙傚療鍝椆鐨勫0璋冦�佹寔缁椂闂淬�佺壒鐐瑰強浼撮殢鐥囩姸锛屽鏋滄帓闄や簡鐢熺悊鎬у洜绱狅紝濠村辜鍎夸粛鐒舵寔缁摥闂癸紝澶氭槸鐤剧梾寮曡捣锛屽簲鍙婃椂閫佽嚦鍖婚櫌锛屼互渚垮強鏃惰瘖娌汇��</p>
+          <p >4锛庡仴搴锋寚瀵�</p>
+          <p >鎸囧瀹堕暱缁欎簣濠村辜鍎垮悎鐞嗙殑鐢熸椿鎶ょ悊锛屽悓鏃舵敞鎰忚壇濂芥�ф牸鍜岃涓虹殑鍩瑰吇锛岀籂姝e悇绉嶄笉鑹範鎯紝濡傝鎸熸�у摥闂癸紝涓嶈鏃犲師鍒欏湴婧虹埍濠村辜鍎裤��</p>
+          <h3>涓夈�佸挸鍡�</h3>
+          <p >鍜冲椊鏈韩涓嶆槸涓�绉嶇柧鐥咃紝鑰屾槸鏌愮鐤剧梾鎴栦笉閫傜殑鐥囩姸琛ㄧ幇銆傚挸鍡芥槸涓�绉嶇獊鐒剁殑鐖嗗彂鎬у懠鍚歌繍鍔紝鏄竴绉嶄繚鎶ゆ�у弽灏勩�傞�氳繃鍜冲椊鍙互娓呴櫎鍛煎惛閬撳垎娉岀墿鍙婂紓鐗┿�傜棸鏄皵绠°�佹敮姘旂鐨勫垎娉岀墿鎴栬偤娉″唴鐨勬笚鍑烘恫锛屽�熷姪鍜冲椊鍙皢鍏舵帓鍑恒�傚挸鍡藉鏈轰綋鏃㈡湁淇濇姢浣滅敤涔熸湁涓嶅埄鐨勪竴闈紝濡傚湪鍏叡鍦哄悎鍜冲椊鍙娇鍛煎惛閬撴劅鏌撴墿鏁o紱濡傛灉闀挎湡鍓х儓鍜冲椊锛屽氨浼氬奖鍝嶇潯鐪犲拰鐢熸椿璐ㄩ噺锛岀敋鑷冲鑷村懠鍚搁亾鍑鸿锛屼娇鑳稿唴鍘嬪楂橈紝澧炲姞蹇冭剰璐熻嵎銆�</p>
+          <h4>锛堜竴锛夊挸鍡界殑甯歌鍘熷洜</h4>
+          <p >1锛庡懠鍚搁亾鐤剧梾</p>
+          <p >鍛煎惛閬撴劅鏌撴槸寮曡捣鍜冲椊鏈�甯歌鐨勫師鍥犮��</p>
+          <p >2锛庤兏鑶滅柧鐥�</p>
+          <p >鍚勭鍘熷洜瀵艰嚧鐨勮兏鑶滅値銆佹皵鑳哥瓑鍒烘縺鑳歌啘锛屽紩璧峰埡婵�鎬у挸鍡姐��</p>
+          <p >3锛庡績琛�绠$柧鐥�</p>
+          <p >蹇冭剰鐡h啘鐥呭彉锛屽浜屽皷鐡g嫮绐勬垨鍏朵粬鍘熷洜寮曡捣鑲烘筏琛�鎴栬�呰偤姘磋偪鏃讹紝鍥犺偤娉″強鏀皵绠″唴鏈夋笚鍑虹墿锛屽彲寮曡捣鍜冲椊銆�</p>
+          <p >4锛庝腑鏋㈢缁忓洜绱�</p>
+          <p >浠庡ぇ鑴戠毊璐ㄥ彂鍑哄啿鍔ㄤ紶鑷冲欢楂撳挸鍡戒腑鏋紝浜哄彲闅忔剰寮曞彂鍜冲椊鎴栨姂鍒跺挸鍡藉弽灏勶紝鑴戠値銆佽剳鑶滅値鏃朵篃鍙嚭鐜板挸鍡姐��</p>
+          <p >5锛庡叾浠栧洜绱犳墍鑷存參鎬у挸鍡�</p>
+          <p >鑳冮绠″弽娴佹墍鑷村挸鍡姐�佷範鎯�у強蹇冪悊鎬у挸鍡界瓑銆�</p>
+        </div>
+        <div class="header-r1">
+          <img class="img-0" alt="" src="../../assets/images/bgImage/C.png"/>
+        </div>
+        <div class="header-r">
+          <img class="img-0" alt="" src="../../assets/images/bgImage/C2.png"/>
+          <div class="page-r">25</div>
+        </div>
+      </div>
+    </div>
+    <!-- P26 -->
+    <div class="page-box" page="35">
+      <div v-if="showPageList.indexOf(35) > -1">
+        <div class="bodystyle">
+          <h4>锛堜簩锛夊挸鍡界殑甯歌琛ㄧ幇</h4>
+          <p >1锛庡彂鐥呮柟寮忓拰鐥呯▼</p>
+          <p >鍛煎惛閬撳紓鐗╁寮曡捣绐佸彂鎬у挸鍡斤紝鎱㈡�у懠鍚搁亾鎰熸煋鐨勫挸鍡借捣鐥呯紦鎱紝鐥呯▼杩佸欢銆傚懠鍚搁亾鎴栬偤閮ㄦ�ユ�ф劅鏌撶殑鍜冲椊甯告寔缁湪2鍛ㄤ箣鍐咃紝鑰屾敮姘旂鎵╁紶銆佽偤缁撴牳鐨勫挸鍡界梾绋嬭緝闀裤��</p>
+          <p >2锛庡挸鍡界殑鎬ц川</p>
+          <p >骞叉�у挸鍡芥棤鐥版垨鐥伴噺鏋佸皯锛屽父瑙佷簬鎬ユ參鎬у捊鍠夌値銆佹�ユ�ф敮姘旂鐐庡垵鏈熴�佹敮姘旂寮傜墿绛夛紱婀挎�у挸鍡芥湁鍜崇棸锛屽父瑙佷簬鎱㈡�ф敮姘旂鐐庛�佽偤鐐庣瓑銆�</p>
+          <p >3锛庡挸鍡界殑鏃堕棿涓庤寰�</p>
+          <p >鍚稿叆鍒烘縺鎬ф皵浣撴垨寮傜墿寮曡捣绐佸彂鎬у挸鍡斤紱鐧炬棩鍜炽�佹敮姘旂鍝枠澶氫负鏅ㄨ捣鍙戜綔鎬у挸鍡斤紱宸﹀績琛扮銆佸挸鍡藉彉寮傛�у摦鍠樺涓哄闂村挸鍡斤紱鑲虹粨鏍镐负闀挎湡鎱㈡�у挸鍡姐��</p>
+          <p >4锛庡挸鍡界殑澹伴煶鐗圭偣</p>
+          <p >鍜冲椊澹伴煶鍢跺搼澶氳浜庤繃搴︾敤鍡撳鑷寸殑澹板甫鐐庣棁銆佹伅鑲夊帇杩枆杩旂缁忋�佹劅鏌撴�у枆鐐庛�傞浮楦f牱鍜冲椊澶氳浜庣櫨鏃ュ挸锛屼細鍘屻�佸枆閮ㄧ柧鐥呮垨姘旂鍙楀帇锛岃〃鐜颁负杩炵画鎬ч樀鍙戞�у墽鍜充即鏈夐珮璋冨惛姘斿洖澹般�傞噾灞為煶鍜冲椊甯歌浜庣旱闅旇偪鐦ょ瓑鍗犱綅鎬х梾鍙樺帇杩皵绠℃墍鑷淬�傚挸鍡藉0闊充綆寰垨鏃犲姏瑙佷簬澹板甫楹荤椆鍜屾瀬搴﹁“寮辫�呫��</p>
+          <p >5锛庡挸鍡界殑浼撮殢鐥囩姸</p>
+          <p >浼村彂鐑�呭瑙佷簬鎬ユ�у懠鍚搁亾鎰熸煋銆佽偤缁撴牳銆佽兏鑶滅値绛夈�備即鑳哥棝澶氳浜庤偤鐐庛�佽兏鑶滅値銆佽嚜鍙戞�ф皵鑳哥瓑銆備即鍛煎惛鍥伴毦澶氳浜庡枆澶存按鑲裤�佹敮姘旂鍝枠銆侀噸鐥囪偤鐐庛�佽偤缁撴牳銆佹皵鑳搞�佹皵绠℃垨鏀皵绠″紓鐗┿�佽偤姘磋偪绛夈�備即鍜澶氳浜庢敮姘旂鎵╁紶銆佽偤缁撴牳銆佽偤鑴撹偪绛夈�備即鑴撶棸澶氳浜庣粏鑿屾�у懠鍚搁亾鎰熸煋銆佹敮姘旂鎵╁紶銆佽偤鑴撹偪銆佹敮姘旂鑳歌啘鐦樼瓑銆備即鍝福闊冲瑙佷簬鏀皵绠″摦鍠樸�佹敮姘旂寮傜墿銆佹瘺缁嗘敮姘旂鐐庣瓑銆備即鏉电姸鎸囷紙瓒撅級澶氳浜庢敮姘旂鎵╁紶銆佸厛澶╂�у績鑴忕梾銆佽創鑳哥瓑銆�</p>
+          <h4>锛堜笁锛夊挸鍡界殑鎶ょ悊鍜岄闃�</h4>
+          <p >1锛庢棩甯告姢鐞�</p>
+          <p >瀵逛簬瀹规槗鐢熺梾鍜冲椊鐨勫┐骞煎効锛屽簲鏁欒偛鍏舵敞鎰忔墜鍗敓锛屽姞寮洪敾鐐硷紝澧炲姞鎶垫姉鍔涖�傚悓鏃讹紝棰勯槻鍜屾不鐤楃浉鍏崇柧鐥咃紝濡傝惀鍏讳笉鑹�佽传琛�鍙婁綕鍋荤梾銆傝�佸笀鍜屽闀垮簲鍏虫敞澶╂皵鍙樺寲锛屽強鏃朵负濠村辜鍎垮鍑忚。鐗┿��</p>
+          <p >2锛庣幆澧�</p>
+          <p >淇濇寔瀹ゅ唴绌烘皵娓呮磥銆佹俯婀垮害閫傚疁銆傞伩鍏嶅┐骞煎効鍚稿叆杩囨晱鍘熷拰鍒烘縺鎬ф皵浣撳鐑熻崏鍛炽�佹补鐑熷懗锛岄伩鍏嶈鍔ㄥ惛鐑燂紝鎵撴壂鍗敓灏介噺涓嶈璁╃伆灏橀鎵�傚钩鏃跺寮�绐楅�氶锛屼繚鎸佹埧闂寸┖姘旀祦閫氥�佹箍娑︼紝鐗瑰埆鏄啲瀛f湁鏆栨皵鎴栫┖璋冪殑鎴块棿銆�</p>
+
+        </div>
+        <div class="header-l">
+          <img class="img-0" alt="" src="../../assets/images/bgImage/CH.png"/>
+          <div class="page-l">26</div>
+        </div>
+      </div>
+    </div>
+    <!-- P27 -->
+    <div class="page-box" page="36">
+      <div v-if="showPageList.indexOf(36) > -1">
+        <div class="bodystyle">
+          <p >3锛庨ギ椋熷潎琛�</p>
+          <p >鍛煎惛閬撴劅鏌撴椂鍚冩竻娣℃槗娑堝寲鐨勯鐗╋紝閬垮厤娌硅吇椋熺墿鎴栧埡婵�鎬ч鐗╋紝濡傝繃鐢溿�佽繃鍜搞�佽繃杈g殑椋熺墿銆傚鍠濇按锛屾湁鍒╀簬绋�閲婄棸娑插苟鎺掑嚭銆�</p>
+          <p >4锛庢敞鎰忎紤鎭�</p>
+          <p >淇濊瘉鍏呰冻鐨勭潯鐪犱紤鎭紝榧撳姳鎮e効澶氫紤鎭紝澶╂皵濂芥椂鍙�傚綋鎴峰娲诲姩锛屼絾瑕侀伩鍏嶈繃閲忚繍鍔紝灏ゅ叾鍜冲椊鍘夊鏃朵笉瀹滃墽鐑堣繍鍔ㄥ拰鐜╄�嶃�傝嫢鎮e効鐫$湢鏃跺挸鍡斤紝鎴栨劅鍒板懠鍚告湁浜涘洶闅撅紝鍙鍏朵晶鍗э紝鐢ㄦ瘺宸炬垨鏋曞ご灏嗗ご閮ㄥ強涓婂崐韬灚楂橈紝杩欐牱鏃㈠彲浠ラ槻姝㈠懠鍚搁亾鍒嗘硨鐗╁弽娴佸埌姘旂寮曡捣鍜冲椊鑰屽奖鍝嶇潯鐪狅紝涔熷彲浣挎偅鍎挎劅鍒拌垝鏈嶏紝缂撹В鍛煎惛鍥伴毦銆�</p>
+          <p >5锛庝績杩涚棸娑叉帓鍑�</p>
+          <p >骞撮緞杈冨皬鐨勬偅鍎垮線寰�涓嶄細鏈夋晥鍜崇棸锛屾墍浠ヨ�佸笀鍜屽闀垮簲璇ヨ繘琛屾寚瀵硷紝蹇呰鏃堕噰鐢ㄦ湁鏁堝挸鍡藉拰鍙╁嚮涓ょ鏂规硶淇冭繘鎮e効鎺掔棸銆�</p>
+          <p >6锛庤瀵熺梾鎯�</p>
+          <p >娉ㄦ剰瑙傚療鎮e効闈㈣壊銆佸懠鍚哥瓑鎯呭喌銆傚鏋滃挸鍡藉姞閲嶆垨闀挎湡鍜冲椊锛岀壒鍒槸鏈夊懠鍚稿洶闅俱�佸彛鍞囧彂缁�鏃跺簲鍙婃椂灏辫瘖锛屼互鍏嶅欢璇不鐤楁椂鏈恒��</p>
+          <h4>锛堝洓锛夊挸鍡界殑鎶ょ悊鎶�鏈�</h4>
+          <p >1锛庢湁鏁堝挸鍡芥柟娉�</p>
+          <p >澶т汉鍦ㄦ梺杈规寚瀵笺�佸崗鍔┿�傛偅鍎垮彇鍧愪綅鎴栧崐鍧愪綅锛屽眻鑶濓紝涓婅韩鍚戝墠鍊撅紝鍙屾墜鎶辫啙鎴栫幆鎶变竴涓灂澶达紝涓よ噦澶圭揣锛岃繘琛屾暟娆℃繁鑰岀紦鎱㈢殑鍛煎惛銆傛繁鍚告皵鍚庡睆姘�3锝�5绉掞紝杩涜2锝�3娆″挸鍡斤紝鐒跺悗鑵归儴鐢ㄥ姏鍙婁袱鎵嬫姳绱ц啙閮ㄦ垨鏋曞ご锛岀敤鍔涘仛鐖嗙牬鎬у挸鍡藉皢鐥板挸鍑恒��</p>
+          <p >2锛庡彥鍑�</p>
+          <p >鐢ㄦ墜鍙╁嚮鎮e効鑳歌儗閮紝鍊熷姪鎸姩浣垮懠鍚搁亾鐨勫垎娉岀墿鏉捐劚鑰屾帓鍑轰綋澶栥��</p>
+          <p >锛�1锛夋柟娉曪細璁╂偅鍎夸刊鍗т簬搴婁笂锛屽ご鍋忓悜涓�渚с�傚ぇ浜轰簲鎸囧苟鎷紝鎵嬭儗闅嗚捣锛屾墜鎺屼腑绌哄憟鏉姸锛屼互鎵嬭厱鍔涢噺锛屼粠鑲哄簳鑷笅鍚戜笂銆佺敱澶栧埌鍐咃紝杩呴�熻�屾湁鑺傚鍦拌交杞诲彥鍑昏儗閮紝搴斿惉鍒扮┖绌虹殑鍙╁嚮澹帮紝鑰屼笉鏄暘鍟殑鎷嶆墦澹般�傝竟鍙╁嚮杈归紦鍔辨偅鍎垮挸鍡姐�傛瘡澶╁彥鍑绘暟娆★紝姣忔鍙╁嚮10锝�15鍒嗛挓銆傛搷浣滃悗璁╂偅鍎夸紤鎭紝鍗忓姪鍋氬ソ鍙h厰娓呮磥锛岀闄ょ棸娑层��</p>
+          <p >锛�2锛夋敞鎰忎簨椤癸細鍙╁嚮鍔涢噺瑕侀�傚疁锛屼互涓嶅紩璧锋偅鍎跨柤鐥涗负瀹滐紱鍙╁嚮鏃堕伩寮�绾芥墸銆佹媺閾撅紱涓嶅彲鐩存帴鍦ㄨ8闇茬殑鐨偆涓婂彥鍑伙紝鍙敤钖勫竷鎴栧共姣涘肪淇濇姢鐨偆锛涘彥鍑绘椂闂村疁鍦ㄩ鍚�2灏忔椂鑷抽鍓�30鍒嗛挓锛屼互鍏嶅鑷村憰鍚愩��</p>
+          <div class="video-box">
+              <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="img-0"></video>
+            <p class="center videoname">
+              <span>瑙嗛3-3 鍜冲椊鐨勬姢鐞嗘妧鏈�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo3 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '9A7B869CEC090D9933BF0D915E3D0731'
+                ) > -1
+                    ? collectCheck
+                    : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-03')" />
+              </el-tooltip>
+            </p>
+          </div>
+        </div>
+        <div class="header-r1">
+          <img class="img-0" alt="" src="../../assets/images/bgImage/C.png"/>
+        </div>
+        <div class="header-r">
+          <img class="img-0" alt="" src="../../assets/images/bgImage/C2.png"/>
+          <div class="page-r">27</div>
+        </div>
+      </div>
+    </div>
+    <!-- P28 -->
+    <div class="page-box" page="37">
+      <div v-if="showPageList.indexOf(37) > -1">
+        <div class="bodystyle">
+          <h3>鍥涖�佸ご鐥�</h3>
+          <p >澶寸棝閫氬父鏄寚灞�闄愪簬澶撮涓婂崐閮紝鍖呮嫭鍓嶉銆佸ご椤躲�佷袱渚ч閮ㄥ強鍚庢灂閮ㄧ殑鐤肩棝锛屼互鍋忓ご鐥涙渶甯歌銆傚ご鐥涘彂鐢熺殑鍘熷洜璇稿锛屽弽澶嶅彂浣滄垨鎸佺画鎬х殑澶寸棝锛屽彲鑳芥槸鏌愪簺鍣ㄨ川鎬х柧鐥呯殑淇″彿锛屾湁浜涚敋鑷虫槸鑷村懡鐤炬偅锛岃寮曡捣閲嶈銆�</p>
+          <h4>锛堜竴锛夊ご鐥涚殑鐥呭洜</h4>
+          <p >1锛庨鑴戠梾鍙�</p>
+          <p >鎰熸煋锛氬鑴戣啘鐐庛�佽剳鐐庛�佽剳鑴撹偪绛夈�傝绠$梾鍙橈細濡傝洓缃戣啘涓嬭厰鍑鸿銆佽剳鍑鸿銆侀珮琛�鍘嬭剳鐥呫�佽剳琛�绠$暩褰㈢瓑銆傚崰浣嶆�х梾鍙橈細濡傝剳鑲跨槫銆佽剳鍥婅櫕鐥呯瓑銆傞鑴戝浼わ細濡傜‖鑶滀笅琛�鑲裤�侀鍐呰鑲跨瓑銆傚叾浠栵細濡傝叞妞庣┛鍒烘湳鍚庡強鑵版楹婚唹鍚庡ご鐥涚瓑銆�</p>
+          <p >2锛庨澶栫梾鍙�</p>
+          <p >棰呴鐥呭彉锛氬棰呭簳鍑归櫡鐥囥�侀楠ㄨ偪鐦ょ瓑銆傞閮ㄧ梾鍙橈細濡傞妞庣暩褰㈢瓑銆傜缁忕棝锛氬涓夊弶绁炵粡鐥涚瓑銆傚叾浠栵細濡傜溂銆佽�炽�侀蓟鍜岀墮榻跨瓑鐤剧梾鎵�鑷寸殑澶寸棝銆�</p>
+          <p >3锛庡叏韬�х柧鐥�</p>
+          <p >鎬ユ�ф劅鏌擄細濡傛祦鎰熴�佷激瀵掋�佽偤鐐庣瓑鍙戠儹鎬х柧鐥呫�傚績琛�绠$柧鐥咃細濡傞珮琛�鍘嬨�佸績鍔涜“绔瓑銆備腑姣掞細濡傞搮銆佷竴姘у寲纰炽�佹湁鏈虹7銆佽嵂鐗╃瓑涓瘨銆傚叾浠栵細濡傚翱姣掔棁銆佷綆琛�绯栥�佽传琛�銆佷腑鏆戠瓑銆�</p>
+          <p >4锛庣簿绁炲績鐞嗗洜绱�</p>
+          <p >濡傛姂閮併�佺劍铏戠瓑銆�</p>
+          <h4>锛堜簩锛夊ご鐥涚殑琛ㄧ幇</h4>
+          <p >1锛庡彂鐥呮儏鍐�</p>
+          <p >鎬ユ�ц捣鐥呭苟鏈夊彂鐑�呭涓烘劅鏌撴�х柧鐥呮墍鑷淬�傛寔缁殑鎬ュ墽澶寸棝锛屽苟鏈変笉鍚岀▼搴︾殑鎰忚瘑闅滅鑰屾棤鍙戠儹鑰咃紝鎻愮ず棰呭唴琛�绠$梾鍙橈紝濡傝洓缃戣啘涓嬭厰鍑鸿銆傛參鎬ц繘琛屾�уご鐥涘苟鏈夐鍐呭帇澧為珮鐨勮〃鐜帮紝瑕佹敞鎰忛鍐呭崰浣嶆�х梾鍙橈紙濡傞鍐呰偪鐦わ級銆傞暱鏈熺殑闂存瓏鎬уご鐥涳紝鍙戜綔鏃舵湁鎶芥悙锛屾湁鍙兘鏄櫕鐥��</p>
+          <p >2锛庡ご鐥涢儴浣�</p>
+          <p >浜嗚В澶寸棝閮ㄤ綅鏄崟渚с�佸弻渚с�佸墠棰濇垨鏋曢儴锛屽眬閮ㄦ垨寮ユ暎锛岄鍐呮垨棰呭锛屽鐥呭洜鐨勫垽鏂湁閲嶈浠峰�笺�傚叏韬�ф垨棰呭唴鎰熸煋鎬х柧鐥呯殑澶寸棝锛屽涓哄叏澶撮儴鐥涖�傜溂閮ㄧ柧鐥呭紩璧风殑澶寸棝浠呴檺浜庣溂鐪躲�佸墠棰濇垨棰為儴銆傞蓟婧愭�ф垨鐗欐簮鎬уご鐥涘涓烘祬琛ㄦ�уご鐥涖��</p>
+          <p >3锛庡ご鐥涚殑绋嬪害鍜屾�ц川</p>
+          <p >澶寸棝鐨勭▼搴︿竴鑸垎涓鸿交銆佷腑銆侀噸涓夌锛屼絾涓庣梾鎯呯殑杞婚噸骞舵棤骞宠鍏崇郴銆傚ご鐥涚殑鎬ц川鍙负鑳�鐥涖�佽烦鐥涖�侀捇鐥涖�佸紑瑁傛牱鐥涖�侀拡鎵庢牱鐥涖�佸垁鍓叉牱鐥涙垨闅愮棝銆傝剳鑶滃埡婵�鐨勭柤鐥涢潪甯稿墽鐑堛�傝绠℃�х棝鎴栧彂鐑�х柧鐥呯殑澶寸棝锛岃〃鐜颁负鎼忓姩鎬уご鐥涖�傜缁忕棝澶氳〃鐜�</p>
+        </div>
+        <div class="header-l">
+          <img class="img-0" alt="" src="../../assets/images/bgImage/CH.png"/>
+          <div class="page-l">28</div>
+        </div>
+      </div>
+    </div>
+    <!-- P29 -->
+    <div class="page-box" page="38">
+      <div v-if="showPageList.indexOf(38) > -1">
+        <div class="bodystyle">
+          <p class="td-0">涓烘寔缁暟绉掕嚦鏁板崄绉掔殑鍒烘縺鎴栫數鍑绘牱鐥涖�傜揣寮犳�уご鐥涘涓洪噸鍘嬫劅銆佺揣绠嶆劅鎴栨埓甯芥劅绛夐潪鎼忓姩鎬х柤鐥涖��</p>
+          <p >4锛庡ご鐥涘嚭鐜扮殑鏃堕棿涓庢寔缁椂闂�</p>
+          <p >鏌愪簺澶寸棝鍙彂鐢熷湪鐗瑰畾鏃堕棿锛屽榧荤鐐庣殑澶寸棝甯稿彂鐢熶簬娓呮櫒鎴栦笂鍗堬紝涓涢泦鎬уご鐥涘父鍦ㄦ櫄涓婂彂鐢燂紝棰呭唴鍗犱綅鎬х梾鍙樺線寰�娓呮櫒鍔犲墽銆傝剳鑲跨槫鐨勫ご鐥涘涓烘寔缁�э紝鍙湁闀跨煭涓嶇瓑鐨勭紦瑙f湡銆�</p>
+          <h4>锛堜笁锛夊ご鐥涚殑浼撮殢鐥囩姸</h4>
+          <p >澶寸棝浼村墽鐑堝憰鍚愬瑙佷簬棰呭唴鍘嬪楂樸�傚ご鐥涘湪鍛曞悙鍚庡噺杞昏�呭瑙佷簬鍋忓ご鐥涖�傚ご鐥涗即鐪╂檿瑙佷簬灏忚剳鑲跨槫銆佹-鍩哄簳鍔ㄨ剦渚涜涓嶈冻绛夈�傚ご鐥涗即鍙戠儹瑙佷簬鎰熸煋鎬х柧鐥咃紝鍖呮嫭棰呭唴鎰熸煋鎴栧叏韬�ф劅鏌撱�傛參鎬уご鐥涚獊鐒跺姞鍓у苟鏈夋剰璇嗛殰纰嶏紝鎻愮ず鍙兘鍙戠敓鑴戠枬銆傚ご鐥涗即瑙嗗姏闅滅鍙浜庤剳鑲跨槫鎴栭潚鍏夌溂銆傚ご鐥涗即鑴戣啘鍒烘縺寰佹彁绀烘湁鑴戣啘鐐庢垨铔涚綉鑶滀笅鑵斿嚭琛�銆傚ご鐥涗即鐧棲鍙戜綔鍙浜庤剳琛�绠$暩褰€�佽剳鑲跨槫绛夈��</p>
+          <h4>锛堝洓锛夊ご鐥涚殑鎶ょ悊</h4>
+          <p >澶寸棝鍙戜綔鏃讹紝娉ㄦ剰瀹夋姎鎮e効锛屽噺杞荤簿绁炲帇鍔涳紝缂撹В绱у紶鎯呯华銆傚噺灏戝埡婵�锛屽疁灏嗘偅鍎垮畨鎺掑湪鍏夌嚎杈冩殫銆佸畨闈欑殑鎴块棿鍐呬紤鎭�傚鏋滃嚭鐜板憰鍚愶紝搴斿強鏃舵竻闄ゅ憰鍚愮墿锛屽彇渚у崸浣嶆垨澶村亸鍚戜竴渚э紝闃叉鍛曞悙鐗╄璇惛鍏ヨ偤閮ㄣ�傚彲瑙嗙梾鎯呯粰浜堟竻娣℃槗娑堝寲楗锛屽憰鍚愬墽鐑堣�呮垨鎰忚瘑闅滅鑰呯椋熴�佺姘淬�備笉鍙搮鑷粰鎮e効浣跨敤姝㈢棝鑽紝浠ュ厤鎺╃洊鐥呮儏锛岄�犳垚鍏ラ櫌鍚庡尰鐢熻瘖鏂洶闅俱�傛敞鎰忚瀵熺梾鎯咃紝鍙婃椂灏卞尰銆傚鏋滃┐骞煎効缁忓父鏈夊ご鐥涚殑鐜拌薄锛屼笖姣忔鍙戜綔鐨勬儏褰笌浠ュ線涓�鏍凤紝閭d箞鍙互璁╁叾澶氫紤鎭紝浠旂粏瑙傚療澶寸棝鐨勫彉鍖栥�傝嫢澶寸棝涓洪娆″彂浣滐紝鎺掗櫎绮剧鎬у洜绱犲悗锛屼粛涓嶇紦瑙f垨鏈夊姞閲嶏紝瑕佸強鏃跺幓鍖婚櫌璇婃不銆�</p>
+          <h4>锛堜簲锛夊ご鐥涚殑棰勯槻</h4>
+          <p >鍚堢悊瀹夋帓濠村辜鍎跨殑浣滄伅鏃堕棿锛岀敓娲昏鏈夎寰嬶紝淇濊瘉鍏呰冻鐨勭潯鐪犳椂闂淬�傚強鏃舵不鐤楄兘寮曡捣澶寸棝鐨勬參鎬х柧鐥咃紝濡傛參鎬ч蓟鐐庛�侀蓟绐︾値銆佷腑鑰崇値銆佺溂灞堝厜涓嶆绛夈��</p>
+          <h3>浜斻�佸憰鍚�</h3>
+          <p >鍛曞悙鏄┐骞煎効甯歌鐨勪竴绉嶇棁鐘讹紝鏄寚閫氳繃鑳冪殑寮虹儓鏀剁缉浣胯儍鎴栭儴鍒嗗皬鑲犵殑鍐呭鐗╃粡椋熺銆佸彛鑵旇�屾帓鍑轰綋澶栫殑鐜拌薄銆備弗閲嶇殑鍛曞悙鏄撳紩璧峰懠鍚告殏鍋滅敋鑷崇獟鎭�屽嚭鐜板彂缁�锛涜嫢澶勭悊涓嶅綋锛屽彲鑳藉嚭鐜拌鍚革紝缁у彂鍛煎惛閬撴劅鏌撱��</p>
+          <h4>锛堜竴锛夊憰鍚愮殑鐥呭洜</h4>
+          <p >寮曡捣鍛曞悙鐨勭梾鍥犲緢澶氾紝甯歌鐨勬湁浠ヤ笅鍑犵銆�</p>
+          <p >1锛庡弽灏勬�у憰鍚�</p>
+          <p >鍜介儴鍙楀埌鍒烘縺锛氬鍓х儓鍜冲椊銆侀蓟鍜介儴鐐庣棁绛夈�傝儍鍗佷簩鎸囪偁鐤剧梾锛氭�ユ參鎬ц儍鐐庛��</p>
+        </div>
+        <div class="header-r1">
+          <img class="img-0" alt="" src="../../assets/images/bgImage/C.png"/>
+        </div>
+        <div class="header-r">
+          <img class="img-0" alt="" src="../../assets/images/bgImage/C2.png"/>
+          <div class="page-r">29</div>
+        </div>
+      </div>
+    </div>
+    <!-- P30 -->
+    <div class="page-box" page="39">
+      <div v-if="showPageList.indexOf(39) > -1">
+        <div class="bodystyle">
+          <p class="td-0">娑堝寲鎬ф簝鐤°�佸姛鑳芥�ф秷鍖栦笉鑹�佸菇闂ㄦ闃荤瓑銆傝偁閬撶柧鐥咃細鎬ユ�ч槕灏剧値銆佸悇绉嶈偁姊楅樆銆佹�ユ�у嚭琛�鍧忔鎬ц偁鐐庛�佽吂鍨嬭繃鏁忔�х传鐧滅瓑銆傝倽鑳嗚儼鐤剧梾锛氭�ユ�ц倽鐐庛�佽儐鍥婄値绛夈�傝吂鑶滃強鑲犵郴鑶滅柧鐥咃細濡傛�ユ�ц吂鑶滅値銆傚叾浠栫柧鐥咃細鎬ユ�ц偩鐩傝偩鐐庛�佸績鍔涜“绔瓑銆�</p>
+          <p >2锛庝腑鏋㈡�у憰鍚�</p>
+          <p >绁炵粡绯荤粺鐤剧梾锛氳剳鐐庛�佽剳鑶滅値銆佽剳鍑鸿銆侀鍐呰鑲裤�佽洓缃戣啘涓嬭厰鍑鸿銆佺櫕鐥瓑銆傚叏韬�х柧鐥咃細鑲捐緭灏跨缁撶煶銆佽偩涓婅吅鐨川鍔熻兘涓嶅叏绛夈�備腑姣掞細閲嶉噾灞炪�佷竴姘у寲纰炽�佹湁鏈虹7鍐滆嵂銆侀紶鑽腑姣掔瓑銆傜簿绁炲洜绱狅細鑳冪缁忓畼鑳界棁銆佺缁忔�у帉椋熺瓑銆�</p>
+          <h4>锛堜簩锛夊憰鍚愮殑琛ㄧ幇</h4>
+          <p >1锛庡憰鍚愮殑鍙戠敓鏃堕棿</p>
+          <p >鏅氫笂鎴栧闂村憰鍚愯浜庡菇闂ㄦ闃汇�傛櫒璧峰憰鍚愯浜庨蓟绐︾値鎴栨秷鍖栦笉鑹��</p>
+          <p >2锛庡憰鍚愪笌杩涢鐨勫叧绯�</p>
+          <p >杩涢杩囩▼涓垨杩涢鍚庡嵆鍒诲憰鍚愯浜庡菇闂ㄧ婧冪枴鎴栫簿绁炴�у憰鍚愩�傞鍚�1灏忔椂浠ヤ笂鍛曞悙鎻愮ず鑳冩帓绌哄欢杩熴�傞鍚庤緝涔呮垨鏁伴鍚庡憰鍚愯浜庡菇闂ㄦ闃汇�傞鍚庤繎鏈熷憰鍚愶紝鏈夌兢浣撳彂鐥咃紝澶氳浜庨鐗╀腑姣掋��</p>
+          <p >3锛庡憰鍚愮殑鐗圭偣</p>
+          <p >鍠峰皠鎬у憰鍚愬涓洪鍐呴珮鍘嬫�х柧鐥呫�傞暱鏈熷弽澶嶅彂浣滃憰鍚愪即钀ュ吇涓嶈壇鐨勫涓虹簿绁炴�у憰鍚愩��</p>
+          <p >4锛庡憰鍚愮墿鐨勬�ц川</p>
+          <p >鍛曞悙鐗╁甫鍙戦叺銆佽厫璐ユ皵鍛虫彁绀鸿儍娼寸暀銆傚甫绮嚟鍛虫彁绀轰綆浣嶅皬鑲犳闃汇�備笉鍚儐姹佽鏄庢闃诲钩闈㈠鍦ㄥ崄浜屾寚鑲犱钩澶翠互涓婏紝鍚閲忚儐姹佹彁绀烘闃诲钩闈㈠湪鍗佷簩鎸囪偁涔冲ご浠ヤ笅銆傛棤閰稿懗鍙兘鏄儍璐查棬鐙獎鎴栬床闂ㄥけ寮涚紦鐥囥��</p>
+          <h4>锛堜笁锛夊憰鍚愮殑浼撮殢鐥囩姸</h4>
+          <div class="img-rights">
+            <img class="img-0" alt="" src="../../assets/images/bgImage/bg6.jpg"/>
+            <div class="content1">
+              <p class="tsTitle">灏忚创澹�</p>
+              <p class="tsContent">濠村辜鍎垮嚭鐜板憰鍚愶紝寰堝浜轰細鐩存帴鑰冭檻鍒拌偁鑳冮棶棰樸�傚疄闄呬笂锛屽憰鍚愬師鍥犱紬澶氾紝鍛煎惛閬撴劅鏌撱�侀鍐呮劅鏌撱�侀樋濂囬湁绱犲壇浣滅敤绛夊潎鍙�犳垚濠村辜鍎垮憰鍚愩�傚彂鐜板┐骞煎効鍛曞悙鏃讹紝涓�瀹氳娉ㄦ剰鍛曞悙鍙戠敓鐨勬椂闂淬�佷笌杩涢鐨勫叧绯汇�佷即闅忕棁鐘剁瓑锛屽強鏃躲�佹纭鐞嗐��</p>
+            </div>
+          </div>
+          <p >浼磋吂鐥涖�佽吂娉昏浜庢�ユ�ц儍鑲犵値銆佺粏鑿屾�ч鐗╀腑姣掑強鍏朵粬鍘熷洜寮曡捣鐨勯鐗╀腑姣掋�備即澶寸棝鍙婂柗灏勬�у憰鍚愬父瑙佷簬棰呭唴楂樺帇鐥囥��</p>
+          <h4>锛堝洓锛夊憰鍚愮殑鎶ょ悊</h4>
+          <p >1锛庣淮鎸佸懠鍚搁亾鐣呴��</p>
+          <p >鎮e効鍛曞悙鍘夊鏃讹紝鍛曞悙鐗╁彲鑳戒粠榧昏厰鍠峰嚭锛屽簲绔嬪嵆灏嗛蓟鑵斾腑鐨勫紓鐗╂竻闄わ紝淇濇寔鍛煎惛閬撶晠閫氥�傝嫢鍛曞悙鍙戠敓鍦ㄧ洿绔嬫垨鍗у簥鏃讹紝鍙互鍏堣鎮e効韬綋鍚戝墠鍊炬垨缁存寔渚у崸鐨勫Э鍔匡紝璁╁憰鍚愮墿鏄撲簬娴佸嚭锛屼互鍏嶉�犳垚绐掓伅鎴栧惛鍏ユ�ц偤鐐庛��</p>
+
+        </div>
+        <div class="header-l">
+          <img class="img-0" alt="" src="../../assets/images/bgImage/CH.png"/>
+          <div class="page-l">30</div>
+        </div>
+      </div>
+    </div>
+    <!-- P31 -->
+    <div class="page-box" page="40">
+      <div v-if="showPageList.indexOf(40) > -1">
+        <div class="bodystyle">
+          <p >2锛庝繚鎸佸彛鑵旀竻娲�</p>
+          <p >鍛曞悙涔嬪悗锛屼細鏈変竴浜涜儍閰稿強鏈秷鍖栫殑椋熺墿娈嬬暀鍦ㄥ彛鑵斾腑锛岄毦闂荤殑鍛抽亾浼氫娇鎮e効涓嶉�傝�屾洿瀹规槗寮曞彂鍛曞悙銆傚浜庤緝灏忕殑濠村辜鍎匡紝鍙互婀跨罕甯冭樃娓╂按甯姪鏉ユ竻娲佸彛鑵斻�傚浜庤兘閰嶅悎鐨勫辜鍎匡紝鍙互鐢ㄦ俯寮�姘存急鍙o紝浠ヤ繚鎸佸彛鑵旀竻娲併��</p>
+          <p >3锛庣煭鏆傜椋�</p>
+          <p >濡傛灉鍛曞悙鍚庣珛鍒昏繘椋燂紝鏄撳鑷村弽澶嶅憰鍚愩�傚憰鍚愬悗搴斿厛鏆傛椂绂侀锛屽寘鎷俯姘淬�佺墰濂剁瓑銆傚彲鐢ㄦ鑺辨铇告按婀挎鼎鍙h厰銆傚綋鐥囩姸鏀瑰杽鏃跺啀缁欎簣灏戦噺澶氭鐨勬俯姘淬�佸彛鏈嶈ˉ娑茬洂銆傝嫢鏃犳槑鏄炬伓蹇冦�佸憰鍚愩�佽吂鑳�鎯呭舰锛屽彲鍐嶇粰浜堟竻娣¢鐗╋紙濡傜█楗�侀潰鏉°�侀潰鍖呫�侀澶达級锛屼絾搴旈伩鍏嶆补鑵婚ギ椋熴��</p>
+          <h4>锛堜簲锛夊憰鍚愮殑棰勯槻</h4>
+          <p >鍚堢悊鍠傚吇锛屾敞鎰忛ギ椋熷崼鐢燂紝鍩瑰吇鑹ソ鐨勯ギ椋熶範鎯�傚畨鎶氬┐骞煎効锛岄伩鍏嶇揣寮犮�佹亹鎯х瓑涓嶈壇鎯呯华銆傚┐骞煎効鍝椆鏃惰鍙婃椂缁欎簣瀹夋姎锛岄伩鍏嶅洜鍛煎惛閬撳垎娉岀墿澶瀵艰嚧鍛曞悙銆傚鏄撴檿杞︽垨鏅曡埞鐨勫┐骞煎効鍙洿鎹㈠叾浠栦氦閫氬伐鍏峰鍑猴紝鎴栬�呭鍑哄墠鏈嶇敤鑽墿棰勯槻鏅曡溅鎴栨檿鑸广�傚強鏃舵不鐤楀紩璧峰憰鍚愮殑鍚勭鐤剧梾銆�</p>
+          <h3>鍏�佽吂鐥�</h3>
+          <p >鑵圭棝鏄┐骞煎効甯歌鐨勭梾鐥囷紝鍑犱箮姣忎釜濠村辜鍎块兘鏈夎吂鐥涚殑缁忓巻锛屽彧鏄棁鐘舵湁杞绘湁閲嶏紝鎸佺画鏃堕棿鏈夐暱鏈夌煭銆傝吂鐥涘垎涓哄唴绉戠柧鐥呮�ц吂鐥涘強澶栫鐤剧梾鎬ц吂鐥涗袱澶х被銆傚紩璧疯吂鐥涚殑鍘熷洜澶氱澶氭牱锛屾不鐤楁柟娉曚篃鍥犵梾鑰屽紓銆�</p>
+          <p >鑵圭棝闅忓勾榫勫ぇ灏忚�屾湁涓嶅悓鐨勮〃鐜般�傚┐骞煎効寰�寰�涓嶈兘鐢ㄨ█璇〃杈剧柤鐥涳紝鍙兘浠庤〃鐜版潵鍒ゆ柇鏄惁鍙戠敓鑵圭棝锛屾瘮濡傚摥闂逛笉瀹夈�侀潰鑹茶媿鐧姐�佹嫆缁濊繘椋熴�佽湻缂╁弻鑵跨瓑銆傚勾闀垮効鑵圭棝鏃跺父鍝椆鎴栬緱杞笉瀹夛紝鍙岃吙灞堟洸鍚戣吂閮紝骞剁敤鍙屾墜鎸夌潃鑵归儴銆傛墍浠ワ紝鑰佸笀鍜屽闀胯浠旂粏璇㈤棶锛岃�愬績瑙傚療銆傚浜庡嚭鐜拌吂鐥涚殑濠村辜鍎匡紝涓嶈涓�鍙戠幇鑵圭棝灏辫鍏舵湇鐢ㄦ鐥涜嵂鐗╋紝鑰屽簲瀵圭梾鎯呰繘琛屼竴瀹氭椂闂寸殑浠旂粏瑙傚療锛岀柤鐥涘墽鐑堟垨鎸佺画鏃堕棿闀胯�呭簲鍙婃椂灏卞尰銆�</p>
+          <h4>锛堜竴锛夎吂鐥涚殑鍒嗙被鍜岀梾鍥�</h4>
+          <p >1锛庢�ユ�ц吂鐥�</p>
+          <p >鑵硅厰鑴忓櫒鐨勬�ユ�х値鐥囷細鎬ユ�ц儍鐐庛�佹�ユ�ц偁鐐庛�佹�ユ�ч槕灏剧値绛夈�傜┖鑵旇剰鍣ㄧ殑闃诲鎴栨墿寮狅細鑲犳闃汇�佽偁濂楀彔銆佽儐閬撹洈铏棁銆佹硨灏跨郴缁熺粨鐭崇瓑銆傝剰鍣ㄦ壄杞垨鐮磋锛氳偁鎵浆銆佺粸绐勬�ц偁姊楅樆銆佽儍鑲犵┛瀛斻�佹壄杞�佽倽鐮磋绛夈�傝吂鑶滅値鐥囷細濡傝儍鑲犻亾绌垮瓟寮曡捣鐨勮吂鑶滅値銆傚叏韬柧鐥呭紩璧风殑鑵圭棝锛氳吂鍨嬭繃鏁忔�х传鐧溿�侀搮涓瘨绛夈��</p>
+          <p >2锛庢參鎬ц吂鐥�</p>
+          <p >濠村辜鍎挎參鎬ц吂鐥涗笉澶氳锛屽父瑙佺殑鍘熷洜鏄吂鑵旇剰鍣ㄥ鑳冭偁閬撶殑鎱㈡�х値鐥囥�佹參鎬ц偁</p>
+        </div>
+        <div class="header-r1">
+          <img class="img-0" alt="" src="../../assets/images/bgImage/C.png"/>
+        </div>
+        <div class="header-r">
+          <img class="img-0" alt="" src="../../assets/images/bgImage/C2.png"/>
+          <div class="page-r">31</div>
+        </div>
+      </div>
+    </div>
+    <!-- P32 -->
+    <div class="page-box" page="41">
+      <div v-if="showPageList.indexOf(41) > -1">
+        <div class="bodystyle">
+          <p class="td-0">姊楅樆銆佸姛鑳芥�ф秷鍖栦笉鑹�佹參鎬ц倽鐐庯紝鎱㈡�т腑姣掑閾呬腑姣掔瓑銆�</p>
+          <div class="img-rights">
+            <img class="img-0" alt="" src="../../assets/images/bgImage/bg4.jpg"/>
+            <div class="content1">
+              <p class="tsTitle">灏忚创澹�</p>
+              <p class="tsContent">绌垮瓟鏄寚鑵硅厰鍐呯殑绌鸿厰鑴忓櫒濡傝儍鑲犻亾鐨勫锛岀敱浜庡悇绉嶅師鍥犻�犳垚澹佺牬锛屼娇寰楄剰鍣ㄤ笌鑵硅厰鐩搁�氾紝濡傝儍鍗佷簩鎸囪偁婧冪枴绌垮瓟銆佹�ユ�ч槕灏剧値绌垮瓟绛夈�傝吂鑵旇剰鍣ㄧ┛瀛斿悗锛屽叾鍐呭鐗╄繘鍏ヨ吂鑵斿紩璧锋�ユ�у讥婕�ц吂鑶滅値锛屽嚭鐜拌吂鐥涖�佹伓蹇冦�佸憰鍚愩�佺儲韬佷笉瀹夈�侀潰鑹茶媿鐧姐�佸績鍔ㄨ繃閫熺瓑銆傚叏鑵瑰憟鏉挎牱寮虹洿锛岃吂澹佹湁鏄庢樉鐨勫帇鐥涖�佸弽璺崇棝锛屼弗閲嶇殑鐢氳嚦鍑虹幇浼戝厠銆�</p>
+            </div>
+          </div>
+          <h4>锛堜簩锛夎吂鐥涚殑閮ㄤ綅</h4>
+          <p >鑲犵郴鑶滄穻宸寸粨鐐庝竴鑸湪鑴愬懆鐤肩棝锛涚粨鑲犵柤鐥涘鍦ㄤ笅鑵归儴鎴栧乏涓嬭吂閮紱鎬ユ�у讥婕�ц吂鑶滅値銆佽吂鍨嬭繃鏁忔�х传鐧滃拰鏈烘鎬ц偁姊楅樆涓哄讥婕�ф垨閮ㄤ綅涓嶅畾鐨勭柤鐥涖��</p>
+          <h4>锛堜笁锛夎吂鐥涚殑鎬ц川鍜岀▼搴�</h4>
+          <p >鑳冨崄浜屾寚鑲犳簝鐤$┛瀛旇〃鐜颁负绐佸彂鐨勪腑涓婅吂鍓х儓鍒�鍓叉牱鐤肩棝銆傛參鎬ц儍鐐庢垨鑳冨崄浜屾寚鑲犳簝鐤¤〃鐜颁负涓婅吂閮ㄦ寔缁�ч殣鐥涖�傛�ユ�у讥婕�ц吂鑶滅値琛ㄧ幇涓烘寔缁�с�佸箍娉涙�у墽鐑堢柤鐥涗即鑵瑰鑲岃倝绱у紶鎴栧己鐩淬�傝儐閬撹洈铏棁琛ㄧ幇涓洪樀鍙戞�у墤绐佷笅閽婚《鏍风柤鐥涖��</p>
+          <h4>锛堝洓锛夊鑷磋吂鐥涚殑鍑犵甯歌濠村辜鍎跨柧鐥�</h4>
+          <p >1锛庢�ユ�ц偁鑳冪値</p>
+          <p >鎮f湁鎬ユ�ц偁鑳冪値鐨勫┐骞煎効涓嶄粎浼氳吂鐥涳紝杩樻湁鎭跺績銆佸憰鍚愩�佽吂娉荤瓑鐥囩姸锛岃�屼笖甯镐即鏈夊彂鐑紝澶т究鍛堢█绯婄姸銆佺█姘寸姸鎴栬�呴粡锛堣創锛夎渚匡紝澶氳窡楗涓嶆磥鏈夊叧銆�</p>
+          <p >2锛庡祵椤跨枬</p>
+          <p >鏈夎吂鑲℃矡鏂滅枬鐥呭彶鐨勬偅鍎匡紝濡傛灉鍙戠敓鐤濇皵宓岄】浜庡鐜鎴栭槾鍥婂唴锛屽父浼氬摥闂逛笉瀹夈�佸憰鍚愮瓑銆備粩缁嗚瀵熷彂鐜版偅鍎胯吂鑲℃矡闃村泭鍖鸿偪鑳�锛屾湁涓�璐ㄥ湴杈冪‖鐨勫寘鍧椼�傛瀬灏戞暟鎮e効鐫″悗鐤濆泭鑳借嚜琛屽洖鍒拌吂鑵旓紝鎬ユ�у祵椤跨枬闇�瑕佹�ヨ瘖鎵嬫湳銆�</p>
+          <p >3锛庤偁鐥夋寷</p>
+          <p >鑲犲鑲岃倝寮虹儓鏀剁缉寮曡捣鐨勯樀鍙戞�х棄鎸涙槗瀵艰嚧鑵圭棝銆傚彈鍑夈�佹毚椋熴�佸ぇ閲忓喎椋熼兘鏈夊彲鑳藉紩璧疯偁鐥夋寷銆傝偁鐥夋寷鐨勭壒鐐规槸锛氭瘡娆″彂浣滃湪10鍒嗛挓浠ュ唴锛岃吂鐥涘弽澶嶅彂浣滐紝澶氭暟鍙嚜鎰堛��</p>
+          <p >4锛庨槕灏剧値</p>
+          <p >闃戝熬鐐庣殑鑵圭棝涓�鑸粠涓婅吂閮ㄦ垨鑲氳剱鍛ㄥ洿寮�濮嬶紝鍐嶈浆绉诲埌鍙充笅鑵癸紝鑵圭棝闅惧繊鎷掔粷鍒汉鎸夊帇銆傝櫧鐒堕槕灏剧値鍙湁鍙戠儹銆佸憰鍚愩�佽吂娉伙紝浣嗘棭鏈熷鏃犲彂鐑垨娑堝寲閬撶棁鐘躲�傚鏋滄湁鍏稿瀷鐨勮浆绉绘�у彸涓嬭吂鐤肩棝锛岃娉ㄦ剰闃戝熬鐐庣殑鍙兘銆�</p>
+          <p >5锛庤偁閬撳拰鑳嗛亾铔旇櫕</p>
+          <p >浜轰綋鑲犻亾鍐呮湁铔旇櫕瀵勭敓浼氬紩璧疯交寰殑鑵圭棝锛岃嫢鏄洈铏お澶氬氨浼氬湪鑲犻亾鍐呴泦缁撴垚鍥㈤樆濉炶偁閬擄紝杩涜�屽紩璧锋寔缁�х殑鍓х儓鐤肩棝銆備細閽诲瓟鐨勮洈铏鏋滅獪鍒拌儐閬撳唴灏变細褰㈡垚鑳嗛亾铔旇櫕锛屾偅鑰呬笂鑵归儴浼氬嚭鐜板墽鐑堢柤鐥涳紝鐢氳嚦浼氳汉鍦ㄥ簥涓娿�佸湴涓婄炕婊氬摥鍙�傚┐骞煎効</p>
+
+        </div>
+        <div class="header-l">
+          <img class="img-0" alt="" src="../../assets/images/bgImage/CH.png"/>
+          <div class="page-l">32</div>
+        </div>
+      </div>
+    </div>
+    <!-- P33 -->
+    <div class="page-box" page="42">
+      <div v-if="showPageList.indexOf(42) > -1">
+        <div class="bodystyle">
+          <p class="td-0">鎮h儐閬撹洈铏梾鏈夋椂浼氭湁榛勭柛銆佸帉椋熴�佸帉娌圭瓑鐥囩姸銆�</p>
+          <p >6锛庤偁绯昏啘娣嬪反缁撶値</p>
+          <p >鑲犵郴鑶滄穻宸寸粨鐐庣殑鐗圭偣鏄細澶氭湁涓婂懠鍚搁亾鎰熸煋鐥呭彶锛屽彂鐥呮椂杩樺彲鏈夊彂鐑紝鑵圭棝閮ㄤ綅涔熶笉鏄庣‘锛屽叏鑵规煍杞紝澶氫负寮ユ极鎬ц吂鐥涖�傞儴鍒嗗┐骞煎効浼氬嚭鐜板憰鍚愩�佽吂娉伙紝鍋氳秴澹版鏌ユ樉绀鸿偁绯昏啘娣嬪反缁撹偪澶с��</p>
+          <h4>锛堜簲锛夎吂鐥涚殑鎶ょ悊</h4>
+          <p >1锛庝紤鎭�</p>
+          <p >鑵圭棝鏃跺簲璁╂偅鍎垮崸搴婁紤鎭紝淇濇寔鑸掗�備綋浣嶃�傚彲涓嬭偄灞堟洸渚у崸鎴栦话鍗э紝浠ュ噺杞昏吂閮ㄨ倢鑲夌揣寮犲紩璧风殑鑵圭棝銆�</p>
+          <p >2锛庨ギ椋�</p>
+          <p >鏍规嵁鐥呮儏淇濊瘉钀ュ吇鎽勫叆銆傚彲浠ヨ繘椋熺殑鎮e効搴旂粰浜堝瘜鍚惀鍏汇�佸鏄撴秷鍖栫殑楗锛岃�岃儍鑲犻亾鐤剧梾濡傝儍鑲犻亾绌垮瓟銆佹�ユ�ч槕灏剧値绛夎绂侀锛岀粰浜堥潤鑴夎ˉ娑层��</p>
+          <p >3锛庡鐥囧鐞�</p>
+          <p >鐥呭洜鏄庣‘鐨勮瀵圭棁澶勭悊锛屽鑳冭偁閬撳姛鑳界磰涔卞紩璧风殑鑵圭棝锛屽彲缁欎簣鑵归儴鐑暦鎸夋懇銆傚墽鐑堣吂鐥涚殑鎮e効鎸夌収鍖诲槺鍙粰浜堣В鐥夐晣鐥涜嵂鐗┿�傜梾鍥犱笉鏄庣殑鑵圭棝鍒囧繉鎿呰嚜澶勭悊浣跨敤姝㈢棝鑽紝浠ュ厤鎺╃洊鐥呮儏锛岃�借娌荤枟銆備笉鍙湪鑵归儴鐩存帴鏀剧疆鐑按琚嬶紝浠ュ厤鐑激鐨偆銆�</p>
+          <p >4锛庤瀵熺梾鎯�</p>
+          <p >娉ㄦ剰瑙傚療鑵圭棝鐨勬�ц川銆侀儴浣嶃�佺▼搴︺�佹寔缁椂闂村強浼撮殢鐥囩姸绛夛紝鐥呮儏鍔犻噸瑕佸強鏃堕�佸尰闄㈠氨璇娿��</p>
+          <p >5锛庨闃叉剰澶栨崯浼�</p>
+          <p >鍓х儓鑵圭棝鐨勬偅鍎垮彲鍥犵柤鐥涚炕婊氬彂鐢熷潬搴婃垨鑰呯浼わ紝搴旀敞鎰忎繚鎶ゅ畨鍏紝涓撲汉鐪嬫姢銆�</p>
+          <h3>涓冦�佷究绉�</h3>
+          <p >渚跨鏄寚澶т究娆℃暟鍑忓皯锛屼竴鑸瘡鍛ㄥ皯浜�3娆★紝浼存帓渚垮洶闅俱�佺勃渚垮共缁撱�備究绉樻槸濠村辜鍎垮父瑙佺殑鎺掓硠闂锛屽闀挎湡瀛樺湪锛屽奖鍝嶇敓娲昏川閲忋��</p>
+          <h4>锛堜竴锛変究绉樼殑鍘熷洜</h4>
+          <p >1锛庤偁閬撹弻缇ゅけ琛�</p>
+          <p >澶т究鐨勬�ц川鍜屽┐骞煎効鎽勫叆鐨勯鐗╂垚鍒嗗瘑鍒囩浉鍏炽�傚椋熺墿涓惈澶ч噺铔嬬櫧璐紝鑰岀⒊姘村寲鍚堢墿涓嶈冻锛岃偁閬撹弻缇ょ户鍙戞敼鍙橈紝鑲犲唴瀹圭墿鍙戦叺杩囩▼灏戯紝澶т究鏄撳憟纰辨�э紝骞茬嚗銆傚椋熺墿涓惈杈冨鐨勭⒊姘村寲鍚堢墿锛岃偁閬撳彂閰佃弻澧炲锛屽彂閰典綔鐢ㄥ鍔狅紝浜ч吀澶氾紝澶т究鏄撳憟閰告�э紝娆℃暟澶氳�岃蒋銆傝繘椋熼噺灏戯紝椋熺墿缂轰箯绾ょ淮绱犳垨姘村垎涓嶈冻锛屽缁撹偁杩愬姩鐨勫埡婵�鍑忓皯锛屼篃浼氬鑷翠究绉樸�傝繖浜涙儏鍐靛鏄闀挎病鏈夋敞鎰忓┐骞煎効鐨勭瀛﹂ギ椋燂紝鎴栬�呭┐骞煎効鎸戦鍘岄瀵艰嚧鐨勩��</p>
+        </div>
+        <div class="header-r1">
+          <img class="img-0" alt="" src="../../assets/images/bgImage/C.png"/>
+        </div>
+        <div class="header-r">
+          <img class="img-0" alt="" src="../../assets/images/bgImage/C2.png"/>
+          <div class="page-r">33</div>
+        </div>
+      </div>
+    </div>
+    <!-- P34 -->
+    <div class="page-box" page="43">
+      <div v-if="showPageList.indexOf(43) > -1">
+        <div class="bodystyle">
+          <p >2锛庤偁閬撳姛鑳藉紓甯�</p>
+          <p >闀挎湡浣跨敤寮�濉為湶绛夌亴鑲犲墏鎴栭暱鏈熸唻渚匡紝閮戒細寮曡捣鑲犲鑲岃倝涔忓姏銆佸姛鑳藉け甯歌�屼究绉樸�傚彟澶栦氦鎰熺缁忓姛鑳藉け甯搞�佽吂鑲岃蒋寮辨垨楹荤椆涔熷父浼氬紩璧峰┐骞煎効渚跨銆�</p>
+          <p >3锛庣敓娲讳範鎯�</p>
+          <p >鐢熸椿涓嶈寰嬶紝鎴栧闀挎病鏈変负濠村辜鍎垮煿鍏昏壇濂界殑鎺掍究涔犳儻锛岄兘浼氬鑷村┐骞煎効鏈舰鎴愭帓渚跨殑鏉′欢鍙嶅皠锛岃繘鑰屽鑷翠究绉樸��</p>
+          <p >4锛庡櫒璐ㄦ�т究绉�</p>
+          <p >涓�浜涘厛澶╂�х殑鑲犻亾鐤剧梾锛屾瘮濡傚厛澶╂�у法缁撹偁鍜岃倹闂ㄨ銆佽倹闂ㄧ嫮绐勭瓑鐤剧梾浼氬鑷磋倹闂ㄦ嫭绾﹁倢鐥夋寷銆佹帓渚跨柤鐥涳紝閫犳垚濠村辜鍎挎儳鎬曟帓渚胯�屽嚭鐜颁究绉樸�傚ぇ閲忚吂鑵旂Н娑层�佽唸鑲岄夯鐥广�佽偁绮樿繛銆佽偁濂楀彔銆佽偁鎵浆绛夊潎浼氬鑷翠究绉樸�傚叏韬�х柧鐥呭鐢茬姸鑵哄姛鑳藉噺閫�鐥囥�佺硸灏跨梾绛変娇鑲犺倢鏉惧紱銆佹帓渚挎棤鍔涜�屽嚭鐜颁究绉樸�備竴浜涜嵂鐗╁鍚楀暋銆佹姉鑳嗙⒈鑳借嵂鐗┿�侀晣闈欏墏绛変娇鑲犻亾鏉惧紱鑰屽嚭鐜颁究绉樸��</p>
+          <h4>锛堜簩锛変究绉樼殑琛ㄧ幇</h4>
+          <p >涓昏琛ㄧ幇涓烘帓渚夸笉鐣呫�佹帓渚垮洶闅俱�佺勃渚垮共纭�佽吂鐥涖�佽吂鑳�銆佹秷鍖栦笉鑹�侀娆插噺閫�銆佷笅鑵归儴涓嶉�傘�佷箯鍔涚瓑銆傝吂閮ㄨ緝纭疄涓旂揣寮狅紝鏈夋椂鍊欏湪宸︿笅鑵瑰彲鎽稿埌绮潡銆備弗閲嶆帓渚垮洶闅剧殑濠村辜鍎夸細鍑虹幇鑲涜銆佽倹闂ㄧ柤鐥涖�佷究琛�銆傚┐骞煎効浼氬摥闂逛笉瀹夈�佷笉鎰挎帓渚匡紝浠庤�屽姞閲嶄究绉樸��</p>
+          <h4>锛堜笁锛変究绉樼殑棰勯槻鍜屾姢鐞�</h4>
+          <p >1锛庡阀濡欒ˉ鍏呯氦缁寸礌</p>
+          <p >瀵逛簬宸茬粡娣诲姞杈呴鐨勫┐骞煎効锛屽鏋滃钩鏃惰鍘屽悆钄彍锛屽彲浠ヨ鍏跺鍚冩湪鑰炽�佹潖椴嶈弴銆佹捣鑻斻�佹捣甯︾瓑椋熺墿锛屼互澧炲姞绾ょ淮绱犵殑鎽勫叆锛屼粠鑰屼績杩涘叾鎺掍究銆傜敓娲讳腑娉ㄦ剰鍩瑰吇濠村辜鍎垮潎琛¢ギ椋熺殑鑹ソ涔犳儻銆�</p>
+          <p >2锛庨�傚綋杩愬姩</p>
+          <p >榧撳姳濠村効澶氭椿鍔紝榧撳姳骞煎効澶氬弬鍔犱綋鑲茶繍鍔ㄣ�傚洜涓鸿繍鍔ㄥ彲澧炲姞鑲犺爼鍔紝淇冭繘鎺掍究銆�</p>
+          <p >3锛庡畾鏃舵帓渚�</p>
+          <p >涓嶆寜鏃舵帓渚挎槸瀵艰嚧璁稿濠村辜鍎夸究绉樼殑鍘熷洜涔嬩竴銆傚┐骞煎効鑵归儴鍙婇鐩嗚厰鐨勮倢鑲夋澶勫湪鍙戣偛闃舵锛屾帓渚垮弽灏勭殑鍔熻兘灏氫笉鎴愮啛锛屾帓渚跨粡甯搁渶瑕佸ぇ浜虹殑鎻愰啋銆傚洜姝わ紝鍙互鎶婃棭椁愬悗1灏忔椂浣滀负濠村辜鍎垮浐瀹氱殑鎺掍究鏃堕棿銆傚鍘曞墠鍙粰濠村辜鍎垮枬涓�鏉俯姘存鼎鑲犮��</p>
+          <p >4锛庤吂閮ㄦ寜鎽�</p>
+          <p >鎺掍究鍥伴毦鏃讹紝鍙粰濠村辜鍎垮仛鑵归儴鎸夋懇锛屼互鑲氳剱涓轰腑蹇冮『鏃堕拡鏂瑰悜杞昏交鎸夋懇鑵归儴锛屼績杩涜偁锠曞姩銆�</p>
+        </div>
+        <div class="header-l">
+          <img class="img-0" alt="" src="../../assets/images/bgImage/CH.png"/>
+          <div class="page-l">34</div>
+        </div>
+      </div>
+    </div>
+    <!-- P35 -->
+    <div class="page-box" page="44">
+      <div v-if="showPageList.indexOf(44) > -1">
+        <div class="bodystyle">
+          <p >5锛庨�氫究鑽墿</p>
+          <p >渚跨涓ラ噸鏃讹紝鍙煭鏈熶娇鐢ㄧ畝鏄撳畨鍏ㄧ殑閫氫究鍓傚寮�濉為湶銆佺敇娌规爴绛夎蒋鍖栫勃渚匡紝娑︽粦鑲犻亾锛屽埡婵�澶т究鎺掑嚭銆�</p>
+          <h4>锛堝洓锛変究绉樼殑鎶ょ悊鎶�鏈�</h4>
+          <p >1锛庡紑濉為湶閫氫究</p>
+          <p >寮�濉為湶鐢辩敇娌规垨灞辨ⅷ閱囧埗鎴愶紝灞炰簬娑︽粦鎬х紦娉昏嵂銆傜敤鏃跺皢灏佸彛绔渾寮у舰鍓幓锛屽厛鎸ゅ嚭灏戣娑︽粦寮�鍙e銆傝鎮e効宸︿晶鍗т簬搴婁笂锛屾斁鏉捐倹闂紝鐒跺悗灏嗗紑濉為湶鐨勫墠绔交杞绘彃鍏ヨ倹闂ㄥ悗灏嗚嵂娑叉尋鍏ョ洿鑲犲唴锛屼繚鐣�5锝�10鍒嗛挓鍚庢帓渚裤��</p>
+          <p >2锛庤偉鐨傛爴娉�</p>
+          <p >鑲ョ殏鏍撳睘浜庤嚜鍒剁畝鏄撻�氫究鍓傦紝灏嗘櫘閫氳偉鐨傚墛鎴愬渾閿ュ舰锛堝簳閮ㄧ洿寰�1cm锛岄暱3锝�4cm锛夛紝鍗虫垚鑲ョ殏鏍撱�備娇鐢ㄦ椂鎴翠笂鎵嬪锛屽皢鑲ョ殏鏍撹樃鐑按鍚庤交杞绘彃鍏ユ偅鍎胯倹闂ㄣ�傛敞鎰忥細鑲涢棬澶勭毊鑲ゆ湁鐮存簝鍙婅倹闂ㄥ墽鐑堢柤鐥涚殑鎮e効涓嶅疁浣跨敤銆�</p>
+          <p >3锛庝汉宸ュ彇渚挎硶</p>
+          <p >濡傛偅鍎块暱鏃堕棿涓嶆帓渚匡紝澶氶噺骞蹭究鍫嗙Н鍦ㄧ洿鑲犲唴锛岄噰鐢ㄤ笂杩版柟娉曟棤娉曡В鍐抽棶棰樻椂锛屽彲鐢ㄦ墜鎶犲嚭澶т究銆傛埓涓婁竴娆℃�ф墜濂楋紝灏嗛鎸囨秱娑︽粦鍓傚悗鎱㈡參鎻掑叆鎮e効鑲涢棬鍐咃紝鍏堟満姊板湴鎼呯绮潡锛屽啀灏嗙绮潡鍙栧嚭銆傛敞鎰忓姩浣滆交鏌旓紝閬垮厤鎹熶激鐩磋偁榛忚啘銆傚鍙戠幇鎮e効鏈夊績鎱屻�佸ご鏅曠瓑涓嶉�傦紝搴旂珛鍗冲仠姝㈡搷浣溿��</p>
+          <div class="video-box">
+              <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="img-0"></video>
+            <p class="center videoname">
+              <span>瑙嗛3-4渚跨鐨勬姢鐞嗘妧鏈�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo4 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'A105D1669E6DB25167EA4386DA84AFC5'
+                ) > -1
+                    ? collectCheck
+                    : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-04')" />
+              </el-tooltip>
+            </p>
+          </div>
+          <h3>鍏�佸叾浠栨姢鐞嗘妧鏈�</h3>
+          <h4>锛堜竴锛夊崗鍔╂偅鍎跨敤鑽�</h4>
+          <p >鑽墿鍦ㄩ闃层�佹不鐤楀拰璇婃柇鐤剧梾涓兘璧风潃閲嶈浣滅敤锛岀粰鑽硶鏄闃插拰娌荤枟濠村辜鍎垮父瑙佺梾鐨勫熀鏈父鐢ㄦ柟娉曪紝蹇呴』鐔熸倝甯哥敤鑽墿鐨勬�ц兘銆佷綔鐢ㄥ強涓嶈壇鍙嶅簲锛屾帉鎻¤嵂鐗╃殑鍓傚瀷銆佸墏閲忓拰缁欒嵂鏂规硶锛屼互鍋氬埌鍚堢悊浣跨敤锛屽噺灏戣嵂鐗╀笉鑹弽搴斻�傞渶瑕侀噸鐐规寚鍑虹殑鏄細鍦ㄥ洯缁欏辜鍎跨敤鑽竴瀹氳閬电収鍖诲槺锛屽苟寰佸緱瀹堕暱鐨勫悓鎰忥紝浠ラ槻涓嶈壇浜嬩欢鐨勫彂鐢熴�傜粰鑽硶鍩烘湰鍘熷垯濡備笅銆�</p>
+          <p >1锛庢墽琛屾煡瀵瑰埗搴�</p>
+          <p >鍦ㄧ粰鑽搷浣滃墠銆佹搷浣滀腑銆佹搷浣滃悗锛屽潎瑕佹敞鎰忔牳瀵规偅鍎垮鍚嶃�佽嵂鍚嶃�佽嵂鍝佹湁鏁堟湡銆佽嵂鐗╂祿搴︺�佸墏閲忋�佺敤鑽柟娉曘�佺敤鑽椂闂寸瓑锛屼互鏉滅粷宸敊锛岄槻姝㈠杺閿欒嵂鐗┿�佸墏閲忚繃澶с�佸鐢ㄨ嵂褰撴垚鍙f湇鑽瓑鎰忓鍙戠敓銆�</p>
+          <p >2锛庢湇绯栨祮绫昏嵂鐗╃殑娉ㄦ剰浜嬮」</p>
+          <p >鍦ㄥ辜鍎垮洯閲岋紝骞煎効鍥犲挸鍡藉悆鑽殑鍗犲ぇ澶氭暟銆傚湪缁欐湇姝㈠挸鑽殑鏃跺�欏簲璇ユ敞鎰忥細姣�</p>
+        </div>
+        <div class="header-r1">
+          <img class="img-0" alt="" src="../../assets/images/bgImage/C.png"/>
+        </div>
+        <div class="header-r">
+          <img class="img-0" alt="" src="../../assets/images/bgImage/C2.png"/>
+          <div class="page-r">35</div>
+        </div>
+      </div>
+    </div>
+    <!-- P36 -->
+    <div class="page-box" page="45">
+      <div v-if="showPageList.indexOf(45) > -1">
+        <div class="bodystyle">
+          <p>娆℃湇鑽椂搴斿厛鏈嶆秷鐐庛�佹不鎰熷啋鐨勮嵂鐗╋紝鍐嶆湇鍖栫棸姝㈠挸鐨勭硸娴嗭紝鏈嶅畬绯栨祮鍚庝笉瑕佺珛鍗冲枬姘达紝浠ュ寮哄寲鐥版晥鏋滐紝缂╃煭鐥呯▼銆�</p>
+          <p >3锛庢湇鎶楄繃鏁忚嵂鐗╃殑娉ㄦ剰浜嬮」</p>
+          <p >瀵硅繃鏁忎綋璐ㄦ垨鎬�鐤戞槸杩囨晱鎬у挸鍡界殑鎮e効锛屽尰鐢熶細缁欎簣鎵戝皵鏁忋�佽禌搴氬暥涔嬬被鐨勬姉杩囨晱鑽墿銆傛绫昏嵂鐗╃殑鍓綔鐢ㄦ槸鍥板�︼紝涓ラ噸鐨勫嚭鐜板棞鐫★紝瑕佹敞鎰忚瀵熶笉鑹弽搴旓紝淇濊瘉骞煎効鍦ㄥ洯瀹夊叏銆�</p>
+          <p >4锛庢敞鎰忔墜鍗敓</p>
+          <p >缁欐偅鍎跨敤鑽墠鍚庯紝鎶ょ悊鑰呭簲娉ㄦ剰鎵嬪崼鐢燂紝浠ラ槻姹℃煋鑽恫銆�</p>
+          <p >6锛庡畨鎶氭偅鍎�</p>
+          <p >瀹夋姎鎮e効蹇冪悊锛岀粰鑽椂瑕佹牴鎹偅鍎夸笉鍚岀殑蹇冪悊鐘舵�佺粰浜堣В閲娿�侀紦鍔便�佸姖鎱帮紝浠ユ秷闄ゅ叾瀵硅嵂鐗╂不鐤楃殑鎬�鐤戙�佹亹鎯у強鎶楄嵂蹇冪悊銆傝娉ㄦ剰鎬佸害鍜岃敿銆佸姩浣滆交鏌斻�佹妧鏈啛缁冿紝浣挎偅鍎垮娌荤枟浜х敓淇′换锛屼粠鑰岀Н鏋侀厤鍚堟不鐤椼��</p>
+          <p >7锛庡仛濂借褰�</p>
+          <p >娉ㄦ剰璁板綍鎮e効鍚嶅瓧銆佹墍浣跨敤鑽墿鐨勫悕绉般�佽嵂鐗╀娇鐢ㄦ椂闂淬�佺敤鑽悗鐨勫弽搴旂瓑锛岃嫢鍑虹幇涓嶈壇鍙嶅簲鍙婃椂鍋滅敤銆�</p>
+          <div class="video-box">
+              <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="img-0"></video>
+            <p class="center videoname">
+              <span>瑙嗛3-5鍗忓姪鎮e効鐢ㄨ嵂</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo5 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '128D8188E7D564E45576EF3434122762'
+                ) > -1
+                    ? collectCheck
+                    : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-05')" />
+              </el-tooltip>
+            </p>
+          </div>
+          <h4>锛堜簩锛夋淮锛堟秱锛夌溂鑽�</h4>
+          <p >1锛庢淮鐪兼恫鐨勪娇鐢ㄦ柟娉�</p>
+          <p >鎮e効鍙栦话鍗т綅锛屽勾榫勫ぇ鐨勫辜鍎垮彲鍙栧潗浣嶏紝澶寸◢鍚庝话銆傛搷浣滆�呮礂鍑�鍙屾墜锛屽皢鎮e効鐪奸儴鍒嗘硨鐗╃敤骞插噣妫夌鎿﹀噣銆傛搷浣滆�呯珯鍦ㄦ偅鍎垮闈㈡垨鑰呭ご渚э紝鍛婅瘔鎮e効鍚戜笂娉ㄨ锛屽乏鎵嬫寔娑堟瘨妫夌灏嗕笅鐪肩潙鍚戜笅鏂圭壍鎷夛紝鏆撮湶涓嬬粨鑶滃泭锛屽彸鎵嬫寔婊寸溂娑诧紝鎸ゅ嚭1婊磋嵂姘村啿鐡跺彛锛屽湪璺濈溂鐫�2锝�3cm澶勫皢1锝�2婊磋嵂娑叉淮鍏ャ�傛淮瀹屽悗鍢辨偅鍎胯交闂溂锛屽啀鐢ㄦ媷鎸囧拰椋熸寚杞绘彁鎮e効涓婄溂鐨紝浣胯嵂娑插潎鍖�鍒嗗竷浜庣溂鐞冦�傜敤娑堟瘨妫夌杞昏交鎿﹀幓娴佸嚭鐨勮嵂娑诧紝骞跺憡璇夋偅鍎胯交杞婚棴鐪�2锝�3鍒嗛挓銆�</p>
+          <p >2锛庣溂鑶忕殑浣跨敤鏂规硶</p>
+          <p >鐪艰啅鍦ㄧ潯鍓嶄娇鐢ㄣ�傛搷浣滆�呭厛娲楀噣鍙屾墜锛屽憡璇夋偅鍎跨潄澶х溂鐫涳紝涓�鎵嬪垎寮�鎮e効涓婁笅鐪肩潙锛屼竴鎵嬫寔鑽啅锛屽皢鑽啅鐩存帴鎸ゅ叆涓嬬溂鐨唴锛屽憡鐭ユ偅鍎胯交杞婚棴鐪硷紝杞昏交鎸夋懇鐪肩潙鑷宠嵂鑶忓垎甯冨潎鍖�銆�</p>
+          <p >3锛庢敞鎰忎簨椤�</p>
+          <p >鍙岀溂婊磋嵂鏃讹紝闇�鍏堟淮鍋ヤ晶鐪肩潧锛屽悗婊存偅渚х溂鐫涖�傚嬁浣胯嵂鐡剁鍙婄潾姣涳紝浠ラ槻姹℃煋銆傛贩鎮恫鐢ㄤ箣鍓嶉渶鎽囧寑銆傚绉嶇溂鑽按鍚岀敤鏃讹紝闇�瑕侀棿闅�2锝�3鍒嗛挓锛屼笉鍙悓鏃舵淮鍏ャ�傚凡寮�灏佺殑鐪艰嵂姘村簲鏀剧疆浜庨槾鍑夈�侀伩鍏夊锛屽鏋滃ぉ姘旇緝鐑渶濂藉湪4鈩冨啺绠卞唴鍐疯棌銆�</p>
+          <div class="video-box">
+              <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="img-0"></video>
+            <p class="center videoname">
+              <span>瑙嗛3-6婊达紙娑傦級鐪艰嵂</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo6 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '90A4E5763FE611B1411F5E58E52579E7'
+                ) > -1
+                    ? collectCheck
+                    : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-06')" />
+              </el-tooltip>
+            </p>
+          </div>
+        </div>
+        <div class="header-l">
+          <img class="img-0" alt="" src="../../assets/images/bgImage/CH.png"/>
+          <div class="page-l">36</div>
+        </div>
+      </div>
+    </div>
+    <!-- P37 -->
+    <div class="page-box" page="46">
+      <div v-if="showPageList.indexOf(46) > -1">
+        <div class="bodystyle">
+          <h4>锛堜笁锛夋淮榧昏嵂銆佹淮鑰宠嵂</h4>
+          <p >1锛庢淮榧昏嵂</p>
+          <p >鎮e効鍙栧钩鍗т綅锛岃偐涓嬪灚涓灂澶达紝浣垮ご鍚庝话锛岄蓟瀛斿悜涓婏紝鎴栧潗鍦ㄦ瀛愪笂锛岃儗闈犳鑳岋紝澶村敖閲忓悗浠般�傛搷浣滆�呭厛娲楀噣鍙屾墜锛屽厖鍒嗘毚闇叉偅鍎块蓟鑵旓紝涓�鎵嬫寔鑽摱鍦ㄨ窛榧诲瓟涓婃柟绾�2cm澶勬淮鍏ヨ嵂娑�2锝�3婊达紝鍙︿竴鎵嬭交鎹忛蓟缈间娇鑽恫鍧囧寑鍒嗗竷浜庨蓟鑵斻�傚鏋滈渶瑕侊紝鐢ㄥ悓鏍锋柟娉曟淮鍙︿竴渚ч蓟瀛斻�傛淮鑽悗璁╂偅鍎夸繚鎸佸師浣撲綅绾�3鍒嗛挓鍚庡啀璧锋潵銆傜敤妫夌悆鎿︽嫮娴佸嚭鏉ョ殑鑽恫銆傛敞鎰忔淮鑽椂鑽摱涓嶈涓庢偅鍎块蓟鑵旂毊鑲ゆ帴瑙︺��</p>
+          <p >2锛庢淮鑰宠嵂</p>
+          <p >鎮e効鍙栧潗浣嶆垨鑰呬话鍗т綅锛屽ご鍋忓悜鍋ヤ晶锛屾偅鑰虫湞涓娿�傛搷浣滆�呭厛娲楀噣鍙屾墜锛屼竴鎵嬪悜鍚庝笅鏂圭壍鎷夎�抽儹锛屼娇鑰抽亾鍙樼洿锛屽厖鍒嗘毚闇茶�抽亾锛屽彟涓�鎵嬫寔鑽摱娌跨潃澶栬�抽亾鍚庡婊村叆鑽恫2锝�3婊达紝杞诲帇鑰冲睆锛屼娇鑽恫娴佸悜鑰抽亾娣卞锛屽苟浣挎偅鍎夸繚鎸佸師濮垮娍5锝�10鍒嗛挓銆傚鏋滈渶瑕侊紝鐢ㄥ悓鏍锋柟娉曟淮鍙︿竴渚у鑰抽亾銆傝嫢澶栬�抽亾鍐呮湁鍒嗘硨鐗╋紝瑕佺敤妫夌鎿﹀噣鍚庡啀婊磋嵂銆傛敞鎰忚嵂娑蹭笉鑳藉お鍑夛紝鏈夐紦鑶滅┛瀛旂殑鎮e効绂佹杩涜鑰冲唴婊磋嵂銆傛淮绠″彛涓嶅彲瑙﹀強鎮e効鐨偆锛屼互鍏嶆薄鏌撹嵂娑层��</p>
+          <div class="video-box">
+              <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="img-0"></video>
+            <p class="center videoname">
+              <span>瑙嗛3-7婊撮蓟鑽�佹淮鑰宠嵂</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo7 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '986015C2CFAB8545FB95A49E3738FA96'
+                ) > -1
+                    ? collectCheck
+                    : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-07')" />
+              </el-tooltip>
+            </p>
+          </div>
+          <div class="bgColor">
+            <img class="img-0" alt="" src="../../assets/images/bgImage/001-02.jpg"/>
+            <div class="content">
+              <p class="center titleQuot">灏� 缁�</p>
+              <p >濠村辜鍎挎偅鐥呯殑鏃╂湡杩硅薄鍖呮嫭鎯呯华鍜岃涓恒�佺簿绁炲拰琛ㄦ儏銆侀娆层�侀闈㈠拰鐨偆銆佸懠鍚搞�佺潯鐪犮�佷綋娓╀互鍙婂ぇ灏忎究鐨勬敼鍙樼瓑锛屽彲琛ㄧ幇涓猴細鐑﹁簛涓嶅畨銆侀潰鑹插彂绾€�佺洰鍏夊憜婊烇紱娌℃湁绮剧锛屼笉鐖卞姩锛屼笉鐖辩帺锛岀柌鍊﹀棞鐫★紱鎷掗鎴栭鍚庡摥闂癸紝鍙f按澶氾紱闈㈣壊鑻嶇櫧鎴栧彂榛勶紱鍑虹幇鐨柟锛涘懠鍚稿绮椼�佸蹇紱浣撴俯鏀瑰彉锛涘ぇ渚挎鏁般�侀鑹叉敼鍙橈紱灏块噺鍑忓皯銆佸翱娑查鑹叉敼鍙樼瓑銆傜敓娲讳腑瑕佹敞鎰忚瀵燂紝濡傚彂鐜板┐骞煎効鏈夌敓鐥呯殑杩硅薄锛屽簲浜堜互閲嶈锛屽強鏃跺鐞嗐��</p>
+              <p >濠村辜鍎垮父瑙佺棁鐘舵湁鍙戠儹銆佸摥闂广�佸挸鍡姐�佸ご鐥涖�佸憰鍚愩�佽吂鐥涖�佷究绉樼瓑锛屽悇鏈夊叾鑷韩涓嶅悓鐨勫彂鐥呭師鍥狅紝搴旀敞鎰忕敓娲讳腑鐨勬姢鐞嗗拰棰勯槻銆傚彟澶栵紝搴旀帉鎻$墿鐞嗛檷娓┿�佹祴閲忕敓鍛戒綋寰併�佸崗鍔╂偅鍎挎湁鏁堝挸鍡姐�佸彥鍑绘硶銆佸紑濉為湶閫氫究銆佽偉鐨傛爴濉炶倹娉曘�佷汉宸ュ彇渚挎硶銆佸崗鍔╂偅鍎跨敤鑽�佹淮锛堟秱锛夌溂鑽�佹淮榧昏嵂銆佹淮鑰宠嵂杩欎簺甯哥敤鎶ょ悊鎶�鏈紝浠ヤ究鍦ㄩ亣鍒扮浉搴旀儏鍐垫椂鍙婃椂缁欎簣鎮e効鏈夋晥鐨勬姢鐞嗐��</p>
+            </div>
+          </div>
+        </div>
+        <div class="header-r1">
+          <img class="img-0" alt="" src="../../assets/images/bgImage/C.png"/>
+        </div>
+        <div class="header-r">
+          <img class="img-0" alt="" src="../../assets/images/bgImage/C2.png"/>
+          <div class="page-r">37</div>
+        </div>
+      </div>
+    </div>
+    <!-- P38 -->
+    <div class="page-box" page="47">
+      <div v-if="showPageList.indexOf(47) > -1">
+        <div class="bodystyle">
+          <p class="td-0"><img class="rwmb-2" alt="" src="../../assets/images/bgImage/gjsy.jpg"/></p>
+          <p >鍙戠儹銆�鐗╃悊闄嶆俯銆�鑽墿闄嶆俯銆�鍜冲椊銆�鏈夋晥鍜冲椊銆�澶寸棝</p>
+          <p >鍛曞悙銆�鑵圭棝銆�鑲犵棄鎸涖��铔旇櫕銆�渚跨銆�寮�濉為湶</p>
+          <p class="td-0"><img class="rwmb-2" alt="" src="../../assets/images/bgImage/skylx.jpg"/></p>
+          <p >1锛庨�氳繃鍝簺鎮g梾鐨勬棭鏈熻抗璞¤兘鍙戠幇鎮g梾鐨勫┐骞煎効锛�</p>
+          <textarea v-model="thinkAbout.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+          class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+          <p >2锛庡┐骞煎効鍙戠儹鐨勫垎搴﹀拰鎶ょ悊鏂规硶鏄粈涔堬紵</p>
+          <textarea v-model="thinkAbout.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+          class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+          <p >3锛庡┐骞煎効鍛曞悙鐨勫師鍥犮�佹姢鐞嗗拰棰勯槻鏂规硶鏄粈涔堬紵</p>
+          <textarea v-model="thinkAbout.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+          class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+          <p >4锛庡┐骞煎効鑵圭棝鐨勫父瑙佸師鍥犳湁鍝簺锛�</p>
+          <textarea v-model="thinkAbout.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+          class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+          <p >5锛庡┐骞煎効渚跨鐨勬棩甯告姢鐞嗗拰棰勯槻鏂规硶鏄粈涔堬紵</p>
+          <textarea v-model="thinkAbout.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+          class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+          <p class="td-0"><img class="rwmb-2" alt="" src="../../assets/images/bgImage/jyhd.jpg"/></p>
+          <p >1锛庢儏鏅紨缁冿細鍋囧楣忛箯鍙戠儳浜嗭紝鐜板湪浣撴俯39鈩冿紝浣犱綔涓轰粬鐨勮�佸笀锛屼細濡備綍澶勭悊锛�</p>
+          <textarea v-model="thinkAbout.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+          class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+          <p >2锛庢儏鏅紨缁冿細渚濅緷鍜冲椊鍘夊锛屼綘浣滀负濂圭殑鑰佸笀锛屼細鎬庝箞鍗忓姪濂规湁鏁堝挸鍡斤紵</p>
+          <textarea v-model="thinkAbout.seven" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+          class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+          <p >3锛庢儏鏅紨缁冿細鏄庢槑3澶╂病鏈夋帓渚夸簡锛岀幇鍦ㄦ兂涓婂崼鐢熼棿瑙eぇ渚匡紝浣嗘槸瑙d笉鍑烘潵锛屽摥闂逛笉姝紝浣犱綔涓轰粬鐨勮�佸笀锛岃閫夋嫨浠�涔堟柟娉曪紵鎬庝箞鎿嶄綔锛�</p>
+          <textarea v-model="thinkAbout.eight" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+          class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+          <p >4锛庢儏鏅紨缁冿細鏋滄灉鎮g梾浜嗭紝浣犱綔涓轰粬鐨勮�佸笀锛屼細鎬庝箞鍗忓姪浠栫敤鑽紵鏈夊摢浜涙敞鎰忎簨椤癸紵</p>
+          <textarea v-model="thinkAbout.nine" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+          class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+          <p class="td-0"><img class="rwmb-2" alt="" src="../../assets/images/bgImage/tzyd.jpg"/></p>
+          <p >1锛庣櫧娴烽潤锛氥�婂効绔ュ彂鐑殑鑽墿娌荤枟銆嬶紝杞姐�婂仴搴峰悜瀵笺�嬶紝2020锛�5锛夈�傚彂鐑槸鍎跨鎮g梾鍚庢渶甯稿嚭鐜扮殑鐥囩姸涔嬩竴锛屾湰鏂囪缁嗕粙缁嶄簡鍙戠儹鐨勮嵂鐗╂不鐤楁柟娉曞拰娉ㄦ剰浜嬮」銆�</p>
+          <p >2锛庨儜鑾夎悕锛氥��381渚嬪効绔ュ憰鍚愮殑璇婄枟鍒嗘瀽鐮旂┒銆嬶紝杞姐�婄幇浠e尰鑽崼鐢熴�嬶紝2020锛�6锛夈�傛湰鏂囬�氳繃鏀堕泦鍎跨闂ㄨ瘖鍙婄梾鎴夸互鍛曞悙涓轰富瑕佺棁鐘剁殑鎮e効381渚嬶紝瀵瑰叾涓村簥鐗瑰緛杩涜鍥為【鎬у垎鏋愶紝寰楀嚭缁撹锛氬効绔ュ憰鍚愮梾鍥犲鏉傦紝濡傝儍鑲犵値銆佽偁濂楀彔銆侀鍐呮劅鏌撶瓑锛屽簲楂樺害閲嶈鍏堕壌鍒瘖鏂紝鍙婃椂澶勭悊锛岄伩鍏嶅欢璇梾鎯呫��</p>
+          <p >3锛庡垬娌佹銆佹湵鑾夛細銆婂効绔ヨ吂鐥涚殑甯歌鍘熷洜鍙婅瘖鏂柟娉曘�嬶紝杞姐�婂尰鑽墠娌裤�嬫潅蹇楋紝2019锛�16锛夈�傛湰鏂囧瀵艰嚧鍎跨鑵圭棝鐨勫嚑涓師鍥犺繘琛岄槓杩帮紝骞跺涓村簥璇婃柇鑵圭棝鐥呭洜鐨勫父鐢ㄦ柟娉曪紙濡傝儍闀滐級浠ュ強涓村簥涓婂鍚勭瀵艰嚧鑵圭棝鐨勭柧鐥呯殑娌荤枟鏂规硶杩涜浠嬬粛銆�</p>
+          <p >4锛庡紶鏍戞垚銆佺櫧鐜変綔锛氥�婂効绔ヤ究绉樼殑娌荤枟鎵嬫鍙婂簲鐢ㄦ寚寰併�嬶紝杞姐�婁复搴婂皬鍎垮绉戞潅蹇椼�嬶紝2020锛�1锛夈�傛湰鏂囧鍎跨甯哥敤渚跨娌荤枟鎵嬫鐨勫簲鐢ㄦ寚寰佽繘琛屼簡娣卞叆鐨勬帰璁ㄣ��</p>
+          <div class="testTitle">浜� 娴� 璇�</div>
+          <div class="bk" v-if="questionData">
+            <examinations v-if="questionData" :cardList="questionData[3]" /> 
+          </div>
+        </div>
+        <div class="header-l">
+          <img class="img-0" alt="" src="../../assets/images/bgImage/CH.png"/>
+          <div class="page-l">38</div>
+        </div>
+      </div>
+    </div>
+     
+  </div>
+</template>
+<script>
+import { getResourcePath } from "@/assets/methods/resources";
+import {
+  getCollectResource,
+  setCollectResource,
+} from "@/assets/methods/resources";
+import tool from "@/assets/js/toolClass.js";
+import examinations from "@/components/examinations/index.vue";
+export default {
+  name: "chapterOne",
+  props: {
+    showPageList: {
+      type: Array,
+    },
+    questionData: {
+      type: Object,
+    },
+  },
+  components: {
+    examinations,
+  },
+
+  data() {
+    return {
+      thinkAbout: {
+        one: "",
+        two: "",
+        three: "",
+        four: "",
+        five: "",
+        six: "",
+        seven: "",
+        eight:"",
+        nine:""
+      },
+      
+      collectImg: require("../../assets/images/icon/heart.png"),
+      collectCheck: require("../../assets/images/icon/heart-check.png"),
+      collectResourceList: [],
+      chapterData: {
+        isCollectVideo: false,
+        isCollectVideo2: false,
+        isCollectVideo3: false,
+        isCollectVideo4: false,
+        isCollectVideo5: false,
+        isCollectVideo6: false,
+        isCollectVideo7: false,
+      },
+      videoPathOne: "",
+      videoPathTwo:'',
+      videoPathThree:'',
+      videoPathFour:'',
+      videoPathFive:'',
+      videoPathSix: '',
+      videoPathSeven:'',
+    };
+  },
+  async mounted() {
+    //椤圭洰鑷祴鍙婂绀间箣闂�
+    const bookQuestion = localStorage.getItem(
+      "childIllnessPreventionCare-book-chapter03-question"
+    );
+    if (bookQuestion) {
+      this.thinkAbout = JSON.parse(bookQuestion);
+    }
+    this.getVidoePath();
+    this.collectResourceList = await getCollectResource(
+      this.config.activeBook.bookId
+    );
+  },
+  methods: {
+    setBookQuestion() {
+      localStorage.setItem(
+        "childIllnessPreventionCare-book-chapter03-question",
+        JSON.stringify(this.thinkAbout)
+      );
+    },
+    
+    //鑾峰彇瑙嗛
+    async getVidoePath() {
+      this.videoPathOne = await getResourcePath(
+        "BA4D51803E69D87866C622349C51F122"
+      );
+      this.videoPathTwo = await getResourcePath(
+        "210D956D2882EB43DF26A9549F20AA1A"
+      );
+      this.videoPathThree = await getResourcePath(
+        "9A7B869CEC090D9933BF0D915E3D0731"
+      );
+      this.videoPathFour = await getResourcePath(
+        "A105D1669E6DB25167EA4386DA84AFC5"
+      );
+      this.videoPathFive = await getResourcePath(
+        "128D8188E7D564E45576EF3434122762"
+      );
+      this.videoPathSix = await getResourcePath(
+        "90A4E5763FE611B1411F5E58E52579E7"
+      );
+      this.videoPathSeven = await getResourcePath(
+        "986015C2CFAB8545FB95A49E3738FA96"
+      );
+     
+    },
+    handleCollect(e) {
+      if (e == "video-01") {
+        this.handleCollectResource(
+          "BA4D51803E69D87866C622349C51F122",
+          "BA4D51803E69D87866C622349C51F122",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛3-1鍙戠儹鐨勬姢鐞嗘搷浣滄妧鏈�-鐗╃悊闄嶆俯"
+        );
+        this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo;
+      }
+      if (e == "video-02") {
+        this.handleCollectResource(
+          "210D956D2882EB43DF26A9549F20AA1A",
+          "210D956D2882EB43DF26A9549F20AA1A",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛3-2娴嬮噺鐢熷懡浣撳緛"
+        );
+        this.chapterData.isCollectVideo2 = !this.chapterData.isCollectVideo2;
+      }
+      if (e == "video-03") {
+        this.handleCollectResource(
+          "9A7B869CEC090D9933BF0D915E3D0731",
+          "9A7B869CEC090D9933BF0D915E3D0731",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛3-3 鍜冲椊鐨勬姢鐞嗘妧鏈�"
+        );
+        this.chapterData.isCollectVideo3 = !this.chapterData.isCollectVideo3;
+      }
+      if (e == "video-04") {
+        this.handleCollectResource(
+          "A105D1669E6DB25167EA4386DA84AFC5",
+          "A105D1669E6DB25167EA4386DA84AFC5",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛3-4渚跨鐨勬姢鐞嗘妧鏈�"
+        );
+        this.chapterData.isCollectVideo4 = !this.chapterData.isCollectVideo4;
+      }
+      if (e == "video-05") {
+        this.handleCollectResource(
+          "128D8188E7D564E45576EF3434122762",
+          "128D8188E7D564E45576EF3434122762",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛3-5鍗忓姪鎮e効鐢ㄨ嵂"
+        );
+        this.chapterData.isCollectVideo5 = !this.chapterData.isCollectVideo5;
+      }
+      if (e == "video-06") {
+        this.handleCollectResource(
+          "90A4E5763FE611B1411F5E58E52579E7",
+          "90A4E5763FE611B1411F5E58E52579E7",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛3-6婊达紙娑傦級鐪艰嵂"
+        );
+        this.chapterData.isCollectVideo6 = !this.chapterData.isCollectVideo6;
+      }
+      if (e == "video-07") {
+        this.handleCollectResource(
+          "986015C2CFAB8545FB95A49E3738FA96",
+          "986015C2CFAB8545FB95A49E3738FA96",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛3-7婊撮蓟鑽�佹淮鑰宠嵂"
+        );
+        this.chapterData.isCollectVideo7 = !this.chapterData.isCollectVideo7;
+      }
+     
+      this.handleChapterData();
+    },
+
+    handleChapterData() {
+      localStorage.setItem(
+        "childIllnessPreventionCare-book-chapter03-Data",
+        JSON.stringify(this.chapterData)
+      );
+    },
+
+     //璧勬簮鏀惰棌浜嬩欢
+    // 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></style>
diff --git a/src/books/childIllnessPreventionCare/view/components/header.vue b/src/books/childIllnessPreventionCare/view/components/header.vue
new file mode 100644
index 0000000..78c1583
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/view/components/header.vue
@@ -0,0 +1,180 @@
+<template>
+  <div class="chapter" num="1">
+    <!-- 灏侀潰 -->
+    <div class="page-box mt-20" page="1" style="min-height: auto">
+      <div v-if="showPageList.indexOf(1) > -1">
+        <img class="img-0" alt="" src="../../assets/images/Cover.jpg" />
+      </div>
+    </div>
+    <div class="page-box mt-20" page="2" style="min-height: auto">
+      <div v-if="showPageList.indexOf(2) > -1">
+        <img class="img-0" alt="" src="../../assets/images/feiye.jpg" />
+      </div>
+    </div>
+    <!-- 浠嬬粛椤甸潰 -->
+    <div class="page-box" page="3">
+      <div v-if="showPageList.indexOf(3) > -1">
+        <div style="margin: 0 25%; padding: 10% 0">
+          <hr />
+          <p class="block3 fz-16"><b>鍥句功鍦ㄧ増缂栫洰锛圕IP锛夋暟鎹�</b></p>
+          <p class="left3 fz-15 mr-0">濠村辜鍎垮父瑙佺柧鐥呴闃蹭笌鎶ょ悊/閮濅箟褰紝鑻楄悕锛岄儜鑾夎悕涓荤紪.鈥斿寳浜細鍖椾含甯堣寖澶у鍑虹増绀撅紝2022.4(2024.9閲嶅嵃)</p>
+          <p class="left3 fz-15">ISBN 978-7-303-27583-0</p>
+          <p class="left3 fz-15 mt-20">1.鈶犲┐鈥︹叀.鈶犻儩鈥� 鈶¤嫍鈥� 鈶㈤儜鈥︹収.鈶犲皬鍎跨柧鐥�-甯歌鐥�-棰勯槻(鍗敓)鈶″皬鍎跨柧鐥�-甯歌鐥�-鎶ょ悊V.鈶燫720.1鈶473.72</p>
+          <p class="left3 fz-15 mt-20">涓浗鐗堟湰鍥句功棣咰IP鏁版嵁鏍稿瓧(2021)绗�261146鍙�</p>
+          <hr />
+          <p><br /></p>
+          <p><br /></p>
+          <p><br /></p>
+          <p class="left fz-15 mt-20"><b>鍥句功鎰忚鍙嶉</b>锛歡aozhifk@bnupg.com銆�010-58805079</p>
+          <p class="left fz-15">钀ラ攢涓績鐢佃瘽锛�010-58806880銆�58801876</p>
+          <p class="left fz-15">缂栬緫閮ㄧ數璇濓細010-58807468</p>
+          <hr />
+          <p class="left fz-15">鍑虹増鍙戣锛氬寳浜笀鑼冨ぇ瀛﹀嚭鐗堢ぞ銆�www.bnupg.com</p>
+          <p class="left fz-15">銆�銆�銆�銆�銆�鍖椾含甯傝タ鍩庡尯鏂拌鍙e澶ц12-3鍙�</p>
+          <p class="left fz-15">銆�銆�銆�銆�銆�閭斂缂栫爜锛�100088</p>
+          <p class="left fz-15">鍗般��銆�鍒凤細淇濆畾甯備腑鐢荤編鍑嵃鍒锋湁闄愬叕鍙�</p>
+          <p class="left fz-15">缁忋��銆�閿�锛氬叏鍥芥柊鍗庝功搴�</p>
+          <p class="left fz-15">寮�銆�銆�鏈細787mm脳1092mm銆�1/16</p>
+          <p class="left fz-15">鍗般��銆�寮狅細17.75</p>
+          <p class="left fz-15">瀛椼��銆�鏁帮細300鍗冨瓧</p>
+          <p class="left fz-15">鐗堛��銆�娆★細2022骞�4鏈堢1鐗�</p>
+          <p class="left fz-15">鍗般��銆�娆★細2024骞�9鏈堢5娆″嵃鍒�</p>
+          <p class="left fz-15">瀹氥��銆�浠凤細44.80鍏�</p>
+          <hr />
+          <p class="left fz-15">绛栧垝缂栬緫锛氱綏浣╃弽 鐜嬭秴銆� 銆�璐d换缂栬緫锛氬瓱銆�娴�</p>
+          <p class="left fz-15">缇庢湳缂栬緫锛氱劍銆�涓姐��銆�銆�銆�銆�瑁呭抚璁捐锛氱劍銆�涓�</p>
+          <p class="left fz-15">璐d换鏍″锛氶檲銆�鑽熴��銆�銆�銆�銆�璐d换鍗板埗锛氶檲銆�娑涖��璧点��榫�</p>
+          <p class="center mt-20"><p class="center block3 fz-18"><b>鐗堟潈鎵�鏈夈��渚垫潈蹇呯┒</b></p></p>
+          <p class="left center"><b>鍙嶇洍鐗堛�佷镜鏉冧妇鎶ョ數璇濓細</b>010-58800697</p>
+          <p class="left center block2">鍖椾含璇昏�呮湇鍔¢儴鐢佃瘽锛�010-58808104</p>
+          <p class="left center block2">澶栧煚閭喘鐢佃瘽锛�010-58808083</p>
+          <p class="left center block2">鏈功濡傛湁鍗拌璐ㄩ噺闂锛岃涓庡嵃鍒剁鐞嗛儴鑱旂郴璋冩崲銆�</p>
+          <p class="left center block2">鍗板埗绠$悊閮ㄧ數璇濓細010-58800608</p>
+        </div>
+      </div>
+    </div>
+    <!-- 浠嬬粛椤甸潰 -->
+    <div class="page-box" page="4">
+      <div v-if="showPageList.indexOf(4) > -1">
+        <div class="bodystyle">
+          <div class="firstTitle-1"><h1>涓涗功搴�</h1></div>
+          <div class="pt"><img class="img-0" alt="" src="../../assets/images/bgImage/fenge.png"/></div>
+          <p class="preface">澶у姏鍙戝睍鑱屼笟鏁欒偛瀵逛簬闄嶄綆澶变笟鐜囥�佽В鍐冲氨涓氱粨鏋勭殑鐭涚浘锛屾彁楂樼敓浜у姏鍜屽姵鍔ㄨ�呯殑鏁翠綋绱犺川锛屽噺灏戣传瀵屽樊璺濄�佹爲绔嬪姵鍔ㄨ�呭皧涓ワ紝婵�鍙戝姵鍔ㄨ�呯儹鎯呭拰鍒涢�犲姏锛屾帹鍔ㄦ垜鍥芥皯鏃忓鍏撮兘鍏锋湁閲嶈鎰忎箟銆傚鏋滆寰峰浗缁忔祹鑵鹃鐨勭瀵嗘鍣ㄦ槸鍏跺弻鍏冨埗鐨勮亴涓氭暀鑲蹭綋绯伙紝閭d箞锛屾垜鍥借亴涓氭暀鑲茬殑绾垫繁鍙戝睍涔熷皢鎴愪负鎾姩鎴戝浗缁忔祹銆佺ぞ浼氬彂灞曠殑閲嶈鍔涢噺銆傝繘鍏モ�滃崄鍥涗簲鈥濓紝鎴戝浗鑱屼笟鏁欒偛鍙堟湁浜嗘柊鐨勮捣鐐广�佹柊鍙樺寲锛氫腑绛夎亴涓氭暀鑲蹭粠鈥滃氨涓氬鍚戔�濆埌鈥滃氨涓氫笌鍗囧瀵煎悜鈥濓紝姣曚笟鐢熸棦鍙互鐩存帴灏变笟锛屼篃鍙互缁х画鍗囧鍒颁笓绉戝拰鏈鑱屼笟闄㈡牎锛屽洜鑰屾垚涓洪珮绛夋暀鑲茬殑鐢熸簮鍩虹锛屾湁鐫�澶氬厓鐨勫彂灞曡矾寰勶紱楂樿亴涓撶杩涘叆鎻愯川鍩逛紭銆佸鍊艰祴鑳姐�佷互璐ㄥ浘寮猴紝鍔犲揩杩堣繘鐜颁唬鍖栫殑鏂伴樁娈碉紱楂樿亴鏈鍧氭寔鐞嗚鍏堣銆佲�滈珮涓鹃珮鎵撯�濓紝鍏呭垎鍙戞尌鍏跺湪鑱屼笟鏁欒偛涓殑榫欏ご鍦颁綅銆�</p>
+          <p class="preface">2021骞�3鏈堟暀鑲查儴鍗板彂銆婅亴涓氭暀鑲蹭笓涓氱洰褰曪紙2021骞达級銆嬶紙鏁欒亴鎴愩��2021銆�2鍙凤級锛岄娆″涓亴銆侀珮鑱屼笓绉戝拰楂樿亴鏈涓変釜灞傛涓撲笟鐩綍杩涜涓�浣撳寲淇紙鍒讹級璁紝寤虹珛浜嗙粺涓�鐨勫垎绫绘鏋跺拰涓婁笅琛旀帴鐨勪笓涓氬悕绉帮紝浣胯亴涓氭暀鑲茬被鍨嬬壒寰佹洿涓哄嚫鏄俱�傞�氳繃涓亴銆侀珮鑱屼笓绉戙�侀珮鑱屾湰绉戜竴浣撳寲涓撲笟璁剧疆锛屼负瀛︾敓鑱屼笟鍙戝睍鎵撳紑閫氳矾銆�</p>
+          <p class="preface">鏍规嵁杩欎簺鑱屼笟鏁欒偛鍙戝睍瓒嬪娍鍜屽浗瀹躲�娾�滃崄鍥涗簲鈥濊亴涓氭暀鑲茶鍒掓暀鏉愬缓璁惧疄鏂芥柟妗堛�嬶紝鏈郴鍒楁暀鏉愯仛鐒︿簬濠村辜鍎跨収鎶ょ被涓撲笟锛岄�氳繃涓嶅悓姊害鐨勫唴瀹硅璁★紝涓哄鍓嶆暀鑲层�佸┐骞煎効鎵樿偛鏈嶅姟涓庣鐞嗐�佹棭鏈熸暀鑲层�佸┐骞煎効鍙戝睍涓庡仴搴风鐞嗙瓑涓撲笟鎻愪緵涓撲笟鏁欐潗锛屽悓鏃讹紝涔熶负瀹炵幇鈥滃辜鏈夋墍鑲层�佸辜鏈変紭鑲层�佸辜鏈夊杽鑲测�濆瀹氬熀纭�銆�</p>
+          <p class="preface">鍦ㄧ紪鍐欒繃绋嬩腑锛岀紪鍐欑粍鍔姏浣撶幇濡備笅鍘熷垯锛氾紙1锛夊潥鎸佹纭殑鏀挎不鏂瑰悜鍜屼环鍊煎鍚戯紱锛�2锛変互鍩瑰吇寰锋櫤浣撶編鍔冲叏闈㈠彂灞曠殑绀句細涓讳箟寤鸿鑰呭拰鎺ョ彮浜恒�佹湭鏉ョ殑鈥滃洓鏈夊ソ鑰佸笀鈥濅负鐩爣锛涳紙3锛変綋鐜扳�滃煿鏍归摳榄傘�佸惎鏅哄鎱р�濓紱锛�4锛夐伒寰亴涓氭暀鑲叉暀瀛﹁寰嬪拰浜烘墠鎴愰暱瑙勫緥锛涳紙5锛夌瀛﹀悎鐞嗙紪鎺掓暀鏉愬唴瀹广��</p>
+          
+        </div>
+      </div>
+    </div>
+    <div class="page-box" page="5">
+      <div v-if="showPageList.indexOf(5) > -1">
+        <div class="bodystyle">
+          <p class="preface">鏈郴鍒楁暀鏉愬姫鍔涗綋鐜板涓嬬壒鑹诧細</p>
+          <p class="preface">锛�1锛夊尰鍏绘暀缁撳悎锛岄�傜敤鎬у己銆傛湰绯诲垪鏁欐潗鑱氱劍鍋ュ悍鍜屼繚鑲诧紝鐫�閲嶈ˉ鍏呬簡濠村辜鍎跨収鎶ょ被涓撲笟绱х己鐨勮绋嬫暀鏉愩�傛暀鏉愪富瑕佹兜鐩栦笁涓柟闈細涓�鏄┐骞煎効鍗敓淇濆仴锛屽寘鎷�婂┐骞煎効鎰熻缁熷悎鍙戝睍涓庤缁冦�嬨�婂┐骞煎効甯歌鐤剧梾棰勯槻涓庢姢鐞嗐�嬶紱浜屾槸濠村辜鍎夸綋鑲诧紝鍖呮嫭銆婂┐骞煎効浣撹川鍋ュ悍涓庡姩浣滃彂灞曟祴璇勩�嬨�婂┐骞煎効杩愬姩瀹夊叏涓庝繚鎶ゃ�嬨�婂┐骞煎効杩愬姩澶勬柟璁捐涓庡簲鐢ㄣ�嬶紱涓夋槸濠村辜鍎垮績鐞嗗仴搴凤紝鍖呮嫭銆婂┐骞煎効鍙戝睍璇勪环銆嬨�婂┐骞煎効琛屼负瑙傚療涓庢寚瀵笺�嬨�婂┐骞煎効甯歌鍙戝睍闂涓庣煫姝c�嬨�婂┐骞煎効浜茶亴鏁欒偛銆嬨��</p>
+          <p class="preface">锛�2锛夎涓氫笓瀹堕琛旓紝涓撲笟搴﹂珮銆傛暀鏉愮紪鍐欓槦浼嶅鍏冿紝鐞嗚鍜屽疄璺典笓瀹剁浉缁撳悎銆傛湰绯诲垪鏁欐潗鐨勭紪鍐欒�呮棦鏈夋潵鑷櫘閫氶珮鏍°�佽亴涓氶櫌鏍°�佺鐮旀満鏋勭殑鏁欏鐮旂┒浜哄憳锛屼篃鏈夋潵鑷尰鐤楁満鏋勩�佷繚鏁欐満鏋勫拰濠村辜鍎夸繚鑲插疄璺电殑鏁欑爺鍛橈紱缂栧啓宸ヤ綔鏃㈡湁鍗氬銆佹暀鎺堢瓑璧勬繁涓撳棰嗚锛屼篃鏈変腑闈掑勾鏂伴攼绉瀬鍙備笌銆傜紪鍐欓槦浼嶄笓涓氭按骞抽珮锛屽叿鏈変娇鍛芥劅銆佽矗浠绘劅鍜岃壇濂界殑甯堝痉锛屼繚璇佷簡鏁欐潗鐨勬斂娌绘柟鍚戙�佹潈濞佹�с�佺瀛︽�у拰鍓嶇灮鎬с��</p>
+          <p class="preface">锛�3锛夌悊瀹炰竴浣擄紝鍙搷浣滄�х獊鍑恒�傛湰绯诲垪鏁欐潗涓衡�滃矖璇捐禌璇佲�濊瀺閫氭暀鏉愶紝鍐呭鏍规嵁鑱屼笟闄㈡牎瀛︾敓鐨勫涔犵壒鐐瑰拰鑱屼笟鍙戝睍闇�姹傜紪鍐欙紝鏃㈡湁鐞嗚鐨勬寚瀵硷紝鍙堟湁缁撳悎宀椾綅闇�姹傜殑瀹炶返妗堜緥锛涙棦浣撶幇鏈�鏂般�佹渶鍓嶆部瀛︾鍙戝睍锛屽張娣卞叆娴呭嚭銆佸彲璇绘�у己銆佹槗浜庣悊瑙c��</p>
+          <p class="preface">锛�4锛夎瀺濯掍綋鏁欐潗锛岀珛浣撳寲鍛堢幇銆傛湰绯诲垪鏁欐潗灏嗗浘鏂囧苟鑼傜殑绾稿獟涓庢暟瀛楀寲鐨勫井璇俱�佹渚嬭棰戙�佸湪绾夸範棰樼瓑鐩哥粨鍚堬紝鏍规嵁涓嶅悓鍐呭鐨勫叿浣撻渶姹傦紝绔嬩綋鍖栧憟鐜板悇闂ㄨ绋嬬殑瀛︿範瑕佺偣銆佺煡璇嗛毦鐐广�佹牳蹇冩妧鑳界瓑銆傝缃悇绫绘儏澧冧腑鐨勪簰鍔ㄥ疄鎿嶇幆鑺傦紝甯姪瀛︾敓褰㈡垚涓�у寲鐨勫涔犳柟妗堝拰鑷富瀛︿範涔犳儻锛屾敞閲嶈绋嬭瘎浠风殑杩囩▼鎬у拰褰㈡垚鎬с��</p>
+          <p class="preface">鐩镐俊鏈郴鍒楁暀鏉愮殑鍑虹増锛屽皢鏈夊埄浜庝績杩涚浉鍏充笓涓氫汉鎵嶅煿鍏荤殑寮�灞曞拰璐ㄩ噺鐨勬彁鍗囷紝浠庤�屾湁鍔涙帹鍔ㄦ垜鍥藉┐骞煎効鐓ф姢浜嬩笟鍋ュ悍鍦般�侀珮璐ㄩ噺鍦般�佹寔缁湴鍙戝睍銆傚悓鏃讹紝涔熷笇鏈涢�氳繃鏈郴鍒楁暀鏉愮殑鎺ㄥ箍鍜屼娇鐢紝杩涗竴姝ュ惛绾充竴绾挎暀甯堛�佺鐮斾汉鍛樺強鍏朵粬浣跨敤鑰呯殑鏅烘収涓庣粡楠岋紝浣挎暀鏉愪笉鏂彂灞曞拰瀹屽杽锛屾寔缁负骞垮ぇ甯堢敓鎻愪緵楂樺搧璐ㄦ暀鏉愩��</p>
+          <p class="right block1 mt-20">鍙跺钩鏋�</p> 
+        </div>
+        <div class="header-l">
+          <img class="img-0" alt="" src="../../assets/images/bgImage/CH.png"/>
+          <div class="page-l">2</div>
+        </div>
+      </div>
+    </div>
+    <div class="page-box" page="6">
+      <div v-if="showPageList.indexOf(6) > -1">
+        <div class="bodystyle">
+          <div class="firstTitle-1"><h1 >鍓�    瑷�</h1></div>
+          <div class="pt"><img class="img-0" alt="" src="../../assets/images/bgImage/fenge.png"/></div>
+          <p class="preface">濠村辜鍎挎槸浜虹被鐨勬湭鏉ワ紝濠村辜鍎跨殑鍋ュ悍鎴愰暱鍏崇郴鍒板搴殑骞哥銆佹皯鏃忕殑绱犺川鍜屽浗瀹剁殑鍏磋“銆備絾鏄紝濠村辜鍎夸笉鏄缉灏忕増鐨勬垚浜猴紱浠栦滑鍏锋湁鐗规畩鐨勮韩蹇冪壒鐐癸紝闇�瑕佷簣浠ョ壒鍒懙鎶ゃ�傚┐骞煎効鏃舵湡鐨勫仴搴峰皢浼氬奖鍝嶄汉缁堢敓鐨勫彂灞曘�傚姫鍔涢闃插苟鍑忓皯鐤剧梾瀵瑰┐骞煎効鐢熷瓨鍜屽仴搴风殑鍗卞锛屼繚闅滃拰淇冭繘濠村辜鍎垮疄鐜扮敓鐞嗐�佸績鐞嗗拰绀句細鑳藉姏鐨勫叏闈㈠彂灞曪紙鍗崇敓瀛樸�佷繚鎶ゅ拰鍙戝睍锛夛紝瀵瑰浗瀹躲�佺ぞ浼氥�佸鏍°�佸搴�岃█锛屼笉浠呮槸涓�椤归噸瑕佷换鍔★紝鑰屼笖鏄笉鎳堢殑濂嬫枟鐩爣銆�</p>
+          <p class="preface">姝e湪鐢熼暱鍙戣偛杩囩▼涓殑濠村辜鍎匡紝鍚勫櫒瀹樼郴缁熷皻鏈彂鑲插畬鍏紝韬綋鍚勯儴鍒嗙殑缁撴瀯鍜屽姛鑳借繕涓嶅鎴愮啛锛屽挨鍏舵槸绁炵粡绯荤粺瀵规暣涓満浣撶殑鎺у埗銆佽皟鑺傛満鑳借緝宸紝鍥犺�屽鐤剧梾鐨勬姷鎶楄兘鍔涜緝宸紝瀹规槗鍙楀埌鐤剧梾渚靛銆備竴鏃﹂�犳垚鎹熶激锛屼弗閲嶆椂鍙奖鍝嶅┐骞煎効涓�鐢熴�傝澶氫汉鍦ㄦ垚骞存湡鍑虹幇鐨勭柧鐥呭拰蹇冪悊琛屼负闅滅锛屾�昏兘鍦ㄥ叾骞煎勾鎵惧埌鐩稿叧鐨勫洜绱犲拰鐥呭洜銆備緥濡傦紝鍎跨鏈熻偉鑳栫棁浼氬鑷存垚骞存湡鎮e啝蹇冪梾銆佺硸灏跨梾鐨勬鐜囨槑鏄句笂鍗囷紝涓ラ噸钀ュ吇涓嶈壇浼氬奖鍝嶆櫤鍔涚殑鍙戣偛锛屾娊鍔ㄧ棁銆佹敞鎰忕己闄峰鍔ㄩ殰纰嶇瓑鍙戣偛琛屼负鐤剧梾鐨勭棁鐘堕殢鐫�骞撮緞鐨勫闀夸細鏇村姞涓ラ噸锛岀敋鑷冲嚭鐜板叡鐥咃紝褰卞搷鎴愬勾鏈熷氨涓氥�佸濮伙紝杩樹細瀵艰嚧绂诲鐜囥�佺姱缃巼涓婂崌锛岀瓑绛夈�傚苟涓旓紝濠村辜鍎跨敱浜庤嚜鎴戜繚鎶ゆ剰璇嗗拰璇嗗埆鍗遍櫓鑳藉姏涓嶈冻锛屽鏄撳嚭鐜板浼ゃ�佹皵绠″紓鐗┿�佹秷鍖栭亾寮傜墿绛夊绉嶆剰澶栵紝涓ラ噸鏃剁敋鑷冲嵄鍙婄敓鍛姐�傚┐骞煎効鏈夊緢澶т竴閮ㄥ垎鏃堕棿鏄窡鎵樺辜鏈烘瀯鐨勬暀甯堜滑鍦ㄤ竴璧风殑锛屽洜姝ゆ暀甯堟帉鎻″┐骞煎効甯歌鐤剧梾鐨勯闃蹭笌鎶ょ悊鐭ヨ瘑灏卞彉寰楅潪甯搁噸瑕併�傛棤璁烘槸鎵樺辜鏈烘瀯鏁欏笀杩樻槸瀹堕暱锛岄兘搴旈珮搴﹂噸瑙嗗┐骞煎効鐨勭柧鐥呴闃蹭笌鎶ょ悊宸ヤ綔锛屾帉鎻″┐骞煎効鐢熼暱鍙戣偛鐨勭壒鐐逛笌甯歌鐥呯殑琛ㄧ幇銆佹姢鐞嗗拰棰勯槻鐭ヨ瘑锛屽強鏃╄瘑鍒拰鍙戠幇鐤剧梾骞剁粰浜堟纭鐞嗭紝浠ユ湡鍗忓姪鍖荤敓杈惧埌鏈�濂界殑娌荤枟鏁堟灉锛屼互鍙婁繚闅滃┐骞煎効鍋ュ悍銆傝繖涔熸槸缂栧啓鏈功鐨勯噸瑕佹剰涔夋墍鍦ㄣ��</p>
+          <h4 id="d003" class="preface">涓�銆佺紪鍐欑悊蹇�</h4>
+          <p class="preface">鏃㈠線锛屾垜鍥藉疄琛岀殑鏄崟涓�鐨勫尰鐤楁垨鍗曚竴鐨勫鍓嶆暀鑲诧紝鍏跺崟鏂归潰璧勬簮鏄湁闄愮殑锛屽姞涔嬬ぞ浼氫紶缁熷搴偛鍎胯蹇靛瓨鍦ㄤ竴浜涜鍖猴紝浣垮緢澶氭湁鍋ュ悍闂鎴栫枒浼煎仴搴烽棶棰樼殑濠�</p>
+         
+        </div>
+       
+      </div>
+    </div>
+    <div class="page-box" page="7">
+      <div v-if="showPageList.indexOf(7) > -1">
+        <div class="bodystyle">
+          <p class="preface td-0">骞煎効锛屼笉鑳借鍙婃椂鍙戠幇銆佽瘖鏂紝鍥犺�屽欢璇垨閿欏け鏃╂湡骞查鎴栨不鐤楃殑鑹ソ鏃舵満锛屽鑷磋繖浜涘┐骞煎効鍦ㄨ韩浣撳仴搴枫�佽鐭ャ�佷氦寰�绛夋柟闈㈠嚭鐜伴棶棰橈紝涓ラ噸鏃剁敋鑷虫浜°��</p>
+          <p class="preface">涓轰簡淇濋殰濠村辜鍎垮仴搴峰彂灞曪紝涔熶负浜嗛�傚簲鏂板舰鍔夸笅瀛﹀墠鏁欒偛鍜屽尰瀛︾殑鍙戝睍闇�瑕侊紝2007骞达紝鎴戝浗鎻愬嚭浜嗗尰鏁欑粨鍚堢殑鐞嗗康銆�2010骞达紝銆婂浗鍔¢櫌鍔炲叕鍘呭叧浜庡紑灞曞浗瀹舵暀鑲蹭綋鍒舵敼闈╄瘯鐐圭殑閫氱煡銆嬶紙鍥藉姙鍙戙��2010銆�48鍙凤級鍙戝竷锛屾渶鍒濇槸閽堝娉ㄦ剰缂洪櫡澶氬姩闅滅銆佸鐙棁璋辩郴闅滅绛夌壒娈婂鍓嶅効绔ヨ繘琛屽尰鏁欑粨鍚堝叡鍚屽共棰勩�傛墭骞兼満鏋勬暀甯堟帉鎻$壒娈婂鍓嶅効绔ョ殑鏃╂湡璇嗗埆鏂规硶锛屽苟鍦ㄥ尰鐢熸寚瀵间笅杩涜鍦ㄥ洯骞查锛屼笌鍖婚櫌鐨勪笓涓氬共棰勭浉缁撳悎锛岃繖鏍风殑鍖绘暀缁撳悎銆佽瀺鍚堟暀鑲插彇寰椾簡杈冨ソ鐨勬晥鏋滐紝浣胯澶氳韩蹇冮殰纰嶅効绔ュ緱鍒版棭鏈熸垚鍔熺殑搴峰锛岃瀺鍏ユ甯哥敓娲汇��</p>
+          <p class="preface">鐩墠锛屽尰鏁欑粨鍚堢殑鐞嗗康宸茬粡涓嶅眬闄愪簬姝わ紝鑰屾槸鏈変簡鏇村箍娉涚殑鍐呮兜锛氬湪鍩瑰吇鎵樺辜鏈烘瀯鏁欏笀鐨勮繃绋嬩腑鍔犲叆濠村辜鍎垮父瑙佺柧鐥呴闃蹭笌鎶ょ悊鐨勭浉鍏崇煡璇嗭紝璁╂暀甯堟牴鎹┐骞煎効鐨勭敓闀垮彂鑲茬壒鐐癸紝鍚堢悊瀹夋帓楗銆佽繍鍔ㄧ瓑鍦ㄥ洯鏃ョ▼锛屽苟鎺屾彙鎮g梾鏃╂湡杩硅薄鐨勮瘑鍒�佸彂鐑殑鎶ょ悊銆佽鍔涚殑淇濇姢銆佽惀鍏婚殰纰嶇殑楗鎸囧銆佸績鑲哄鑻忕瓑鐩稿叧鐭ヨ瘑锛屼互鏈熷厖鍒嗕繚闅滃┐骞煎効鐨勮韩浣撳仴搴峰拰鐢熷懡瀹夊叏銆�</p>
+          <p class="preface">閫氳繃鍖绘暀缁撳悎鐨勬柟娉曪紝鍙娇鏃㈠線鍖绘暀鍒嗙鐨勫伐浣滈珮鏁堟暣鍚堬紝瀹炵幇鐩镐簰琛ュ厖銆佸悇鏂芥墍闀匡紝鍋氬埌鏃╄瘑鍒�佹棭骞查銆傚瀛︾涓撲笟鍥㈤槦绱у瘑閰嶅悎锛屽舰鎴愭暀鑲插拰鍖诲鐨勫悎鍔涳紝杈惧埌浣垮┐骞煎効鍙婂叾瀹跺涵閮藉彈鐩婄殑鍏辫耽鏁堟灉銆傝繖绉嶆柊褰㈠娍涓嬬殑鍖绘暀缁撳悎锛屾鏄湰涔﹁嚜濮嬭嚦缁堟墍璐交鐨勭悊蹇点��</p>
+          <h4 id="d003" class="preface">浜屻�佸唴瀹圭粨鏋�</h4>
+          <p class="preface">銆婂┐骞煎効甯歌鐤剧梾棰勯槻涓庢姢鐞嗐�嬫槸涓�鏈�傚悎鎴戝浗鏁欒偛鏀归潻鐨勩�侀潰鍚戝┐骞煎効鐓ф姢绫讳笓涓氱殑鏁欐潗锛岄�傚簲鍥藉鐩稿叧涓撲笟浜烘墠鍩瑰吇闇�姹傘�傛湰涔︿粠濠村辜鍎垮仴搴风殑瀹氫箟銆佸┐骞煎効鐨勭敓鐞嗗拰蹇冪悊琛屼负鐗圭偣鍏ユ墜锛岀郴缁熶粙缁嶄簡鎮g梾鐨勬棭鏈熻抗璞″拰甯歌鐥囩姸鐨勬姢鐞嗘柟娉曪紝钀ュ吇闅滅鎬х柧鐥呯殑棰勯槻涓庢姢鐞嗭紝娑堝寲绯荤粺銆佸懠鍚哥郴缁熴�佸績琛�绠$郴缁熴�佹硨灏跨郴缁熴�佺缁忕郴缁熺柧鐥呯殑棰勯槻涓庢姢鐞嗭紝鍙戣偛琛屼负鐤剧梾鐨勯闃蹭笌鎶ょ悊锛岀毊鑲ょ銆佸彛鑵旂銆佷簲瀹樼鐤剧梾鐨勯闃蹭笌鎶ょ悊锛屽父瑙佹�ユ晳鐭ヨ瘑锛屽父瑙佷紶鏌撶梾鐨勬棭鏈熻瘑鍒�侀闃插拰鎶ょ悊鐭ヨ瘑锛屽唴瀹瑰叏闈赴瀵岋紝鎻愪緵浜嗗緢澶氬垏瀹炲彲琛岀殑棰勯槻鏂规硶鍜屾姢鐞嗘帾鏂姐��</p>
+          <p class="preface">鏈功鍏卞寘鍚崄鍏珷锛屽垎鍒负绗竴绔犲┐骞煎効鍋ュ悍鍩虹鐭ヨ瘑銆佺浜岀珷濠村辜鍎跨殑鐢熺悊鍜屽績鐞嗚涓虹壒鐐广�佺涓夌珷濠村辜鍎挎偅鐥呯殑鏃╂湡杩硅薄鍜屽父瑙佺棁鐘剁殑棰勯槻涓庢姢鐞嗐�佺鍥涚珷钀ュ吇闅滅鎬х柧鐥呴闃蹭笌鎶ょ悊銆佺浜旂珷娑堝寲绯荤粺鐤剧梾棰勯槻涓庢姢鐞嗐�佺鍏珷鍛煎惛绯荤粺鐤剧梾棰勯槻涓庢姢鐞嗐�佺涓冪珷蹇冭绠$郴缁熺柧鐥呴闃蹭笌鎶ょ悊銆佺鍏珷娉屽翱绯荤粺鐤剧梾棰勯槻涓庢姢鐞嗐�佺涔濈珷绁炵粡绯荤粺鐤剧梾棰勯槻涓庢姢鐞嗐�佺鍗佺珷鍙戣偛琛屼负鐤剧梾棰勯槻涓庢姢鐞嗐�佺鍗佷竴绔犵毊鑲ょ鐤剧梾棰勯槻涓庢姢鐞嗐�佺鍗佷簩绔犲彛鑵旂鐤剧梾棰勯槻涓庢姢鐞嗐�佺鍗佷笁绔犵溂绉戠柧鐥呴闃蹭笌鎶ょ悊銆佺鍗佸洓绔犺�抽蓟鍠夌鐤剧梾棰勯槻涓庢姢鐞嗐�佺鍗佷簲绔犲┐骞煎効甯歌鎬ユ晳澶勭悊銆佺鍗�</p>
+        </div>
+        <div class="header-l">
+          <img class="img-0" alt="" src="../../assets/images/bgImage/CH.png"/>
+          <div class="page-l">2</div>
+        </div>
+      </div>
+    </div>
+    <div class="page-box" page="8">
+      <div v-if="showPageList.indexOf(8) > -1">
+        <div class="bodystyle">
+          <p class="preface td-0">鍏珷浼犳煋鐥呴闃蹭笌鎶ょ悊銆傛瘡绔犲寘鍚涔犵洰鏍囥�佹�濈淮瀵煎浘銆佸鍏ャ�佸皬缁撱�佸叧閿湳璇�佹�濊�冧笌缁冧範銆佸缓璁殑娲诲姩銆佹嫇灞曢槄璇荤瓑澶氫釜鐗堝潡銆�</p>
+          <h4 id="d003" class="preface">涓夈�佺紪鍐欑壒鑹�</h4>
+          <p class="block">1锛庢敞閲嶅皢璇剧▼鎬濇斂鍏冪礌铻嶅叆鏁欐潗</p>
+          <p class="preface">绔嬪痉鏍戜汉鏄暀瀛︿箣鏈�傛湰涔︿互涔犺繎骞虫柊鏃朵唬涓浗鐗硅壊绀句細涓讳箟鎬濇兂涓烘寚瀵硷紝鍧氭寔姝g‘鐨勬斂娌绘柟鍚戝拰浠峰�煎鍚戯紝璁剧疆浜嗘暀瀛﹀拰寰疯偛鍙岄噸鐩爣锛屼綋鐜板厷鐨勭悊璁哄垱鏂版渶鏂版垚鏋滅壒鍒槸涔犺繎骞虫柊鏃朵唬涓浗鐗硅壊绀句細涓讳箟鎬濇兂锛屼綋鐜颁腑鍥藉拰涓崕姘戞棌椋庢牸锛屼綋鐜颁汉绫绘枃鍖栫煡璇嗙Н绱拰鍒涙柊鎴愭灉锛屽紭鎵姵鍔ㄥ厜鑽c�佹妧鑳藉疂璐点�佸垱閫犱紵澶х殑鏃朵唬椋庡皻銆�</p>
+          <p class="preface">2022骞�10鏈堬紝涓浗鍏变骇鍏氱浜屽崄娆″叏鍥戒唬琛ㄥぇ浼氬彫寮�锛屾姤鍛婃寚鍑�:鏁欒偛銆佺鎶�銆佷汉鎵嶆槸鍏ㄩ潰寤鸿绀句細涓讳箟鐜颁唬鍖栧浗瀹剁殑鍩虹鎬с�佹垬鐣ユ�ф敮鎾戙�傚繀椤诲潥鎸佷汉鎵嶆槸绗竴璧勬簮锛屾繁鍏ュ疄鏂界鏁欏叴鍥芥垬鐣ャ�佷汉鎵嶅己鍥芥垬鐣ワ紝鍧氭寔涓哄厷鑲蹭汉銆佷负鍥借偛鎵嶏紝鍏ㄩ潰鎻愰珮浜烘墠鑷富鍩瑰吇璐ㄩ噺锛岃仛澶╀笅鑻辨墠鑰岀敤涔嬨�傚湪鍩瑰吇濠村辜鍎跨収鎶ょ被涓撲笟浜烘墠鐨勮繃绋嬩腑锛屾湰涔﹂伒鐓у厷涓ぎ鐨勬寚绀哄紩鍏ュ厷鐨勪簩鍗佸ぇ鐨勭浉鍏冲唴瀹癸紝鑲蹭汉鏇磋偛寰凤紝鐫�閲嶅煿鍏诲浗瀹堕渶瑕佺殑楂樿川閲忎汉鎵嶏紝鍚戝厷鐨勪簩鍗佸ぇ鎶ュ憡涓姹傜殑缁熺鑱屼笟鏁欒偛鍗忓悓鍒涙柊鐨勬柟鍚戝姫鍔涖��</p>
+          <p class="block">2.閬靛惊鑱屼笟鏁欒偛鏁欏瑙勫緥鍜屼汉鎵嶆垚闀胯寰�</p>
+          <p class="preface">鏈功鍐呭缁撴瀯绗﹀悎瀛︾敓璁ょ煡鐗圭偣锛屼綋鐜板厛杩涚殑鑱屼笟鏁欒偛鐞嗗康锛屼互鎵樺辜鏈烘瀯瀹為檯鐢熸椿涓殑妗堜緥涓鸿浇浣擄紝灏嗙煡璇嗐�佽兘鍔涘拰姝g‘浠峰�艰鐨勫煿鍏绘湁鏈虹粨鍚堬紝閫傚簲涓撲笟寤鸿銆佽绋嬪缓璁俱�佹暀瀛︽ā寮忎笌鏂规硶鏀归潻鍒涙柊绛夋柟闈㈢殑闇�瑕侊紝婊¤冻濠村辜鍎垮父瑙佺柧鐥呯浉鍏崇煡璇嗗拰鎶�鑳界殑椤圭洰瀛︿範銆佹渚嬪涔犮�佹ā鍧楀寲瀛︿範绛変笉鍚屽涔犳柟寮忚姹傦紝鏈夋晥婵�鍙戝鐢熷涔犲叴瓒e拰鍒涙柊娼滆兘銆傞�氳繃绯荤粺涓撲笟鐨勭煡璇嗕綋绯诲拰瀹為檯鎶�鑳界殑鏁欒偛鏁欏锛屽煿鍏诲鐢熸垚鏉愶紝瀹炵幇绔嬪痉涓庢爲浜恒�佽偛浜轰笌鑲叉墠鐨勬湁鏈虹粨鍚堬紝钀藉疄鍏氱殑鏁欒偛鏂归拡锛屽煿鍏诲悎鏍肩殑绀句細涓讳箟寤鸿鑰呭拰鎺ョ彮浜恒��</p>
+          <p class="block">3.鍖诲吇鏁欑粨鍚堬紝纭繚鏁欐潗绉戝閫傜敤</p>
+          <p class="preface">鏈功鐢遍儜宸炰汉姘戝尰闄㈤櫌闀块儩涔夊浆鍙婂効绔ュ仴搴峰彂灞曚腑蹇冭嫍钀嶃�侀儜鑾夎悕鎷呬换涓荤紪銆傛湰涔︾紪濮斾細鐨勫壇涓荤紪涓庡弬缂栧潎鐢卞湪涓村簥宸ヤ綔澶氬勾銆佺粡楠屼赴瀵岀殑鍖绘姢浜哄憳鎷呬换锛屾眹闆嗕簡閮戝窞浜烘皯鍖婚櫌(绯绘渤鍗椾腑鍖昏嵂澶у绗簲涓村簥鍖诲闄�)鍜岄儜宸炲ぇ瀛︾殑澶氫綅浼樼浜烘墠锛屽皢鍖诲鐭ヨ瘑涓庡┐骞煎効鏁欒偛瀵嗗垏缁撳悎銆傚悓鏃讹紝鑰冭檻鍒版湰涔﹂潰瀵圭殑璇昏�呮槸鎵樺辜鏈烘瀯鏁欏笀锛屾垜浠繕鐗瑰埆閭�璇蜂簡鍏锋湁娣卞帤濠村辜鍎挎暀鑲茬粡楠岀殑閮戝窞甯傛暀宸ュ辜鍎垮洯鍥暱鎴寸孩姊呫�佹眹鐖卞浗闄呮暀鑲查泦鍥㈡�诲洯闀胯胺闀跨绩銆侀儜宸炲競鏂板崕钃濆ぉ骞煎効鍥洯闀跨敯灏忕嚂銆侀儜宸炲競浜屼竷鍖虹涓�骞煎効鍥墽琛屽洯闀垮紶鏅撹嫳鍙備笌鏈功鍐呭鐨勫鏍告妸鍏筹紝纭繚鏈功鍐呭鐨勭瀛︽�у拰閫傜敤鎬с��</p>
+          <p class="block">4.鐞嗗疄涓�浣擄紝褰㈠紡鏂伴</p>
+          <p class="preface">鏈功鍖呮嫭鐩稿叧鍖诲甯歌瘑銆佺柧鐥呴闃插拰鎶ょ悊鐨勫疄鎿嶆柟娉曪紝鍏煎叿涓撲笟鎬с�佸疄鐢ㄦ�у拰</p>
+        </div>
+        <div class="header-r1">
+          <img class="img-0" alt="" src="../../assets/images/bgImage/C.png"/>
+        </div>
+        <div class="header-r">
+          <img class="img-0" alt="" src="../../assets/images/bgImage/CQ.png"/>
+          <div class="page-r">3</div>
+        </div>
+      </div>
+    </div>
+    <div class="page-box" page="9">
+      <div v-if="showPageList.indexOf(9) > -1">
+        <div class="bodystyle">
+          <p class="preface td-0">鎸囧鎬э紝鍏ㄤ功鍥炬枃琛ㄥ苟鑼傦紝鐢熷姩娲绘臣锛屽皢鏅︽订闅炬噦鐨勫尰瀛︾煡璇嗕互閫氫織鏄撴噦鐨勮瑷�鍔犱互闃愯堪锛岀鍚堣亴涓氶櫌鏍″鐢熺殑瀛︿範鐗圭偣;娉ㄩ噸缁撳悎瀛︾敓鏈潵鑱屼笟鎵�闇�锛岃瀺鍏ユ墭骞兼満鏋勫疄璺垫渚嬶紝浠モ�滃皬璐村+鈥濇爮鐩憟鐜帮紝鍐呭涓板瘜鏈夎叮锛岃创杩戞湭鏉ヨ亴涓氬満鏅紝鍗充究鏄病鏈夊尰瀛﹁儗鏅殑璇昏�呬篃鑳藉鐞嗚В骞跺浼氬疄闄呭簲鐢ㄣ��</p>
+          <p class="block">5.铻嶅獟浣撹祫婧愪赴瀵�</p>
+          <p class="preface">鏈功閲囩敤浜嗙焊璐ㄧ増鍜屾暟瀛楃増铻嶅悎鐨勬柊妯″紡銆備功鍐呭澶勯檮鏈変簩缁寸爜锛岃瀺鍏ユ暟瀛楀寲鍐呭锛岃鑰呭彲浣跨敤鎵嬫満鎵弿浜岀淮鐮佹煡闃呰棰戝唴瀹广�備竴浜涢毦浠ョ悊瑙e苟涓旂儲鐞愮殑鎿嶄綔锛屽鍠傝嵂娉曘�佹祴閲忕敓鍛戒綋寰併�佷竷姝ユ礂鎵嬫硶銆佸績鑲哄鑻忋�佹捣濮嗙珛鍏嬫�ユ晳娉曠瓑锛岄�氳繃涓撲笟鎶ょ悊浜哄憳鐨勬紨绀猴紝浠ヨ棰戞柟寮忓睍绀哄嚭鏉ワ紝鏇村姞鐩磋鏄撴噦銆傝繖绉嶆柊妯″紡閫傚簲浜嗙煡璇嗙垎鐐稿拰鐭ヨ瘑淇℃伅鍖栨潯浠朵笅鐨勫涔犳ā寮忥紝鏈夊埄浜庢彁楂樿鑰呯殑瀛︿範鍏磋叮鍜岃嚜涓诲涔犺兘鍔涳紝鍙互寰堝ソ鍦颁繚璇佸涔犳晥鏋溿�傛澶栵紝鍏ㄤ功鍚勭珷閮介厤鏈夋娴嬮锛屾壂鎻忓皝浜屼簩缁寸爜杩涘叆灏忕▼搴忓嵆鍙湪绾跨瓟棰樻娴嬶紝渚夸簬瀛︾敓闅忔椂杩涜鑷鑷煡銆�</p>
+          <h4 id="d003" class="preface">鍥涖�佹湰涔﹀垎宸�</h4>
+          <p class="preface">鏈功鐨勪綔鑰呭垎宸ュ涓�:閮濅箟褰�佽嫍钀嶃�侀儜鑾夎悕璐熻矗鎬讳綋瀹℃牳锛岃嫍钀嶈礋璐f挵鍐欏彂鑲茶涓虹柧鐥呴闃蹭笌鎶ょ悊绔犺妭锛岄儜鑾夎悕璐熻矗鎾板啓濠村辜鍎垮仴搴峰熀纭�鐭ヨ瘑銆佹秷鍖栫郴缁熺柧鐥呴闃蹭笌鎶ょ悊銆佹硨灏跨郴缁熺柧鐥呴闃蹭笌鎶ょ悊銆佺儳鐑激鎬ユ晳澶勭悊绔犺妭锛岄儜鑾夎悕涓庤拫浼氳帀鍏卞悓鎾板啓浼犳煋鐥呴闃蹭笌鎶ょ悊绔犺妭锛屽惔褰礋璐f挵鍐欑缁忕郴缁熺柧鐥呴闃蹭笌鎶ょ悊銆佸績琛�绠$郴缁熺柧鐥呴闃蹭笌鎶ょ悊绔犺妭锛屽垬鑹崇孩璐熻矗鎾板啓濠村辜鍎跨殑鐢熺悊鍜屽績鐞嗚涓虹壒鐐广�佸┐骞煎効鎮g梾鐨勬棭鏈熻抗璞″拰甯歌鐥囩姸鐨勯闃插拰鎶ょ悊绔犺妭锛屾湵搴嗗崕璐熻矗鎾板啓钀ュ吇闅滅鎬х柧鐥呴闃蹭笌鎶ょ悊绔犺妭锛岄檲鍥洯璐熻矗鎾板啓濠村辜鍎垮父瑙佹�ユ晳澶勭悊绔犺妭涓殑蹇冭偤澶嶈嫃鍜岄鎶樸�佸紓鐗┿�佽蒋缁勭粐鎹熶激銆佹�ユ�т腑姣掔殑鎬ユ晳澶勭悊閮ㄥ垎锛岀洊缈犺姵璐熻矗鎾板啓鍙h厰绉戠柧鐥呴闃蹭笌鎶ょ悊鍙婄墮澶栦激鎬ユ晳澶勭悊绔犺妭锛岄粍鐜夋垚璐熻矗鎾板啓鐨偆绉戠柧鐥呴闃蹭笌鎶ょ悊鍙婅渹铚囦激鎬ユ晳澶勭悊绔犺妭锛屾潕婧愯礋璐f挵鍐欏懠鍚哥郴缁熺柧鐥呴闃蹭笌鎶ょ悊銆佽�抽蓟鍠夌鐤剧梾棰勯槻涓庢姢鐞嗙珷鑺傦紝闂獩濯涜礋璐f挵鍐欑溂绉戠柧鐥呴闃蹭笌鎶ょ悊鍙婄溂澶栦激鎬ユ晳澶勭悊绔犺妭銆�</p>
+          <p class="preface">涔︿腑鍚勪釜绔犺妭鐨勨�滃鍏モ�濃�滄渚嬧�濃�滃缓璁殑娲诲姩鈥濋儴鍒嗙敱鎴寸孩姊呫�佽胺闀跨绩銆佺敯灏忕嚂銆佸紶鏅撹嫳璐熻矗瀹℃牳銆傝棰戠敱鍒樻檽濞熺粍缁囨媿鎽勫苟杩涜鍚庢湡缂栬緫銆�</p>
+          <p class="preface">姝ゅ锛屾俯棣ㄦ彁閱掑悇浣嶈鑰�:鍖诲瀛樺湪涓撲笟鎬э紝闇�瑕佷复搴婂尰鐢熸牴鎹笉鍚岀梾鎯呴噰鍙栦笉鍚岀殑澶勭悊鏂规;鏈功涓秹鍙婄殑鈥滀复搴婂缃�濆唴瀹瑰潎涓洪拡瀵圭柧鐥呯殑甯歌鍖诲澶勭悊鏂规硶锛屼粎渚涜鑰呬簡瑙o紝涓嶄綔涓哄疄闄呮搷浣滅殑鎸囧;鍦ㄥ疄闄呮儏鍐典腑锛屽簲褰撹皑閬靛尰鍢卞拰鎵樺辜鏈烘瀯鐨勭浉鍏宠瀹氥�傚悓鏃讹紝鐢变簬缁忛獙鍜屾按骞冲眬闄愶紝鏈功闅惧厤鏈夌己鐐瑰拰涓嶅綋涔嬪锛屾暚璇峰悇浣嶈鑰呮彁鍑哄疂璐电殑鎰忚銆�</p>
+          <p class="right block1 mt-20">閮濅箟褰�</p>
+        </div>
+        <div class="header-l">
+          <img class="img-0" alt="" src="../../assets/images/bgImage/CH.png"/>
+          <div class="page-l">4</div>
+        </div>
+      </div>
+    </div>
+   
+  </div>
+</template>
+<script>
+export default {
+  name: "pageHeader",
+  props: {
+    showPageList: {
+      type: Array,
+    },
+  },
+  data() {
+    return {};
+  },
+};
+</script>
+
+<style lang="less" scoped>
+
+
+</style>
diff --git a/src/books/childIllnessPreventionCare/view/components/index.vue b/src/books/childIllnessPreventionCare/view/components/index.vue
new file mode 100644
index 0000000..ff17858
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/view/components/index.vue
@@ -0,0 +1,970 @@
+<template>
+  <div class="page-main" @scroll="throttledScrollHandler">
+    <div id="searchDomBox" style="display: none">
+      <div id="searchContent"></div>
+    </div>
+    <div class="page-content" :style="{
+      fontSize: fontSize + 'px',
+      transform: `scale(${pageZoom})`,
+      transformOrigin: 'center top',
+    }">
+      <pageHeader v-if="showCatalogList.indexOf(1) > -1" :showPageList="loadPageList"></pageHeader>
+      <chapterOne v-if="showCatalogList.indexOf(2) > -1" :showPageList="loadPageList"></chapterOne>
+      <chapterTwo v-if="showCatalogList.indexOf(3) > -1" :showPageList="loadPageList"></chapterTwo>
+      <chapterThree v-if="showCatalogList.indexOf(3) > -1" :showPageList="loadPageList" :questionData="questionDataMap"></chapterThree>
+      <!--<chapterFour v-if="showCatalogList.indexOf(5) > -1" :showPageList="loadPageList"></chapterFour>
+       <chapterSeven v-if="showCatalogList.indexOf(6) > -1" :showPageList="loadPageList"></chapterSeven> -->
+    </div>
+  </div>
+</template>
+
+<script>
+import Vue from "vue";
+import pageHeader from "./header.vue";
+import chapterOne from "./chapter001.vue";
+import chapterTwo from "./chapter002.vue";
+import chapterThree from "./chapter003.vue";
+// import chapterFour from "./chapter004.vue";
+// import chapterSeven from "./chapter007.vue";
+import getQuestionList from "@/assets/methods/examination";
+import testData from "../../assets/examinationList";
+import NoteIcon from "@/assets/images/biji.png";
+import _ from "lodash";
+import Swiper from "swiper/bundle";
+import "swiper/swiper-bundle.css";
+import Viewer from "viewerjs";
+import "viewerjs/dist/viewer.css";
+export default {
+  name: "pageContent",
+  data() {
+    return {
+      catalogLength: 5, // 鎬荤珷鑺傛暟
+      showCatalogList: [], // 鏄剧ず鐨勭珷鑺�
+      loadThreshold: 300, // 瑙﹀彂鍔犺浇闃堝��
+      throttleThreshold: 100, // 鑺傛祦闃堝��
+      previousScrollTop: 0,
+      throttledScrollHandler: null,
+      observer: null,
+      loadPageObserver: null,
+      loadPageList: [],
+      questionDataMap: {},
+      renderSignMap: {},
+      highlightData: null,
+      audioPath: "",
+      currentTime: null,
+      videoList: [],
+    };
+  },
+  computed: {
+    fontSize() {
+      this.transformDom(this.$store.state.qiankun.fontSize)
+      return this.$store.state.qiankun.fontSize ? this.$store.state.qiankun.fontSize : 17;
+    },
+    pageZoom() {
+      return this.$store.state.qiankun.scale ? this.$store.state.qiankun.scale / 100 : 1;
+    },
+  },
+  watch: {
+    showCatalogList: {
+      handler(newVal, oldVal) {
+        if (
+          this.$store.state.qiankun &&
+          this.$store.state.qiankun.catalogChange
+        ) {
+          // 璋冪敤鐖跺眰鏂规硶
+          this.$store.state.qiankun.catalogChange({
+            showCatalogList: newVal,
+          });
+        }
+        // 鍚姩椤电爜瑙傚療
+        setTimeout(() => {
+          this.initObservation();
+          this.initThemeColor();
+        }, 500);
+      },
+    },
+    loadPageList: {
+      handler(newVal, oldVal) {
+        setTimeout(() => {
+          this.transformDom(this.$store.state.qiankun.fontSize)
+          this.initSwiper();
+          this.initViewer();
+          this.closeAudio();
+          this.closeVideo();
+        }, 200);
+      },
+    },
+    pageZoom: {
+      handler(newVal, oldVal) {
+        const scrollBox = (
+          this.container ? this.container : document
+        ).querySelector(".page-main");
+        scrollBox.scrollTop = (scrollBox.scrollTop / oldVal) * newVal;
+      },
+    },
+  },
+  mounted() {
+    // 榛樿鍔犺浇绔犺妭
+    this.showCatalogList = [1];
+    // 婊氬姩鐩戝惉鑺傛祦
+    this.throttledScrollHandler = _.throttle(
+      this.scrollFun,
+      this.throttleThreshold,
+      { leading: true, trailing: false }
+    );
+    // 瀹氫箟瀛愬眰鏂规硶
+    if (this.setGlobalState) {
+      // 鎻愪緵椤甸潰璺宠浆鍔熻兘
+      this.setGlobalState({
+        gotoPage: (catalog, page) => {
+          this.gotoPage(catalog, page);
+        },
+        // 娓叉煋绗旇銆侀珮浜�佸垝绾�
+        renderSign: (type, data) => {
+          // 鍥犱负璋冩暣涓洪〉闈㈡噿鍔犺浇锛屾墍浠ユ覆鏌撴爣璁颁篃闇�瑕佹寜鐓ч〉闈㈣繘琛屽鐞嗭紝鍏堝偍瀛樻暟鎹紝椤甸潰鍔犺浇瀹屾垚鍐嶆覆鏌撳搴旂殑鏍囪锛�
+          this.handelSignData(type, data);
+          // this.renderSign(type, data);
+        },
+        // 鍒犻櫎绗旇銆侀珮浜�佸垝绾�
+        delSign: (data) => {
+          this.delSign(data);
+        },
+        // 鍏ㄦ枃妫�绱�
+        searchBookByKeyword: (keyword) => {
+          return this.searchTextByPage(keyword);
+        },
+        // 璺宠浆妫�绱㈢粨鏋滀綅缃�
+        jumpSearchItem: (data) => {
+          this.searchItemLocation(data);
+        },
+      });
+    }
+
+    // 鍒涘缓涓�涓柊鐨� Intersection Observer 瀹炰緥锛岀敤浜庤瀵熺洰鏍囧厓绱犲拰鎵ц鐩稿簲鐨勫洖璋冨嚱鏁般��
+    // new IntersectionObserver(callback, options)锛氫娇鐢ㄤ箣鍓嶅畾涔夌殑 callback 鍥炶皟鍑芥暟鍜� options 閰嶇疆閫夐」鏉ュ垵濮嬪寲 Intersection Observer 瀹炰緥銆�
+    this.observer = new IntersectionObserver(this.pageChangeCallback, {
+      root: null, // 鎸囧畾鏍瑰厓绱狅紝杩欓噷璁句负 null锛岃〃绀洪�夊彇鏁翠釜瑙嗙獥浣滀负鏍瑰厓绱犮��
+      rootMargin: "0px", // 鎸囧畾鏍瑰厓绱犵殑杈圭晫锛岃繖閲岃涓� "0px"锛岃〃绀烘牴鍏冪礌鐨勮竟鐣屽拰瑙嗙獥鐨勮竟鐣岄噸鍚�
+      threshold: 0.5, // 鎸囧畾浜ゅ弶姣斾緥锛岃繖閲岃涓� 0.5锛岃〃绀哄綋鐩爣鍏冪礌涓�鍗婃垨鏇村鏄剧ず鍦ㄨ绐椾腑鏃惰Е鍙戝洖璋冨嚱鏁般��
+    });
+
+    this.loadPageObserver = new IntersectionObserver(this.loadPageCallback, {
+      root: null, // 鎸囧畾鏍瑰厓绱狅紝杩欓噷璁句负 null锛岃〃绀洪�夊彇鏁翠釜瑙嗙獥浣滀负鏍瑰厓绱犮��
+      rootMargin: "0px", // 鎸囧畾鏍瑰厓绱犵殑杈圭晫锛岃繖閲岃涓� "0px"锛岃〃绀烘牴鍏冪礌鐨勮竟鐣屽拰瑙嗙獥鐨勮竟鐣岄噸鍚�
+      threshold: 0, // 鎸囧畾浜ゅ弶姣斾緥锛岃繖閲岃涓� 0.5锛岃〃绀哄綋鐩爣鍏冪礌涓�鍗婃垨鏇村鏄剧ず鍦ㄨ绐椾腑鏃惰Е鍙戝洖璋冨嚱鏁般��
+    });
+
+    // 鍚姩椤电爜瑙傚療
+    setTimeout(() => {
+      this.initObservation();
+      this.initThemeColor();
+    }, 500);
+
+    // 娴嬭瘯椤甸潰璺宠浆
+    setTimeout(() => {
+      // this.gotoPage(3, 220);
+      //   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)
+    //   .querySelector("#app")
+    //   .querySelectorAll(".page-box");
+    // 妫�绱�
+    // console.log(this.searchTextByPage("淇濇姢鍐呰剰鍣ㄥ畼"), "searchTextByPage");
+    // 妫�绱㈣烦杞�
+    // this.searchItemLocation({
+    //   catalog: 2,
+    //   page: 10,
+    //   txt: " 杩愬姩绯荤粺鏄敱楠ㄣ�侀杩炵粨鍜岄楠艰倢涓夐儴鍒嗙粍鎴愮殑銆傚叏韬殑楠ㄩ�氳繃楠ㄨ繛缁撶粍鎴愪汉浣撻楠硷紙瑙佸浘1-1锛夈�傞楠兼槸浜轰綋鐨勬敮鏋讹紝鍏锋湁淇濇姢鍐呰剰鍣ㄥ畼銆佷緵鑲岃倝闄勭潃鍜屼綔涓鸿倢鑲夎繍鍔ㄧ殑鏉犳潌绛変綔鐢ㄣ�傚湪绁炵粡绯荤粺鐨勬敮閰嶄笅锛岃倢鑲夋敹缂╃壍鍔ㄦ墍闄勭潃鐨勯缁曠潃鍏宠妭杞姩锛屼娇韬綋浜х敓鍚勭鍔ㄤ綔銆傛墍浠ワ紝杩愬姩绯荤粺鍏锋湁杩愬姩銆佹敮鎸佸拰淇濇姢绛夊姛鑳斤紝骞煎勾鏃舵湡鐨勯楠艰繕鍏锋湁閫犺鍔熻兘銆� ",
+    //   txtIndex: 57
+    // });
+    // }, 500);
+  },
+  methods: {
+    // setZoom1() {
+    //   let scale = this.$store.state.qiankun.scale + 10;
+    //   const scrollBox = (
+    //     this.container ? this.container : document
+    //   ).querySelector(".page-main");
+    //   this.$store.commit("setZoom", scale);
+    // },
+    // setZoom2() {
+    //   let scale = this.$store.state.qiankun.scale - 10;
+    //   const scrollBox = (
+    //     this.container ? this.container : document
+    //   ).querySelector(".page-main");
+    //   this.$store.commit("setZoom", scale);
+    // },
+    // 婊氬姩鐩戝惉
+    scrollFun(event) {
+      this.handleVideoPicture()
+      // 鍒ゆ柇鍚戜笂婊氬姩杩樻槸鍚戜笅婊氬姩
+      if (event.target.scrollTop > this.previousScrollTop) {
+        this.getAduio();
+        // 鍚戜笅
+        const currentScrollTop =
+          event.target.scrollTop + event.target.offsetHeight;
+        if (
+          currentScrollTop >=
+          event.target.scrollHeight - this.loadThreshold
+        ) {
+          console.log(1);
+          // 鍒拌揪闃堝��
+          if (
+            this.showCatalogList[this.showCatalogList.length - 1] <
+            this.catalogLength
+          ) {
+            // 鍔犺浇涓嬩竴绔�
+            this.showCatalogList.push(
+              this.showCatalogList[this.showCatalogList.length - 1] + 1
+            );
+            if (this.showCatalogList.length > 3) {
+              // 瓒呰繃涓夌珷闅愯棌椤堕儴涓�绔�
+              this.showCatalogList.shift();
+            }
+          }
+        }
+      } else if (event.target.scrollTop < this.previousScrollTop) {
+        this.handleAudio();
+        // 鍚戜笂
+        const currentScrollTop = event.target.scrollTop;
+        if (currentScrollTop <= this.loadThreshold) {
+          // 鍒拌揪闃堝��
+          if (this.showCatalogList[0] > 0) {
+            // 鍔犺浇涓婁竴绔�
+            this.showCatalogList.unshift(this.showCatalogList[0] - 1);
+            if (this.showCatalogList.length > 3) {
+              // 瓒呰繃涓夌珷闅愯棌搴曢儴涓�绔�
+              this.showCatalogList.pop();
+            }
+          }
+        }
+      }
+      // showCatalogList 褰撳墠鏄剧ず鐨勪笁涓珷鑺傦紝watch鐩戝惉浼犻�掔粰涓诲簲鐢�
+      // 鏇存柊涓婁竴娆℃粴鍔ㄧ殑浣嶇疆
+      this.previousScrollTop = event.target.scrollTop;
+    },
+    // 绔犺妭銆侀〉闈㈣烦杞�
+    gotoPage(catalog, page) {
+      if (catalog >= 0 && catalog <= this.catalogLength) {
+        // 澶勭悊娓叉煋绔犺妭
+        if (catalog == 0) {
+          this.showCatalogList = [0, 1];
+        } else if (catalog == this.catalogLength) {
+          this.showCatalogList = [
+            this.catalogLength - 2,
+            this.catalogLength - 1,
+            this.catalogLength,
+          ];
+        } else {
+          this.showCatalogList = [catalog - 1, catalog, catalog + 1];
+        }
+        setTimeout(() => {
+          // 璺宠浆椤电爜
+          const pageDom = (
+            this.container ? this.container : document
+          ).querySelector(`[page="${page}"]`);
+          if (pageDom) {
+            pageDom.scrollIntoView();
+          } else {
+            console.log("椤电爜閿欒锛�");
+          }
+        }, 500);
+      } else {
+        console.log("绔犺妭閿欒锛�");
+      }
+    },
+
+    // 澶勭悊鏍囪鏁版嵁
+    handelSignData(type, data) {
+      if (this.loadPageList.indexOf(Number(data.page)) > -1) {
+        // 绔嬪嵆娓叉煋
+        this.renderSign(type, data);
+      }
+
+      // 鍌ㄥ瓨鏁版嵁
+      if (!this.renderSignMap[type]) this.renderSignMap[type] = {};
+      if (!this.renderSignMap[type][data.page])
+        this.renderSignMap[type][data.page] = [];
+      this.renderSignMap[type][data.page].push(data);
+    },
+
+    // 娓叉煋鏍囪
+    renderSign(type, data) {
+      // 鐖跺眰璁剧疆绂佹娓叉煋鏍囪鏃朵笉鍐嶈繘琛屾覆鏌�
+      if (this.$store.state.qiankun.disableSign) {
+        return false;
+      }
+      const existence = (
+        this.container ? this.container : document
+      ).querySelector(`[dataid="${data.id}"]`);
+      // 鍘婚噸
+      if (!existence) {
+        const pageDom = (
+          this.container ? this.container : document
+        ).querySelector(`[page="${data.page}"]`);
+        // 鍒涘缓 createTreeWalker 杩唬鍣紝鐢ㄤ簬閬嶅巻鏂囨湰鑺傜偣锛屼繚瀛樺埌涓�涓暟缁�
+        const treeWalker = document.createTreeWalker(
+          pageDom,
+          NodeFilter.SHOW_TEXT
+        );
+        const allTextNodes = [];
+        let currentNode = treeWalker.nextNode();
+        while (currentNode) {
+          allTextNodes.push(currentNode);
+          currentNode = treeWalker.nextNode();
+        }
+        for (let i = 0; i < allTextNodes.length; i++) {
+          const textDom = allTextNodes[i];
+          if (textDom.textContent.indexOf(data.txt) > -1) {
+            let reg = new RegExp(`${data.txt}`, "ig");
+            switch (type) {
+              case "Highlight":
+                // 楂樹寒
+                textDom.parentNode.innerHTML =
+                  textDom.parentNode.innerHTML.replace(
+                    reg,
+                    `<span datatype="Highlight" dataid="${data.id}" style="background: ${data.color};" class="highLight" onclick="signClick('Highlight','${data.id}','${data.chapterNum}')">${data.txt}</span>`
+                  );
+                break;
+              case "Dashing":
+                // 鍒掔嚎
+                textDom.parentNode.innerHTML =
+                  textDom.parentNode.innerHTML.replace(
+                    reg,
+                    `<span datatype="Dashing" dataid="${data.id}" style="text-decoration-color:${data.color};" class="underline" onclick="signClick('Dashing','${data.id}','${data.chapterNum}')">${data.txt}</span>`
+                  );
+                break;
+              case "Note":
+                // 绗旇
+                textDom.parentNode.innerHTML =
+                  textDom.parentNode.innerHTML.replace(
+                    reg,
+                    `<span datatype="Note" dataid="${data.id}" style="border-bottom-color:${data.color}" class="notesline" onclick="signClick('Note','${data.id}','${data.chapterNum}')" onmouseover="noteHover('Note','${data.id}','${data.chapterNum}')" onmouseout="noteOut('Note')">${data.txt}<img src="${NoteIcon}"/></span>`
+                  );
+                break;
+            }
+          }
+        }
+      }
+    },
+    // 鍒犻櫎鏍囪娓叉煋
+    delSign({ ids, type }) {
+      if (ids && ids.length) {
+        for (let i = 0; i < ids.length; i++) {
+          const id = ids[i];
+          const dom = (
+            this.container ? this.container : document
+          ).querySelector(`[dataid="${id}"]`);
+          dom.parentNode.innerHTML = dom.parentNode.innerHTML.replace(
+            dom.outerHTML,
+            dom.outerText
+          );
+        }
+      }
+      if (type) {
+        const doms = (
+          this.container ? this.container : document
+        ).querySelectorAll(`[datatype="${type}"]`);
+        for (let i = 0; i < doms.length; i++) {
+          const dom = doms[i];
+          dom.parentNode.innerHTML = dom.parentNode.innerHTML.replace(
+            dom.outerHTML,
+            dom.outerText
+          );
+        }
+      }
+    },
+    initObservation() {
+      const sections = (
+        this.container ? this.container : document
+      ).querySelectorAll(".page-box");
+      sections.forEach((section) => {
+        if (this.config.activeBook && this.config.activeBook.tryPageCount) {
+          const page = section.getAttribute("page");
+          if (Number(page) > this.config.activeBook.tryPageCount) {
+            let chapterDom = this.getParentWithClass(section, "chapter");
+            const chapterNum = chapterDom.getAttribute("num");
+            this.catalogLength = Number(chapterNum) - 1;
+            section.remove();
+            return false;
+          }
+        }
+        // observer 瑙傚療姣忎釜鍏冪礌锛屼互渚垮湪瀹冧滑杩涘叆鎴栫寮�瑙嗙獥鏃惰Е鍙戝洖璋冨嚱鏁般��
+        const isObserver = section.getAttribute("observer");
+        const isLoadObserver = section.getAttribute("loadObserver");
+        if (!isObserver) {
+          this.observer.observe(section);
+          section.setAttribute("observer", "1");
+        }
+        if (!isLoadObserver) {
+          this.loadPageObserver.observe(section);
+          section.setAttribute("loadObserver", "1");
+        }
+      });
+    },
+    initThemeColor() {
+      // 鑾峰彇鍚勭闇�瑕佷富棰樿壊鐨勮妭鐐�
+      const colorDom = (
+        this.container ? this.container : document
+      ).querySelectorAll(".theme-color");
+      const backgroundColorDom = (
+        this.container ? this.container : document
+      ).querySelectorAll(".theme-back");
+      const borderColorDom = (
+        this.container ? this.container : document
+      ).querySelectorAll(".theme-border");
+      // 鑾峰彇閰嶇疆鐨勪富棰樿壊
+      const bookThemeColor =
+        this.config.activeBook && this.config.activeBook.bookThemeColor
+          ? this.config.activeBook.bookThemeColor
+          : null;
+      const chapterThemeColor =
+        this.config.activeBook && this.config.activeBook.chapterThemeColor
+          ? this.config.activeBook.chapterThemeColor
+          : null;
+      const pageThemeColor =
+        this.config.activeBook && this.config.activeBook.pageThemeColor
+          ? this.config.activeBook.pageThemeColor
+          : null;
+      colorDom.forEach((domItem) => {
+        // 鑾峰彇绔犺妭銆侀〉鐮�
+        let pageDom = this.getParentWithClass(domItem, "page-box");
+        let chapterDom = this.getParentWithClass(domItem, "chapter");
+        let page, chapterNum;
+        if (pageDom) page = pageDom.getAttribute("page");
+        if (chapterDom) chapterNum = chapterDom.getAttribute("num");
+        // 鍚戜笂鍖归厤涓婚鑹�
+        const themeColor =
+          page && pageThemeColor && pageThemeColor[page]
+            ? pageThemeColor[page]
+            : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
+              ? chapterThemeColor[chapterNum]
+              : bookThemeColor;
+        if (themeColor) {
+          domItem.style.color = themeColor;
+        }
+      });
+      backgroundColorDom.forEach((domItem) => {
+        // 鑾峰彇绔犺妭銆侀〉鐮�
+        let pageDom = this.getParentWithClass(domItem, "page-box");
+        let chapterDom = this.getParentWithClass(domItem, "chapter");
+        let page, chapterNum;
+        if (pageDom) page = pageDom.getAttribute("page");
+        if (chapterDom) chapterNum = chapterDom.getAttribute("num");
+        // 鍚戜笂鍖归厤涓婚鑹�
+        const themeColor =
+          page && pageThemeColor && pageThemeColor[page]
+            ? pageThemeColor[page]
+            : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
+              ? chapterThemeColor[chapterNum]
+              : bookThemeColor;
+        if (themeColor) {
+          domItem.style.backgroundColor = themeColor;
+        }
+      });
+      borderColorDom.forEach((domItem) => {
+        // 鑾峰彇绔犺妭銆侀〉鐮�
+        let pageDom = this.getParentWithClass(domItem, "page-box");
+        let chapterDom = this.getParentWithClass(domItem, "chapter");
+        let page, chapterNum;
+        if (pageDom) page = pageDom.getAttribute("page");
+        if (chapterDom) chapterNum = chapterDom.getAttribute("num");
+        // 鍚戜笂鍖归厤涓婚鑹�
+        const themeColor =
+          page && pageThemeColor && pageThemeColor[page]
+            ? pageThemeColor[page]
+            : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
+              ? chapterThemeColor[chapterNum]
+              : bookThemeColor;
+        if (themeColor) {
+          domItem.style.borderColor = themeColor;
+        }
+      });
+    },
+    getParentWithClass(element, className) {
+      while (element.parentElement) {
+        element = element.parentElement;
+        if (element.classList.contains(className)) {
+          return element;
+        }
+      }
+    },
+    pageChangeCallback(entries, observer) {
+      //entries锛氫唬琛ㄨ瀵熷埌鐨勭洰鏍囧厓绱犵殑闆嗗悎銆� observer锛氫唬琛ㄨ瀵熻�呭璞°��
+      entries.forEach((entry) => {
+        //entry.isIntersecting锛氭鏌ュ綋鍓嶇洰鏍囧厓绱犳槸鍚︿笌鏍瑰厓绱犵浉浜ゃ��
+        if (entry.isIntersecting) {
+          const target = entry.target;
+          //entry.target锛氳幏鍙栧綋鍓嶇洰鏍囧厓绱�
+          const page = target.getAttribute("page");
+          const catalogDom = this.tool.getParentNodeByClassName(
+            target,
+            "chapter"
+          );
+          const catalog = catalogDom.getAttribute("num");
+          let text = null;
+          if (target.querySelector("p")) {
+            text = target.querySelector("p").textContent.substring(0, 50);
+          }
+          // 杩斿洖椤电爜鍜岀珷鑺備俊鎭�
+          if (this.$store.state.qiankun && this.$store.state.qiankun.pageChange)
+            this.$store.state.qiankun.pageChange({
+              page: page,
+              catalog: catalog,
+              text,
+            });
+          // const sections = Array.from(document.querySelectorAll(".section"));
+          //sections锛氳幏鍙栨墍鏈夊叿鏈� .section 绫诲悕鐨勫厓绱狅紝骞惰浆鎹负鏁扮粍銆�
+          // let index = sections.findIndex((section) => section === target) + 1;
+          //index锛氭煡鎵惧綋鍓嶇洰鏍囧厓绱犲湪 sections 鏁扮粍涓殑绱㈠紩锛屽苟鍔� 1锛岀敤浜庣‘瀹氬綋鍓嶉〉鐮併��
+        }
+      });
+    },
+    loadPageCallback(entries, observer) {
+      entries.forEach(async (entry) => {
+        if (entry.isIntersecting) {
+          const target = entry.target;
+          const page = target.getAttribute("page");
+          if (this.loadPageList.indexOf(Number(page)) == -1) {
+            const catalogDom = this.tool.getParentNodeByClassName(
+              target,
+              "chapter"
+            );
+            // 娣诲姞椤电爜
+            this.loadPageList.push(Number(page)); 
+            const catalog = catalogDom.getAttribute("num");
+            if (!this.questionDataMap[page]) {
+              if (testData && testData[catalog]) {
+                if (testData[catalog][page]) {
+                  if (Array.isArray(testData[catalog][page])) {
+                    this.questionDataMap[page] = await getQuestionList(
+                      page,
+                      testData[catalog][page],
+                      this.config.activeBook
+                    );
+                    this.$set(this.questionDataMap,page,datas)
+                  } else {
+                    const obj = {};
+                    for (let key in testData[catalog][page]) {
+                      obj[key] = await getQuestionList(
+                        [],
+                        testData[catalog][page][key],
+                        this.config.activeBook
+                      );
+                    }
+                    this.$set(this.questionDataMap,page,obj)
+                    // this.questionDataMap[page] = obj;
+                  }
+                  console.log("棰樼洰", this.questionDataMap);
+                }
+              }
+            }
+            // 娓叉煋杩欎竴椤电殑鏍囪
+            for (const key in this.renderSignMap) {
+              if (this.renderSignMap[key][page]) {
+                this.renderSignMap[key][page].forEach((item) => {
+                  this.renderSign(key, item);
+                });
+              }
+            }
+            // 澶勭悊楂樹寒
+            if (this.highlightData) {
+              // 楂樹寒琛�
+              setTimeout(() => {
+                // 鑾峰彇椤甸潰鎵�鏈塼ext鑺傜偣
+                const pageTextList = document.createTreeWalker(
+                  target,
+                  NodeFilter.SHOW_TEXT
+                );
+                // 鍖归厤鍏抽敭瀛�
+                const allPageTextNodes = [];
+                let currentNode = pageTextList.nextNode();
+                while (currentNode) {
+                  allPageTextNodes.push(currentNode);
+                  currentNode = pageTextList.nextNode();
+                }
+                for (let i = 0; i < allPageTextNodes.length; i++) {
+                  const textDom = allPageTextNodes[i];
+                  let txtIndex = textDom.textContent.indexOf(
+                    this.highlightData.txt
+                  );
+                  if (txtIndex > -1) {
+                    textDom.parentNode.style.transition =
+                      "background-color 0.8s";
+                    textDom.parentNode.scrollIntoView();
+                    textDom.parentNode.style.backgroundColor = "#79bbf0";
+                    setTimeout(() => {
+                      textDom.parentNode.style.backgroundColor = "";
+                    }, 1000);
+                  }
+                }
+              }, 100);
+            }
+            if (this.loadPageList.length > 5) {
+              // 瓒呰繃5椤�
+              this.loadPageList.shift();
+            }
+          }
+        }
+      });
+    },
+    initSwiper() {
+      const doms = (
+        this.container ? this.container : document
+      ).querySelectorAll(".swiper-img");
+      for (let i = 0; i < doms.length; i++) {
+        const dom = doms[i];
+        new Swiper(dom, {
+          loop: false, // 鏃犵紳
+          autoplay: {
+            //鑷姩寮�濮�
+            delay: 3000, //鏃堕棿闂撮殧
+            disableOnInteraction: false, //*鎵嬪姩鎿嶄綔杞挱鍥惧悗涓嶄細鏆傚仠*
+          },
+          paginationClickable: true,
+          slidesPerView: 1, // 涓�缁勪笁涓�
+          spaceBetween: 30, // 闂撮殧
+          // 濡傛灉闇�瑕佸墠杩涘悗閫�鎸夐挳
+          navigation: {
+            nextEl: dom.querySelector(".swiper-button-next"),
+            prevEl: dom.querySelector(".swiper-button-prev"),
+          },
+          // 绐楀彛鍙樺寲,閲嶆柊init,閽堝F11鍏ㄥ睆鍜屾斁澶х缉灏�,蹇呴』鍔�
+          // observer: true,
+          // observeParents: true
+          // // 濡傛灉闇�瑕佸垎椤靛櫒
+          // pagination: {
+          //   el: (this.container ? this.container : document).querySelector(
+          //     ".swiper-pagination"
+          //   ),
+          //   clickable: true // 鍒嗛〉鍣ㄥ彲浠ョ偣鍑�
+          // }
+        });
+      }
+      const pptDoms = (
+        this.container ? this.container : document
+      ).querySelectorAll(".swiper_ppt");
+      for (let i = 0; i < pptDoms.length; i++) {
+        const dom = pptDoms[i];
+        new Swiper(dom, {
+          loop: false, // 鏃犵紳
+          autoplay: false,
+          paginationClickable: true,
+          slidesPerView: 1, // 涓�缁勪笁涓�
+          spaceBetween: 30, // 闂撮殧
+          // 濡傛灉闇�瑕佸墠杩涘悗閫�鎸夐挳
+          navigation: {
+            nextEl: dom.querySelector(".swiper-button-next"),
+            prevEl: dom.querySelector(".swiper-button-prev"),
+          },
+          // 绐楀彛鍙樺寲,閲嶆柊init,閽堝F11鍏ㄥ睆鍜屾斁澶х缉灏�,蹇呴』鍔�
+          observer: true,
+          observeParents: true,
+          on: {
+            init: (value) => {
+              let currentPage = value.activeIndex + 1; // 鑾峰彇褰撳墠椤碉紙浠�1寮�濮嬭鏁帮級
+              let totalPages = value.slides.length; // 鑾峰彇鎬婚〉鏁�
+              var paginationInfoEl = dom.querySelector(".pageBox");
+              if (paginationInfoEl)
+                paginationInfoEl.textContent = currentPage + "/" + totalPages;
+            },
+            slideChange: (value) => {
+              let currentPage = value.activeIndex + 1; // 鑾峰彇褰撳墠椤碉紙浠�1寮�濮嬭鏁帮級
+              let totalPages = value.slides.length; // 鑾峰彇鎬婚〉鏁�
+              var paginationInfoEl = dom.querySelector(".pageBox");
+              if (paginationInfoEl)
+                paginationInfoEl.textContent = currentPage + "/" + totalPages;
+            },
+          },
+        });
+      }
+    },
+    initViewer() {
+      const doms = (
+        this.container ? this.container : document
+      ).querySelectorAll(".openImgBox");
+      for (let i = 0; i < doms.length; i++) {
+        const dom = doms[i];
+        new Viewer(dom, {
+          container: this.container
+            ? this.container.querySelector("#app")
+            : "body",
+          navbar: true, // 鏄剧ず瀵艰埅鏍�
+          toolbar: true, // 鏄剧ず宸ュ叿鏍�
+          title: true, // 鏄剧ず鏍囬
+        });
+      }
+    },
+    // 鏍规嵁鍏抽敭瀛楀叏鏂囨绱�
+    searchTextByPage(keyword) {
+      const searchResult = [];
+      let catalogIndex = 0;
+      // 鎵�鏈夌珷鑺傜粍浠讹紙姣忔湰涔﹀埗浣滄椂鍗曠嫭閰嶇疆锛�
+      const pageData = {
+        pageHeader,
+        chapterOne,
+        chapterTwo,
+        chapterThree,
+        // chapterFour
+        // chapterSeven
+      };
+      // 閬嶅巻鎵�鏈夌珷鑺傛枃浠�
+      for (const key in pageData) {
+        catalogIndex++;
+        let pageComponent, pageExample;
+        // 鍏堟覆鏌撲竴娆″綋鍓嶇珷鑺傛枃浠讹紙杩欐椂椤甸潰鐨勫唴瀹逛负绌猴級锛岃幏鍙栭〉鐮佷俊鎭�
+        pageComponent = Vue.extend(pageData[key]);
+        pageExample = new pageComponent({
+          propsData: {
+            showPageList: [],
+            questionData: {},
+            isSearch: true,
+          },
+        });
+        pageExample.$mount(
+          (this.container ? this.container : document).querySelector(
+            "#searchContent"
+          )
+        );
+        // 鑾峰彇椤电爜
+        const pageDom = (this.container ? this.container : document)
+          .querySelector("#searchDomBox")
+          .querySelectorAll(".page-box");
+        const pages = [];
+        for (let i = 0; i < pageDom.length; i++) {
+          const pageDomItem = pageDom[i];
+          pages.push(Number(pageDomItem.getAttribute("page")));
+        }
+        // 鑾峰彇椤甸潰缁撴潫锛屽嵏杞介攢姣�
+        pageExample.$destroy();
+        (this.container ? this.container : document).querySelector(
+          "#searchDomBox"
+        ).innerHTML = '<div id="searchContent"></div>';
+        // 閬嶅巻椤电爜
+        if (pages.length) {
+          for (let i = 0; i < pages.length; i++) {
+            const pageNum = pages[i];
+            // 鍔ㄦ�佹覆鏌撳搴旂珷鑺傜殑椤电爜
+            pageComponent = Vue.extend(pageData[key]);
+            pageExample = new pageComponent({
+              propsData: {
+                showPageList: [pageNum],
+                questionData: {},
+                isSearch: true,
+              },
+            });
+            pageExample.$mount(
+              (this.container ? this.container : document).querySelector(
+                "#searchContent"
+              )
+            );
+            // 鑾峰彇瀵瑰簲椤甸潰dom
+            const thisPageDom = (this.container ? this.container : document)
+              .querySelector("#searchDomBox")
+              .querySelector(`[page="${pageNum}"]`);
+            if (thisPageDom) {
+              // 鑾峰彇椤甸潰鎵�鏈塼ext鑺傜偣
+              const pageTextList = document.createTreeWalker(
+                thisPageDom,
+                NodeFilter.SHOW_TEXT
+              );
+              // 鍖归厤鍏抽敭瀛�
+              const allPageTextNodes = [];
+              let currentNode = pageTextList.nextNode();
+              while (currentNode) {
+                allPageTextNodes.push(currentNode);
+                currentNode = pageTextList.nextNode();
+              }
+              for (let i = 0; i < allPageTextNodes.length; i++) {
+                const textDom = allPageTextNodes[i];
+                let txtIndex = textDom.textContent.indexOf(keyword);
+                if (txtIndex > -1) {
+                  // 璁板綍鍏抽敭瀛楁墍鍦ㄩ〉鐮併�佺珷鑺備互鍙婂尮閰嶅埌鐨勬钀�
+                  searchResult.push({
+                    page: pageNum,
+                    catalog: catalogIndex,
+                    txt: textDom.textContent,
+                    txtIndex: txtIndex,
+                  });
+                }
+              }
+              // 缁撴潫锛屽嵏杞介攢姣�
+              pageExample.$destroy();
+              (this.container ? this.container : document).querySelector(
+                "#searchDomBox"
+              ).innerHTML = '<div id="searchContent"></div>';
+            }
+          }
+        }
+      }
+      // 杈撳嚭鎼滅储缁撴灉
+      console.log(searchResult);
+      return searchResult;
+    },
+    // 鏍规嵁妫�绱㈢粨鏋滆烦杞搴斾綅缃苟楂樹寒
+    searchItemLocation(data) {
+      // 璁板綍楂樹寒淇℃伅
+      this.highlightData = data;
+      // 璺宠浆
+      this.gotoPage(data.catalog, data.page, () => { });
+    },
+    // 椤甸潰鍚戜笅婊氬姩锛岄煶棰戝皬绐楁挱鏀惧姛鑳�
+    getAduio() {
+      let allVideo = (
+        this.container ? this.container : document
+      ).querySelectorAll(".audio");
+      allVideo = Array.from(allVideo);
+      this.videoList = allVideo;
+      if (allVideo.length) {
+        // 鏌ユ壘鎾斁鐘舵�佺殑鏈�鍚庝竴鏉¢煶棰�
+        const playAudio = allVideo
+          .reverse()
+          .find((item) => item.paused == false);
+        if (playAudio) {
+          const bottomGap = playAudio.getBoundingClientRect().bottom;
+          if (bottomGap < 0) {
+            playAudio.pause();
+            this.audioPath = playAudio.src;
+            this.currentTime = playAudio.currentTime;
+          }
+        }
+      }
+    },
+    // 椤甸潰鍚戜笂婊氬姩锛岄煶棰戝皬绐楀洖鏀�
+    handleAudio() {
+      if (!this.audioPath) return false;
+      let allVideo = (
+        this.container ? this.container : document
+      ).querySelectorAll(".audio");
+      allVideo = Array.from(allVideo);
+      if (allVideo.length) {
+        //鏌ユ壘涓庡皬绐楁挱鏀鹃煶棰戝悓婧愮殑椤甸潰audio DOM
+        const playAudio = allVideo.find((item) => item.src == this.audioPath);
+        if (playAudio) {
+          const bottomGap = playAudio.getBoundingClientRect().bottom;
+          if (bottomGap >= 0) {
+            if (this.$refs.audioPlayer) {
+              const playerState = this.$refs.audioPlayer.getVideoPlayer();
+              this.audioPath = "";
+              playAudio.currentTime = playerState.currentTime;
+              if (!playerState.paused) playAudio.play();
+            }
+          }
+        }
+      }
+    },
+    // 鍏抽棴mini video
+    closeMiniAudio() {
+      this.audioPath = "";
+    },
+    // 鐐瑰嚮闊抽鎾斁锛屽叧闂叾浠栭煶棰�
+    closeAudio() {
+      let allAudio = (
+        this.container ? this.container : document
+      ).querySelectorAll(".audio");
+      for (let index = 0; index < allAudio.length; index++) {
+        const item = allAudio[index];
+        item.addEventListener("play", () => {
+          const audioList = Array.from(allAudio);
+          for (let cindex = 0; cindex < audioList.length; cindex++) {
+            const citem = audioList[cindex];
+            if (citem.currentSrc != item.src) {
+              citem.pause();
+            }
+          }
+          this.closeMiniAudio();
+        });
+      }
+    },
+    // 鐐瑰嚮瑙嗛鍏抽棴鍏朵粬
+    closeVideo() {
+      let allVideo = (
+        this.container ? this.container : document
+      ).querySelectorAll(".video");
+      for (let index = 0; index < allVideo.length; index++) {
+        const item = allVideo[index];
+        item.addEventListener("playing", (item) => {
+          const path = item.srcElement.src;
+          const videoList = Array.from(allVideo);
+          for (let cindex = 0; cindex < videoList.length; cindex++) {
+            const citem = videoList[cindex];
+            if (citem.currentSrc != path && path) {
+              citem.pause();
+            }
+          }
+        });
+      }
+    },
+    // 瑙嗛灏忕獥
+    handleVideoPicture() {
+      let doms = (
+        this.container ? this.container : document
+      ).querySelectorAll(".video");
+      doms = Array.from(doms)
+      if (!doms.length) return false
+      const playVudio = doms
+        .reverse()
+        .find((item) => item.paused == false);
+      if (playVudio) {
+        const bottomGap = playVudio.getBoundingClientRect().bottom;
+        const topGap = playVudio.getBoundingClientRect().top;
+        if (bottomGap < 0 || topGap > window.innerHeight) {
+          try {
+            if(playVudio.readyState) playVudio.requestPictureInPicture();
+          } catch (error) {
+              console.log(error,"灏忕獥閿欒error");
+          }
+        }
+      }
+    },
+    //鍏朵粬绫诲悕涓嬪瓧浣撳ぇ灏忓彉鍖�
+    transformDom(fs) {
+      if (!fs) return
+      let doms = (
+        this.container ? this.container : document
+      ).querySelectorAll('.block')
+      if (!doms.length) return
+      for (let index = 0; index < doms.length; index++) {
+        const dom = doms[index];
+        dom.style.fontSize = fs + 'px'
+      }
+    }
+  },
+  components: {
+    pageHeader,
+    chapterOne,
+    chapterTwo,
+    chapterThree,
+    // chapterFour
+    // chapterSeven
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.page-main {
+  width: 100% !important;
+  height: 100% !important;
+  overflow: auto;
+
+  .page-content {
+    max-width: 816px;
+    min-width: 375px;
+    margin: 0 auto;
+    padding-bottom: 100px;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/books/childIllnessPreventionCare/view/index.vue b/src/books/childIllnessPreventionCare/view/index.vue
new file mode 100644
index 0000000..d481fbb
--- /dev/null
+++ b/src/books/childIllnessPreventionCare/view/index.vue
@@ -0,0 +1,78 @@
+<template>
+    <div class="childIllnessPreventionCare-book" @mouseup="handleMouseUp">
+      <pageContent></pageContent>
+    </div>
+  </template>
+  
+  <script>
+  import pageContent from "./components/index.vue"
+  export default {
+    name: "childIllnessPreventionCare-book",
+    components: { pageContent },
+    computed: {
+      fontSize() {
+        return this.$store.state.qiankun.fontSize;
+      },
+      pageZoom() {
+        return this.$store.state.qiankun.scale / 100;
+      },
+    },
+    methods: {
+      getParentWithClass(element, className) {
+        while (element.parentElement) {
+          element = element.parentElement;
+          if (element.classList.contains(className)) {
+            return element;
+          }
+        }
+      },
+      handleMouseUp(e) {
+        const selection = (
+          this.container ? this.container : window
+        ).getSelection();
+        const txt = selection.toString();
+        if (selection.type != "none" && txt) {
+          let node = selection.anchorNode.parentNode;
+          let pageHtml = this.getParentWithClass(
+            selection.anchorNode,
+            "page-box"
+          );
+          let chapterDom = this.getParentWithClass(
+            selection.anchorNode,
+            "chapter"
+          );
+          let chapterNum;
+          if (chapterDom) chapterNum = chapterDom.getAttribute("num");
+          if (pageHtml) {
+            const page = pageHtml.getAttribute("page");
+            // 鐩戝惉閫変腑鏂囨湰浜嬩欢锛屽苟瑙﹀彂鐖跺眰鏂规硶
+            if (this.$store.state.qiankun.windowSelection) {
+              this.$store.state.qiankun.windowSelection({
+                chapterNum,
+                txt,
+                page,
+                x: e.x,
+                y: e.y,
+              });
+            }
+          }
+        } else {
+          if (this.$store.state.qiankun.windowSelection) {
+            this.$store.state.qiankun.windowSelection({
+              chapterNum: "",
+              txt: "",
+              page: "",
+              x: e.x,
+              y: e.y,
+            });
+          }
+        }
+      },
+    },
+  };
+  </script>
+  
+  <style lang="less">
+  @import "../assets/main.less";
+  </style>
+  
\ No newline at end of file
diff --git a/src/books/childcareInstitutionsManagement/view/components/index.vue b/src/books/childcareInstitutionsManagement/view/components/index.vue
index e240ba0..a3a0afc 100644
--- a/src/books/childcareInstitutionsManagement/view/components/index.vue
+++ b/src/books/childcareInstitutionsManagement/view/components/index.vue
@@ -18,6 +18,7 @@
 </template>
 
 <script>
+import Vue from "vue";
 import pageHeader from "./header.vue";
 import chapterOne from "./chapter001.vue";
 import chapterTwo from "./chapter002.vue";
diff --git a/src/books/civilAviation/view/components/index.vue b/src/books/civilAviation/view/components/index.vue
index 0c32c3b..07d47d8 100644
--- a/src/books/civilAviation/view/components/index.vue
+++ b/src/books/civilAviation/view/components/index.vue
@@ -40,6 +40,7 @@
 </template>
 
 <script>
+import Vue from "vue";
 import pageHeader from "./header.vue";
 import chapterOne from "./chapter001.vue";
 import chapterTwo from "./chapter002.vue";
@@ -122,7 +123,7 @@
           this.container ? this.container : document
         ).querySelector(".page-main");
         scrollBox.scrollTop = (scrollBox.scrollTop / oldVal) * newVal;
-      },
+      }, 
     },
   },
   mounted() {
@@ -735,7 +736,7 @@
       let catalogIndex = 0;
       // 鎵�鏈夌珷鑺傜粍浠讹紙姣忔湰涔﹀埗浣滄椂鍗曠嫭閰嶇疆锛�
       const pageData = {
-        pageHeader,
+        pageHeader, 
         chapterOne,
         chapterTwo,
         chapterThree,
diff --git a/src/books/civilServices/view/components/index.vue b/src/books/civilServices/view/components/index.vue
index 0535a34..4bf7733 100644
--- a/src/books/civilServices/view/components/index.vue
+++ b/src/books/civilServices/view/components/index.vue
@@ -36,6 +36,7 @@
 </template>
 
 <script>
+import Vue from "vue";
 import pageHeader from "./header.vue";
 import chapterOne from "./chapter001.vue";
 import chapterTwo from "./chpater002.vue";
diff --git a/src/books/cognitiveLanDevEduAges0to3/view/components/index.vue b/src/books/cognitiveLanDevEduAges0to3/view/components/index.vue
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/view/components/index.vue
diff --git a/src/books/cognitiveLanDevEduAges0to3/view/index.vue b/src/books/cognitiveLanDevEduAges0to3/view/index.vue
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/src/books/cognitiveLanDevEduAges0to3/view/index.vue
diff --git a/src/books/embedded/view/components/index.vue b/src/books/embedded/view/components/index.vue
index 3c1eeaa..2ddc43d 100644
--- a/src/books/embedded/view/components/index.vue
+++ b/src/books/embedded/view/components/index.vue
@@ -23,6 +23,7 @@
   </div>
 </template>
 <script>
+import Vue from "vue";
 import pageHeader from "./header.vue";
 import chapterOne from "./chapter001.vue";
 import NoteIcon from "@/assets/images/biji.png";
diff --git a/src/books/lifeCare/view/components/index.vue b/src/books/lifeCare/view/components/index.vue
index 56c7e3c..c104f9b 100644
--- a/src/books/lifeCare/view/components/index.vue
+++ b/src/books/lifeCare/view/components/index.vue
@@ -862,6 +862,7 @@
           .querySelector("#searchDomBox")
           .querySelectorAll(".page-box");
         const pages = [];
+        
         for (let i = 0; i < pageDom.length; i++) {
           const pageDomItem = pageDom[i];
           pages.push(Number(pageDomItem.getAttribute("page")));
diff --git a/src/books/mathBook/view/components/index.vue b/src/books/mathBook/view/components/index.vue
index 7e7ec3e..74c5672 100644
--- a/src/books/mathBook/view/components/index.vue
+++ b/src/books/mathBook/view/components/index.vue
@@ -50,6 +50,7 @@
 </template>
 
 <script>
+import Vue from "vue";
 import axios from "axios";
 import pageHeader from "./header.vue";
 import chapterOne from "./chapter001.vue";
diff --git a/src/books/meetingPlanners/view/components/index.vue b/src/books/meetingPlanners/view/components/index.vue
index 3044686..7834ecd 100644
--- a/src/books/meetingPlanners/view/components/index.vue
+++ b/src/books/meetingPlanners/view/components/index.vue
@@ -20,6 +20,7 @@
 </template>
 
 <script>
+import Vue from "vue";
 import pageHeader from "./header.vue";
 import chapterOne from "./chapter001.vue";
 import chapterTwo from "./chapter002.vue";
diff --git a/src/books/policiesAndRegulations/view/components/chapter006.vue b/src/books/policiesAndRegulations/view/components/chapter006.vue
index f34efe2..9b735ab 100644
--- a/src/books/policiesAndRegulations/view/components/chapter006.vue
+++ b/src/books/policiesAndRegulations/view/components/chapter006.vue
@@ -288,7 +288,7 @@
           <p>銆婂娉曘�嬬 28 鏉¤瀹氾紝鍥藉缁存姢绀句細绉╁簭锛岄晣鍘嬪彌鍥藉拰鍏朵粬鍗卞鍥藉瀹夊叏鐨勭姱缃椿鍔紝鍒惰鍗卞绀句細娌诲畨銆佺牬鍧忕ぞ浼氫富涔夌粡娴庡拰鍏朵粬鐘姜鐨勬椿鍔紝鎯╁姙鍜屾敼閫犵姱缃垎瀛愩�傜 29 鏉¤瀹氾紝涓崕浜烘皯鍏卞拰鍥界殑姝﹁鍔涢噺灞炰簬浜烘皯銆傚畠鐨勪换鍔℃槸宸╁浐鍥介槻锛屾姷鎶椾镜鐣ワ紝淇濆崼绁栧浗锛屼繚鍗汉姘戠殑鍜屽钩鍔冲姩锛屽弬鍔犲浗瀹跺缓璁句簨涓氾紝鍔姏涓轰汉姘戞湇鍔°�傚浗瀹跺姞寮烘瑁呭姏閲忕殑闈╁懡鍖栥�佺幇浠e寲銆佹瑙勫寲鐨勫缓璁撅紝澧炲己鍥介槻鍔涢噺銆�</p>
           <div class="fl al-c"><img class="" alt="" src="../../assets/images/question.svg" /><p class='td-0 mainColor h6'>銆愪範 棰樸��</p><div class="hr1"></div></div>
           <div class="bk" v-if="questionData">
-            <examinations v-if="questionData" :cardList="questionData[15]" />
+            <examinations v-if="questionData" :cardList="questionData[15]" /> 
           </div>
         </div>
         <ul class="fl f-right">
diff --git a/src/books/policiesAndRegulations/view/components/index.vue b/src/books/policiesAndRegulations/view/components/index.vue
index a1b7ff6..e4466c1 100644
--- a/src/books/policiesAndRegulations/view/components/index.vue
+++ b/src/books/policiesAndRegulations/view/components/index.vue
@@ -22,6 +22,7 @@
 </template>
 
 <script>
+import Vue from "vue";
 import pageHeader from "./header.vue";
 // import chapterOne from "./chapter001.vue";
 // import chapterTwo from "./chapter002.vue";
diff --git a/src/books/practicalCareChildrenManual/view/components/index.vue b/src/books/practicalCareChildrenManual/view/components/index.vue
index ff21805..21f155f 100644
--- a/src/books/practicalCareChildrenManual/view/components/index.vue
+++ b/src/books/practicalCareChildrenManual/view/components/index.vue
@@ -47,6 +47,7 @@
 </template>
 
 <script>
+import Vue from "vue";
 import pageHeader from "./header.vue";
 import chapterOne from "./chapter001.vue";
 // import chapterTwo from "./chapter002.vue";
diff --git a/src/books/preschoolBasicKnowledge/view/components/index.vue b/src/books/preschoolBasicKnowledge/view/components/index.vue
index 6b46be3..42ee835 100644
--- a/src/books/preschoolBasicKnowledge/view/components/index.vue
+++ b/src/books/preschoolBasicKnowledge/view/components/index.vue
@@ -19,6 +19,7 @@
 </template>
 
 <script>
+import Vue from "vue";
 import pageHeader from "./header.vue";
 import chapterOne from "./chapter001.vue";
 // import chapterTwo from "./chapter002.vue";
diff --git a/src/books/preschoolEvaluation/view/components/index.vue b/src/books/preschoolEvaluation/view/components/index.vue
index 52e11aa..bdb9803 100644
--- a/src/books/preschoolEvaluation/view/components/index.vue
+++ b/src/books/preschoolEvaluation/view/components/index.vue
@@ -23,6 +23,7 @@
 </template>
 
 <script>
+import Vue from "vue";
 import pageHeader from "./header.vue";
 import chapterOne from "./chapter001.vue";
 import chapterTwo from "./chapter002.vue";
diff --git a/src/books/toddlerGameImplementation/view/components/index.vue b/src/books/toddlerGameImplementation/view/components/index.vue
index 73ba023..23268f6 100644
--- a/src/books/toddlerGameImplementation/view/components/index.vue
+++ b/src/books/toddlerGameImplementation/view/components/index.vue
@@ -46,6 +46,7 @@
 </template>
 
 <script>
+import Vue from "vue";
 import pageHeader from "./header.vue";
 import chapterOne from "./chapter001.vue";
 import chapterTwo from "./chapter002.vue";
diff --git a/src/books/toddlerSportsSafetyProtection/assets/Fonts/hyg6gjm.ttf b/src/books/toddlerSportsSafetyProtection/assets/Fonts/hyg6gjm.ttf
new file mode 100644
index 0000000..8c9e4bb
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/Fonts/hyg6gjm.ttf
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0013-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0013-03.jpg
new file mode 100644
index 0000000..0e8805b
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0013-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0013_01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0013_01.jpg
new file mode 100644
index 0000000..7310cc4
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0013_01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0013_02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0013_02.jpg
new file mode 100644
index 0000000..1823203
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0013_02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0013_04.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0013_04.jpg
new file mode 100644
index 0000000..036cd53
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0013_04.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0015_01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0015_01.jpg
new file mode 100644
index 0000000..73a11e7
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0015_01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0017-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0017-01.jpg
new file mode 100644
index 0000000..1cf67f9
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0017-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0020-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0020-01.jpg
new file mode 100644
index 0000000..8200705
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0020-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0022_01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0022_01.jpg
new file mode 100644
index 0000000..e469878
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0022_01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0027-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0027-01.jpg
new file mode 100644
index 0000000..7b090fa
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0027-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0027_02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0027_02.jpg
new file mode 100644
index 0000000..698ec6f
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0027_02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0028_01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0028_01.jpg
new file mode 100644
index 0000000..4b35b26
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0028_01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0028_02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0028_02.jpg
new file mode 100644
index 0000000..9767137
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0028_02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0029-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0029-01.jpg
new file mode 100644
index 0000000..64d10ed
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0029-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0032-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0032-01.jpg
new file mode 100644
index 0000000..bff1c55
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0032-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0033-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0033-01.jpg
new file mode 100644
index 0000000..8518d00
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0033-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0043-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0043-01.jpg
new file mode 100644
index 0000000..0630e99
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0043-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0044-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0044-01.jpg
new file mode 100644
index 0000000..d9b5b4f
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0044-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0045-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0045-01.jpg
new file mode 100644
index 0000000..06be0a2
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0045-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0046-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0046-01.jpg
new file mode 100644
index 0000000..16a274e
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0046-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0047-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0047-01.jpg
new file mode 100644
index 0000000..fe9f213
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0047-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0048-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0048-01.jpg
new file mode 100644
index 0000000..38f9c3c
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0048-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0049-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0049-01.jpg
new file mode 100644
index 0000000..a2cc5e9
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0049-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0057-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0057-01.jpg
new file mode 100644
index 0000000..9c27532
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0057-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0063-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0063-01.jpg
new file mode 100644
index 0000000..1a1bc9a
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0063-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0074-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0074-01.jpg
new file mode 100644
index 0000000..fbf65b2
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0074-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0083-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0083-01.jpg
new file mode 100644
index 0000000..592fcc1
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0083-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0085-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0085-01.jpg
new file mode 100644
index 0000000..577aca7
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0085-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0085-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0085-02.jpg
new file mode 100644
index 0000000..42553e3
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0085-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0085-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0085-03.jpg
new file mode 100644
index 0000000..a2811ab
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0085-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0085-04.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0085-04.jpg
new file mode 100644
index 0000000..7bd8bfd
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0085-04.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0086-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0086-01.jpg
new file mode 100644
index 0000000..13c8306
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0086-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0086-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0086-02.jpg
new file mode 100644
index 0000000..22aec27
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0086-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0087-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0087-01.jpg
new file mode 100644
index 0000000..af73c6e
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0087-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0087-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0087-02.jpg
new file mode 100644
index 0000000..c93aaee
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0087-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0087-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0087-03.jpg
new file mode 100644
index 0000000..436ede1
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0087-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0087-04.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0087-04.jpg
new file mode 100644
index 0000000..a0f6fca
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0087-04.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0088-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0088-01.jpg
new file mode 100644
index 0000000..b944b8a
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0088-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0088-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0088-02.jpg
new file mode 100644
index 0000000..0f1acb1
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0088-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0088-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0088-03.jpg
new file mode 100644
index 0000000..a91d627
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0088-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0089-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0089-01.jpg
new file mode 100644
index 0000000..1f0672c
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0089-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0089-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0089-02.jpg
new file mode 100644
index 0000000..45b37b4
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0089-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0090-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0090-01.jpg
new file mode 100644
index 0000000..047c0ef
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0090-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0090-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0090-02.jpg
new file mode 100644
index 0000000..f631660
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0090-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0090-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0090-03.jpg
new file mode 100644
index 0000000..3c1dc9e
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0090-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0090-04.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0090-04.jpg
new file mode 100644
index 0000000..10f0b4d
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0090-04.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0090-05.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0090-05.jpg
new file mode 100644
index 0000000..fe88c9c
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0090-05.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0093-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0093-01.jpg
new file mode 100644
index 0000000..4519bed
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0093-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0093-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0093-02.jpg
new file mode 100644
index 0000000..6cb914a
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0093-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0093-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0093-03.jpg
new file mode 100644
index 0000000..20e68ca
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0093-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0094-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0094-01.jpg
new file mode 100644
index 0000000..9fab8c0
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0094-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0094-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0094-02.jpg
new file mode 100644
index 0000000..8371e60
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0094-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0095-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0095-01.jpg
new file mode 100644
index 0000000..6808172
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0095-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0095-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0095-02.jpg
new file mode 100644
index 0000000..e9244da
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0095-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0095-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0095-03.jpg
new file mode 100644
index 0000000..271a23c
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0095-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0096-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0096-01.jpg
new file mode 100644
index 0000000..9b6dab4
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0096-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0096-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0096-02.jpg
new file mode 100644
index 0000000..11a7eb2
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0096-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0096-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0096-03.jpg
new file mode 100644
index 0000000..d1f3a1d
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0096-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0097-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0097-01.jpg
new file mode 100644
index 0000000..f21d45f
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0097-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0098-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0098-01.jpg
new file mode 100644
index 0000000..35f5038
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0098-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0098-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0098-02.jpg
new file mode 100644
index 0000000..398c7ac
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0098-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0099-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0099-01.jpg
new file mode 100644
index 0000000..fa432b5
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0099-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0099-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0099-02.jpg
new file mode 100644
index 0000000..ce8fe54
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0099-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0099-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0099-03.jpg
new file mode 100644
index 0000000..17e2ce5
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0099-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0100-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0100-01.jpg
new file mode 100644
index 0000000..1d093e8
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0100-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0100-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0100-02.jpg
new file mode 100644
index 0000000..5092aec
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0100-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0102-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0102-01.jpg
new file mode 100644
index 0000000..0ee07d3
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0102-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0102-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0102-02.jpg
new file mode 100644
index 0000000..2fad6a8
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0102-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0103-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0103-01.jpg
new file mode 100644
index 0000000..eb49de6
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0103-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0103-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0103-02.jpg
new file mode 100644
index 0000000..96cd0f8
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0103-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0104-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0104-01.jpg
new file mode 100644
index 0000000..7562c11
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0104-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0104-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0104-02.jpg
new file mode 100644
index 0000000..3958f53
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0104-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0105-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0105-01.jpg
new file mode 100644
index 0000000..45dbead
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0105-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0105-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0105-02.jpg
new file mode 100644
index 0000000..b2fbf6b
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0105-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0105-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0105-03.jpg
new file mode 100644
index 0000000..80406e1
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0105-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0105-04.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0105-04.jpg
new file mode 100644
index 0000000..8f20e07
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0105-04.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0106-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0106-01.jpg
new file mode 100644
index 0000000..d5caf48
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0106-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0107-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0107-01.jpg
new file mode 100644
index 0000000..b58eb34
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0107-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0109-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0109-01.jpg
new file mode 100644
index 0000000..f16a477
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0109-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0109-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0109-02.jpg
new file mode 100644
index 0000000..7f759ab
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0109-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0109-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0109-03.jpg
new file mode 100644
index 0000000..c49a09b
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0109-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0110-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0110-01.jpg
new file mode 100644
index 0000000..e664695
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0110-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0110-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0110-02.jpg
new file mode 100644
index 0000000..83e5abd
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0110-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0111-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0111-01.jpg
new file mode 100644
index 0000000..3124b59
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0111-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0112-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0112-01.jpg
new file mode 100644
index 0000000..1614e7b
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0112-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0112-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0112-02.jpg
new file mode 100644
index 0000000..a8aa084
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0112-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0113-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0113-01.jpg
new file mode 100644
index 0000000..01634b1
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0113-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0113-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0113-02.jpg
new file mode 100644
index 0000000..77d14fa
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0113-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0113-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0113-03.jpg
new file mode 100644
index 0000000..eccaaa3
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0113-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0113-04.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0113-04.jpg
new file mode 100644
index 0000000..0153c1c
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0113-04.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0114-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0114-01.jpg
new file mode 100644
index 0000000..8e660c6
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0114-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0114-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0114-02.jpg
new file mode 100644
index 0000000..9c5bd24
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0114-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0114-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0114-03.jpg
new file mode 100644
index 0000000..b0e6890
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0114-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0115-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0115-01.jpg
new file mode 100644
index 0000000..e2dc93c
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0115-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0115-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0115-02.jpg
new file mode 100644
index 0000000..b3c39af
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0115-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0115-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0115-03.jpg
new file mode 100644
index 0000000..63d849b
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0115-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0116-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0116-01.jpg
new file mode 100644
index 0000000..40bea6f
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0116-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0116-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0116-02.jpg
new file mode 100644
index 0000000..3158ddf
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0116-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0116-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0116-03.jpg
new file mode 100644
index 0000000..6fa837d
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0116-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0117-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0117-01.jpg
new file mode 100644
index 0000000..c0ec7f2
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0117-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0117-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0117-02.jpg
new file mode 100644
index 0000000..8dee656
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0117-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0118-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0118-01.jpg
new file mode 100644
index 0000000..7e6014e
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0118-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0118-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0118-02.jpg
new file mode 100644
index 0000000..eeac0b1
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0118-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0118-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0118-03.jpg
new file mode 100644
index 0000000..e9f238b
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0118-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0118-04.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0118-04.jpg
new file mode 100644
index 0000000..86cf5bc
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0118-04.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0119-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0119-01.jpg
new file mode 100644
index 0000000..e89489c
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0119-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0119-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0119-02.jpg
new file mode 100644
index 0000000..f760953
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0119-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0119-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0119-03.jpg
new file mode 100644
index 0000000..feb96b4
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0119-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0120-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0120-01.jpg
new file mode 100644
index 0000000..2221b4f
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0120-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0120-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0120-02.jpg
new file mode 100644
index 0000000..8cac64c
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0120-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0120-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0120-03.jpg
new file mode 100644
index 0000000..ff32217
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0120-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0120-04.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0120-04.jpg
new file mode 100644
index 0000000..5830c65
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0120-04.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0121-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0121-01.jpg
new file mode 100644
index 0000000..3fe8d75
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0121-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0121-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0121-02.jpg
new file mode 100644
index 0000000..0242cb6
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0121-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0121-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0121-03.jpg
new file mode 100644
index 0000000..52de53c
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0121-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0123-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0123-01.jpg
new file mode 100644
index 0000000..260f489
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0123-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0123-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0123-02.jpg
new file mode 100644
index 0000000..5a96c01
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0123-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0123-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0123-03.jpg
new file mode 100644
index 0000000..8b1f524
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0123-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0123-04.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0123-04.jpg
new file mode 100644
index 0000000..1cc6de0
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0123-04.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0123_05.png b/src/books/toddlerSportsSafetyProtection/assets/images/0123_05.png
new file mode 100644
index 0000000..3cffaeb
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0123_05.png
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0124-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0124-01.jpg
new file mode 100644
index 0000000..b45606c
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0124-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0124-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0124-02.jpg
new file mode 100644
index 0000000..f2ff0f0
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0124-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0125-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0125-01.jpg
new file mode 100644
index 0000000..9d152bc
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0125-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0125-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0125-02.jpg
new file mode 100644
index 0000000..5a86ead
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0125-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0125-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0125-03.jpg
new file mode 100644
index 0000000..0d68176
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0125-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0126-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0126-01.jpg
new file mode 100644
index 0000000..b3b3d9c
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0126-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0127-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0127-01.jpg
new file mode 100644
index 0000000..80986fd
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0127-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0127-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0127-02.jpg
new file mode 100644
index 0000000..b5d7781
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0127-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0127-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0127-03.jpg
new file mode 100644
index 0000000..75c63e0
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0127-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0128-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0128-01.jpg
new file mode 100644
index 0000000..0148995
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0128-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0128-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0128-02.jpg
new file mode 100644
index 0000000..8c4cc63
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0128-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0130-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0130-01.jpg
new file mode 100644
index 0000000..994d797
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0130-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0131-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0131-01.jpg
new file mode 100644
index 0000000..0fa079c
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0131-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0131-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0131-02.jpg
new file mode 100644
index 0000000..a56c002
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0131-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0131-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0131-03.jpg
new file mode 100644
index 0000000..06595fc
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0131-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0132-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0132-01.jpg
new file mode 100644
index 0000000..0f9cb9c
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0132-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0133-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0133-01.jpg
new file mode 100644
index 0000000..e897feb
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0133-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0133-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0133-02.jpg
new file mode 100644
index 0000000..6198ab0
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0133-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0133-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0133-03.jpg
new file mode 100644
index 0000000..56605c6
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0133-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0133-04.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0133-04.jpg
new file mode 100644
index 0000000..90d8441
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0133-04.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0134-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0134-01.jpg
new file mode 100644
index 0000000..5eea3c5
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0134-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0134-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0134-02.jpg
new file mode 100644
index 0000000..1580e22
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0134-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0134-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0134-03.jpg
new file mode 100644
index 0000000..e13dba7
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0134-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0135-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0135-01.jpg
new file mode 100644
index 0000000..2276e45
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0135-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0135-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0135-02.jpg
new file mode 100644
index 0000000..79b1c43
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0135-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0136-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0136-01.jpg
new file mode 100644
index 0000000..1e49b7b
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0136-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0136-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0136-02.jpg
new file mode 100644
index 0000000..2a6de54
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0136-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0138-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0138-01.jpg
new file mode 100644
index 0000000..f4252ac
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0138-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0138-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0138-02.jpg
new file mode 100644
index 0000000..f205017
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0138-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0139-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0139-01.jpg
new file mode 100644
index 0000000..59809b5
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0139-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0140-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0140-01.jpg
new file mode 100644
index 0000000..4c54f31
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0140-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0140-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0140-02.jpg
new file mode 100644
index 0000000..0797695
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0140-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0140-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0140-03.jpg
new file mode 100644
index 0000000..bb6ac5e
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0140-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0141-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0141-01.jpg
new file mode 100644
index 0000000..4e256a6
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0141-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0141-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0141-02.jpg
new file mode 100644
index 0000000..9da77cc
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0141-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0142-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0142-01.jpg
new file mode 100644
index 0000000..14d931d
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0142-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0142-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0142-02.jpg
new file mode 100644
index 0000000..e7d2fe4
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0142-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0144-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0144-01.jpg
new file mode 100644
index 0000000..8333b3f
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0144-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0144-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0144-02.jpg
new file mode 100644
index 0000000..4916d88
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0144-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0145-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0145-01.jpg
new file mode 100644
index 0000000..abb405e
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0145-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0145-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0145-02.jpg
new file mode 100644
index 0000000..de91086
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0145-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0146-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0146-01.jpg
new file mode 100644
index 0000000..6d598a8
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0146-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0146-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0146-02.jpg
new file mode 100644
index 0000000..72abac5
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0146-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0147-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0147-01.jpg
new file mode 100644
index 0000000..78bd6d3
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0147-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0147-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0147-02.jpg
new file mode 100644
index 0000000..12ad125
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0147-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0148-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0148-01.jpg
new file mode 100644
index 0000000..d2b6d5c
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0148-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0148-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0148-02.jpg
new file mode 100644
index 0000000..5c2b331
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0148-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0148-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0148-03.jpg
new file mode 100644
index 0000000..1117602
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0148-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0149-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0149-01.jpg
new file mode 100644
index 0000000..9374ad5
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0149-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0149-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0149-02.jpg
new file mode 100644
index 0000000..2da75db
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0149-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0151-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0151-01.jpg
new file mode 100644
index 0000000..66e2926
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0151-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0166-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0166-01.jpg
new file mode 100644
index 0000000..e6273c9
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0166-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0169-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0169-01.jpg
new file mode 100644
index 0000000..6398637
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0169-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0169-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0169-02.jpg
new file mode 100644
index 0000000..d7f7424
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0169-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0169-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0169-03.jpg
new file mode 100644
index 0000000..dda2bfb
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0169-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0170-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0170-01.jpg
new file mode 100644
index 0000000..6f63ca6
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0170-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0171-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0171-01.jpg
new file mode 100644
index 0000000..e16e84b
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0171-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0172-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0172-02.jpg
new file mode 100644
index 0000000..9159bcf
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0172-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0172-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0172-03.jpg
new file mode 100644
index 0000000..e4f5471
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0172-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0172-04.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0172-04.jpg
new file mode 100644
index 0000000..b95d29a
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0172-04.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0173-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0173-01.jpg
new file mode 100644
index 0000000..f2ef240
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0173-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0173-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0173-02.jpg
new file mode 100644
index 0000000..3a1d85d
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0173-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0173-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0173-03.jpg
new file mode 100644
index 0000000..454f791
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0173-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0173-04.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0173-04.jpg
new file mode 100644
index 0000000..2bd944d
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0173-04.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0173-05.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0173-05.jpg
new file mode 100644
index 0000000..4015190
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0173-05.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0173-06.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0173-06.jpg
new file mode 100644
index 0000000..f8dab10
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0173-06.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0174-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0174-01.jpg
new file mode 100644
index 0000000..6cfd355
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0174-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0175-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0175-01.jpg
new file mode 100644
index 0000000..502d896
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0175-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0175-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0175-02.jpg
new file mode 100644
index 0000000..f1a7a9d
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0175-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0176-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0176-01.jpg
new file mode 100644
index 0000000..0b04501
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0176-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0177-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0177-01.jpg
new file mode 100644
index 0000000..f73db1e
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0177-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0177-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0177-02.jpg
new file mode 100644
index 0000000..2d304a7
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0177-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0177-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0177-03.jpg
new file mode 100644
index 0000000..a142e30
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0177-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0178-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0178-01.jpg
new file mode 100644
index 0000000..a0dc6f6
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0178-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0178-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0178-02.jpg
new file mode 100644
index 0000000..3a085fa
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0178-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0178-03.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0178-03.jpg
new file mode 100644
index 0000000..3ff3bad
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0178-03.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0178-04.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0178-04.jpg
new file mode 100644
index 0000000..05f8507
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0178-04.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0179-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0179-02.jpg
new file mode 100644
index 0000000..9355422
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0179-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0180-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0180-01.jpg
new file mode 100644
index 0000000..158e2bd
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0180-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0181-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0181-01.jpg
new file mode 100644
index 0000000..a13a910
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0181-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0181-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0181-02.jpg
new file mode 100644
index 0000000..7438053
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0181-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0182-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0182-01.jpg
new file mode 100644
index 0000000..e661d6a
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0182-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0184-01.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0184-01.jpg
new file mode 100644
index 0000000..e0e9720
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0184-01.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/0186-02.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/0186-02.jpg
new file mode 100644
index 0000000..f6c463b
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/0186-02.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/Cover.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/Cover.jpg
new file mode 100644
index 0000000..97134cc
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/Cover.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/a1.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/a1.jpg
new file mode 100644
index 0000000..23068a1
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/a1.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/images/a2.jpg b/src/books/toddlerSportsSafetyProtection/assets/images/a2.jpg
new file mode 100644
index 0000000..4df4bcd
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/images/a2.jpg
Binary files differ
diff --git a/src/books/toddlerSportsSafetyProtection/assets/main.less b/src/books/toddlerSportsSafetyProtection/assets/main.less
new file mode 100644
index 0000000..2ae8ba0
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/assets/main.less
@@ -0,0 +1,1559 @@
+.toddlerSportsSafetyProtection {
+    width: 100%;
+    height: 100%;
+
+    // 鑷畾涔夊唴瀹�
+    .page-box {
+        box-sizing: border-box;
+        min-height: 1128px;
+        margin-bottom: 20px;
+        box-shadow: 0 3px 6px 1px #00000029;
+        background-color: #fff;
+    }
+
+    .wh-no {
+        white-space: nowrap;
+    }
+
+    .c-g {
+        color: green;
+    }
+
+    .c-r {
+        color: red;
+    }
+
+    .t-right {
+        text-align: right;
+    }
+
+    .mr-0 {
+        margin: 0;
+    }
+
+    .mt-10 {
+        margin-top: 10px !important;
+    }
+
+    .mt-20 {
+        margin-top: 20px !important;
+    }
+
+    .table-pad {
+        padding: 1em 0.7em !important;
+    }
+
+    .mt-30 {
+        margin-top: 30px;
+    }
+
+    .mt-70 {
+        margin-top: 70px;
+    }
+
+    .mb-10 {
+        margin-bottom: 10px;
+    }
+
+    .mb-30 {
+        margin-bottom: 30px !important;
+    }
+
+    .ma-l {
+        margin-left: 8%;
+    }
+
+    .ma-0 {
+        margin: 0% !important;
+    }
+
+    .pd-5 {
+        padding: 0 5px;
+    }
+
+    .w100 {
+        width: 100%;
+    }
+
+    .w80 {
+        width: 80%;
+    }
+
+    .w70 {
+        width: 70%;
+    }
+
+    .w25 {
+        width: 25%;
+    }
+
+    .w20 {
+        width: 20%;
+    }
+
+    .fz-13 {
+        font-size: 13px !important;
+    }
+
+    .fz-14 {
+        font-size: 14px !important;
+    }
+
+    .fz-16 {
+        font-size: 16px !important;
+    }
+
+    .fz-18 {
+        font-size: 18px !important;
+    }
+
+    .fz-20 {
+        font-size: 20px;
+    }
+
+    .img-0 {
+        width: 100%;
+    }
+
+    .img-c {
+        width: 70%;
+    }
+
+    .pt-20 {
+        padding-top: 20px;
+    }
+
+    .td-0 {
+        text-indent: 0em !important;
+    }
+
+    .td-1 {
+        text-indent: 1em !important;
+    }
+
+
+    td {
+        padding: 5px 10px;
+    }
+
+    .fl {
+        display: flex;
+    }
+
+    .ju-cn {
+        justify-content: center;
+    }
+
+    .ju-ev {
+        justify-content: space-evenly;
+    }
+
+    .jc-fs {
+        justify-content: flex-start;
+    }
+
+    .fw-w {
+        flex-wrap: wrap;
+    }
+
+    .fd-c {
+        flex-direction: column;
+    }
+
+    .fd-r {
+        flex-direction: row-reverse;
+    }
+
+    .al-c {
+        align-items: center;
+    }
+
+    .al-fe {
+        align-items: flex-end;
+    }
+
+    .ac-f {
+        align-content: flex-end;
+    }
+
+    .jc-fe {
+        justify-content: flex-end;
+    }
+
+    .jc-c {
+        justify-content: center;
+    }
+
+    .jc-sa {
+        justify-content: space-around
+    }
+
+    .mr-70 {
+        margin-right: 70px;
+    }
+
+    .mr-10 {
+        margin-right: 10px;
+    }
+
+    .pad-t-55 {
+        padding-top: 55px;
+    }
+
+    .ma-t-30 {
+        margin-top: 30px;
+    }
+
+    .ma-t-20 {
+        margin-top: 20px;
+    }
+
+    .pad-l-60 {
+        padding-left: 60px;
+    }
+
+    .pad-l-80 {
+        padding-left: 80px;
+    }
+
+
+    .mb-45 {
+        margin-bottom: 45px;
+    }
+
+    .mb-20 {
+        margin-bottom: 20px !important;
+    }
+
+    .mb-30 {
+        margin-bottom: 30px !important;
+    }
+
+    .page-father{
+        display: flex;
+    }
+
+    .header-left {
+        min-width: 12%;
+        padding: 0 !important;
+        margin: 0 !important;
+
+        img{
+            margin-left: 70%;
+            width: 30%;
+            height: auto;
+        }
+    }
+
+
+    .headerText {
+        width: 25%;
+        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;
+        margin-bottom: 10px;
+    }
+
+    .headerNumber {
+        font-size: 12px;
+        border: 1px solid #7acab4;
+        border-radius:  0 5px 5px 0;
+        border-left: none;
+        padding: 5px 10px;
+        text-align: right;
+        color: #7acab4;
+    }
+
+    .header-right {
+        padding: 4% 0;
+        margin: 0 !important;
+    }
+
+    .header-right-Text {
+        font-family: "鏂规缁嗗渾";
+        font-size: 14px;
+        padding-top: 20px;
+    }
+
+    .header-right-Number {
+        position: relative;
+        width: 15%;
+
+        span {
+            font-family: "鏂规缁嗗渾";
+            font-size: 14px;
+            position: absolute;
+            left: 25%;
+            bottom: 20%;
+        }
+    }
+
+
+
+    table {
+        border-color: none !important;
+    }
+
+    .table-th-bc {
+        background-color: #FEDDB4;
+        color: #000;
+    }
+
+    .table-tr-bc {
+        background-color: #FEF4E4;
+        color: #000;
+    }
+
+    .table-textarea {
+        font-size: 14px;
+        font-family: "Times New Roman", "瀹嬩綋";
+        resize: none;
+
+        &:focus {
+            outline: none;
+        }
+    }
+
+    .textarea-box {
+        border: none;
+        text-align: center;
+        width: 84px;
+        height: 36px;
+        overflow: auto;
+        word-break: break-all;
+        resize: none;
+    }
+
+
+    .b0 {
+        border: 0;
+    }
+
+    .task {
+        width: 16%;
+        margin-bottom: 5em;
+        margin-top: 0;
+        border-top: 0.7em solid #5192C6;
+    }
+
+    .task2 {
+        width: 16%;
+        margin-bottom: 5em;
+        margin-top: 0;
+        border-top: 0.7em solid #F89C1C;
+    }
+
+    .task3 {
+        width: 16%;
+        margin-bottom: 5em;
+        margin-top: 0;
+        border-top: 0.7em solid #448D9C;
+    }
+
+    .task4 {
+        width: 16%;
+        margin-bottom: 5em;
+        margin-top: 0;
+        border-top: 0.7em solid #9EAA60;
+    }
+
+    .p-odd {
+        padding-right: 8%;
+    }
+
+    .p-even {
+        padding-left: 8%;
+    }
+
+    .p-continued {
+        text-align: right;
+        font-size: 14px;
+        margin-bottom: 10px;
+    }
+
+    .img-float {
+        width: 310px;
+        float: left;
+        height: auto;
+        margin: auto;
+        margin-right: 20px;
+
+        img {
+            width: 100%;
+        }
+
+        p {
+            margin: 0;
+        }
+    }
+
+    .img-rights {
+        width: 310px;
+        float: right;
+        height: auto;
+        margin: auto;
+        margin-left: 20px;
+
+        img {
+            width: 100%;
+        }
+
+        p {
+            margin: 0 !important;
+        }
+    }
+
+    .w430 {
+        width: 430px;
+    }
+
+    .w395 {
+        width: 395px;
+    }
+
+    .w350 {
+        width: 350px;
+    }
+
+    .w290 {
+        width: 290px;
+    }
+
+    .w280 {
+        width: 280px;
+    }
+
+    .w275 {
+        width: 275px;
+    }
+
+    .w270 {
+        width: 270px;
+    }
+
+    .w250 {
+        width: 250px;
+    }
+
+    .w230 {
+        width: 230px;
+    }
+
+    .w220 {
+        width: 220px;
+    }
+
+    .w200 {
+        width: 200px;
+    }
+
+    .w180 {
+        width: 180px;
+    }
+
+    .w150 {
+        width: 150px;
+    }
+
+    .w115 {
+        width: 115px;
+    }
+
+    .pdf-text {
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        align-items: flex-start;
+        margin-bottom: 20px;
+
+        p {
+            margin: 0;
+            margin-right: 10px;
+        }
+
+        .pdf-con {
+            display: flex;
+            justify-content: flex-start;
+            align-items: center;
+            padding: 10px 0;
+            box-sizing: border-box;
+            border-radius: 10px;
+
+            .pdf-view {
+                min-width: 160px;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                border: 0.15em dashed #895B2E;
+                margin-right: 15px;
+                padding: 0 15px;
+                border-radius: 5px;
+                margin-top: 15px;
+
+                span {
+                    font-size: 14px;
+                    text-align: center;
+                    font-family: 'FZLTXIHJW';
+                    display: flex;
+                    align-items: center;
+                    justify-content: flex-start;
+
+                    svg {
+                        fill: #895B2E;
+                    }
+                }
+
+                span:nth-child(2) {
+                    padding-top: 5px;
+                    box-sizing: border-box;
+                }
+
+                span:hover {
+                    color: #895B2E;
+                    cursor: pointer;
+                    text-decoration: underline;
+                    -webkit-user-select: none;
+                    /* Safari 3.1+ */
+                    -moz-user-select: none;
+                    /* Firefox 2+ */
+                    -ms-user-select: none;
+                    /* IE 10+ */
+                    user-select: none;
+                    /* 鏍囧噯璇硶 */
+                }
+            }
+        }
+
+        .pdf-con-15 {
+            margin-top: -20px;
+        }
+    }
+
+    .fm-hyzh {
+        font-family: "姹変华涓粦";
+        font-weight: 500;
+    }
+
+    .fm-hyss {
+        font-family: "姹変华涔﹀畫";
+    }
+
+    div.bk-ztgs {
+        border: 0.15em dotted #5192c6;
+        padding: 0.5em;
+        margin-bottom: 2em;
+        margin-top: 2em;
+        border-radius: 1em;
+        position: relative;
+    }
+
+    p.bj1-ztgs {
+        background-color: #5192c6;
+        color: #ffffff;
+        display: inline-block;
+        font-size: 1em;
+        padding: 0.1em 0.7em 0.12em 0.7em;
+        font-weight: bold;
+        border-radius: 0em;
+        margin-left: 0em;
+        text-align: center;
+        text-indent: 0em;
+        position: absolute;
+        top: -2em;
+    }
+
+
+    .link-float {
+        width: 150px;
+        float: left;
+        height: auto;
+        margin: auto;
+        margin-right: 20px;
+    }
+
+    .imgBox-003 {
+        width: 100%;
+        height: 280px;
+        margin-bottom: 18px;
+    }
+
+    // 棰樼洰
+
+    .textarea-main {
+        background-color: transparent;
+        max-width: 95%;
+        min-width: 95%;
+        outline: none;
+    }
+
+    .textarea-focused {
+        border-color: #5192c6 !important;
+        box-shadow: #5192c6 !important;
+    }
+
+    .select-border {
+        width: 60px;
+        border: 0;
+        border-bottom: 1px solid #767676;
+
+        &:focus {
+            outline: none;
+        }
+    }
+
+    .btn-border {
+        border-radius: 6px;
+        border-color: #5192C6;
+    }
+
+    .btn-w {
+        cursor: pointer;
+        font-size: 14px;
+        border-width: 1px;
+        width: 80px;
+        height: 30px;
+        background-color: #fff;
+
+        &:hover {
+            background-color: #5192C6;
+            color: #fff;
+        }
+    }
+
+    .parimary-btn {
+        cursor: pointer;
+        min-width: 80px;
+        height: 30px;
+        font-size: 14px;
+        margin-left: 5px;
+        background-color: #5192C6;
+        border-color: #5192C6;
+        border-width: 1px;
+        color: #fff;
+        border-radius: 6px;
+
+        &:hover {
+            background-color: #a1afc8;
+            border-color: #a1afc8;
+        }
+    }
+
+    .event-header-text-bc {
+        background-color: #bbd4ec;
+    }
+
+    .video-box {
+        margin: 20px 0 20px 8%;
+        border: 1px dashed #895B2E;
+        padding: 2% 2%;
+    }
+
+    .video-box-left {
+        margin: 20px 8% 20px 0;
+        border: 1px dashed #895B2E;
+        padding: 2% 2%;
+    }
+
+    .videoname {
+        display: flex;
+        justify-content: center;
+    }
+
+    .collect-btn {
+        cursor: pointer;
+        width: 20px;
+        height: 20px;
+        margin-left: 10px;
+        margin-top: 0.8%;
+    }
+
+    .collect-btn1 {
+        cursor: pointer;
+        width: 10px;
+        height: 10px;
+        margin-left: 10px;
+        margin-top: 0.8%;
+    }
+
+    .unitImg {
+        position: relative;
+        z-index: 1;
+    }
+
+    .unitBox {
+        z-index: 99;
+        position: absolute;
+        top: -5px;
+        left: 40px;
+    }
+
+    .unit2Box {
+        z-index: 99;
+        position: absolute;
+        top: -200px;
+        left: 40px;
+    }
+
+    .unitGraphic {
+        display: inline-block;
+        width: 10px;
+        height: 10px;
+        background-color: #5192C6;
+        border-radius: 50%;
+        margin-right: 15px;
+    }
+
+    .unit2Graphic {
+        display: inline-block;
+        width: 10px;
+        height: 10px;
+        background-color: #F89C1C;
+        border-radius: 50%;
+        margin-right: 15px;
+    }
+
+    .unit3Graphic {
+        display: inline-block;
+        width: 10px;
+        height: 10px;
+        background-color: #448D9C;
+        border-radius: 50%;
+        margin-right: 15px;
+    }
+
+    .unit4Graphic {
+        display: inline-block;
+        width: 10px;
+        height: 10px;
+        background-color: #9EAA60;
+        border-radius: 50%;
+        margin-right: 15px;
+    }
+
+
+    .unitText {
+        color: #5192C6;
+        font-size: 18px;
+    }
+
+    .unit2Text {
+        color: #F89C1C;
+        font-size: 16px;
+    }
+
+    .unit3Text {
+        color: #448D9C;
+        font-size: 16px;
+    }
+
+    .unit4Text {
+        color: #9EAA60;
+        font-size: 16px;
+    }
+
+
+
+    // 杩佺Щ
+    .bk-bwh {
+        min-height: 800px;
+        background-color: #DFEBF7;
+        font-size: 1.2em;
+        padding: 25px;
+        border: 4px dotted #197ABF;
+    }
+
+    ul {
+        list-style-type: none;
+    }
+
+    li {
+        list-style-type: none;
+    }
+
+    .custom_tag2 {
+        background-color: #F1BE49;
+        color: #FFFFFF;
+        display: inline-block;
+        padding: 0.5px;
+        border-radius: 1.5em;
+        font-size: 1.1em;
+        padding: 2px 10px 2px 10px;
+        font-weight: bold;
+        margin: 0;
+        text-indent: 0em;
+        margin-bottom: 0.5em;
+    }
+
+    .custom_tag1 {
+        background-color: #35ACD6;
+        color: #FFFFFF;
+        display: inline-block;
+        padding: 1px;
+        font-size: 1.1em;
+        padding: 3px 10px 3px 10px;
+        font-weight: bold;
+        box-shadow: 15px 0px 0px 0px #F5D83E, -15px 0px 0px 0px #F5D83E;
+        margin: 0;
+        text-indent: 0em;
+        margin-bottom: 0.5em;
+    }
+
+    .custom_tag {
+        background-color: #35509F;
+        color: #FFFFFF;
+        display: inline-block;
+        padding: 1px;
+        border-radius: 1.5em;
+        font-size: 1.1em;
+        padding: 10px 20px 10px 20px;
+        font-weight: bold;
+        box-shadow: 30px 0px 0px 0px #F5D83E;
+        margin: 0;
+        text-indent: 0em;
+        margin-bottom: 0.5em;
+    }
+
+
+    span.under1 {
+        border-bottom: 2px solid #F0BD4A;
+        border-width: 2px;
+
+    }
+
+    div.bodycontent-div-center {
+        font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋";
+        margin: 1em 1em 1em 1em;
+        font-weight: normal;
+        border-width: 1.5px;
+        border-color: #dfb27d;
+        padding: 1em;
+    }
+
+    img.bodycontent-divcenter-image {
+        float: center;
+        clear: both;
+        height: 140px;
+        margin: 15px;
+    }
+
+    .module_block {
+        display: flex;
+        font-size: 1.1em;
+        position: relative;
+        padding-left: 90px;
+        justify-content: center;
+        align-items: center;
+        margin-right: 91px;
+    }
+
+    .module_block .custom1 {
+        background-color: #9ACC77;
+        padding: 10px 20px;
+        color: #FFFFFF;
+        /* position: absolute; */
+        /* left:0; */
+        /* top: 50%; */
+        border-radius: 0.5em 0em 0em 0.5em;
+        /* transform: translateY(-50%); */
+    }
+
+    .module_block .custom2 {
+        background-color: #E9F3E0;
+        padding: 10px 20px;
+        color: #75A64E;
+        font-weight: bold;
+        border-radius: 0em 0.5em 0.5em 0em;
+    }
+
+
+
+    div.bodycontent-div-left1 {
+        font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋";
+        margin: 1em 1em 1em 1em;
+        font-weight: normal;
+        border-width: 1.5px;
+        border-color: #dfb27d;
+        padding: 1em;
+        background-color: #F0F8FF;
+    }
+
+    div.bodycontent-div-left {
+        font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋";
+        margin: 1em 1em 1em 1em;
+        font-weight: normal;
+        border-width: 1.5px;
+        border-color: #dfb27d;
+        padding: 1em;
+    }
+
+    img.bodycontent-divright-image {
+        float: right;
+        clear: both;
+        height: 140px;
+        margin: 15px;
+    }
+
+    img.bodycontent-divleft-image {
+        float: left;
+        clear: both;
+        height: 110px;
+        margin: 15px;
+    }
+
+
+    div.bodystyle {
+        text-align: justify;
+        margin: 13% 13% 10% 3%;
+        padding-bottom: 80px;
+        line-height: 30px;
+    }
+
+    .UnitCover {
+        margin: 0 13%;
+        padding-top: 10%;
+        padding-bottom: 80px;
+    }
+
+    .unit-title-parent {
+        text-align: center;
+        margin: 10% 0;
+    }
+
+    .unit-title {
+        font-family: "鏂规姝i粦";
+        display: inline-block;
+        font-size: 1.6em;
+        font-weight: 500;
+        border-bottom: 1px solid #0082D4;
+        padding: 10px 0;
+    }
+
+
+    span.zt-0 {
+        color: #0087AF;
+    }
+
+    p.pzt-0 {
+        color: #0087AF;
+        font-size: 18px;
+    }
+
+    p.pzt-0-right {
+        font-size: 18px;
+        color: #0087AF;
+        text-align: right;
+    }
+
+    p.pzt-1 {
+        font-weight: bold;
+        color: #0087AF;
+        font-size: 18px;
+    }
+
+    div.sgc-toc-title {
+        font-size: 2em;
+        font-weight: bold;
+        margin-bottom: 1em;
+        text-align: center;
+    }
+
+
+    .block {
+        font-family: "kaiTi";
+        text-indent: 2em;
+        line-height: 30px;
+        font-size: 17px;
+        text-align: justify;
+    }
+
+    .block1 {
+        text-align: center;
+    }
+
+    .img {
+        font-family: 'FZLTXIHJW';
+        text-align: center;
+        font-size: 14px;
+        margin-left: 0%;
+        margin-right: 0%;
+        text-indent: 0em;
+    }
+
+    .img1 {
+        font-family: 'FZLTXIHJW';
+        text-align: right;
+        font-size: 0.85em;
+        margin-left: 0%;
+        margin-right: 2em;
+        text-indent: 0em;
+    }
+
+
+    p {
+        font-family: "鏂规涔﹀畫";
+        margin-top: 0em;
+        margin-bottom: 0.2em;
+        text-indent: 2em;
+        line-height: 30px;
+        text-align: justify;
+    }
+
+    .cover {
+        width: 100%;
+        padding: 0px;
+    }
+
+    .center {
+        text-align: center;
+        margin-left: 0%;
+        margin-right: 0%;
+        text-indent: 0em;
+    }
+
+    .center-ss {
+        text-align: center;
+        color: #EF8472;
+        font-weight: bold;
+        margin-left: 0%;
+        margin-right: 0%;
+        text-indent: 0em;
+    }
+
+    .left {
+        text-indent: 0em;
+        margin-bottom: 0px;
+        line-height: 20px;
+    }
+
+
+    .img-0 {
+        width: 100%;
+    }
+
+    .img-a {
+        width: 95%;
+    }
+
+    .img-b {
+        width: 70%;
+    }
+
+    .img-c {
+        width: 60%;
+    }
+
+    .img-d {
+        width: 50%;
+    }
+
+    .img-e {
+        width: 45%;
+    }
+
+    .img-f {
+        width: 40%;
+    }
+
+    .img-g {
+        width: 30%;
+    }
+
+    .img-h {
+        width: 20%;
+    }
+
+    .img-i {
+        width: 10%;
+    }
+
+    .img-j {
+        width: 5%;
+    }
+
+    // epub涓嚜甯︾殑鏍峰紡
+
+    .foreword {
+        padding: 30% 12%;
+        height: 100%;
+        background: #b0ddcf
+    }
+
+    .editorialBoard {
+        background-color: #fff;
+        border-radius: 50%;
+        /* 椤堕儴鍜屽簳閮ㄤ负0锛屽乏鍙充袱渚т负50% */
+        padding: 5% 10% 20% 10%;
+    }
+
+    .series {
+        padding: 12% 15%
+    }
+
+    .seriesTitle {
+        font-size: 1.5em;
+        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%;
+    }
+
+    .rotate-up {
+        text-indent: 0;
+        font-size: 16px;
+        color: #7acab4;
+        line-height: 10px;
+        margin-bottom: 20px;
+    }
+
+    .rotate-down {
+        text-indent: 0;
+        font-size: 12.5px;
+        color: #7acab4;
+        line-height: 10px;
+    }
+
+    h1.firstTitle {
+        padding: 0% 0 10% 0;
+        text-align: center;
+        font-size: 2em;
+        line-height: 1.2em;
+        text-indent: 0em;
+        color: #b0ddcf;
+        font-weight: 400;
+        font-family: "鏂规姝i粦";
+    }
+
+    .preface {
+        font-family: "姹変华鐗圭粏绛夌嚎";
+        text-indent: 2em;
+        color: #000;
+    }
+
+
+    .right-info {
+        font-family: "kaiti";
+        text-align: right;
+        margin-bottom: 0.5em;
+    }
+
+    .imgdescript-l {
+        margin-left: -5%;
+    }
+
+    h2 {
+        text-align: center;
+        color: #00aeef;
+        font-family: "鏂规鍏颁涵绾ょ粏";
+        font-size: 1.5em;
+    }
+
+    .titleQuot-l {
+        text-indent: 0em;
+        margin: 15px 0 10px 0;
+        font-size: 1.2em;
+        font-weight: bold;
+    }
+
+    .poemtitle-l {
+        font-family: "鏂规鍏颁涵绾ょ粏";
+        font-size: 1.1em;
+        margin: 15px 0 10px 0;
+    }
+
+    .quotation {
+        font-family: "kaiti";
+    }
+
+    /*搴曡壊*/
+    .bgColor {
+        padding: 10px 20px;
+        background: #e1f4fc;
+        border: 2px solid #008cb7;
+        border-radius: 10px;
+        margin: 1em auto;
+
+        .bgColor-title {
+            font-family: "鏂规缁嗗渾";
+            font-weight: bold;
+        }
+    }
+
+    // 鎷撳睍瀛︿範
+    .ExpandLearning {
+        padding: 40px 20px 20px 20px;
+        background: #e1f4fc;
+        border-top: 2px solid #008cb7;
+        margin: 1em auto;
+        position: relative;
+    }
+
+    .ExpandLearning-title {
+        text-indent: 0;
+        position: absolute;
+        top: -16px;
+        left: 0px;
+
+        span {
+            background-color: #e1f4fc;
+            height: 20px;
+            width: 30px;
+            padding: 5px;
+            border: 1px solid #008cb7;
+            border-radius: 50%;
+            margin-right: 1px;
+        }
+    }
+
+    .imgdescript {
+        font-size: 13px;
+        text-indent: 0em;
+        text-align: center;
+    }
+
+    .learningDetection {
+        font-family: "姹変华姝i粦";
+        background-color: #6bcff6;
+        font-weight: bold;
+        margin: 30px 0 20px 0;
+    }
+
+    .poemtitle {
+        text-align: center;
+        font-weight: bold;
+        font-family: "鏂规鍏颁涵缁嗛粦";
+    }
+
+    .bold {
+        color: #b0ddcf;
+        font-weight: bold;
+    }
+
+    .noteContent {
+        font-size: 13.5px;
+        word-break: break-all;
+        margin: 0 !important;
+        line-height: 25px;
+
+        .noteContent-title {
+            font-size: 13.5px;
+            font-weight: bold;
+            margin: 0 !important;
+        }
+    }
+
+    sup {
+        cursor: pointer;
+    }
+}
+
+.pdfModal {
+    width: 100%;
+    height: 90vh;
+
+    .pdfBox-component {
+        width: 100%;
+        height: 100%;
+        position: relative;
+
+        .preview {
+            width: 100%;
+            height: 100%;
+
+            .imageBox {
+                height: calc(100% - 30px);
+                overflow-x: hidden;
+                overflow-y: auto;
+                background: #ccc;
+                box-sizing: border-box;
+            }
+
+            .imageBox:hover {
+                cursor: zoom-in !important;
+            }
+
+            ::v-deep .el-dialog__header {
+                background-color: rgba(0, 0, 0, 0.8);
+
+                .header_title {
+                    display: flex;
+                    justify-content: space-between;
+                    align-items: center;
+                    color: #fff;
+                    font-weight: 900;
+                    font-size: 16px;
+                    font-family: 'FZLTXIHJW';
+
+                    span:nth-child(2):hover {
+                        cursor: pointer;
+                    }
+                }
+
+                ::v-deep .el-dialog__title,
+                ::v-deep .el-dialog__headerbtn .el-dialog__close {
+                    color: #fff;
+                    font-weight: 900;
+                    font-size: 16px;
+                    font-family: 'FZLTXIHJW';
+                }
+            }
+
+            .bottom_tool {
+                height: 30px;
+                background-color: rgba(0, 0, 0, 0.8);
+                display: flex;
+                justify-content: flex-end;
+                align-items: center;
+
+                svg {
+                    margin-right: 15px;
+                    fill: #d1d1d1;
+                }
+
+                svg:hover {
+                    fill: #fff;
+                    cursor: pointer;
+                }
+            }
+        }
+
+        .notBox {
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: calc(100% - 30px);
+            min-height: 300px;
+        }
+    }
+}
+
+.custom-dialog {
+    overflow: hidden !important;
+
+    .el-dialog__body {
+        padding: 0;
+    }
+
+    .el-dialog__header {
+        background-color: rgba(0, 0, 0, 0.8);
+
+        .header_title {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            color: #fff;
+            font-weight: 900;
+            font-size: 16px;
+            font-family: 'FZLTXIHJW';
+
+            span:nth-child(2):hover {
+                cursor: pointer;
+            }
+        }
+
+        .el-dialog__title,
+        .el-dialog__headerbtn .el-dialog__close {
+            color: #fff;
+            font-weight: 900;
+            font-size: 16px;
+            font-family: 'FZLTXIHJW';
+        }
+    }
+}
+
+.header_title {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    // color: #fff;
+    font-weight: 900;
+    font-size: 16px;
+    font-family: 'FZLTXIHJW';
+
+    span:nth-child(2):hover {
+        cursor: pointer;
+    }
+}
+
+// 琛ㄦ牸鏍峰紡
+table {
+    border-collapse: collapse; //琛ㄦ牸鐨勮竟妗嗗悎骞讹紝濡傛灉鐩搁偦锛屽垯鍏辩敤涓�涓竟妗嗐��
+    border-spacing: 0px; //璁剧疆琛屼笌鍗曞厓鏍艰竟妗嗙殑闂磋窛銆�
+}
+
+@font-face {
+    font-family: '姹変华鐗圭粏绛夌嚎';
+    src: url('./Fonts/hyg6gjm.ttf');
+}
+
+// @font-face {
+//     font-family: '姹変华涔﹀畫';
+//     src: url('./Fonts/hya1gjm.ttf');
+// }
+
+// @font-face {
+//     font-family: '姹変华妤蜂綋';
+//     src: url('./Fonts/hyc1gjm.ttf');
+// }
+
+// @font-face {
+//     font-family: '鏂规涔﹀畫';
+//     src: url('./Fonts/FZSSK.TTF');
+// }
+
+// @font-face {
+//     font-family: '鏂规姝i粦';
+//     src: url('./Fonts/FZZHJW.TTF');
+// }
+
+// @font-face {
+//     font-family: '鏂规缁嗗渾';
+//     src: url('./Fonts/FZY1JW.TTF');
+// }
+
+// @font-face {
+//     font-family: '鏂规鍏颁涵绾ょ粏';
+//     src: url('./Fonts/FZLTXHK.TTF');
+// }
+
+
+// @font-face {
+//     font-family: 'FZLTXIHJW';
+//     src: url('./Fonts/FZLTXIHJW.ttf');
+// }
+
+// @font-face {
+//     font-family: 'FZHTJW';
+//     src: url('./Fonts/FZHTJW.ttf');
+// }
+
+
+// 闅愯棌椤甸潰
+.hidePage {
+    min-height: 0 !important;
+    height: 0 !important;
+    box-shadow: none !important;
+}
+
+/* 濯掍綋鏌ヨ鍋氬熀纭�鍝嶅簲寮忓竷灞� */
+
+@media screen and (max-width: 1024px) {
+    .pdfModal {
+        width: 100%;
+        height: 80vh;
+    }
+
+    .custom-dialog {
+        .el-dialog {
+            width: 90vw !important;
+        }
+    }
+}
+
+@media screen and (max-width: 800px) {
+    .pdfModal {
+        width: 100%;
+        height: 60vh;
+    }
+
+    .custom-dialog {
+        .el-dialog {
+            width: 90vw !important;
+        }
+    }
+}
+
+@media (max-width: 660px) {
+    .toddlerSportsSafetyProtection {
+
+        .pad-l-80 {
+            padding-left: 10px;
+        }
+
+        .mr-70 {
+            margin-right: 15px;
+        }
+
+        /* 鍒嗛〉padding */
+        .padding-93 {
+            padding: 0 20px;
+        }
+
+        .padding-102 {
+            padding: 0 20px;
+        }
+
+
+        .img-float {
+            width: 130px;
+        }
+
+        .img-rights {
+            width: 130px;
+        }
+
+        .btn-w {
+            width: 42px;
+        }
+
+        .unitText {
+            color: #5192C6;
+            font-size: 10px;
+        }
+
+        .unit2Text {
+            color: #F89C1C;
+            font-size: 10px;
+        }
+
+        .wh-no {
+            white-space: wrap;
+        }
+
+        td {
+            padding: 5px 10px;
+        }
+    }
+}
+
+@media (min-width: 660px) {
+    .toddlerSportsSafetyProtection {
+        .padding-93 {
+            padding: 0 93px 0px 93px;
+        }
+
+        .padding-102 {
+            padding: 0 102px 0 102px;
+        }
+    }
+}
+
+::-webkit-scrollbar {
+    width: 8px;
+    height: 10px;
+}
+
+::-webkit-scrollbar-track-piece {
+    background-color: rgba(0, 0, 0, 0.1);
+    -webkit-border-radius: 6px;
+}
+
+::-webkit-scrollbar-thumb:vertical {
+    height: 5px;
+    background-color: rgba(125, 125, 125, 0.3);
+    -webkit-border-radius: 6px;
+}
+
+::-webkit-scrollbar-thumb:horizontal {
+    width: 5px;
+    background-color: rgba(125, 125, 125, 0.3);
+    -webkit-border-radius: 6px;
+}
\ No newline at end of file
diff --git a/src/books/toddlerSportsSafetyProtection/view/components/header.vue b/src/books/toddlerSportsSafetyProtection/view/components/header.vue
new file mode 100644
index 0000000..7d4c6a2
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/view/components/header.vue
@@ -0,0 +1,185 @@
+<template>
+  <div class="chapter" num="1">
+    <!-- 灏侀潰 -->
+    <div class="page-box mt-20" page="1" style="padding-bottom: 0px">
+      <div v-if="showPageList.indexOf(1) > -1">
+        <img class="img-0" alt="" src="../../assets/images/Cover.jpg" />
+      </div>
+    </div>
+    <div class="page-box mt-20" page="2" style="padding-bottom: 0px">
+      <div v-if="showPageList.indexOf(2) > -1">
+        <!-- <img class="img-0" alt="" src="../../assets/images/feiYe.jpg" /> -->
+      </div>
+    </div>
+    <!-- 浠嬬粛椤甸潰 -->
+    <div class="page-box" page="3">
+      <div v-if="showPageList.indexOf(3) > -1">
+        <div style="max-width: 400px; margin: 0 auto; padding: 10% 0">
+          <hr />
+          <p class="td-1 fm-hyzh fz-16">鍥句功鍦ㄧ増缂栫洰锛圕IP锛夋暟鎹�</p>
+          <p class="left3 mr-0 td-1 fm-hyss fz-14">
+            濠村辜鍎胯繍鍔ㄥ畨鍏ㄤ笌淇濇姢/闂繆娑涳紝寮犻鏂囷紝瀛欑拹涓荤紪.-鍖椾含:鍖椾含甯堣寖澶у鍑虹増绀撅紝2022.1
+          </p>
+          <p class="left3 td-1 fm-hyss fz-14">ISBN 978-7-303-27698-1</p>
+          <p class="left3 fm-hyss fz-14 mt-20 mb-20">
+            I.鈶犲┐鈥� 鈪�.鈶犻棲鈥� 鈶″紶鈥� 鈶㈠瓩鈥� 鈪�,鈶犲┐骞煎効-杩愬姩璁粌 I.G613.7
+          </p>
+          <p class="left3 fm-hyss fz-14">
+            涓浗鐗堟湰鍥句功棣咰IP鏁版嵁鏍稿瓧(2021)绗�272797鍙�
+          </p>
+          <hr />
+          <p><br /></p>
+          <p><br /></p>
+          <p><br /></p>
+          <p class="left fz-13 fm-hyss">
+            <span class="fm-hyzh fz-14">鍥句功鎰忚鍙嶉:</span> gaozhifk@bnupgcom
+            010-58805079
+          </p>
+          <p class="left fz-13 fm-hyss">
+            <span class="fm-hyzh fz-14">钀ラ攢涓績鐢佃瘽:</span> 010-58802755
+            58801876
+          </p>
+          <hr />
+          <p class="left fm-hyss fz-14">
+            YINGYOUER YUNDONG ANOUAN YU BAOHU
+          </p>
+          <p class="left fm-hyss fz-14">
+            鍑虹増鍙戣锛氬寳浜笀鑼冨ぇ瀛﹀嚭鐗堢ぞ www.bnupg.com
+          </p>
+          <p class="left fm-hyss fz-14">
+            銆�銆�銆�銆�銆�鍖椾含甯傝タ鍩庡尯鏂拌鍙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">寮�銆�銆�鏈細787mmx1092mm銆�1/16</p>
+          <p class="left fm-hyss fz-14">鍗般��銆�寮狅細12</p>
+          <p class="left fm-hyss fz-14">瀛椼��銆�鏁帮細217鍗冨瓧</p>
+          <p class="left fm-hyss fz-14">鐗堛��銆�娆★細2023骞�7鏈堢1鐗�</p>
+          <p class="left fm-hyss fz-14">鍗般��銆�娆★細2023骞�7鏈堢1娆″嵃鍒�</p>
+          <p class="left fm-hyss fz-14">瀹氥��銆�浠凤細34.80鍏�</p>
+          <hr />
+          <p class="left fm-hyss fz-14">
+            绛栧垝缂栬緫锛氱帇銆�瓒呫��缃椾僵鐝嶃��銆�銆�銆�璐d换缂栬緫锛氭潕鏄ョ敓
+          </p>
+          <p class="left fm-hyss fz-14">
+            缇庢湳缂栬緫锛氱劍銆�涓姐��銆�銆�銆�銆�銆�銆�銆�瑁呭抚璁捐锛氱劍銆�涓�
+          </p>
+          <p class="left fm-hyss fz-14">
+            璐d换鏍″锛氭绔嬭秴銆�銆�銆�銆�銆�銆�銆�銆�璐d换鍗板埗锛氶檲銆�娑涖��
+          </p>
+          <p class="center mt-20"><b>鐗堟潈鎵�鏈� 渚垫潈蹇呯┒</b></p>
+          <p class="left center block">鍙嶇洍鐗堛�佷镜鏉冧妇鎶ョ數璇濓細010-58808104</p>
+          <p class="left center block">鍖椾含璇昏�呮湇鍔¢儴鐢佃瘽锛�010-58808104</p>
+          <p class="left center block">澶栧煚閭喘鐢佃瘽锛�010-58808083</p>
+          <p class="left center block">
+            鏈功濡傛湁鍗拌璐ㄩ噺闂锛岃涓庡嵃鍒剁鐞嗛儴鑱旂郴璋冩崲銆�
+          </p>
+          <p class="left center block">鍗板埗绠$悊閮ㄧ數璇濓細010-58808284</p>
+          <p class="left center block">缂栬緫閮ㄧ數璇�:010-58802682</p>
+        </div>
+      </div>
+    </div>
+    <!-- 缂栧浼� -->
+    <div class="page-box" page="4">
+      <div v-if="showPageList.indexOf(4) > -1">
+        <div class="foreword">
+          <div class="editorialBoard">
+            <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 mb-30">瀹嬨��鐞炽��瀛熴��鑾夈��鑳″浗妫��琚併��浼熴��榫氱惇闆�</p>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- 涓涗功搴� -->
+    <div class="page-box" page="5">
+      <div v-if="showPageList.indexOf(5) > -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">
+            澶у姏鍙戝睍鑱屼笟鏁欒偛瀵逛簬闄嶄綆澶变笟鐜囥�佽В鍐冲氨涓氱粨鏋勭殑鐭涚浘锛屾彁楂樼敓浜у姏鍜屽姵鍔ㄨ�呯殑鏁翠綋绱犺川锛屽噺灏戣传瀵屽樊璺濄�佹爲绔嬪姵鍔ㄨ�呭皧涓ワ紝婵�鍙戝姵鍔ㄨ�呯儹鎯呭拰鍒涢�犲姏锛屾帹鍔ㄦ垜鍥芥皯鏃忓鍏撮兘鍏锋湁閲嶈鎰忎箟銆傚鏋滆寰峰浗缁忔祹鑵鹃鐨勭瀵嗘鍣ㄦ槸鍏跺弻鍏冨埗鐨勮亴涓氭暀鑲蹭綋绯伙紝閭d箞锛屾垜鍥借亴涓氭暀鑲茬殑绾垫繁鍙戝睍涔熷皢鎴愪负鎾姩鎴戝浗缁忔祹銆佺ぞ浼氬彂灞曠殑閲嶈鍔涢噺銆傝繘鍏モ�滃崄鍥涗簲鈥濓紝鎴戝浗鑱屼笟鏁欒偛鍙堟湁浜嗘柊璧风偣銆佹柊鍙樺寲锛氫腑绛夎亴涓氭暀鑲蹭粠鈥滃氨涓氬鍚戔�濆埌鈥滃氨涓氫笌鍗囧瀵煎悜鈥濓紝姣曚笟鐢熸棦鍙互鐩存帴灏变笟锛屼篃鍙互缁х画鍗囧鍒颁笓绉戝拰鏈鑱屼笟闄㈡牎锛屽洜鑰屾垚涓洪珮绛夋暀鑲茬殑鐢熸簮鍩虹锛屾湁鐫�澶氬厓鐨勫彂灞曡矾寰勶紱楂樿亴涓撶杩涘叆鎻愯川鍩逛紭銆佸鍊艰祴鑳姐�佷互璐ㄥ浘寮猴紝鍔犲揩杩堣繘鐜颁唬鍖栫殑鏂伴樁娈碉紱楂樿亴鏈鍧氭寔鐞嗚鍏堣銆佲�滈珮涓鹃珮鎵撯�濓紝鍏呭垎鍙戞尌鍏跺湪鑱屼笟鏁欒偛涓殑榫欏ご鍦颁綅銆�
+          </p>
+          <p class="preface">
+            2021骞�3鏈堟暀鑲查儴鍗板彂銆婅亴涓氭暀鑲蹭笓涓氱洰褰曪紙2021骞达級銆嬶紙鏁欒亴鎴愩��2021銆�2鍙凤級锛岄娆″涓亴銆侀珮鑱屼笓绉戝拰楂樿亴鏈涓変釜灞傛涓撲笟鐩綍杩涜涓�浣撳寲淇紙鍒讹級璁紝寤虹珛浜嗙粺涓�鐨勫垎绫绘鏋跺拰涓婁笅琛旀帴鐨勪笓涓氬悕绉帮紝浣胯亴涓氭暀鑲茬被鍨嬬壒寰佹洿涓哄嚫鏄俱�傞�氳繃涓亴銆侀珮鑱屼笓绉戙�侀珮鑱屾湰绉戜竴浣撳寲涓撲笟璁剧疆锛屼负瀛︾敓鑱屼笟鍙戝睍鎵撳紑閫氳矾銆�
+          </p>
+          <p class="preface">
+            鏍规嵁杩欎簺鑱屼笟鏁欒偛鍙戝睍瓒嬪娍鍜屽浗瀹躲�娾�滃崄鍥涗簲鈥濊亴涓氭暀鑲茶鍒掓暀鏉愬缓璁惧疄鏂芥柟妗堛�嬶紝鏈郴鍒楁暀鏉愯仛鐒︿簬濠村辜鍎跨収鎶ょ被涓撲笟锛岄�氳繃涓嶅悓姊害鐨勫唴瀹硅璁★紝涓哄鍓嶆暀鑲层�佸┐骞煎効鎵樿偛鏈嶅姟涓庣鐞嗐�佹棭鏈熸暀鑲层�佸┐骞煎効鍙戝睍涓庡仴搴风鐞嗙瓑涓撲笟鎻愪緵涓撲笟鏁欐潗锛屽悓鏃讹紝涔熶负瀹炵幇鈥滃辜鏈夋墍鑲层�佸辜鏈変紭鑲层�佸辜鏈夊杽鑲测�濆瀹氬熀纭�銆�
+          </p>
+          <p class="preface">
+            鍦ㄧ紪鍐欒繃绋嬩腑锛岀紪鍐欑粍鍔姏浣撶幇濡備笅鍘熷垯锛氾紙1锛夊潥鎸佹纭殑鏀挎不鏂瑰悜鍜屼环鍊煎鍚戯紱锛�2锛変互鍩瑰吇寰锋櫤浣撶編鍔冲叏闈㈠彂灞曠殑绀句細涓讳箟寤鸿鑰呭拰鎺ョ彮浜恒�佹湭鏉ョ殑鈥滃洓鏈夊ソ鑰佸笀鈥濅负鐩爣锛涳紙3锛変綋鐜扳�滃煿鏍归摳榄傘�佸惎鏅哄鎱р�濓紱锛�4锛夐伒寰亴涓氭暀鑲叉暀瀛﹁寰嬪拰浜烘墠鎴愰暱瑙勫緥锛涳紙5锛夌瀛﹀悎鐞嗙紪鎺掓暀鏉愬唴瀹广��
+          </p>
+        </div>
+      </div>
+    </div>
+    <!-- 涓涗功搴� -->
+    <div class="page-box" page="6">
+      <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="headerNumber">2</li>
+            <img src="../../assets/images/a1.jpg" alt="">
+          </ul>
+          <div class="bodystyle">
+            <p class="preface">鏈郴鍒楁暀鏉愬姫鍔涗綋鐜板涓嬬壒鑹层��</p>
+            <p class="preface">
+              锛�1锛夊尰鍏绘暀缁撳悎锛岄�傜敤鎬у己銆傛湰绯诲垪鏁欐潗鑱氱劍鍋ュ悍鍜屼繚鑲诧紝鐫�閲嶈ˉ鍏呬簡濠村辜鍎跨収鎶ょ被涓撲笟绱х己鐨勮绋嬫暀鏉愩�傛暀鏉愪富瑕佹兜鐩栦笁涓柟闈細涓�鏄┐骞煎効鍗敓淇濆仴锛屽寘鎷�婂辜鍎垮洯椋熻偛銆嬨�婂┐骞煎効鎰熻缁熷悎鍙戝睍涓庤缁冦�嬨�婂┐骞煎効甯歌鐤剧梾棰勯槻涓庢姢鐞嗐�嬶紱浜屾槸濠村辜鍎夸綋鑲诧紝鍖呮嫭銆婂┐骞煎効浣撹川鍋ュ悍涓庡姩浣滃彂灞曟祴璇勩�嬨�婂┐骞煎効杩愬姩瀹夊叏涓庝繚鎶ゃ�嬨�婂┐骞煎効杩愬姩澶勬柟璁捐涓庡簲鐢ㄣ�嬶紱涓夋槸濠村辜鍎垮績鐞嗗仴搴凤紝鍖呮嫭銆婂┐骞煎効鍙戝睍璇勪环銆嬨�婂┐骞煎効琛屼负瑙傚療涓庢寚瀵笺�嬨�婂┐骞煎効甯歌鍙戝睍闂涓庣煫姝c�嬨�婂┐骞煎効浜茶亴鏁欒偛銆嬨�婂鍓嶇壒娈婂効绔ヨ瀺鍚堟暀鑲层�嬨��
+            </p>
+            <p class="preface">
+              锛�2锛夎涓氫笓瀹堕琛旓紝涓撲笟搴﹂珮銆傛暀鏉愮紪鍐欓槦浼嶅鍏冿紝鐞嗚鍜屽疄璺典笓瀹剁浉缁撳悎銆傛湰绯诲垪鏁欐潗鐨勭紪鍐欒�呮棦鏈夋潵鑷櫘閫氶珮鏍°�佽亴涓氶櫌鏍°�佺鐮旀満鏋勭殑鏁欏鐮旂┒浜哄憳锛屼篃鏈夋潵鑷尰鐤楁満鏋勩�佷繚鏁欐満鏋勫拰濠村辜鍎夸繚鑲插疄璺电殑鏁欑爺鍛橈紱缂栧啓宸ヤ綔鏃㈡湁鍗氬銆佹暀鎺堢瓑璧勬繁涓撳棰嗚锛屼篃鏈変腑闈掑勾鏂伴攼绉瀬鍙備笌銆傜紪鍐欓槦浼嶄笓涓氭按骞抽珮锛屽叿鏈変娇鍛芥劅銆佽矗浠绘劅鍜岃壇濂界殑甯堝痉锛屼繚璇佷簡鏁欐潗鐨勬斂娌绘柟鍚戙�佹潈濞佹�с�佺瀛︽�у拰鍓嶇灮鎬с��
+            </p>
+            <p class="preface">
+              锛�3锛夌悊瀹炰竴浣擄紝鍙搷浣滄�х獊鍑恒�傛湰绯诲垪鏁欐潗涓衡�滃矖璇捐禌璇佲�濊瀺閫氭暀鏉愶紝鍐呭鏍规嵁鑱屼笟闄㈡牎瀛︾敓鐨勫涔犵壒鐐瑰拰鑱屼笟鍙戝睍闇�姹傜紪鍐欙紝鏃㈡湁鐞嗚鐨勬寚瀵硷紝鍙堟湁缁撳悎宀椾綅闇�姹傜殑瀹炶返妗堜緥锛涙棦浣撶幇鏈�鏂般�佹渶鍓嶆部瀛︾鍙戝睍锛屽張娣卞叆娴呭嚭銆佸彲璇绘�у己銆佹槗浜庣悊瑙c��
+            </p>
+            <p class="preface">
+              锛�4锛夎瀺濯掍綋鏁欐潗锛岀珛浣撳寲鍛堢幇銆傛湰绯诲垪鏁欐潗灏嗗浘鏂囧苟鑼傜殑绾稿獟涓庢暟瀛楀寲鐨勫井璇俱�佹渚嬭棰戙�佸湪绾夸範棰樼瓑鐩哥粨鍚堬紝鏍规嵁涓嶅悓鍐呭鐨勫叿浣撻渶姹傦紝绔嬩綋鍖栧憟鐜板悇闂ㄨ绋嬬殑瀛︿範瑕佺偣銆佺煡璇嗛毦鐐广�佹牳蹇冩妧鑳界瓑銆傝缃悇绫绘儏澧冧腑鐨勪簰鍔ㄥ疄鎿嶇幆鑺傦紝甯姪瀛︾敓褰㈡垚涓�у寲鐨勫涔犳柟妗堝拰鑷富瀛︿範涔犳儻锛屾敞閲嶈绋嬭瘎浠风殑杩囩▼鎬у拰褰㈡垚鎬с��
+            </p>
+            <p class="preface">
+              鐩镐俊鏈郴鍒楁暀鏉愮殑鍑虹増锛屽皢鏈夊埄浜庝績杩涚浉鍏充笓涓氫汉鎵嶅煿鍏荤殑寮�灞曞拰璐ㄩ噺鐨勬彁鍗囷紝浠庤�屾湁鍔涙帹鍔ㄦ垜鍥藉┐骞煎効鐓ф姢浜嬩笟鍋ュ悍鍦般�侀珮璐ㄩ噺鍦般�佹寔缁湴鍙戝睍銆傚悓鏃讹紝涔熷笇鏈涢�氳繃鏈郴鍒楁暀鏉愮殑鎺ㄥ箍鍜屼娇鐢紝杩涗竴姝ュ惛绾充竴绾挎暀甯堛�佺鐮斾汉鍛樺強鍏朵粬浣跨敤鑰呯殑鏅烘収涓庣粡楠岋紝浣挎暀鏉愪笉鏂彂灞曞拰瀹屽杽锛屾寔缁负骞垮ぇ甯堢敓鎻愪緵楂樺搧璐ㄦ暀鏉愩��
+            </p>
+            <p class="right-info mt-20">鍙跺钩鏋�</p>
+          </div>
+        </div>
+
+      </div>
+    </div>
+
+  </div>
+</template>
+
+<script>
+export default {
+  name: "pageHeader",
+  props: {
+    showPageList: {
+      type: Array,
+    },
+  },
+  data() {
+    return {};
+  },
+};
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/books/toddlerSportsSafetyProtection/view/components/index.vue b/src/books/toddlerSportsSafetyProtection/view/components/index.vue
new file mode 100644
index 0000000..21129c1
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/view/components/index.vue
@@ -0,0 +1,989 @@
+<template>
+  <div class="page-main" @scroll="throttledScrollHandler">
+    <div id="searchDomBox" style="display: none">
+      <div id="searchContent"></div>
+    </div>
+    <div
+      class="page-content"
+      :style="{
+        fontSize: fontSize + 'px',
+        transform: `scale(${pageZoom})`,
+        transformOrigin: 'center top',
+      }"
+    >
+      <pageHeader
+        v-if="showCatalogList.indexOf(1) > -1"
+        :showPageList="loadPageList"
+      ></pageHeader>
+      <!-- <chapterOne
+          v-if="showCatalogList.indexOf(2) > -1"
+          :showPageList="loadPageList"
+        ></chapterOne> -->
+        <!-- <chapterTwo
+          v-if="showCatalogList.indexOf(3) > -1"
+          :showPageList="loadPageList"
+        ></chapterTwo>
+        <chapterThree
+          v-if="showCatalogList.indexOf(4) > -1"
+          :showPageList="loadPageList"
+        ></chapterThree>
+        <chapterFour
+          v-if="showCatalogList.indexOf(5) > -1"
+          :showPageList="loadPageList"
+        ></chapterFour>
+        <chapterFive
+          v-if="showCatalogList.indexOf(6) > -1"
+          :showPageList="loadPageList"
+        ></chapterFive> -->
+    </div>
+  </div>
+</template>
+
+<script>
+import pageHeader from "./header.vue";
+// import chapterOne from "./chapter001.vue";
+//   import chapterTwo from "./chapter002.vue";
+//   import chapterThree from "./chapter003.vue";
+//   import chapterFour from "./chapter004.vue";
+//   import chapterFive from "./chapter005.vue";
+import NoteIcon from "@/assets/images/biji.png";
+import _ from "lodash";
+import Swiper from "swiper/bundle";
+import "swiper/swiper-bundle.css";
+import Viewer from "viewerjs";
+import "viewerjs/dist/viewer.css";
+export default {
+  name: "pageContent",
+  data() {
+    return {
+      catalogLength: 1, // 鎬荤珷鑺傛暟
+      showCatalogList: [], // 鏄剧ず鐨勭珷鑺�
+      loadThreshold: 300, // 瑙﹀彂鍔犺浇闃堝��
+      throttleThreshold: 100, // 鑺傛祦闃堝��
+      previousScrollTop: 0,
+      throttledScrollHandler: null,
+      observer: null,
+      loadPageObserver: null,
+      loadPageList: [],
+      questionDataMap: {},
+      renderSignMap: {},
+      highlightData: null,
+      audioPath: "",
+      currentTime: null,
+      videoList: [],
+    };
+  },
+  computed: {
+    fontSize() {
+      this.transformDom(this.$store.state.qiankun.fontSize);
+      return this.$store.state.qiankun.fontSize
+        ? this.$store.state.qiankun.fontSize
+        : 16;
+    },
+    pageZoom() {
+      return this.$store.state.qiankun.scale
+        ? this.$store.state.qiankun.scale / 100
+        : 1;
+    },
+  },
+  watch: {
+    showCatalogList: {
+      handler(newVal, oldVal) {
+        if (
+          this.$store.state.qiankun &&
+          this.$store.state.qiankun.catalogChange
+        ) {
+          // 璋冪敤鐖跺眰鏂规硶
+          this.$store.state.qiankun.catalogChange({
+            showCatalogList: newVal,
+          });
+        }
+        // 鍚姩椤电爜瑙傚療
+        setTimeout(() => {
+          this.initObservation();
+          this.initThemeColor();
+        }, 500);
+      },
+    },
+    loadPageList: {
+      handler(newVal, oldVal) {
+        setTimeout(() => {
+          this.transformDom(this.$store.state.qiankun.fontSize);
+          this.initSwiper();
+          this.initViewer();
+          this.closeAudio();
+          this.closeVideo();
+        }, 200);
+      },
+    },
+    pageZoom: {
+      handler(newVal, oldVal) {
+        const scrollBox = (
+          this.container ? this.container : document
+        ).querySelector(".page-main");
+        scrollBox.scrollTop = (scrollBox.scrollTop / oldVal) * newVal;
+      },
+    },
+  },
+  mounted() {
+    // 榛樿鍔犺浇绔犺妭
+    this.showCatalogList = [1];
+    // 婊氬姩鐩戝惉鑺傛祦
+    this.throttledScrollHandler = _.throttle(
+      this.scrollFun,
+      this.throttleThreshold,
+      { leading: true, trailing: false }
+    );
+    // 瀹氫箟瀛愬眰鏂规硶
+    if (this.setGlobalState) {
+      // 鎻愪緵椤甸潰璺宠浆鍔熻兘
+      this.setGlobalState({
+        gotoPage: (catalog, page) => {
+          this.gotoPage(catalog, page);
+        },
+        // 娓叉煋绗旇銆侀珮浜�佸垝绾�
+        renderSign: (type, data) => {
+          // 鍥犱负璋冩暣涓洪〉闈㈡噿鍔犺浇锛屾墍浠ユ覆鏌撴爣璁颁篃闇�瑕佹寜鐓ч〉闈㈣繘琛屽鐞嗭紝鍏堝偍瀛樻暟鎹紝椤甸潰鍔犺浇瀹屾垚鍐嶆覆鏌撳搴旂殑鏍囪锛�
+          this.handelSignData(type, data);
+          // this.renderSign(type, data);
+        },
+        // 鍒犻櫎绗旇銆侀珮浜�佸垝绾�
+        delSign: (data) => {
+          this.delSign(data);
+        },
+        // 鍏ㄦ枃妫�绱�
+        searchBookByKeyword: (keyword) => {
+          return this.searchTextByPage(keyword);
+        },
+        // 璺宠浆妫�绱㈢粨鏋滀綅缃�
+        jumpSearchItem: (data) => {
+          this.searchItemLocation(data);
+        },
+      });
+    }
+
+    // 鍒涘缓涓�涓柊鐨� Intersection Observer 瀹炰緥锛岀敤浜庤瀵熺洰鏍囧厓绱犲拰鎵ц鐩稿簲鐨勫洖璋冨嚱鏁般��
+    // new IntersectionObserver(callback, options)锛氫娇鐢ㄤ箣鍓嶅畾涔夌殑 callback 鍥炶皟鍑芥暟鍜� options 閰嶇疆閫夐」鏉ュ垵濮嬪寲 Intersection Observer 瀹炰緥銆�
+    this.observer = new IntersectionObserver(this.pageChangeCallback, {
+      root: null, // 鎸囧畾鏍瑰厓绱狅紝杩欓噷璁句负 null锛岃〃绀洪�夊彇鏁翠釜瑙嗙獥浣滀负鏍瑰厓绱犮��
+      rootMargin: "0px", // 鎸囧畾鏍瑰厓绱犵殑杈圭晫锛岃繖閲岃涓� "0px"锛岃〃绀烘牴鍏冪礌鐨勮竟鐣屽拰瑙嗙獥鐨勮竟鐣岄噸鍚�
+      threshold: 0.5, // 鎸囧畾浜ゅ弶姣斾緥锛岃繖閲岃涓� 0.5锛岃〃绀哄綋鐩爣鍏冪礌涓�鍗婃垨鏇村鏄剧ず鍦ㄨ绐椾腑鏃惰Е鍙戝洖璋冨嚱鏁般��
+    });
+
+    this.loadPageObserver = new IntersectionObserver(this.loadPageCallback, {
+      root: null, // 鎸囧畾鏍瑰厓绱狅紝杩欓噷璁句负 null锛岃〃绀洪�夊彇鏁翠釜瑙嗙獥浣滀负鏍瑰厓绱犮��
+      rootMargin: "0px", // 鎸囧畾鏍瑰厓绱犵殑杈圭晫锛岃繖閲岃涓� "0px"锛岃〃绀烘牴鍏冪礌鐨勮竟鐣屽拰瑙嗙獥鐨勮竟鐣岄噸鍚�
+      threshold: 0, // 鎸囧畾浜ゅ弶姣斾緥锛岃繖閲岃涓� 0.5锛岃〃绀哄綋鐩爣鍏冪礌涓�鍗婃垨鏇村鏄剧ず鍦ㄨ绐椾腑鏃惰Е鍙戝洖璋冨嚱鏁般��
+    });
+
+    // 鍚姩椤电爜瑙傚療
+    setTimeout(() => {
+      this.initObservation();
+      this.initThemeColor();
+    }, 500);
+
+    // 娴嬭瘯椤甸潰璺宠浆
+    setTimeout(() => {
+      this.gotoPage(1, 1);
+    //   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)
+    //   .querySelector("#app")
+    //   .querySelectorAll(".page-box");
+    // 妫�绱�
+    // console.log(this.searchTextByPage("淇濇姢鍐呰剰鍣ㄥ畼"), "searchTextByPage");
+    // 妫�绱㈣烦杞�
+    // this.searchItemLocation({
+    //   catalog: 2,
+    //   page: 10,
+    //   txt: " 杩愬姩绯荤粺鏄敱楠ㄣ�侀杩炵粨鍜岄楠艰倢涓夐儴鍒嗙粍鎴愮殑銆傚叏韬殑楠ㄩ�氳繃楠ㄨ繛缁撶粍鎴愪汉浣撻楠硷紙瑙佸浘1-1锛夈�傞楠兼槸浜轰綋鐨勬敮鏋讹紝鍏锋湁淇濇姢鍐呰剰鍣ㄥ畼銆佷緵鑲岃倝闄勭潃鍜屼綔涓鸿倢鑲夎繍鍔ㄧ殑鏉犳潌绛変綔鐢ㄣ�傚湪绁炵粡绯荤粺鐨勬敮閰嶄笅锛岃倢鑲夋敹缂╃壍鍔ㄦ墍闄勭潃鐨勯缁曠潃鍏宠妭杞姩锛屼娇韬綋浜х敓鍚勭鍔ㄤ綔銆傛墍浠ワ紝杩愬姩绯荤粺鍏锋湁杩愬姩銆佹敮鎸佸拰淇濇姢绛夊姛鑳斤紝骞煎勾鏃舵湡鐨勯楠艰繕鍏锋湁閫犺鍔熻兘銆� ",
+    //   txtIndex: 57
+    // });
+    // }, 500);
+  },
+  methods: {
+    // setZoom1() {
+    //   let scale = this.$store.state.qiankun.scale + 10;
+    //   const scrollBox = (
+    //     this.container ? this.container : document
+    //   ).querySelector(".page-main");
+    //   this.$store.commit("setZoom", scale);
+    // },
+    // setZoom2() {
+    //   let scale = this.$store.state.qiankun.scale - 10;
+    //   const scrollBox = (
+    //     this.container ? this.container : document
+    //   ).querySelector(".page-main");
+    //   this.$store.commit("setZoom", scale);
+    // },
+    // 婊氬姩鐩戝惉
+    scrollFun(event) {
+      this.handleVideoPicture();
+      // 鍒ゆ柇鍚戜笂婊氬姩杩樻槸鍚戜笅婊氬姩
+      if (event.target.scrollTop > this.previousScrollTop) {
+        this.getAduio();
+        // 鍚戜笅
+        const currentScrollTop =
+          event.target.scrollTop + event.target.offsetHeight;
+        if (
+          currentScrollTop >=
+          event.target.scrollHeight - this.loadThreshold
+        ) {
+          console.log(1);
+
+          // 鍒拌揪闃堝��
+          if (
+            this.showCatalogList[this.showCatalogList.length - 1] <
+            this.catalogLength
+          ) {
+            // 鍔犺浇涓嬩竴绔�
+            this.showCatalogList.push(
+              this.showCatalogList[this.showCatalogList.length - 1] + 1
+            );
+            if (this.showCatalogList.length > 3) {
+              // 瓒呰繃涓夌珷闅愯棌椤堕儴涓�绔�
+              this.showCatalogList.shift();
+            }
+          }
+        }
+      } else if (event.target.scrollTop < this.previousScrollTop) {
+        this.handleAudio();
+        // 鍚戜笂
+        const currentScrollTop = event.target.scrollTop;
+        if (currentScrollTop <= this.loadThreshold) {
+          // 鍒拌揪闃堝��
+          if (this.showCatalogList[0] > 0) {
+            // 鍔犺浇涓婁竴绔�
+            this.showCatalogList.unshift(this.showCatalogList[0] - 1);
+            if (this.showCatalogList.length > 3) {
+              // 瓒呰繃涓夌珷闅愯棌搴曢儴涓�绔�
+              this.showCatalogList.pop();
+            }
+          }
+        }
+      }
+      // showCatalogList 褰撳墠鏄剧ず鐨勪笁涓珷鑺傦紝watch鐩戝惉浼犻�掔粰涓诲簲鐢�
+      // 鏇存柊涓婁竴娆℃粴鍔ㄧ殑浣嶇疆
+      this.previousScrollTop = event.target.scrollTop;
+    },
+    // 绔犺妭銆侀〉闈㈣烦杞�
+    gotoPage(catalog, page) {
+      if (catalog >= 0 && catalog <= this.catalogLength) {
+        // 澶勭悊娓叉煋绔犺妭
+        if (catalog == 0) {
+          this.showCatalogList = [0, 1];
+        } else if (catalog == this.catalogLength) {
+          this.showCatalogList = [
+            this.catalogLength - 2,
+            this.catalogLength - 1,
+            this.catalogLength,
+          ];
+        } else {
+          this.showCatalogList = [catalog - 1, catalog, catalog + 1];
+        }
+        setTimeout(() => {
+          // 璺宠浆椤电爜
+          const pageDom = (
+            this.container ? this.container : document
+          ).querySelector(`[page="${page}"]`);
+          if (pageDom) {
+            pageDom.scrollIntoView();
+          } else {
+            console.log("椤电爜閿欒锛�");
+          }
+        }, 500);
+      } else {
+        console.log("绔犺妭閿欒锛�");
+      }
+    },
+
+    // 澶勭悊鏍囪鏁版嵁
+    handelSignData(type, data) {
+      if (this.loadPageList.indexOf(Number(data.page)) > -1) {
+        // 绔嬪嵆娓叉煋
+        this.renderSign(type, data);
+      }
+
+      // 鍌ㄥ瓨鏁版嵁
+      if (!this.renderSignMap[type]) this.renderSignMap[type] = {};
+      if (!this.renderSignMap[type][data.page])
+        this.renderSignMap[type][data.page] = [];
+      this.renderSignMap[type][data.page].push(data);
+    },
+
+    // 娓叉煋鏍囪
+    renderSign(type, data) {
+      // 鐖跺眰璁剧疆绂佹娓叉煋鏍囪鏃朵笉鍐嶈繘琛屾覆鏌�
+      if (this.$store.state.qiankun.disableSign) {
+        return false;
+      }
+      const existence = (
+        this.container ? this.container : document
+      ).querySelector(`[dataid="${data.id}"]`);
+      // 鍘婚噸
+      if (!existence) {
+        const pageDom = (
+          this.container ? this.container : document
+        ).querySelector(`[page="${data.page}"]`);
+        // 鍒涘缓 createTreeWalker 杩唬鍣紝鐢ㄤ簬閬嶅巻鏂囨湰鑺傜偣锛屼繚瀛樺埌涓�涓暟缁�
+        const treeWalker = document.createTreeWalker(
+          pageDom,
+          NodeFilter.SHOW_TEXT
+        );
+        const allTextNodes = [];
+        let currentNode = treeWalker.nextNode();
+        while (currentNode) {
+          allTextNodes.push(currentNode);
+          currentNode = treeWalker.nextNode();
+        }
+        for (let i = 0; i < allTextNodes.length; i++) {
+          const textDom = allTextNodes[i];
+          if (textDom.textContent.indexOf(data.txt) > -1) {
+            let reg = new RegExp(`${data.txt}`, "ig");
+            switch (type) {
+              case "Highlight":
+                // 楂樹寒
+                textDom.parentNode.innerHTML =
+                  textDom.parentNode.innerHTML.replace(
+                    reg,
+                    `<span datatype="Highlight" dataid="${data.id}" style="background: ${data.color};" class="highLight" onclick="signClick('Highlight','${data.id}','${data.chapterNum}')">${data.txt}</span>`
+                  );
+                break;
+              case "Dashing":
+                // 鍒掔嚎
+                textDom.parentNode.innerHTML =
+                  textDom.parentNode.innerHTML.replace(
+                    reg,
+                    `<span datatype="Dashing" dataid="${data.id}" style="text-decoration-color:${data.color};" class="underline" onclick="signClick('Dashing','${data.id}','${data.chapterNum}')">${data.txt}</span>`
+                  );
+                break;
+              case "Note":
+                // 绗旇
+                textDom.parentNode.innerHTML =
+                  textDom.parentNode.innerHTML.replace(
+                    reg,
+                    `<span datatype="Note" dataid="${data.id}" style="border-bottom-color:${data.color}" class="notesline" onclick="signClick('Note','${data.id}','${data.chapterNum}')" onmouseover="noteHover('Note','${data.id}','${data.chapterNum}')" onmouseout="noteOut('Note')">${data.txt}<img src="${NoteIcon}"/></span>`
+                  );
+                break;
+            }
+          }
+        }
+      }
+    },
+    // 鍒犻櫎鏍囪娓叉煋
+    delSign({ ids, type }) {
+      if (ids && ids.length) {
+        for (let i = 0; i < ids.length; i++) {
+          const id = ids[i];
+          const dom = (
+            this.container ? this.container : document
+          ).querySelector(`[dataid="${id}"]`);
+          dom.parentNode.innerHTML = dom.parentNode.innerHTML.replace(
+            dom.outerHTML,
+            dom.outerText
+          );
+        }
+      }
+      if (type) {
+        const doms = (
+          this.container ? this.container : document
+        ).querySelectorAll(`[datatype="${type}"]`);
+        for (let i = 0; i < doms.length; i++) {
+          const dom = doms[i];
+          dom.parentNode.innerHTML = dom.parentNode.innerHTML.replace(
+            dom.outerHTML,
+            dom.outerText
+          );
+        }
+      }
+    },
+    initObservation() {
+      const sections = (
+        this.container ? this.container : document
+      ).querySelectorAll(".page-box");
+      sections.forEach((section) => {
+        if (this.config.activeBook && this.config.activeBook.tryPageCount) {
+          const page = section.getAttribute("page");
+          if (Number(page) > this.config.activeBook.tryPageCount) {
+            let chapterDom = this.getParentWithClass(section, "chapter");
+            const chapterNum = chapterDom.getAttribute("num");
+            this.catalogLength = Number(chapterNum) - 1;
+            section.remove();
+            return false;
+          }
+        }
+        // observer 瑙傚療姣忎釜鍏冪礌锛屼互渚垮湪瀹冧滑杩涘叆鎴栫寮�瑙嗙獥鏃惰Е鍙戝洖璋冨嚱鏁般��
+        const isObserver = section.getAttribute("observer");
+        const isLoadObserver = section.getAttribute("loadObserver");
+        if (!isObserver) {
+          this.observer.observe(section);
+          section.setAttribute("observer", "1");
+        }
+        if (!isLoadObserver) {
+          this.loadPageObserver.observe(section);
+          section.setAttribute("loadObserver", "1");
+        }
+      });
+    },
+    initThemeColor() {
+      // 鑾峰彇鍚勭闇�瑕佷富棰樿壊鐨勮妭鐐�
+      const colorDom = (
+        this.container ? this.container : document
+      ).querySelectorAll(".theme-color");
+      const backgroundColorDom = (
+        this.container ? this.container : document
+      ).querySelectorAll(".theme-back");
+      const borderColorDom = (
+        this.container ? this.container : document
+      ).querySelectorAll(".theme-border");
+      // 鑾峰彇閰嶇疆鐨勪富棰樿壊
+      const bookThemeColor =
+        this.config.activeBook && this.config.activeBook.bookThemeColor
+          ? this.config.activeBook.bookThemeColor
+          : null;
+      const chapterThemeColor =
+        this.config.activeBook && this.config.activeBook.chapterThemeColor
+          ? this.config.activeBook.chapterThemeColor
+          : null;
+      const pageThemeColor =
+        this.config.activeBook && this.config.activeBook.pageThemeColor
+          ? this.config.activeBook.pageThemeColor
+          : null;
+      colorDom.forEach((domItem) => {
+        // 鑾峰彇绔犺妭銆侀〉鐮�
+        let pageDom = this.getParentWithClass(domItem, "page-box");
+        let chapterDom = this.getParentWithClass(domItem, "chapter");
+        let page, chapterNum;
+        if (pageDom) page = pageDom.getAttribute("page");
+        if (chapterDom) chapterNum = chapterDom.getAttribute("num");
+        // 鍚戜笂鍖归厤涓婚鑹�
+        const themeColor =
+          page && pageThemeColor && pageThemeColor[page]
+            ? pageThemeColor[page]
+            : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
+            ? chapterThemeColor[chapterNum]
+            : bookThemeColor;
+        if (themeColor) {
+          domItem.style.color = themeColor;
+        }
+      });
+      backgroundColorDom.forEach((domItem) => {
+        // 鑾峰彇绔犺妭銆侀〉鐮�
+        let pageDom = this.getParentWithClass(domItem, "page-box");
+        let chapterDom = this.getParentWithClass(domItem, "chapter");
+        let page, chapterNum;
+        if (pageDom) page = pageDom.getAttribute("page");
+        if (chapterDom) chapterNum = chapterDom.getAttribute("num");
+        // 鍚戜笂鍖归厤涓婚鑹�
+        const themeColor =
+          page && pageThemeColor && pageThemeColor[page]
+            ? pageThemeColor[page]
+            : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
+            ? chapterThemeColor[chapterNum]
+            : bookThemeColor;
+        if (themeColor) {
+          domItem.style.backgroundColor = themeColor;
+        }
+      });
+      borderColorDom.forEach((domItem) => {
+        // 鑾峰彇绔犺妭銆侀〉鐮�
+        let pageDom = this.getParentWithClass(domItem, "page-box");
+        let chapterDom = this.getParentWithClass(domItem, "chapter");
+        let page, chapterNum;
+        if (pageDom) page = pageDom.getAttribute("page");
+        if (chapterDom) chapterNum = chapterDom.getAttribute("num");
+        // 鍚戜笂鍖归厤涓婚鑹�
+        const themeColor =
+          page && pageThemeColor && pageThemeColor[page]
+            ? pageThemeColor[page]
+            : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
+            ? chapterThemeColor[chapterNum]
+            : bookThemeColor;
+        if (themeColor) {
+          domItem.style.borderColor = themeColor;
+        }
+      });
+    },
+    getParentWithClass(element, className) {
+      while (element.parentElement) {
+        element = element.parentElement;
+        if (element.classList.contains(className)) {
+          return element;
+        }
+      }
+    },
+    pageChangeCallback(entries, observer) {
+      //entries锛氫唬琛ㄨ瀵熷埌鐨勭洰鏍囧厓绱犵殑闆嗗悎銆� observer锛氫唬琛ㄨ瀵熻�呭璞°��
+      entries.forEach((entry) => {
+        //entry.isIntersecting锛氭鏌ュ綋鍓嶇洰鏍囧厓绱犳槸鍚︿笌鏍瑰厓绱犵浉浜ゃ��
+        if (entry.isIntersecting) {
+          const target = entry.target;
+          //entry.target锛氳幏鍙栧綋鍓嶇洰鏍囧厓绱�
+          const page = target.getAttribute("page");
+          const catalogDom = this.tool.getParentNodeByClassName(
+            target,
+            "chapter"
+          );
+          const catalog = catalogDom.getAttribute("num");
+          let text = null;
+          if (target.querySelector("p")) {
+            text = target.querySelector("p").textContent.substring(0, 50);
+          }
+          // 杩斿洖椤电爜鍜岀珷鑺備俊鎭�
+          if (this.$store.state.qiankun && this.$store.state.qiankun.pageChange)
+            this.$store.state.qiankun.pageChange({
+              page: page,
+              catalog: catalog,
+              text,
+            });
+          // const sections = Array.from(document.querySelectorAll(".section"));
+          //sections锛氳幏鍙栨墍鏈夊叿鏈� .section 绫诲悕鐨勫厓绱狅紝骞惰浆鎹负鏁扮粍銆�
+          // let index = sections.findIndex((section) => section === target) + 1;
+          //index锛氭煡鎵惧綋鍓嶇洰鏍囧厓绱犲湪 sections 鏁扮粍涓殑绱㈠紩锛屽苟鍔� 1锛岀敤浜庣‘瀹氬綋鍓嶉〉鐮併��
+        }
+      });
+    },
+    loadPageCallback(entries, observer) {
+      entries.forEach(async (entry) => {
+        if (entry.isIntersecting) {
+          const target = entry.target;
+          const page = target.getAttribute("page");
+          if (this.loadPageList.indexOf(Number(page)) == -1) {
+            const catalogDom = this.tool.getParentNodeByClassName(
+              target,
+              "chapter"
+            );
+            // 娣诲姞椤电爜
+            this.loadPageList.push(Number(page));
+            const catalog = catalogDom.getAttribute("num");
+            // if (!this.questionDataMap[page]) {
+            //   if (testData && testData[catalog]) {
+            //     if (testData[catalog][page]) {
+            //       if (Array.isArray(testData[catalog][page])) {
+            //         this.questionDataMap[page] = await getQuestionList(
+            //           page,
+            //           testData[catalog][page],
+            //           this.config.activeBook
+            //         );
+            //       } else {
+            //         const obj = {};
+            //         for (let key in testData[catalog][page]) {
+            //           obj[key] = await getQuestionList(
+            //             [],
+            //             testData[catalog][page][key],
+            //             this.config.activeBook
+            //           );
+            //         }
+            //         this.questionDataMap[page] = obj;
+            //       }
+            //       console.log("棰樼洰", this.questionDataMap);
+            //     }
+            //   }
+            // }
+            // 娓叉煋杩欎竴椤电殑鏍囪
+            for (const key in this.renderSignMap) {
+              if (this.renderSignMap[key][page]) {
+                this.renderSignMap[key][page].forEach((item) => {
+                  this.renderSign(key, item);
+                });
+              }
+            }
+            // 澶勭悊楂樹寒
+            if (this.highlightData) {
+              // 楂樹寒琛�
+              setTimeout(() => {
+                // 鑾峰彇椤甸潰鎵�鏈塼ext鑺傜偣
+                const pageTextList = document.createTreeWalker(
+                  target,
+                  NodeFilter.SHOW_TEXT
+                );
+                // 鍖归厤鍏抽敭瀛�
+                const allPageTextNodes = [];
+                let currentNode = pageTextList.nextNode();
+                while (currentNode) {
+                  allPageTextNodes.push(currentNode);
+                  currentNode = pageTextList.nextNode();
+                }
+                for (let i = 0; i < allPageTextNodes.length; i++) {
+                  const textDom = allPageTextNodes[i];
+                  let txtIndex = textDom.textContent.indexOf(
+                    this.highlightData.txt
+                  );
+                  if (txtIndex > -1) {
+                    textDom.parentNode.style.transition =
+                      "background-color 0.8s";
+                    textDom.parentNode.scrollIntoView();
+                    textDom.parentNode.style.backgroundColor = "#79bbf0";
+                    setTimeout(() => {
+                      textDom.parentNode.style.backgroundColor = "";
+                    }, 1000);
+                  }
+                }
+              }, 100);
+            }
+            if (this.loadPageList.length > 5) {
+              // 瓒呰繃5椤�
+              this.loadPageList.shift();
+            }
+          }
+        }
+      });
+    },
+    initSwiper() {
+      const doms = (
+        this.container ? this.container : document
+      ).querySelectorAll(".swiper-img");
+      for (let i = 0; i < doms.length; i++) {
+        const dom = doms[i];
+        new Swiper(dom, {
+          loop: false, // 鏃犵紳
+          autoplay: {
+            //鑷姩寮�濮�
+            delay: 3000, //鏃堕棿闂撮殧
+            disableOnInteraction: false, //*鎵嬪姩鎿嶄綔杞挱鍥惧悗涓嶄細鏆傚仠*
+          },
+          paginationClickable: true,
+          slidesPerView: 1, // 涓�缁勪笁涓�
+          spaceBetween: 30, // 闂撮殧
+          // 濡傛灉闇�瑕佸墠杩涘悗閫�鎸夐挳
+          navigation: {
+            nextEl: dom.querySelector(".swiper-button-next"),
+            prevEl: dom.querySelector(".swiper-button-prev"),
+          },
+          // 绐楀彛鍙樺寲,閲嶆柊init,閽堝F11鍏ㄥ睆鍜屾斁澶х缉灏�,蹇呴』鍔�
+          // observer: true,
+          // observeParents: true
+          // // 濡傛灉闇�瑕佸垎椤靛櫒
+          // pagination: {
+          //   el: (this.container ? this.container : document).querySelector(
+          //     ".swiper-pagination"
+          //   ),
+          //   clickable: true // 鍒嗛〉鍣ㄥ彲浠ョ偣鍑�
+          // }
+        });
+      }
+      const pptDoms = (
+        this.container ? this.container : document
+      ).querySelectorAll(".swiper_ppt");
+      for (let i = 0; i < pptDoms.length; i++) {
+        const dom = pptDoms[i];
+        new Swiper(dom, {
+          loop: false, // 鏃犵紳
+          autoplay: false,
+          paginationClickable: true,
+          slidesPerView: 1, // 涓�缁勪笁涓�
+          spaceBetween: 30, // 闂撮殧
+          // 濡傛灉闇�瑕佸墠杩涘悗閫�鎸夐挳
+          navigation: {
+            nextEl: dom.querySelector(".swiper-button-next"),
+            prevEl: dom.querySelector(".swiper-button-prev"),
+          },
+          // 绐楀彛鍙樺寲,閲嶆柊init,閽堝F11鍏ㄥ睆鍜屾斁澶х缉灏�,蹇呴』鍔�
+          observer: true,
+          observeParents: true,
+          on: {
+            init: (value) => {
+              let currentPage = value.activeIndex + 1; // 鑾峰彇褰撳墠椤碉紙浠�1寮�濮嬭鏁帮級
+              let totalPages = value.slides.length; // 鑾峰彇鎬婚〉鏁�
+              var paginationInfoEl = dom.querySelector(".pageBox");
+              if (paginationInfoEl)
+                paginationInfoEl.textContent = currentPage + "/" + totalPages;
+            },
+            slideChange: (value) => {
+              let currentPage = value.activeIndex + 1; // 鑾峰彇褰撳墠椤碉紙浠�1寮�濮嬭鏁帮級
+              let totalPages = value.slides.length; // 鑾峰彇鎬婚〉鏁�
+              var paginationInfoEl = dom.querySelector(".pageBox");
+              if (paginationInfoEl)
+                paginationInfoEl.textContent = currentPage + "/" + totalPages;
+            },
+          },
+        });
+      }
+    },
+    initViewer() {
+      const doms = (
+        this.container ? this.container : document
+      ).querySelectorAll(".openImgBox");
+      for (let i = 0; i < doms.length; i++) {
+        const dom = doms[i];
+        new Viewer(dom, {
+          container: this.container
+            ? this.container.querySelector("#app")
+            : "body",
+          navbar: true, // 鏄剧ず瀵艰埅鏍�
+          toolbar: true, // 鏄剧ず宸ュ叿鏍�
+          title: true, // 鏄剧ず鏍囬
+        });
+      }
+    },
+    // 鏍规嵁鍏抽敭瀛楀叏鏂囨绱�
+    searchTextByPage(keyword) {
+      const searchResult = [];
+      let catalogIndex = 0;
+      // 鎵�鏈夌珷鑺傜粍浠讹紙姣忔湰涔﹀埗浣滄椂鍗曠嫭閰嶇疆锛�
+      const pageData = {
+        pageHeader,
+        //   chapterOne,
+        //   chapterTwo,
+        //   chapterThree,
+        //   chapterFour,
+        //   chapterFive,
+      };
+      // 閬嶅巻鎵�鏈夌珷鑺傛枃浠�
+      for (const key in pageData) {
+        catalogIndex++;
+        let pageComponent, pageExample;
+        // 鍏堟覆鏌撲竴娆″綋鍓嶇珷鑺傛枃浠讹紙杩欐椂椤甸潰鐨勫唴瀹逛负绌猴級锛岃幏鍙栭〉鐮佷俊鎭�
+        pageComponent = Vue.extend(pageData[key]);
+        pageExample = new pageComponent({
+          propsData: {
+            showPageList: [],
+            questionData: {},
+            isSearch: true,
+          },
+        });
+        pageExample.$mount(
+          (this.container ? this.container : document).querySelector(
+            "#searchContent"
+          )
+        );
+        // 鑾峰彇椤电爜
+        const pageDom = (this.container ? this.container : document)
+          .querySelector("#searchDomBox")
+          .querySelectorAll(".page-box");
+        const pages = [];
+        for (let i = 0; i < pageDom.length; i++) {
+          const pageDomItem = pageDom[i];
+          pages.push(Number(pageDomItem.getAttribute("page")));
+        }
+        // 鑾峰彇椤甸潰缁撴潫锛屽嵏杞介攢姣�
+        pageExample.$destroy();
+        (this.container ? this.container : document).querySelector(
+          "#searchDomBox"
+        ).innerHTML = '<div id="searchContent"></div>';
+        // 閬嶅巻椤电爜
+        if (pages.length) {
+          for (let i = 0; i < pages.length; i++) {
+            const pageNum = pages[i];
+            // 鍔ㄦ�佹覆鏌撳搴旂珷鑺傜殑椤电爜
+            pageComponent = Vue.extend(pageData[key]);
+            pageExample = new pageComponent({
+              propsData: {
+                showPageList: [pageNum],
+                questionData: {},
+                isSearch: true,
+              },
+            });
+            pageExample.$mount(
+              (this.container ? this.container : document).querySelector(
+                "#searchContent"
+              )
+            );
+            // 鑾峰彇瀵瑰簲椤甸潰dom
+            const thisPageDom = (this.container ? this.container : document)
+              .querySelector("#searchDomBox")
+              .querySelector(`[page="${pageNum}"]`);
+            if (thisPageDom) {
+              // 鑾峰彇椤甸潰鎵�鏈塼ext鑺傜偣
+              const pageTextList = document.createTreeWalker(
+                thisPageDom,
+                NodeFilter.SHOW_TEXT
+              );
+              // 鍖归厤鍏抽敭瀛�
+              const allPageTextNodes = [];
+              let currentNode = pageTextList.nextNode();
+              while (currentNode) {
+                allPageTextNodes.push(currentNode);
+                currentNode = pageTextList.nextNode();
+              }
+              for (let i = 0; i < allPageTextNodes.length; i++) {
+                const textDom = allPageTextNodes[i];
+                let txtIndex = textDom.textContent.indexOf(keyword);
+                if (txtIndex > -1) {
+                  // 璁板綍鍏抽敭瀛楁墍鍦ㄩ〉鐮併�佺珷鑺備互鍙婂尮閰嶅埌鐨勬钀�
+                  searchResult.push({
+                    page: pageNum,
+                    catalog: catalogIndex,
+                    txt: textDom.textContent,
+                    txtIndex: txtIndex,
+                  });
+                }
+              }
+              // 缁撴潫锛屽嵏杞介攢姣�
+              pageExample.$destroy();
+              (this.container ? this.container : document).querySelector(
+                "#searchDomBox"
+              ).innerHTML = '<div id="searchContent"></div>';
+            }
+          }
+        }
+      }
+      // 杈撳嚭鎼滅储缁撴灉
+      console.log(searchResult);
+      return searchResult;
+    },
+    // 鏍规嵁妫�绱㈢粨鏋滆烦杞搴斾綅缃苟楂樹寒
+    searchItemLocation(data) {
+      // 璁板綍楂樹寒淇℃伅
+      this.highlightData = data;
+      // 璺宠浆
+      this.gotoPage(data.catalog, data.page, () => {});
+    },
+    // 椤甸潰鍚戜笅婊氬姩锛岄煶棰戝皬绐楁挱鏀惧姛鑳�
+    getAduio() {
+      let allVideo = (
+        this.container ? this.container : document
+      ).querySelectorAll(".audio");
+      allVideo = Array.from(allVideo);
+      this.videoList = allVideo;
+      if (allVideo.length) {
+        // 鏌ユ壘鎾斁鐘舵�佺殑鏈�鍚庝竴鏉¢煶棰�
+        const playAudio = allVideo
+          .reverse()
+          .find((item) => item.paused == false);
+        if (playAudio) {
+          const bottomGap = playAudio.getBoundingClientRect().bottom;
+          if (bottomGap < 0) {
+            playAudio.pause();
+            this.audioPath = playAudio.src;
+            this.currentTime = playAudio.currentTime;
+          }
+        }
+      }
+    },
+    // 椤甸潰鍚戜笂婊氬姩锛岄煶棰戝皬绐楀洖鏀�
+    handleAudio() {
+      if (!this.audioPath) return false;
+      let allVideo = (
+        this.container ? this.container : document
+      ).querySelectorAll(".audio");
+      allVideo = Array.from(allVideo);
+      if (allVideo.length) {
+        //鏌ユ壘涓庡皬绐楁挱鏀鹃煶棰戝悓婧愮殑椤甸潰audio DOM
+        const playAudio = allVideo.find((item) => item.src == this.audioPath);
+        if (playAudio) {
+          const bottomGap = playAudio.getBoundingClientRect().bottom;
+          if (bottomGap >= 0) {
+            if (this.$refs.audioPlayer) {
+              const playerState = this.$refs.audioPlayer.getVideoPlayer();
+              this.audioPath = "";
+              playAudio.currentTime = playerState.currentTime;
+              if (!playerState.paused) playAudio.play();
+            }
+          }
+        }
+      }
+    },
+    // 鍏抽棴mini video
+    closeMiniAudio() {
+      this.audioPath = "";
+    },
+    // 鐐瑰嚮闊抽鎾斁锛屽叧闂叾浠栭煶棰�
+    closeAudio() {
+      let allAudio = (
+        this.container ? this.container : document
+      ).querySelectorAll(".audio");
+      for (let index = 0; index < allAudio.length; index++) {
+        const item = allAudio[index];
+        item.addEventListener("play", () => {
+          const audioList = Array.from(allAudio);
+          for (let cindex = 0; cindex < audioList.length; cindex++) {
+            const citem = audioList[cindex];
+            if (citem.currentSrc != item.src) {
+              citem.pause();
+            }
+          }
+          this.closeMiniAudio();
+        });
+      }
+    },
+    // 鐐瑰嚮瑙嗛鍏抽棴鍏朵粬
+    closeVideo() {
+      let allVideo = (
+        this.container ? this.container : document
+      ).querySelectorAll(".video");
+      for (let index = 0; index < allVideo.length; index++) {
+        const item = allVideo[index];
+        item.addEventListener("playing", (item) => {
+          const path = item.srcElement.src;
+          const videoList = Array.from(allVideo);
+          for (let cindex = 0; cindex < videoList.length; cindex++) {
+            const citem = videoList[cindex];
+            if (citem.currentSrc != path && path) {
+              citem.pause();
+            }
+          }
+        });
+      }
+    },
+    // 瑙嗛灏忕獥
+    handleVideoPicture() {
+      let doms = (this.container ? this.container : document).querySelectorAll(
+        ".video"
+      );
+      doms = Array.from(doms);
+      if (!doms.length) return false;
+      const playVudio = doms.reverse().find((item) => item.paused == false);
+      if (playVudio) {
+        const bottomGap = playVudio.getBoundingClientRect().bottom;
+        const topGap = playVudio.getBoundingClientRect().top;
+        if (bottomGap < 0 || topGap > window.innerHeight) {
+          try {
+            if (playVudio.readyState) playVudio.requestPictureInPicture();
+          } catch (error) {
+            console.log(error, "灏忕獥閿欒error");
+          }
+        }
+      }
+    },
+    //鍏朵粬绫诲悕涓嬪瓧浣撳ぇ灏忓彉鍖�
+    transformDom(fs) {
+      if (!fs) return;
+      let doms = (this.container ? this.container : document).querySelectorAll(
+        ".block"
+      );
+      if (!doms.length) return;
+      for (let index = 0; index < doms.length; index++) {
+        const dom = doms[index];
+        dom.style.fontSize = fs + "px";
+      }
+    },
+  },
+  components: {
+    pageHeader,
+    //   chapterOne,
+    //   chapterTwo,
+    //   chapterThree,
+    //   chapterFour,
+    //   chapterFive,
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.page-main {
+  width: 100% !important;
+  height: 100% !important;
+  overflow: auto;
+
+  .page-content {
+    max-width: 816px;
+    min-width: 375px;
+    margin: 0 auto;
+    padding-bottom: 100px;
+  }
+}
+</style>
diff --git a/src/books/toddlerSportsSafetyProtection/view/index.vue b/src/books/toddlerSportsSafetyProtection/view/index.vue
new file mode 100644
index 0000000..555b9c4
--- /dev/null
+++ b/src/books/toddlerSportsSafetyProtection/view/index.vue
@@ -0,0 +1,80 @@
+<template>
+    <div class="toddlerSportsSafetyProtection" @mouseup="handleMouseUp">
+      <pageContent></pageContent>
+    </div>
+  </template>
+  
+  <script>
+  import pageContent from "./components/index.vue";
+  export default {
+    name: "toddlerSportsSafetyProtection",
+    components: {
+      pageContent,
+    },
+    computed: {
+      fontSize() {
+        return this.$store.state.qiankun.fontSize;
+      },
+      pageZoom() {
+        return this.$store.state.qiankun.scale / 100;
+      },
+    },
+  
+    methods: {
+      getParentWithClass(element, className) {
+        while (element.parentElement) {
+          element = element.parentElement;
+          if (element.classList.contains(className)) {
+            return element;
+          }
+        }
+      },
+      handleMouseUp(e) {
+        const selection = (
+          this.container ? this.container : window
+        ).getSelection();
+        const txt = selection.toString();
+        if (selection.type != "none" && txt) {
+          let node = selection.anchorNode.parentNode;
+          let pageHtml = this.getParentWithClass(
+            selection.anchorNode,
+            "page-box"
+          );
+          let chapterDom = this.getParentWithClass(
+            selection.anchorNode,
+            "chapter"
+          );
+          let chapterNum;
+          if (chapterDom) chapterNum = chapterDom.getAttribute("num");
+          if (pageHtml) {
+            const page = pageHtml.getAttribute("page");
+            // 鐩戝惉閫変腑鏂囨湰浜嬩欢锛屽苟瑙﹀彂鐖跺眰鏂规硶
+            if (this.$store.state.qiankun.windowSelection) {
+              this.$store.state.qiankun.windowSelection({
+                chapterNum,
+                txt,
+                page,
+                x: e.x,
+                y: e.y,
+              });
+            }
+          }
+        } else {
+          if (this.$store.state.qiankun.windowSelection) {
+            this.$store.state.qiankun.windowSelection({
+              chapterNum: "",
+              txt: "",
+              page: "",
+              x: e.x,
+              y: e.y,
+            });
+          }
+        }
+      },
+    },
+  };
+  </script>
+  
+  <style lang="less">
+  @import "../assets/main.less";
+  </style>
\ No newline at end of file

--
Gitblit v1.9.1