From 9d126c9e3a111a7ad0568a859f2cad56565543a9 Mon Sep 17 00:00:00 2001
From: litian <2804272236@qq.com>
Date: 星期三, 02 四月 2025 14:48:29 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

---
 src/books/OralAndBroadcasting/assets/images/0174-1.jpg                   |    0 
 src/books/aviationEtiquette/assets/images/unitOne-01.png                 |    0 
 src/books/OralAndBroadcasting/assets/images/0016-1.jpg                   |    0 
 src/books/OralAndBroadcasting/assets/images/0069-1.jpg                   |    0 
 src/books/aviationEtiquette/assets/images/0129-1.jpg                     |    0 
 src/books/practicalCareChildrenManual/assets/images/i0063-1.jpg          |    0 
 src/books/practicalCareChildrenManual/assets/images/0022-1.jpg           |    0 
 src/books/OralAndBroadcasting/assets/images/0167-1.jpg                   |    0 
 src/books/practicalCareChildrenManual/assets/images/i0037-2.jpg          |    0 
 src/books/OralAndBroadcasting/assets/images/0049-1.jpg                   |    0 
 src/books/OralAndBroadcasting/assets/images/0065-2.jpg                   |    0 
 src/books/practicalCareChildrenManual/assets/images/0160-1.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/0140-1.jpg           |    0 
 src/books/meetingPlanners/assets/mian.less                               |    9 
 src/books/OralAndBroadcasting/assets/images/xm3.jpg                      |    0 
 src/books/aviationEtiquette/assets/examinationList.js                    |   33 
 src/books/OralAndBroadcasting/assets/images/0032-2.jpg                   |    0 
 src/books/practicalCareChildrenManual/assets/images/tzyd.png             |    0 
 src/books/practicalCareChildrenManual/assets/images/0002-1.jpg           |    0 
 src/books/OralAndBroadcasting/assets/images/0147-1.jpg                   |    0 
 src/books/OralAndBroadcasting/assets/images/0170-2.jpg                   |    0 
 src/books/practicalCareChildrenManual/assets/Fonts/hya4gjm.ttf           |    0 
 src/books/practicalCareChildrenManual/assets/images/0141-2.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/0035-1.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/0034-4.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/0173-1.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/i0052-2.jpg          |    0 
 src/books/OralAndBroadcasting/assets/images/0168-2.jpg                   |    0 
 src/books/practicalCareChildrenManual/assets/images/0105-1.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/0125-1.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/0193-1.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/0203-1.jpg           |    0 
 src/books/OralAndBroadcasting/assets/images/0176-2.jpg                   |    0 
 src/books/practicalCareChildrenManual/assets/images/xdc.png              |    0 
 src/books/civilServices/view/components/chapter003.vue                   |   24 
 src/books/practicalCareChildrenManual/assets/images/i0023-1.jpg          |    0 
 src/books/aviationBasicSkills/assets/images/fengdi.png                   |    0 
 src/books/OralAndBroadcasting/assets/images/0161-1.jpg                   |    0 
 src/books/practicalCareChildrenManual/assets/images/i0031-2.jpg          |    0 
 src/books/practicalCareChildrenManual/assets/images/i0043-1.jpg          |    0 
 src/books/OralAndBroadcasting/assets/images/0141-1.jpg                   |    0 
 src/books/aviationEtiquette/assets/images/unitFour-02.png                |    0 
 src/books/aviationSafety/assets/images/FD.jpg                            |    0 
 src/books/practicalCareChildrenManual/assets/images/0209-1.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/0031-2.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/Fonts/FZLTZHJW.ttf          |    0 
 src/books/OralAndBroadcasting/assets/images/0023-1.jpg                   |    0 
 src/books/practicalCareChildrenManual/assets/images/0029-2.jpg           |    0 
 src/books/OralAndBroadcasting/assets/images/0043-1.jpg                   |    0 
 src/books/OralAndBroadcasting/assets/images/0063-1.jpg                   |    0 
 src/books/OralAndBroadcasting/assets/images/0083-1.jpg                   |    0 
 src/books/practicalCareChildrenManual/assets/images/i0015-1.jpg          |    0 
 src/books/practicalCareChildrenManual/assets/images/i0035-1.jpg          |    0 
 src/books/practicalCareChildrenManual/assets/images/i0055-1.jpg          |    0 
 src/books/practicalCareChildrenManual/assets/images/0159-1.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/0192-1.jpg           |    0 
 src/books/OralAndBroadcasting/assets/images/0064-1.jpg                   |    0 
 src/books/practicalCareChildrenManual/assets/Fonts/FZZDXK.TTF            |    0 
 src/books/OralAndBroadcasting/assets/images/0080-3.jpg                   |    0 
 src/books/practicalCareChildrenManual/assets/images/i0022-1.jpg          |    0 
 src/books/practicalCareChildrenManual/assets/images/0001-1.jpg           |    0 
 src/books/OralAndBroadcasting/assets/images/FD.jpg                       |    0 
 src/books/practicalCareChildrenManual/assets/images/i0025-2.jpg          |    0 
 src/books/practicalCareChildrenManual/assets/images/0142-2.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/i0065-2.jpg          |    0 
 src/books/OralAndBroadcasting/assets/Fonts/FZHTJW.ttf                    |    0 
 src/books/OralAndBroadcasting/assets/images/0024-1.jpg                   |    0 
 src/books/practicalCareChildrenManual/assets/Fonts/FZZYSJW.TTF           |    0 
 src/books/practicalCareChildrenManual/assets/images/i0012-2.jpg          |    0 
 src/books/practicalCareChildrenManual/assets/images/i0006-01.png         |    0 
 src/components/examinations/index.vue                                    |    2 
 src/books/OralAndBroadcasting/assets/images/0162-1.jpg                   |    0 
 src/books/preschoolEvaluation/view/components/index.vue                  |    8 
 src/books/OralAndBroadcasting/assets/images/0171-2.jpg                   |    0 
 src/books/practicalCareChildrenManual/assets/images/0088-1.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/xxcty.png            |    0 
 src/books/practicalCareChildrenManual/assets/images/i0016-1.jpg          |    0 
 src/books/practicalCareChildrenManual/assets/images/0068-2.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/i0064-2.jpg          |    0 
 src/books/toddlerGameImplementation/assets/main.less                     |    3 
 src/books/practicalCareChildrenManual/assets/images/0030-1.jpg           |    0 
 src/books/OralAndBroadcasting/assets/images/0070-1.jpg                   |    0 
 src/books/practicalCareChildrenManual/assets/images/i0028-1.jpg          |    0 
 src/books/OralAndBroadcasting/assets/images/0175-1.jpg                   |    0 
 src/books/OralAndBroadcasting/assets/images/0100-1.jpg                   |    0 
 src/books/OralAndBroadcasting/assets/images/0140-1.jpg                   |    0 
 src/books/practicalCareChildrenManual/assets/images/0070-1.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/0076-1.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/0118-1.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/Fonts/FZHTJW.ttf            |    0 
 src/books/practicalCareChildrenManual/assets/images/0048-1.jpg           |    0 
 src/books/aviationEtiquette/assets/images/FD.jpg                         |    0 
 src/books/practicalCareChildrenManual/assets/images/0036-1.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/sysm.jpg             |    0 
 src/books/practicalCareChildrenManual/assets/images/icon/heart-check.png |    0 
 src/books/practicalCareChildrenManual/assets/images/0026-1.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/xyx.png              |    0 
 src/books/practicalCareChildrenManual/assets/images/0187-1.jpg           |    0 
 src/books/OralAndBroadcasting/view/components/index.vue                  |  961 +++
 src/books/practicalCareChildrenManual/assets/images/0072-2.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/i0057-1.jpg          |    0 
 src/books/practicalCareChildrenManual/assets/Fonts/FZNBSJW.TTF           |    0 
 src/books/practicalCareChildrenManual/assets/images/0164-1.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/0174-1.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/i0020-2.jpg          |    0 
 src/books/practicalCareChildrenManual/assets/images/0029-1.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/headerBj.png         |    0 
 src/books/practicalCareChildrenManual/assets/images/0137-1.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/0035-2.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/0173-2.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/i0034-1.jpg          |    0 
 src/books/practicalCareChildrenManual/assets/images/0117-1.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/0088-2.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/i0044-1.jpg          |    0 
 src/books/practicalCareChildrenManual/assets/images/i0014-1.jpg          |    0 
 src/books/practicalCareChildrenManual/assets/images/sys.png              |    0 
 src/books/practicalCareChildrenManual/assets/images/0107-1.jpg           |    0 
 src/books/civilAviation/assets/images/fengmian.png                       |    0 
 src/books/practicalCareChildrenManual/assets/images/i0011-1.jpg          |    0 
 src/books/aviationEtiquette/assets/images/unitThree-02.png               |    0 
 src/books/practicalCareChildrenManual/assets/images/0063-1.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/0083-1.jpg           |    0 
 src/books/OralAndBroadcasting/assets/images/0161-2.jpg                   |    0 
 src/components/checkVideo/index.vue                                      |  191 
 src/books/practicalCareChildrenManual/assets/images/0040-1.jpg           |    0 
 src/books/OralAndBroadcasting/assets/images/0148-1.jpg                   |    0 
 src/books/OralAndBroadcasting/assets/main.less                           | 1442 +++++
 src/books/practicalCareChildrenManual/assets/images/0086-1.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/0121-1.jpg           |    0 
 src/books/OralAndBroadcasting/assets/images/0176-1.jpg                   |    0 
 src/books/practicalCareChildrenManual/assets/images/0031-1.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/i0046-2.jpg          |    0 
 src/books/OralAndBroadcasting/assets/images/0156-1.jpg                   |    0 
 src/books/OralAndBroadcasting/assets/images/0018-1.jpg                   |    0 
 src/books/practicalCareChildrenManual/assets/images/i0038-2.jpg          |    0 
 src/books/practicalCareChildrenManual/assets/images/FD.jpg               |    0 
 src/books/practicalCareChildrenManual/assets/images/i0023-2.jpg          |    0 
 src/books/practicalCareChildrenManual/assets/images/0037-3.jpg           |    0 
 src/books/OralAndBroadcasting/assets/images/icon/heart-check.png         |    0 
 src/books/practicalCareChildrenManual/assets/images/0172-1.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/i0009-02.png         |    0 
 src/books/practicalCareChildrenManual/assets/images/0034-1.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/i0012-1.jpg          |    0 
 src/books/practicalCareChildrenManual/view/components/header.vue         |   61 
 src/books/practicalCareChildrenManual/assets/images/0084-1.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/i0006-02.png         |    0 
 src/books/practicalCareChildrenManual/assets/images/i0051-2.jpg          |    0 
 src/books/OralAndBroadcasting/assets/images/0021-1.jpg                   |    0 
 src/books/practicalCareChildrenManual/assets/images/Cover.jpg            |    0 
 src/books/practicalCareChildrenManual/assets/images/xxrwd.png            |    0 
 src/books/OralAndBroadcasting/assets/images/0149-1.jpg                   |    0 
 src/books/aviationBasicSkills/assets/images/Cover.jpg                    |    0 
 src/books/practicalCareChildrenManual/assets/images/0037-2.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/0090-1.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/0093-2.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/i0059-1.jpg          |    0 
 src/books/OralAndBroadcasting/assets/images/Cover.jpg                    |    0 
 src/books/practicalCareChildrenManual/assets/images/0195-1.jpg           |    0 
 src/books/OralAndBroadcasting/assets/images/0044-1.jpg                   |    0 
 src/books/OralAndBroadcasting/assets/images/0080-2.jpg                   |    0 
 src/books/practicalCareChildrenManual/assets/images/0040-2.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/lyl.png              |    0 
 src/books/practicalCareChildrenManual/assets/images/0027-1.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/0070-2.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/i0008-1.jpg          |    0 
 src/books/OralAndBroadcasting/assets/images/0050-1.jpg                   |    0 
 src/books/OralAndBroadcasting/assets/images/xm2.jpg                      |    0 
 src/assets/images/heart copy.png                                         |    0 
 src/books/OralAndBroadcasting/view/components/header.vue                 |  229 
 src/books/practicalCareChildrenManual/assets/images/i0036-1.jpg          |    0 
 src/books/civilServices/view/components/index.vue                        |   14 
 src/books/aviationEtiquette/assets/images/unitTwo-02.png                 |    0 
 src/books/practicalCareChildrenManual/view/components/index.vue          | 1008 +++
 src/books/practicalCareChildrenManual/assets/images/i0013-1.jpg          |    0 
 src/books/aviationEtiquette/view/components/chapter003.vue               | 2085 +++----
 src/books/practicalCareChildrenManual/assets/images/i0050-2.jpg          |    0 
 src/books/aviationEtiquette/assets/images/unitOne-02.png                 |    0 
 src/books/OralAndBroadcasting/assets/images/0068-1.jpg                   |    0 
 src/books/practicalCareChildrenManual/assets/images/0036-2.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/i0042-1.jpg          |    0 
 src/books/practicalCareChildrenManual/assets/images/0028-1.jpg           |    0 
 src/App.vue                                                              |   13 
 src/books/civilServices/assets/images/fengmian.png                       |    0 
 src/books/practicalCareChildrenManual/assets/images/0174-2.jpg           |    0 
 src/books/practicalCareChildrenManual/view/components/chapter001.vue     | 1255 ++++
 src/books/OralAndBroadcasting/assets/images/0026-1.jpg                   |    0 
 src/assets/js/config.js                                                  |   21 
 src/books/practicalCareChildrenManual/assets/images/i0040-1.jpg          |    0 
 src/books/aviationEtiquette/assets/images/unitFive-02.png                |    0 
 src/books/practicalCareChildrenManual/assets/images/0173-3.jpg           |    0 
 src/books/OralAndBroadcasting/assets/images/0062-2.jpg                   |    0 
 src/books/OralAndBroadcasting/assets/images/0082-2.jpg                   |    0 
 src/books/OralAndBroadcasting/assets/images/0079-1.jpg                   |    0 
 src/books/practicalCareChildrenManual/assets/images/0190-1.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/0035-3.jpg           |    0 
 src/books/aviationEtiquette/view/components/index.vue                    |   72 
 src/books/practicalCareChildrenManual/assets/images/0150-1.jpg           |    0 
 src/books/OralAndBroadcasting/assets/images/0177-1.jpg                   |    0 
 src/books/practicalCareChildrenManual/assets/images/i0027-2.jpg          |    0 
 src/books/practicalCareChildrenManual/assets/images/icon/lianxi.png      |    0 
 src/books/OralAndBroadcasting/assets/images/0059-1.jpg                   |    0 
 src/books/practicalCareChildrenManual/assets/images/0170-1.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/dxal.png             |    0 
 src/books/civilAviation/assets/images/fengdi.png                         |    0 
 src/books/practicalCareChildrenManual/assets/images/i0007-2.jpg          |    0 
 src/books/OralAndBroadcasting/assets/images/0117-1.jpg                   |    0 
 src/books/OralAndBroadcasting/assets/images/0157-1.jpg                   |    0 
 src/books/practicalCareChildrenManual/assets/images/0072-1.jpg           |    0 
 src/books/OralAndBroadcasting/view/components/chapter001.vue             | 1299 ++++
 src/books/practicalCareChildrenManual/assets/images/0098-1.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/i0018-1.jpg          |    0 
 src/books/practicalCareChildrenManual/assets/images/i0026-1.jpg          |    0 
 src/books/practicalCareChildrenManual/assets/images/0078-1.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/i0054-2.jpg          |    0 
 src/books/practicalCareChildrenManual/assets/Fonts/FZLTXIHJW.ttf         |    0 
 src/books/OralAndBroadcasting/assets/images/0060-1.jpg                   |    0 
 src/books/practicalCareChildrenManual/assets/images/0037-4.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/0168-1.jpg           |    0 
 src/books/aviationEtiquette/assets/images/unitThree-01.png               |    0 
 src/books/practicalCareChildrenManual/view/index.vue                     |   80 
 src/books/OralAndBroadcasting/assets/images/xm5.jpg                      |    0 
 src/books/OralAndBroadcasting/assets/images/0080-1.jpg                   |    0 
 src/books/OralAndBroadcasting/assets/images/0086-1.jpg                   |    0 
 src/books/practicalCareChildrenManual/assets/images/i0058-1.jpg          |    0 
 src/books/practicalCareChildrenManual/assets/images/0026-2.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/SMY.jpg              |    0 
 src/books/practicalCareChildrenManual/assets/images/0196-1.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/0034-2.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/i0060-1.jpg          |    0 
 src/books/practicalCareChildrenManual/assets/images/i0051-3.jpg          |    0 
 src/books/practicalCareChildrenManual/assets/images/0116-1.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/0136-1.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/0176-1.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/0067-2.jpg           |    0 
 src/books/OralAndBroadcasting/assets/images/0175-3.jpg                   |    0 
 src/books/practicalCareChildrenManual/assets/images/0169-1.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/0030-3.jpg           |    0 
 .env.product                                                             |   15 
 src/books/aviationEtiquette/view/components/chpater002.vue               | 1099 +--
 src/books/OralAndBroadcasting/assets/images/0054-1.jpg                   |    0 
 src/books/OralAndBroadcasting/assets/images/0094-1.jpg                   |    0 
 src/books/aviationEtiquette/assets/images/unitFour-01.png                |    0 
 src/books/OralAndBroadcasting/assets/Fonts/FZLTXIHJW.ttf                 |    0 
 src/books/OralAndBroadcasting/assets/images/SMY.jpg                      |    0 
 src/assets/images/videoLogo.png                                          |    0 
 src/books/practicalCareChildrenManual/assets/images/0172-2.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/i0041-2.jpg          |    0 
 src/books/OralAndBroadcasting/assets/images/0169-1.jpg                   |    0 
 src/books/practicalCareChildrenManual/assets/images/0080-1.jpg           |    0 
 src/books/OralAndBroadcasting/assets/images/0027-2.jpg                   |    0 
 src/books/OralAndBroadcasting/assets/images/0014-1.jpg                   |    0 
 src/books/practicalCareChildrenManual/assets/images/i0009-01.png         |    0 
 src/books/practicalCareChildrenManual/assets/images/i0039-1.jpg          |    0 
 src/books/practicalCareChildrenManual/assets/images/0220-1.jpg           |    0 
 src/books/aviationEtiquette/assets/images/unitTwo-01.png                 |    0 
 src/books/civilServices/assets/images/fengdi.png                         |    0 
 src/books/OralAndBroadcasting/assets/images/0112-1.jpg                   |    0 
 src/books/practicalCareChildrenManual/assets/images/ml.jpg               |    0 
 src/books/practicalCareChildrenManual/assets/images/i0061-1.jpg          |    0 
 src/books/practicalCareChildrenManual/assets/images/0037-1.jpg           |    0 
 src/books/OralAndBroadcasting/assets/images/0152-1.jpg                   |    0 
 src/books/practicalCareChildrenManual/assets/images/0122-1.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/xxdt.png             |    0 
 src/books/OralAndBroadcasting/assets/images/0065-1.jpg                   |    0 
 src/books/preschoolEvaluation/view/components/header.vue                 |   11 
 src/books/OralAndBroadcasting/assets/images/0068-2.jpg                   |    0 
 src/books/OralAndBroadcasting/view/index.vue                             |   78 
 src/books/aviationSafety/assets/images/Cover.jpg                         |    0 
 src/books/practicalCareChildrenManual/assets/images/i0021-1.jpg          |    0 
 src/books/practicalCareChildrenManual/assets/images/i0059-2.jpg          |    0 
 src/books/aviationEtiquette/assets/images/unitOne-03.png                 |    0 
 src/books/practicalCareChildrenManual/assets/images/0053-1.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/0135-1.jpg           |    0 
 src/books/OralAndBroadcasting/assets/images/xm1.jpg                      |    0 
 src/books/practicalCareChildrenManual/assets/images/0065-1.jpg           |    0 
 src/books/aviationEtiquette/view/components/header.vue                   |    2 
 src/books/practicalCareChildrenManual/assets/images/i0019-2.jpg          |    0 
 src/books/OralAndBroadcasting/assets/images/0081-1.jpg                   |    0 
 src/books/OralAndBroadcasting/assets/images/0123-1.jpg                   |    0 
 src/books/practicalCareChildrenManual/assets/images/i0008-2.jpg          |    0 
 src/books/practicalCareChildrenManual/assets/images/0111-1.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/i0030-2.jpg          |    0 
 src/books/practicalCareChildrenManual/assets/images/icon/heart.png       |    0 
 src/books/OralAndBroadcasting/assets/images/0158-1.jpg                   |    0 
 src/books/practicalCareChildrenManual/assets/images/0151-1.jpg           |    0 
 src/books/OralAndBroadcasting/assets/images/0061-2.jpg                   |    0 
 src/books/aviationEtiquette/view/components/chapter004.vue               | 2115 ++++---
 src/books/practicalCareChildrenManual/assets/images/i0045-1.jpg          |    0 
 src/books/OralAndBroadcasting/assets/images/xm4.jpg                      |    0 
 src/books/OralAndBroadcasting/assets/images/0177-2.jpg                   |    0 
 src/books/practicalCareChildrenManual/assets/images/i0017-1.jpg          |    0 
 src/books/practicalCareChildrenManual/assets/images/i0010-2.jpg          |    0 
 src/books/aviationEtiquette/view/components/chapter001.vue               |  391 +
 src/books/aviationEtiquette/assets/main.less                             |  334 
 src/books/OralAndBroadcasting/assets/images/0167-2.jpg                   |    0 
 src/books/practicalCareChildrenManual/assets/images/0184-1.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/0104-1.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/i0047-1.jpg          |    0 
 src/books/practicalCareChildrenManual/assets/images/0039-1.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/0163-2.jpg           |    0 
 src/books/OralAndBroadcasting/assets/images/icon/heart.png               |    0 
 src/books/practicalCareChildrenManual/assets/main.less                   | 2373 ++++++++
 src/books/OralAndBroadcasting/assets/images/0062-1.jpg                   |    0 
 src/books/OralAndBroadcasting/assets/images/0082-1.jpg                   |    0 
 src/books/practicalCareChildrenManual/assets/images/0147-1.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/i0024-1.jpg          |    0 
 src/books/OralAndBroadcasting/assets/images/0032-1.jpg                   |    0 
 src/books/OralAndBroadcasting/assets/images/0092-1.jpg                   |    0 
 src/books/practicalCareChildrenManual/assets/images/i0054-1.jpg          |    0 
 src/books/practicalCareChildrenManual/assets/images/qjdr.png             |    0 
 src/books/practicalCareChildrenManual/assets/images/0215-1.jpg           |    0 
 src/books/OralAndBroadcasting/assets/images/0145-1.jpg                   |    0 
 src/books/aviationEtiquette/assets/images/unitFour-03.png                |    0 
 src/books/OralAndBroadcasting/assets/images/0027-1.jpg                   |    0 
 src/books/practicalCareChildrenManual/assets/images/i0049-2.jpg          |    0 
 src/books/practicalCareChildrenManual/assets/images/0034-3.jpg           |    0 
 src/books/OralAndBroadcasting/assets/images/headerlogo.png               |    0 
 src/books/practicalCareChildrenManual/assets/images/i0029-2.jpg          |    0 
 src/books/OralAndBroadcasting/assets/images/0063-2.jpg                   |    0 
 src/books/OralAndBroadcasting/assets/images/0170-1.jpg                   |    0 
 src/books/OralAndBroadcasting/assets/images/0094-2.jpg                   |    0 
 src/books/aviationEtiquette/assets/images/cbxx.jpg                       |    0 
 src/books/practicalCareChildrenManual/assets/images/0029-3.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/0051-1.jpg           |    0 
 src/books/aviationEtiquette/assets/images/unitFive-01.png                |    0 
 src/books/practicalCareChildrenManual/assets/images/0066-1.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/i0040-2.jpg          |    0 
 src/books/OralAndBroadcasting/assets/images/0058-1.jpg                   |    0 
 src/books/practicalCareChildrenManual/assets/images/i0060-2.jpg          |    0 
 src/books/OralAndBroadcasting/assets/images/0168-1.jpg                   |    0 
 src/books/practicalCareChildrenManual/assets/images/0046-1.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/0043-1.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/0101-1.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/i0063-2.jpg          |    0 
 src/books/OralAndBroadcasting/assets/Fonts/FZLTZHJW.ttf                  |    0 
 src/books/OralAndBroadcasting/assets/images/0084-1.jpg                   |    0 
 src/books/aviationEtiquette/assets/images/feiye.png                      |    0 
 src/books/OralAndBroadcasting/assets/images/0064-2.jpg                   |    0 
 src/books/practicalCareChildrenManual/assets/images/csx.jpg              |    0 
 src/books/OralAndBroadcasting/assets/images/0061-1.jpg                   |    0 
 src/books/aviationEtiquette/assets/images/fengmian.png                   |    0 
 src/books/practicalCareChildrenManual/assets/images/qy.jpg               |    0 
 src/books/OralAndBroadcasting/assets/images/0139-1.jpg                   |    0 
 src/books/practicalCareChildrenManual/assets/images/i0049-1.jpg          |    0 
 src/books/OralAndBroadcasting/assets/images/0142-1.jpg                   |    0 
 src/books/OralAndBroadcasting/assets/images/0145-2.jpg                   |    0 
 src/books/practicalCareChildrenManual/assets/images/headerRight.png      |    0 
 src/books/practicalCareChildrenManual/assets/images/i0032-2.jpg          |    0 
 src/books/OralAndBroadcasting/assets/images/0172-1.jpg                   |    0 
 src/books/practicalCareChildrenManual/assets/images/0097-1.jpg           |    0 
 src/books/OralAndBroadcasting/assets/images/0057-1.jpg                   |    0 
 src/books/practicalCareChildrenManual/assets/images/0132-1.jpg           |    0 
 src/books/OralAndBroadcasting/assets/images/0175-2.jpg                   |    0 
 src/books/practicalCareChildrenManual/assets/images/i0031-1.jpg          |    0 
 src/books/practicalCareChildrenManual/assets/images/0030-2.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/0067-1.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/xxxgjc.png           |    0 
 src/books/practicalCareChildrenManual/assets/images/0076-2.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/i0062-2.jpg          |    0 
 src/books/practicalCareChildrenManual/assets/images/icon/videoLogo.png   |    0 
 .env                                                                     |    8 
 src/books/toddlerGameImplementation/view/components/index.vue            |   32 
 src/books/aviationEtiquette/view/components/chapter005.vue               |  974 ++-
 src/books/OralAndBroadcasting/assets/images/0085-1.jpg                   |    0 
 src/books/OralAndBroadcasting/assets/images/0120-1.jpg                   |    0 
 src/books/practicalCareChildrenManual/assets/images/i0056-2.jpg          |    0 
 src/books/practicalCareChildrenManual/assets/images/0106-2.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/question.js                 |   14 
 src/books/OralAndBroadcasting/assets/images/0174-2.jpg                   |    0 
 src/books/practicalCareChildrenManual/assets/images/0001-2.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/0021-1.jpg           |    0 
 src/books/practicalCareChildrenManual/assets/images/i0048-1.jpg          |    0 
 src/books/OralAndBroadcasting/assets/images/0138-1.jpg                   |    0 
 src/books/OralAndBroadcasting/assets/images/0171-1.jpg                   |    0 
 src/books/practicalCareChildrenManual/assets/images/0173-4.jpg           |    0 
 src/books/OralAndBroadcasting/assets/images/0143-1.jpg                   |    0 
 src/assets/images/heart-check copy.png                                   |    0 
 src/books/practicalCareChildrenManual/assets/images/i0033-2.jpg          |    0 
 src/books/practicalCareChildrenManual/assets/images/0035-4.jpg           |    0 
 379 files changed, 12,882 insertions(+), 3,374 deletions(-)

diff --git a/.env b/.env
index 47f2349..c699800 100644
--- a/.env
+++ b/.env
@@ -1,6 +1,6 @@
 VUE_APP_ENV = 'dev'
-# VUE_APP_API_URL = "https://jsek.bnuic.com"
-VUE_APP_API_URL = "https://www.tepcb.com"
-# VUE_APP_RESOURCE_CTX = 'https://jsek.bnuic.com/books/resource/'
-VUE_APP_RESOURCE_CTX = 'https://www.tepcb.com/books/resource/'
+VUE_APP_API_URL = "https://jsek.bnuic.com"
+# VUE_APP_API_URL = "https://www.tepcb.com"
+VUE_APP_RESOURCE_CTX = 'https://jsek.bnuic.com/books/resource/'
+# VUE_APP_RESOURCE_CTX = 'https://www.tepcb.com/books/resource/'
 VUE_APP_PUBLIC_PATH = '/books/book'
\ No newline at end of file
diff --git a/.env.product b/.env.product
index fa71bb1..a5ce23f 100644
--- a/.env.product
+++ b/.env.product
@@ -1,11 +1,8 @@
 VUE_APP_ENV = 'product'
 VUE_APP_API_URL = "https://jsek.bnuic.com"
-# VUE_APP_API_URL = "https://www.tepcb.com"
-# VUE_APP_RESOURCE_CTX = 'https://jsek.bnuic.com/books/resource/'
-# VUE_APP_PUBLIC_PATH = 'https://jsek.bnuic.com/books/book/toddlerGameImplementation'
-VUE_APP_RESOURCE_CTX = 'http://182.92.203.7:3007/books/resource/'
-# VUE_APP_RESOURCE_CTX = 'https://www.tepcb.com/books/resource/'
-VUE_APP_PUBLIC_PATH = 'http://182.92.203.7:3007/books/book/policiesAndRegulations'
-# VUE_APP_PUBLIC_PATH = 'https://www.tepcb.com/books/book/policiesAndRegulations'
-VUE_APP_BOOK_LIST = "childHealth/lifeCare/sportsAndHealth/embedded/english/artAndDance/artAndDrama/mathBook/botany/civilAviation/civilServices/meetingPlanners/aviationBasicSkills/aviationEtiquette/aviationSafety/toddlerGameImplementation/childcareInstitutionsManagement/preschoolGameGuidance/kindergartenLanguageActivity/preschoolEvaluation/policiesAndRegulations"
-VUE_APP_BOOK_ID = 'policiesAndRegulations'
+VUE_APP_RESOURCE_CTX = 'https://jsek.bnuic.com/books/resource/'
+VUE_APP_PUBLIC_PATH = 'https://jsek.bnuic.com/books/book/aviationEtiquette'
+# VUE_APP_RESOURCE_CTX = 'http://182.92.203.7:3007/books/resource/'
+# VUE_APP_PUBLIC_PATH = 'http://182.92.203.7:3007/books/book/aviationEtiquette'
+VUE_APP_BOOK_LIST = "childHealth/lifeCare/sportsAndHealth/embedded/english/artAndDance/artAndDrama/mathBook/botany/civilAviation/civilServices/meetingPlanners/aviationBasicSkills/aviationEtiquette/aviationSafety/toddlerGameImplementation/childcareInstitutionsManagement/preschoolGameGuidance/kindergartenLanguageActivity/preschoolEvaluation/preschoolBasicKnowledge"
+VUE_APP_BOOK_ID = 'aviationEtiquette'
diff --git a/src/App.vue b/src/App.vue
index 977914c..7a167d1 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -27,6 +27,11 @@
     </preschoolEvaluation>
     <preschoolBasicKnowledge v-if="activeBook.name == 'preschoolBasicKnowledge'"></preschoolBasicKnowledge> 
     <policiesAndRegulations v-if="activeBook.name == 'policiesAndRegulations'"></policiesAndRegulations> 
+<<<<<<< HEAD
+    <OralAndBroadcasting v-if="activeBook.name == 'OralAndBroadcasting'" ></OralAndBroadcasting>
+=======
+    <practicalCareChildrenManual v-if="activeBook.name == 'practicalCareChildrenManual'"></practicalCareChildrenManual>
+>>>>>>> aaa13b34449445bdf7aa03d4a8fb3944b5250d6b
   </div>
 </template>
 <script>
@@ -77,6 +82,8 @@
     preschoolEvaluation: () => import("./books/preschoolEvaluation/view/index.vue"),
     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")
   },
   data() {
     return {
@@ -127,12 +134,12 @@
       // preschoolEvaluation  // 瀛﹀墠鏁欒偛璇勪环
       // preschoolBasicKnowledge //瀛﹀墠鏁欒偛鍩虹鐭ヨ瘑
       // policiesAndRegulations  //鏀跨瓥娉曞緥涓庢硶瑙剕鏃呮父绀�
-      
+      // practicalCareChildrenManual // 濠村辜鍎跨収鎶ゅ疄褰�
       this.activeBook = await this.config.getBookConfig(
-        process.env.VUE_APP_RESOURCE_CTX +
+        'http://182.92.203.7:3007/books/resource/' +
         (process.env.VUE_APP_ENV == "product"
           ? process.env.VUE_APP_BOOK_ID
-          : "policiesAndRegulations")
+          : "practicalCareChildrenManual")
       );
 
       // this.activeBook = await this.config.getBookConfig(
diff --git a/src/assets/images/heart copy.png b/src/assets/images/heart copy.png
new file mode 100644
index 0000000..7817ec4
--- /dev/null
+++ b/src/assets/images/heart copy.png
Binary files differ
diff --git a/src/assets/images/heart-check copy.png b/src/assets/images/heart-check copy.png
new file mode 100644
index 0000000..74d469c
--- /dev/null
+++ b/src/assets/images/heart-check copy.png
Binary files differ
diff --git a/src/assets/images/videoLogo.png b/src/assets/images/videoLogo.png
new file mode 100644
index 0000000..d871202
--- /dev/null
+++ b/src/assets/images/videoLogo.png
Binary files differ
diff --git a/src/assets/js/config.js b/src/assets/js/config.js
index 0c45fa7..2ecf243 100644
--- a/src/assets/js/config.js
+++ b/src/assets/js/config.js
@@ -1,17 +1,10 @@
 import axios from "axios";
-export const resourceCtx = "http://182.92.203.7:3007/books/resource/"; // 璧勬簮璇锋眰鍦板潃
+// export const resourceCtx = "http://182.92.203.7:3007/books/resource/"; // 璧勬簮璇锋眰鍦板潃
 // export const resourceCtx = "https://www.tepcb.com/books/resource/"; // 璧勬簮璇锋眰鍦板潃
-// export const resourceCtx = "https://jsek.bnuic.com/books/resource/"; // 璧勬簮璇锋眰鍦板潃
-// export const tinymceBaseUrl = 'https://jsek.bnuic.com/home/'
-export const tinymceBaseUrl = 'https://www.tepcb.com/home/'
-export let activeBook = {
-  'name':'policiesAndRegulations',
-  "rootCmsItemId":"162903",
-  "storeRefcode":"tourism_digitalTextbooks",
-  "bookId": "5271",
-  "bookName":"鏀跨瓥娉曞緥涓庢硶瑙勶紙绗�7鐗堬級",
-
-}; // 璧勬簮璇锋眰鍦板潃
+export const resourceCtx = "https://jsek.bnuic.com/books/resource/"; // 璧勬簮璇锋眰鍦板潃
+export const tinymceBaseUrl = 'https://jsek.bnuic.com/home/'
+// export const tinymceBaseUrl = 'https://www.tepcb.com/home/'
+export let activeBook = {}; // 璧勬簮璇锋眰鍦板潃
 export let goodsStore = "";
 // 璇锋眰鏁欐潗閰嶇疆淇℃伅
 const getBookConfig = async (ctx) => {
@@ -22,8 +15,8 @@
 };
 export const appId = 2;
 export const requestTimeOut = 300000; // 璇锋眰瓒呮椂鏃堕棿
-// export const tokenKey = "jsek-token";
-export const tokenKey = "website-front-token"
+export const tokenKey = "jsek-token";
+// export const tokenKey = "website-front-token"
 
 const config = {
   resourceCtx,
diff --git a/src/books/OralAndBroadcasting/assets/Fonts/FZHTJW.ttf b/src/books/OralAndBroadcasting/assets/Fonts/FZHTJW.ttf
new file mode 100644
index 0000000..0e8a216
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/Fonts/FZHTJW.ttf
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/Fonts/FZLTXIHJW.ttf b/src/books/OralAndBroadcasting/assets/Fonts/FZLTXIHJW.ttf
new file mode 100644
index 0000000..e3c7f7c
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/Fonts/FZLTXIHJW.ttf
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/Fonts/FZLTZHJW.ttf b/src/books/OralAndBroadcasting/assets/Fonts/FZLTZHJW.ttf
new file mode 100644
index 0000000..ef5ec15
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/Fonts/FZLTZHJW.ttf
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0014-1.jpg b/src/books/OralAndBroadcasting/assets/images/0014-1.jpg
new file mode 100644
index 0000000..7b3c4c2
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0014-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0016-1.jpg b/src/books/OralAndBroadcasting/assets/images/0016-1.jpg
new file mode 100644
index 0000000..8599086
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0016-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0018-1.jpg b/src/books/OralAndBroadcasting/assets/images/0018-1.jpg
new file mode 100644
index 0000000..4be3fb6
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0018-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0021-1.jpg b/src/books/OralAndBroadcasting/assets/images/0021-1.jpg
new file mode 100644
index 0000000..efb0c77
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0021-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0023-1.jpg b/src/books/OralAndBroadcasting/assets/images/0023-1.jpg
new file mode 100644
index 0000000..1ee7d0f
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0023-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0024-1.jpg b/src/books/OralAndBroadcasting/assets/images/0024-1.jpg
new file mode 100644
index 0000000..d891b5a
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0024-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0026-1.jpg b/src/books/OralAndBroadcasting/assets/images/0026-1.jpg
new file mode 100644
index 0000000..cd93980
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0026-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0027-1.jpg b/src/books/OralAndBroadcasting/assets/images/0027-1.jpg
new file mode 100644
index 0000000..4de8abb
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0027-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0027-2.jpg b/src/books/OralAndBroadcasting/assets/images/0027-2.jpg
new file mode 100644
index 0000000..c3ae054
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0027-2.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0032-1.jpg b/src/books/OralAndBroadcasting/assets/images/0032-1.jpg
new file mode 100644
index 0000000..5931c33
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0032-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0032-2.jpg b/src/books/OralAndBroadcasting/assets/images/0032-2.jpg
new file mode 100644
index 0000000..4540206
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0032-2.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0043-1.jpg b/src/books/OralAndBroadcasting/assets/images/0043-1.jpg
new file mode 100644
index 0000000..53b24b2
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0043-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0044-1.jpg b/src/books/OralAndBroadcasting/assets/images/0044-1.jpg
new file mode 100644
index 0000000..cba0ef5
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0044-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0049-1.jpg b/src/books/OralAndBroadcasting/assets/images/0049-1.jpg
new file mode 100644
index 0000000..abb806d
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0049-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0050-1.jpg b/src/books/OralAndBroadcasting/assets/images/0050-1.jpg
new file mode 100644
index 0000000..870bdc8
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0050-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0054-1.jpg b/src/books/OralAndBroadcasting/assets/images/0054-1.jpg
new file mode 100644
index 0000000..e086fe1
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0054-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0057-1.jpg b/src/books/OralAndBroadcasting/assets/images/0057-1.jpg
new file mode 100644
index 0000000..c2f7d58
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0057-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0058-1.jpg b/src/books/OralAndBroadcasting/assets/images/0058-1.jpg
new file mode 100644
index 0000000..3bb4025
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0058-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0059-1.jpg b/src/books/OralAndBroadcasting/assets/images/0059-1.jpg
new file mode 100644
index 0000000..e23683c
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0059-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0060-1.jpg b/src/books/OralAndBroadcasting/assets/images/0060-1.jpg
new file mode 100644
index 0000000..9c4592a
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0060-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0061-1.jpg b/src/books/OralAndBroadcasting/assets/images/0061-1.jpg
new file mode 100644
index 0000000..563e081
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0061-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0061-2.jpg b/src/books/OralAndBroadcasting/assets/images/0061-2.jpg
new file mode 100644
index 0000000..0ecc6d4
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0061-2.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0062-1.jpg b/src/books/OralAndBroadcasting/assets/images/0062-1.jpg
new file mode 100644
index 0000000..c7a17bb
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0062-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0062-2.jpg b/src/books/OralAndBroadcasting/assets/images/0062-2.jpg
new file mode 100644
index 0000000..6242d58
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0062-2.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0063-1.jpg b/src/books/OralAndBroadcasting/assets/images/0063-1.jpg
new file mode 100644
index 0000000..ca5a5c1
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0063-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0063-2.jpg b/src/books/OralAndBroadcasting/assets/images/0063-2.jpg
new file mode 100644
index 0000000..e4f5c68
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0063-2.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0064-1.jpg b/src/books/OralAndBroadcasting/assets/images/0064-1.jpg
new file mode 100644
index 0000000..27ad77d
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0064-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0064-2.jpg b/src/books/OralAndBroadcasting/assets/images/0064-2.jpg
new file mode 100644
index 0000000..728f907
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0064-2.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0065-1.jpg b/src/books/OralAndBroadcasting/assets/images/0065-1.jpg
new file mode 100644
index 0000000..4fb6f06
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0065-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0065-2.jpg b/src/books/OralAndBroadcasting/assets/images/0065-2.jpg
new file mode 100644
index 0000000..e4622b9
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0065-2.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0068-1.jpg b/src/books/OralAndBroadcasting/assets/images/0068-1.jpg
new file mode 100644
index 0000000..03f1496
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0068-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0068-2.jpg b/src/books/OralAndBroadcasting/assets/images/0068-2.jpg
new file mode 100644
index 0000000..719f54b
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0068-2.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0069-1.jpg b/src/books/OralAndBroadcasting/assets/images/0069-1.jpg
new file mode 100644
index 0000000..80edfbd
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0069-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0070-1.jpg b/src/books/OralAndBroadcasting/assets/images/0070-1.jpg
new file mode 100644
index 0000000..7ee1a6d
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0070-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0079-1.jpg b/src/books/OralAndBroadcasting/assets/images/0079-1.jpg
new file mode 100644
index 0000000..4466dce
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0079-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0080-1.jpg b/src/books/OralAndBroadcasting/assets/images/0080-1.jpg
new file mode 100644
index 0000000..cc00162
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0080-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0080-2.jpg b/src/books/OralAndBroadcasting/assets/images/0080-2.jpg
new file mode 100644
index 0000000..3feeb20
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0080-2.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0080-3.jpg b/src/books/OralAndBroadcasting/assets/images/0080-3.jpg
new file mode 100644
index 0000000..1a592b1
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0080-3.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0081-1.jpg b/src/books/OralAndBroadcasting/assets/images/0081-1.jpg
new file mode 100644
index 0000000..01db87b
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0081-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0082-1.jpg b/src/books/OralAndBroadcasting/assets/images/0082-1.jpg
new file mode 100644
index 0000000..237069d
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0082-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0082-2.jpg b/src/books/OralAndBroadcasting/assets/images/0082-2.jpg
new file mode 100644
index 0000000..ec57959
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0082-2.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0083-1.jpg b/src/books/OralAndBroadcasting/assets/images/0083-1.jpg
new file mode 100644
index 0000000..17f7e03
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0083-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0084-1.jpg b/src/books/OralAndBroadcasting/assets/images/0084-1.jpg
new file mode 100644
index 0000000..ed39d93
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0084-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0085-1.jpg b/src/books/OralAndBroadcasting/assets/images/0085-1.jpg
new file mode 100644
index 0000000..80c864f
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0085-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0086-1.jpg b/src/books/OralAndBroadcasting/assets/images/0086-1.jpg
new file mode 100644
index 0000000..b205c00
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0086-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0092-1.jpg b/src/books/OralAndBroadcasting/assets/images/0092-1.jpg
new file mode 100644
index 0000000..9324830
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0092-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0094-1.jpg b/src/books/OralAndBroadcasting/assets/images/0094-1.jpg
new file mode 100644
index 0000000..ee8366d
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0094-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0094-2.jpg b/src/books/OralAndBroadcasting/assets/images/0094-2.jpg
new file mode 100644
index 0000000..0da03b5
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0094-2.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0100-1.jpg b/src/books/OralAndBroadcasting/assets/images/0100-1.jpg
new file mode 100644
index 0000000..934b049
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0100-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0112-1.jpg b/src/books/OralAndBroadcasting/assets/images/0112-1.jpg
new file mode 100644
index 0000000..be75b93
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0112-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0117-1.jpg b/src/books/OralAndBroadcasting/assets/images/0117-1.jpg
new file mode 100644
index 0000000..f4d5340
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0117-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0120-1.jpg b/src/books/OralAndBroadcasting/assets/images/0120-1.jpg
new file mode 100644
index 0000000..7d58652
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0120-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0123-1.jpg b/src/books/OralAndBroadcasting/assets/images/0123-1.jpg
new file mode 100644
index 0000000..7e33717
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0123-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0138-1.jpg b/src/books/OralAndBroadcasting/assets/images/0138-1.jpg
new file mode 100644
index 0000000..54a8f1f
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0138-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0139-1.jpg b/src/books/OralAndBroadcasting/assets/images/0139-1.jpg
new file mode 100644
index 0000000..e19d3a7
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0139-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0140-1.jpg b/src/books/OralAndBroadcasting/assets/images/0140-1.jpg
new file mode 100644
index 0000000..cf4e0a5
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0140-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0141-1.jpg b/src/books/OralAndBroadcasting/assets/images/0141-1.jpg
new file mode 100644
index 0000000..0c3adee
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0141-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0142-1.jpg b/src/books/OralAndBroadcasting/assets/images/0142-1.jpg
new file mode 100644
index 0000000..7d8ec92
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0142-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0143-1.jpg b/src/books/OralAndBroadcasting/assets/images/0143-1.jpg
new file mode 100644
index 0000000..e33698f
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0143-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0145-1.jpg b/src/books/OralAndBroadcasting/assets/images/0145-1.jpg
new file mode 100644
index 0000000..f7ec4c8
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0145-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0145-2.jpg b/src/books/OralAndBroadcasting/assets/images/0145-2.jpg
new file mode 100644
index 0000000..d8e1a69
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0145-2.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0147-1.jpg b/src/books/OralAndBroadcasting/assets/images/0147-1.jpg
new file mode 100644
index 0000000..de5d03e
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0147-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0148-1.jpg b/src/books/OralAndBroadcasting/assets/images/0148-1.jpg
new file mode 100644
index 0000000..12c98af
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0148-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0149-1.jpg b/src/books/OralAndBroadcasting/assets/images/0149-1.jpg
new file mode 100644
index 0000000..b477b69
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0149-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0152-1.jpg b/src/books/OralAndBroadcasting/assets/images/0152-1.jpg
new file mode 100644
index 0000000..35b20ac
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0152-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0156-1.jpg b/src/books/OralAndBroadcasting/assets/images/0156-1.jpg
new file mode 100644
index 0000000..69e4175
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0156-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0157-1.jpg b/src/books/OralAndBroadcasting/assets/images/0157-1.jpg
new file mode 100644
index 0000000..8222e83
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0157-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0158-1.jpg b/src/books/OralAndBroadcasting/assets/images/0158-1.jpg
new file mode 100644
index 0000000..570c1c6
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0158-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0161-1.jpg b/src/books/OralAndBroadcasting/assets/images/0161-1.jpg
new file mode 100644
index 0000000..8868d19
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0161-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0161-2.jpg b/src/books/OralAndBroadcasting/assets/images/0161-2.jpg
new file mode 100644
index 0000000..453e510
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0161-2.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0162-1.jpg b/src/books/OralAndBroadcasting/assets/images/0162-1.jpg
new file mode 100644
index 0000000..867d4d0
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0162-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0167-1.jpg b/src/books/OralAndBroadcasting/assets/images/0167-1.jpg
new file mode 100644
index 0000000..49f9ac7
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0167-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0167-2.jpg b/src/books/OralAndBroadcasting/assets/images/0167-2.jpg
new file mode 100644
index 0000000..e1499ab
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0167-2.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0168-1.jpg b/src/books/OralAndBroadcasting/assets/images/0168-1.jpg
new file mode 100644
index 0000000..a8895e6
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0168-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0168-2.jpg b/src/books/OralAndBroadcasting/assets/images/0168-2.jpg
new file mode 100644
index 0000000..3b226ef
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0168-2.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0169-1.jpg b/src/books/OralAndBroadcasting/assets/images/0169-1.jpg
new file mode 100644
index 0000000..0c0b52f
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0169-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0170-1.jpg b/src/books/OralAndBroadcasting/assets/images/0170-1.jpg
new file mode 100644
index 0000000..fabcd79
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0170-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0170-2.jpg b/src/books/OralAndBroadcasting/assets/images/0170-2.jpg
new file mode 100644
index 0000000..e301653
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0170-2.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0171-1.jpg b/src/books/OralAndBroadcasting/assets/images/0171-1.jpg
new file mode 100644
index 0000000..ff48e9d
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0171-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0171-2.jpg b/src/books/OralAndBroadcasting/assets/images/0171-2.jpg
new file mode 100644
index 0000000..171e2c3
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0171-2.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0172-1.jpg b/src/books/OralAndBroadcasting/assets/images/0172-1.jpg
new file mode 100644
index 0000000..3febfd0
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0172-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0174-1.jpg b/src/books/OralAndBroadcasting/assets/images/0174-1.jpg
new file mode 100644
index 0000000..b145765
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0174-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0174-2.jpg b/src/books/OralAndBroadcasting/assets/images/0174-2.jpg
new file mode 100644
index 0000000..0bc720b
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0174-2.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0175-1.jpg b/src/books/OralAndBroadcasting/assets/images/0175-1.jpg
new file mode 100644
index 0000000..2bb51b2
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0175-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0175-2.jpg b/src/books/OralAndBroadcasting/assets/images/0175-2.jpg
new file mode 100644
index 0000000..528628f
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0175-2.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0175-3.jpg b/src/books/OralAndBroadcasting/assets/images/0175-3.jpg
new file mode 100644
index 0000000..265ed2a
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0175-3.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0176-1.jpg b/src/books/OralAndBroadcasting/assets/images/0176-1.jpg
new file mode 100644
index 0000000..bc6720f
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0176-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0176-2.jpg b/src/books/OralAndBroadcasting/assets/images/0176-2.jpg
new file mode 100644
index 0000000..6c7029b
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0176-2.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0177-1.jpg b/src/books/OralAndBroadcasting/assets/images/0177-1.jpg
new file mode 100644
index 0000000..35927d0
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0177-1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/0177-2.jpg b/src/books/OralAndBroadcasting/assets/images/0177-2.jpg
new file mode 100644
index 0000000..8b5fb69
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/0177-2.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/Cover.jpg b/src/books/OralAndBroadcasting/assets/images/Cover.jpg
new file mode 100644
index 0000000..313724c
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/Cover.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/FD.jpg b/src/books/OralAndBroadcasting/assets/images/FD.jpg
new file mode 100644
index 0000000..bf98ee2
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/FD.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/SMY.jpg b/src/books/OralAndBroadcasting/assets/images/SMY.jpg
new file mode 100644
index 0000000..0749ef5
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/SMY.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/headerlogo.png b/src/books/OralAndBroadcasting/assets/images/headerlogo.png
new file mode 100644
index 0000000..72282b2
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/headerlogo.png
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/icon/heart-check.png b/src/books/OralAndBroadcasting/assets/images/icon/heart-check.png
new file mode 100644
index 0000000..74d469c
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/icon/heart-check.png
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/icon/heart.png b/src/books/OralAndBroadcasting/assets/images/icon/heart.png
new file mode 100644
index 0000000..7817ec4
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/icon/heart.png
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/xm1.jpg b/src/books/OralAndBroadcasting/assets/images/xm1.jpg
new file mode 100644
index 0000000..82148fb
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/xm1.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/xm2.jpg b/src/books/OralAndBroadcasting/assets/images/xm2.jpg
new file mode 100644
index 0000000..4f36042
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/xm2.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/xm3.jpg b/src/books/OralAndBroadcasting/assets/images/xm3.jpg
new file mode 100644
index 0000000..36e6e50
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/xm3.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/xm4.jpg b/src/books/OralAndBroadcasting/assets/images/xm4.jpg
new file mode 100644
index 0000000..00da0d7
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/xm4.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/images/xm5.jpg b/src/books/OralAndBroadcasting/assets/images/xm5.jpg
new file mode 100644
index 0000000..3dccda0
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/images/xm5.jpg
Binary files differ
diff --git a/src/books/OralAndBroadcasting/assets/main.less b/src/books/OralAndBroadcasting/assets/main.less
new file mode 100644
index 0000000..8945b7b
--- /dev/null
+++ b/src/books/OralAndBroadcasting/assets/main.less
@@ -0,0 +1,1442 @@
+.OralAndBroadcasting {
+  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;
+  }
+  .videos-box {
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+    li {
+      width: 40%;
+    }
+  }
+  .collect-btn {
+    cursor: pointer;
+    width: 16px;
+    height: 16px;
+    margin-left: 10px;
+  }
+  .ds-txt {
+    width: 59%;
+    display: inline-block;
+  }
+  .db-box {
+    span {
+      width: 52%;
+      display: inline-block;
+    }
+    img {
+      float: right;
+      width: 40%;
+    }
+  }
+  .openImgBox {
+    cursor: pointer;
+  }
+  .bk2 {
+    border: 2px solid #f0f3e2;
+    padding: 20px;
+    margin-bottom: 2em;
+    margin-top: 2.5em;
+  }
+  .c-g {
+    color: green;
+  }
+  .pr-15 {
+    padding-right: 15%;
+  }
+  .c-r {
+    color: red;
+  }
+
+  .t-right {
+    text-align: right;
+  }
+
+  .mr-0 {
+    margin: 0;
+  }
+
+  .mt-20 {
+    margin-top: 20px !important;
+  }
+
+  .mt-30 {
+    margin-top: 30px;
+  }
+
+  .mb-30 {
+    margin-bottom: 30px;
+  }
+
+  .mb-10 {
+    margin-bottom: 10px;
+  }
+
+  .pd-5 {
+    padding: 0 5px;
+  }
+
+  .w100 {
+    width: 100%;
+  }
+
+  .w90 {
+    width: 90%;
+  }
+
+  .w80 {
+    width: 80%;
+  }
+
+  sup {
+    vertical-align: super;
+    /* 淇濇寔涓婃爣瀵归綈鏂瑰紡 */
+    font-size: smaller;
+    // position: relative; /* 鐩稿浜庢甯镐綅缃皟鏁� */
+    // top: -0.2em; /* 鏍规嵁闇�瑕佽皟鏁磋繖涓�� */
+  }
+
+  .fz-13 {
+    font-size: 13px !important;
+  }
+
+  .fz-14 {
+    font-size: 14px !important;
+  }
+
+  .fz-16 {
+    font-size: 16px !important;
+  }
+
+  .fz-18 {
+    font-size: 18px !important;
+  }
+
+  .img-0 {
+    width: 100%;
+  }
+
+  .pt-20 {
+    padding-top: 20px;
+  }
+
+  .td-0 {
+    text-indent: 0em !important;
+  }
+
+  .fl {
+    display: flex;
+  }
+  .al-cn {
+    align-items: center;
+  }
+  .ju-cn {
+    justify-content: center;
+  }
+
+  .ju-ev {
+    justify-content: space-evenly;
+  }
+
+  .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-45 {
+    margin-right: 45px;
+  }
+
+  .mr-10 {
+    margin-right: 10px;
+  }
+
+  .ma-l {
+    margin-left: 10%;
+  }
+
+  .pad-t-55 {
+    padding-top: 55px;
+  }
+
+  .pad-l-60 {
+    padding-left: 60px;
+  }
+
+  .mb-45 {
+    margin-bottom: 45px;
+  }
+
+  .headerImg {
+    width: 30px;
+  }
+
+  .headerText {
+    font-size: 12px;
+    padding: 0 8px;
+    color: #b98c64;
+  }
+
+  .headerNumber {
+    color: #231f20;
+    font-size: 12px;
+    padding: 0 8px;
+    border-left: 1px solid #231f20;
+  }
+
+  .header-left-Number {
+    color: #231f20;
+    font-size: 12px;
+    padding-right: 8px;
+    border-right: 1px solid #000;
+  }
+
+  .header-left-text {
+    margin-left: 8px;
+    font-size: 12px;
+    color: #fff;
+    background-color: #0082d4;
+  }
+
+  .table-tr-bc {
+    color: #fff;
+  }
+
+  .task {
+    width: 16%;
+    margin-bottom: 3.5em;
+    margin-top: 0;
+    border-top: 0.7em solid #f0bd40;
+  }
+
+  .task-u2-c {
+    width: 16%;
+    margin-bottom: 3.5em;
+    margin-top: 0;
+    border-top: 0.7em solid #f89c1c;
+  }
+
+  .task-u3-c {
+    width: 16%;
+    margin-bottom: 3.5em;
+    margin-top: 0;
+    border-top: 0.7em solid #0a9cac;
+  }
+
+  .task-u4-c {
+    width: 16%;
+    margin-bottom: 3.5em;
+    margin-top: 0;
+    border-top: 0.7em solid #92b03d;
+  }
+
+  .task-u5-c {
+    width: 16%;
+    margin-bottom: 3.5em;
+    margin-top: 0;
+    border-top: 0.7em solid #0180cd;
+  }
+
+  .p-odd {
+    padding-right: 10%;
+  }
+
+  .p-even {
+    padding-left: 10%;
+  }
+
+  .img-float-smaller {
+    width: 200px;
+    float: left;
+    height: auto;
+    margin: auto;
+    margin-right: 20px;
+  }
+
+  .img-float-medium {
+    width: 250px;
+    float: left;
+    height: auto;
+    margin: auto;
+    margin-right: 20px;
+  }
+
+  .img-float {
+    width: 310px;
+    float: left;
+    height: auto;
+    margin: auto;
+    margin-right: 20px;
+
+    img {
+      width: 100%;
+    }
+
+    p {
+      margin: 0;
+    }
+  }
+
+  .img-float-formula {
+    width: 310px;
+    float: left;
+    height: auto;
+    margin: auto;
+    margin-right: 20px;
+
+    p {
+      margin: 0;
+    }
+  }
+
+  .img-rights {
+    width: 47%;
+    float: right;
+    height: auto;
+    margin: auto;
+    margin-left: 20px;
+
+    img {
+      width: 100%;
+    }
+
+    p {
+      margin: 0 !important;
+    }
+  }
+
+  .references {
+    margin-top: 140px;
+
+    hr {
+      font-weight: bold;
+      margin-left: 0;
+      width: 15%;
+    }
+  }
+
+  .w395 {
+    width: 395px;
+  }
+
+  .w430 {
+    width: 430px;
+  }
+
+  .w280 {
+    width: 280px;
+  }
+
+  .w270 {
+    width: 270px;
+  }
+
+  .w250 {
+    width: 250px;
+  }
+
+  .w230 {
+    width: 230px;
+  }
+
+  .w220 {
+    width: 220px;
+  }
+
+  .w200 {
+    width: 200px;
+  }
+
+  .w180 {
+    width: 180px;
+  }
+
+  .w115 {
+    width: 115px;
+  }
+
+  .text-rights {
+    width: 230px;
+    float: right;
+    height: auto;
+    margin: auto;
+    margin-left: 20px;
+
+    img {
+      width: 100%;
+    }
+
+    p {
+      margin: 0 !important;
+    }
+  }
+
+  .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;
+    }
+  }
+
+  div.bk-ztgs {
+    border: 0.15em dotted #5192c6;
+    padding: 1.5em 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: -1.2em;
+  }
+
+  .link-float {
+    width: 120px;
+    float: left;
+    height: auto;
+    margin: auto;
+    margin-top: 12px;
+    margin-right: 20px;
+  }
+
+  .imgBox-003 {
+    width: 100%;
+    height: 280px;
+    margin-bottom: 18px;
+  }
+
+  // 棰樼洰
+  .textarea-box {
+    background-color: transparent;
+    max-width: 85%;
+    min-width: 85%;
+    outline: none;
+  }
+
+  .textarea-box-left {
+    background-color: transparent;
+    margin-left: 12%;
+    max-width: 85%;
+    min-width: 85%;
+    outline: none;
+  }
+
+  .textarea-box-right {
+    background-color: transparent;
+    margin-left: 8%;
+    max-width: 85%;
+    min-width: 85%;
+    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;
+  }
+
+  // 杩佺Щ
+  .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 {
+    -webkit-text-emphasis-style: dot;
+    -moz-text-emphasis-style: dot;
+    -ms-text-emphasis-style: dot;
+    text-emphasis-style: dot;
+    -webkit-text-emphasis-position: under;
+    -moz-text-emphasis-position: under;
+    -ms-text-emphasis-position: under;
+    text-emphasis-position: under;
+  }
+  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;
+  }
+
+  .img {
+    text-align: center;
+    font-size: 16px;
+    text-indent: 0em;
+    color: #75a64e;
+  }
+
+  .img1 {
+    font-weight: bold;
+    color: #4b9cdd;
+    text-align: center;
+    font-size: 1em;
+    text-indent: 0em;
+  }
+
+  div.bodystyle {
+    font-family: 'FZLTXIHJW';
+    text-align: justify;
+    margin: 0 10%;
+    padding-bottom: 80px;
+    line-height: 30px;
+  }
+
+  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;
+  }
+
+  div.sgc-toc-level-1 {
+    margin-left: 0em;
+  }
+
+  div.sgc-toc-level-2 {
+    margin-left: 2em;
+  }
+
+  div.sgc-toc-level-3 {
+    margin-left: 2em;
+  }
+
+  div.sgc-toc-level-4 {
+    margin-left: 2em;
+  }
+
+  div.sgc-toc-level-5 {
+    margin-left: 2em;
+  }
+
+  div.sgc-toc-level-6 {
+    margin-left: 2em;
+  }
+  .imz {
+    width: 100%;
+    text-align: center;
+  }
+
+  .note {
+    font-size: 0.85em;
+  }
+
+  .block {
+  }
+
+  .block1 {
+    text-align: center;
+  }
+
+  p {
+        font-family: "瀹嬩綋";
+        margin-top: 0.2em;
+        margin-bottom: 0.2em !important;
+        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-left: 0%;
+    margin-right: 0%;
+  }
+  .left2 {
+    font-size: 1.3em;
+    text-indent: 0em;
+    font-weight: bold;
+    margin-left: 0%;
+    margin-right: 0%;
+  }
+  .right {
+    text-align: right;
+    margin-left: 0%;
+    margin-right: 0%;
+  }
+  .left1 {
+    text-indent: 0em;
+    margin-left: 0%;
+    margin-right: 0%;
+  }
+  .center1 {
+    text-align: center;
+    margin-left: 0%;
+    margin-right: 0%;
+    font-size: 1.2em;
+    text-indent: 0em;
+    font-weight: bold;
+  }
+  .right1 {
+    text-align: right;
+    margin-left: 0%;
+    margin-right: 0%;
+  }
+  .quote {
+    margin-top: 0%;
+    margin-bottom: 0%;
+    margin-left: 1em;
+    margin-right: 1em;
+    text-align: justify;
+    font-family: "cnepub", serif;
+  }
+
+  h1 {
+    font-family: "FZLTZHJW";
+    font-weight: bold;
+    font-size: 1.2em;
+    color: #5eb7bf;
+    margin-top: 0.2em;
+    margin-bottom: 0.5em;
+    text-indent: 0em;
+    text-align: center;
+  }
+
+  .front {
+    font-family: "FZLTZHJW";
+    font-weight: bold;
+    font-size: 1.2em;
+    color: #5eb7bf;
+    margin-top: 0.2em;
+    margin-bottom: 0.5em;
+    text-indent: 0em;
+    text-align: center;
+  }
+
+  h2 {
+    font-family: "FZHTJW";
+    color: #5193c7;
+    font-weight: bold;
+    font-size: 1.7em;
+    margin-bottom: 0.1em;
+    margin-top: 1.5em;
+    text-indent: 0em;
+  }
+
+  div.h2-ys {
+    border-bottom: 0.6em solid #5193c7;
+    margin-top: -0.5em;
+  }
+
+  h3 {
+    font-family: "FZHTJW";
+    color: #f0b54f;
+    font-weight: 500;
+    font-size: 1.4em;
+    margin-top: 1em;
+    margin-bottom: 1em;
+    text-indent: 0em;
+  }
+
+  .h3-zt {
+    color:#f0bd40;
+    border-radius: 1.5em;
+  }
+
+  .h3-zt1 {
+    font-family: "HiFont Hei GB";
+    color: #f0bd40;
+    font-weight: bold;
+    text-indent: 0em;
+    margin-left: 0%;
+    font-size: 0.8em;
+  }
+
+  h4 {
+    font-family: "FZHTJW";
+    color: #000;
+    font-size: 18px;
+    font-weight: normal;
+    margin-bottom: 1em;
+    margin-top: 1em;
+    margin-left: 0em;
+    text-indent: 1em;
+  }
+  h5 {
+    font-family: "FZHTJW";
+    color: #ef8472;
+    text-align: left;
+    font-weight: bold;
+    margin-bottom: 0.5em;
+    margin-top: 2em;
+    font-size: 1.15em;
+    text-indent: 0em;
+  }
+  h6 {
+    font-family: "FZHTJW";
+    font-weight: bold;
+    margin-bottom: 0.5em;
+    margin-top: 2em;
+    font-size: 1em;
+    text-indent: 2em;
+  }
+  .zt-h6 {
+    font-family: "FZHTJW";
+    color: #65c097;
+    margin-bottom: 0.5em;
+    margin-top: 1em;
+    font-size: 1.15em;
+    text-indent: 2em;
+  }
+  .bb {
+    font-family: "cnepub", serif;
+    font-family: "FZHTJW";
+    color: #66cccc;
+    font-size: 1.1em;
+    margin-top: 10px;
+    text-indent: 2em;
+    margin-bottom: 10px;
+    border-bottom: 5px dotted #f4c388;
+    margin-left: 2em;
+    margin-bottom: 0.5em;
+    text-indent: 0em;
+  }
+  .u {
+    text-decoration: underline;
+  }
+
+  .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%;
+  }
+  .img-l {
+    width: 25%;
+  }
+  .img-k {
+    width: 35%;
+  }
+  .img-zt {
+    height: 6em;
+    margin-top: -1.5em;
+    margin-bottom: -0.4em;
+    margin-left: 15%;
+  }
+  .inline {
+    height: 1em;
+    margin-bottom: -0.3em;
+  }
+  .inline1 {
+    height: 2.5em;
+    margin-top: 0.5em;
+    margin-bottom: -0.5em;
+  }
+
+  .inline4 {
+    height: 2em;
+    margin-left: -2em;
+    margin-right: 0.5em;
+    margin-bottom: -0.6em;
+  }
+  .img-qj {
+    height: 7.5em;
+    margin-bottom: -3.4em;
+    margin-right: 0.5em;
+  }
+  .kaiti {
+  }
+  .kaiti1 {
+  }
+
+  .bk-bwh {
+    background-color: #dfebf7;
+    font-size: 1.2em;
+    padding: 25px;
+    border: 4px dotted #197abf;
+  }
+
+  .zt-ls1 {
+    color: #93b03c;
+    font-size: 1.1em;
+    font-weight: bold;
+  }
+
+  .zt-cs1 {
+    color: #fa9d1a;
+  }
+
+  span.lsyq-1 {
+    background-color: #0082d4;
+    padding: 0.2em 0.4em 0.2em 0.4em;
+    border-radius: 1.5em;
+    margin-right: 0.5em;
+    color: #ffffff;
+    font-weight: bold;
+    font-size: 1.5em;
+  }
+
+  span.hsyq-1 {
+    background-color: #ffb7d4;
+    padding: 0.2em 0.4em 0.2em 0.4em;
+    border-radius: 1.5em;
+    margin-right: 0.5em;
+    color: #ffffff;
+    font-weight: bold;
+    font-size: 1.5em;
+  }
+
+  .zt-hs1 {
+    font-weight: bold;
+    color: #f0855b;
+    font-size: 1.2em;
+  }
+
+  .h2-zt1 {
+    padding: 5px 25px 5px 25px;
+    border-radius: 10px 0px 0px 10px;
+    background-color: #5392c7;
+    font-size: 1.2em;
+    color: #ffffff;
+  }
+  .h2-zt2 {
+    padding: 10px;
+    background-color: #b1dde0;
+    margin-right: 2em;
+    color: #ffffff;
+    padding: 5px 50px 5px 25px;
+    border-radius: 0px 5px 80px 0px;
+    font-size: 1.2em;
+  }
+
+  .bk {
+    border: 0.15em solid #5492c3;
+    padding: 0.5em;
+    margin-bottom: 2em;
+    margin-top: 0.5em;
+    position: relative;
+  }
+
+  p.bj1-qjms {
+    background-color: #5392c7;
+    color: #ffffff;
+    display: inline-block;
+    font-size: 1em;
+    padding: 0.1em 0.7em 0.12em 0.7em;
+    font-weight: bold;
+    border-radius: 1.5em;
+    margin-left: 0em;
+    text-align: center;
+    text-indent: 0em;
+    position: absolute;
+    top: -2em;
+  }
+  .bj {
+    background-color: #e1e7f3;
+    padding: 0.2em 0.8em 0.2em 0.8em;
+    margin-bottom: 2em;
+  }
+
+  span.bj1 {
+    background-color: #5193c7;
+    padding: 0.2em 0.8em 0.2em 0.8em;
+    margin-bottom: 2em;
+    color: #ffffff;
+    font-size: 1.2em;
+    border-radius: 0.5em;
+    margin-left: -2em;
+  }
+
+  .bj5 {
+    background-color: #3d8b9f;
+    padding: 0.2em;
+    font-size: 1.3em;
+    font-weight: bold;
+    border-radius: 0.5em;
+    color: #ffffff;
+  }
+  .bj3 {
+    background-color: #ffdeb5;
+    padding: 20px;
+    margin-bottom: 2em;
+    margin-top: 2.5em;
+  }
+
+  span.bj3-xts {
+    background-color: #fa9d1a;
+    color: #ffffff;
+    border-radius: 1.5em;
+    padding: 5px 20px 5px 20px;
+    font-size: 1em;
+    font-weight: bold;
+  }
+
+  div.bj3-xts {
+    margin-top: -3em;
+    margin-bottom: 1.5em;
+    margin-left: -2.5em;
+  }
+  .ts-1 {
+    font-weight: bold;
+  }
+
+  .zt-h4 {
+    background-color: #f0bd40;
+    padding: 10px;
+    color: #ffffff;
+    margin-left: -2em;
+    border-radius: 1.5em;
+  }
+
+  .qyls-h4 {
+    font-family: "HiFont Hei GB";
+    color: #6cb26c;
+    font-weight: bold;
+    padding: 0.2em;
+    text-indent: 0em;
+    margin-left: 0%;
+  }
+
+  .bj4 {
+    background-color: #5193c7;
+    padding: 5px 10px 5px 10px;
+    color: #ffffff;
+    font-size: 1.1em;
+    font-weight: bold;
+    margin-left: 0em;
+    margin-bottom: 2em;
+    margin-top: 2.5em;
+  }
+
+  .bj2 {
+    background-color: #f0f3e2;
+    padding: 20px;
+    margin-bottom: 2em;
+    margin-top: 2.5em;
+  }
+
+  span.bj2-dyd {
+    background-color: #95b321;
+    color: #ffffff;
+    border-radius: 1.5em;
+    padding: 5px 20px 5px 20px;
+    font-size: 1em;
+    font-weight: bold;
+  }
+
+  div.bj2-dyd {
+    margin-top: -3em;
+    margin-bottom: 1.5em;
+    margin-left: -2.5em;
+  }
+
+  .zt-lvs1 {
+    color: #95b321;
+  }
+
+  div.bj-1 {
+    background-color: #fef7e5;
+    color: #6cb26c;
+    border-radius: 2em;
+    margin-bottom: 1.5em;
+    margin-top: 1.5em;
+  }
+  .bj-1-zt {
+    font-weight: bold;
+    font-size: 1.2em;
+    line-height: 1.8em;
+  }
+}
+
+.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;
+  }
+}
+
+@font-face {
+  font-family: "FZLTZHJW";
+  src: url("./Fonts/FZLTZHJW.ttf");
+}
+
+@font-face {
+  font-family: "FZLTXIHJW";
+  src: url("./Fonts/FZLTXIHJW.ttf");
+}
+
+@font-face {
+  font-family: "FZHTJW";
+  src: url("./Fonts/FZHTJW.ttf");
+}
+
+/* 濯掍綋鏌ヨ鍋氬熀纭�鍝嶅簲寮忓竷灞� */
+
+@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) {
+  .civilAviation-book {
+    .pad-l-60 {
+      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;
+    }
+  }
+}
+
+@media (min-width: 660px) {
+  .civilAviation-book {
+    .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;
+}
diff --git a/src/books/OralAndBroadcasting/view/components/chapter001.vue b/src/books/OralAndBroadcasting/view/components/chapter001.vue
new file mode 100644
index 0000000..936cbfc
--- /dev/null
+++ b/src/books/OralAndBroadcasting/view/components/chapter001.vue
@@ -0,0 +1,1299 @@
+h4鎬庢牱璇存湇鍒汉<template>
+  <div class="chapter" num="2">
+    <!-- 绗竴鍗曞厓灏侀潰 -->
+    <div class="page-box" page="9">
+      <div v-if="showPageList.indexOf(9) > -1">
+        <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
+          <li class="header-left-Number">040</li>
+          <li class="header-left-text">
+            鑸┖鏈嶅姟鍙h浜ら檯涓庢挱闊虫妧宸э紙绗� 2 鐗堬級
+          </li>
+        </ul>
+        <div class="bodystyle">
+          <h3 id="c001" class="p-even">浠诲姟鍥�<br />娌熼�氫笌璇存湇</h3>
+          <div class="task ma-l"></div>
+          <p class="p-even">
+            鑸┖鏈嶅姟涓殑娌熼�氬寘鍚袱涓柟闈紝涓�鏄寚淇℃伅鐨勪紶閫掞紝浜屾槸鎸囨劅鎯呯殑浜ゆ祦锛屼簩鑰呮槸鐩歌緟鐩告垚鐨勩�傚悓鏃讹紝浠庢湇鍔℃晥鏋滅殑瑙掑害璁诧紝娌熼�氭椂涓嶄粎寮鸿皟淇℃伅鐨勪紶閫掑拰鐞嗚В锛屾洿閲嶈鐨勬槸瑕佸緱鍒板ソ鐨勭粨鏋溿�傚啀濂界殑娌熼�氾紝濡傛灉娌℃湁寰楀埌濂界殑缁撴灉锛屼篃鏄棤鏁堢殑銆�
+          </p>
+          <h3 id="c015">
+            <span class="h3-zt p-even">涓�銆�</span
+            ><span class="h3-zt1">娌熼��</span>
+          </h3>
+          <div class="bj2">
+            <div class="bj2-dyd">
+              <p><span class="bj2-dyd">璇讳竴璇烩柤</span></p>
+            </div>
+            <p class="center"><span class="zt-ls1">鎭板綋鐨勮瑷�</span></p>
+            <p>
+              鏌愯埅鐝欢璇簡锛屾梾瀹㈠湪鍦伴潰绛変簡鍑犲皬鏃跺悗锛岀粓浜庣櫥鏈轰簡銆備箻鍔″憳甯︾潃姝夋剰鍚戞梾瀹㈤棶鍊欓亾锛氣�滄偍濂斤紝璁╂偍涔呯瓑浜嗐�傗�濊繖鍙ラ棶鍊欒鏄瓨鍦ㄩ棶棰樼殑銆傜涓�锛屸�滄偍濂解�濊繖涓瘝鍑虹幇鍦ㄤ笂闈㈢殑璇閲岋紝瀹规槗璁╂梾瀹㈡劅瑙変箻鍔″憳鐨勯棶鍊欐槸娌℃湁璇氭剰鐨勶紝鏄疆韬簨澶栫殑绋嬪簭鍖栫殑闂�欙紱绗簩锛屸�滀箙鈥濆瓧鐨勫嚭鐜板己鍖栦簡鏃呭鍙兘鏈凡娣″幓鐨勬椂闂存劅锛屾槗璁╂梾瀹㈠皢鍘嬫姂杈冧箙鐨勪笉婊℃儏缁�熼鍙戞尌鍑烘潵銆傚湪杩欐牱鐨勫満鏅腑锛屾�庢牱鐨勯棶鍊欒杈冮�傚疁鍛紵鎴戜滑鍦ㄥ疄闄呭満鏅腑鍋氳繃灏濊瘯锛屼娇鐢ㄢ�滃崄鍒嗘姳姝夆�濃�滆阿璋㈡偍鐨勭瓑鍊欌�濃�滄偍杈涜嫤鍟︹�濃�滄劅璋㈡偍鐨勪箻鍧愨�濃�滆阿璋㈡偍鐨勭悊瑙e拰鏀寔鈥濊繖鏍风殑闂�欒锛屾梾瀹㈡洿鑳芥帴鍙椼�傚涓�浜涚埗姣嶆潵璇达紝浠栦滑鎰熷埌涓嶆弧鐨勫師鍥犲父甯告槸瑙夊緱鑷繁鐨勫瀛愬彈鑻︿簡锛屾墍浠ユ鏃跺皢鐢ㄨ瘝鐨勫叧娉ㄩ噸蹇冩斁鍦ㄥ瀛愯韩涓婂彲鑳芥洿濂姐�傞櫎姝や箣澶栵紝鍦ㄥ洖搴旀梾瀹㈢殑闇�姹傛椂锛屽鐢ㄤ簺鍚湁姝i潰淇℃伅鐨勮瘝璇紝鍙兘璁╂梾瀹㈠湪鎷ユ湁濂界殑蹇冪悊鎰熷彈鐨勫悓鏃跺鏈嶅姟浜堜互璁ゅ悓銆備緥濡傦紝灏嗏�滅◢绛夆�濇崲涓衡�滈┈涓婂氨鏉モ�濓紝鈥滄湁浜嬪悧鈥濇崲涓衡�滄垜鑳戒负鎮ㄥ仛鐐逛粈涔堚�濓紝鈥滄偍瑕佸摢绉嶉キ鈥濇崲涓衡�滄偍鍠滄浠�涔堝彛鍛斥�濃�︹�﹀瓧璇嶆柟闈㈢殑灏忔敼鍔ㄥ彲鑳戒細璁╂梾瀹㈢殑鏈嶅姟婊℃剰绋嬪害澶у箙鎻愬崌銆�
+            </p>
+          </div>
+          <p class="p-even">
+            瀵规梾瀹㈣皟鏌ョ殑缁撴灉琛ㄦ槑锛氭枃鏄庣ぜ璨屻�佺湡鎸氬拰鍠勭殑璇█鑳借鏃呭浜х敓鍙戣嚜鍐呭績鐨勫ソ鎰燂紱鏄庣‘绠�娲併�侀�傚綋涓偗鐨勮瑷�鑳藉寮烘梾瀹㈢殑淇′换鎰燂紱閫傚簲瀵硅薄銆佺伒娲诲鍙樼殑璇█鑳界粰鏃呭浠ヤ翰鍒囨劅锛屼娇鏃呭鑾峰緱蹇冪悊涓婄殑婊¤冻銆傚鑸辫瑷�浣�
+          </p>
+        </div>
+      </div>
+    </div>
+    <div class="page-box" page="10">
+      <div v-if="showPageList.indexOf(10) > -1">
+        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
+          <img
+            class="headerImg mr-10"
+            src="../../assets/images/headerlogo.png"
+            alt=""
+          />
+          <li class="headerText">椤圭洰浜�</li>
+          <li class="headerText">鎵撳ソ鑸┖鏈嶅姟鍙h浜ら檯鍩虹</li>
+          <li class="headerNumber">041</li>
+        </ul>
+        <div class="bodystyle">
+          <p class="td-0">涓轰竴绉嶇壒娈婄殑琛屼笟鐢ㄨ锛屼綋鐜板嚭浠ヤ笅鐗圭偣銆�</p>
+          <p>
+            涓�鏄噯纭�с�傞鏈轰綔涓轰氦閫氬伐鍏凤紝鍏跺畨鍏ㄦ�т竴鐩存槸鏃呭鏈�涓哄叧蹇冪殑闂锛岃埅绌烘湇鍔′汉鍛樺湪瑙g瓟鏃呭鐤戦棶鍜屽姙鐞嗕笟鍔℃椂锛岃瑷�蹇呴』绮剧畝銆佸噯纭�佽嚜淇★紝浠ヤ綋鐜拌嚜韬殑涓撲笟鎬т笌鍥炵瓟鐨勫彲闈犳�с��
+          </p>
+          <p>
+            浜屾槸鐏垫椿鎬с�傚湪淇濊瘉鏈嶅姟涓�鑷存�х殑杩囩▼涓紝鑸┖鏈嶅姟浜哄憳搴斿叿鏈夌伒娲绘�у拰鍒涢�犳�э紱搴斾笌鏃呭淇濇寔鑹ソ鐨勫叧绯伙紝涓嶈鍙槸鏈烘鍦板仛浜嬨�傝繖閲屾湁涓�涓浣曚繚鎸佷袱鑰呴棿骞宠 鐨勯棶棰樸�備緥濡傦紝鍦ㄤ箻鍔″憳涓烘梾瀹㈡彁渚涙湇鍔℃椂锛屼竴浣嶆梾瀹㈣姹傚悆绱犻锛屾�庢牱鍘昏В鍐宠繖涓�闂鍛紵鎴戜滑鍙互鎶婂悇寮忓悇鏍风殑钄彍銆佹按鏋滄垨鏄満涓婄殑鐐瑰績銆侀潰鍖呮惌閰嶅湪涓�璧凤紝渚涙梾瀹㈤�夋嫨銆傚鏋滀笉鐭ラ亾鍙橀�氬湴鐩存帴鍛婅瘔鏃呭鈥滄垜浠病鏈夊噯澶囪繖绉嶉鐗┾�濓紝灏变細浣挎梾瀹㈡劅鍒板け鏈涖��
+          </p>
+          <p>
+            涓夋槸鐢熷姩鎬с�備箻鍔″憳瑕佺敤鍏锋湁娲诲姏鐨勮瑷�鍘绘墦鍔ㄦ梾瀹紝浠庤�屽紩璧锋梾瀹㈢殑鍏遍福锛屽鏃呭鎵�浣滅殑涓�浜涘叧浜庢櫙鐐广�佸悕鑳滃彜杩圭殑浠嬬粛鏇村簲濡傛銆傝瘯涓句竴渚嬶紝瀵光�滃窛鍓р�濆彲浠ヨ繖鏍蜂粙缁嶏細鍥涘窛锛屽彜绉板崕闃筹紝鍙堝悕宸磋渶锛屽叾姘戦娣虫湸锛岀墿闃滄皯瀹夛紝琚獕涓衡�滃ぉ搴滀箣鍥解�濄�備織璇濊锛氣�滃灞卞姘存湁濂囨澃銆傗�濆洓宸濊繖鍧楁矁鍦熶笉浠呮秾鐜板嚭浜嗘棤鏁伴泟鎵嶅ぇ鐣ョ殑鏀挎不瀹躲�佸啗浜嬪鍜屼竴澶ф壒鍗撹秺鐨勬墠澹紝杩橀�犲氨浜嗕竴鎵逛紭绉�鐨勮〃婕旇壓鏈锛涗笉浠呯(鐮哄嚭浜嗘棤鏁板畯浼熺殑璇楃瘒浣充綔锛屽悓鏃朵篃瀛曡偛鍑轰簡涓�绉嶇嫭鍏风壒鑹茬殑鎴忔洸鑹烘湳褰㈠紡鈥斺�斿窛鍓с�傚窛鍓э紝杩欎釜琚獕涓衡�滃ぉ搴滀箣鑺扁�濈殑鎴忔洸鍓х锛屼互瀹冧赴瀵岀殑鍓х洰銆佸鏍风殑澹拌厰銆佺嫭鐗圭殑琛ㄦ紨锛屽湪涓浗鎴忓墽鑸炲彴涓婄嫭鏍戜竴甯滐紝鎴愪负宸磋渶涔嬪湴鐨勫張涓�楠勫偛銆�
+          </p>
+          <p>
+            鍥涙槸浜插垏鎬с�傞壌浜庤埅绌烘湇鍔″伐浣滅殑鐗圭偣鍜屾�ц川锛屾湇鍔$敤璇浜插垏銆佺畝娲併�備緥濡傦細鈥滄杩庢偍涔樺潗鏈鑸彮锛佲�濃�滆闂偍鎯冲枬鐐逛粈涔堬紵鈥濃�滆鎮ㄤ箙绛変簡銆傗�濃�滄偍鐨勮劯鑹蹭笉澶ソ锛岃闂偍鏈夊摢鍎夸笉鑸掓湇鍚楋紵鈥濃�滆阿璋㈡偍瀵规垜浠殑鏈嶅姟鎻愬嚭鐨勫疂璐垫剰瑙侊紝鎴戜竴瀹氭妸鎮ㄧ殑鎰忚鍙嶉缁欏叕鍙搞�傗�濅翰鍒囩畝娲佺殑璇濊鍙互澶уぇ鎻愰珮鏃呭鐨勬弧鎰忓害銆�
+          </p>
+          <p>
+            浜旀槸濮斿鎬с�傝埅绌烘湇鍔℃矡閫氳绌惰壓鏈殑璇磋瘽鏂瑰紡銆傚湪涓庢梾瀹㈠璇濇椂锛屼竴鑸儏鍐典笅瑕侀噰鐢ㄨ闂紡銆佽姹傚紡銆佸晢閲忓紡銆佽В閲婂紡绛夋伆褰撶殑璇磋瘽鏂瑰紡銆傚洜宸ヤ綔闇�瑕佹垨鏉′欢闄愬埗鑰岄渶瑕佹嫆缁濇梾瀹㈡椂锛屼篃瑕佸敖閲忕敤濮斿鐨勮〃杈炬柟寮忥紝涓嶅厑璁镐娇鐢ㄥ懡浠ゅ紡鐨勮姘斾笌鏃呭浜ゆ祦銆�
+          </p>
+          <p>鍙﹀锛屽湪璇█娌熼�氳繃绋嬩腑瑕佸敖閲忓仛鍒颁互涓嬪嚑鐐广��</p>
+          <p>
+            绗竴锛岃█鑰屾湁绀笺�傝繖鏄湪浜よ皥涓渶瑕佸仛濂界殑绗竴姝ャ�備换浣曚汉閮藉笇鏈涜兘鍜屽浆褰湁
+          </p>
+        </div>
+      </div>
+    </div>
+    <div class="page-box" page="11">
+      <div v-if="showPageList.indexOf(11) > -1">
+        <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
+          <li class="header-left-Number">042</li>
+          <li class="header-left-text">
+            鑸┖鏈嶅姟鍙h浜ら檯涓庢挱闊虫妧宸э紙绗� 2 鐗堬級
+          </li>
+        </ul>
+        <div class="bodystyle">
+          <p class="td-0 p-even">
+            绀肩殑浜轰氦娴併�傝唉閫婄殑鎬佸害銆佸弸濂界殑璇皵鍙互涓轰氦璋堣惀閫犲拰璋愩�佹剦蹇殑姘涘洿锛屽湪鈥滄偍濂解�濃�滆鈥濃�滃涓嶈捣鈥濃�滄墦鎼呬簡鈥濃�滃啀瑙佲�濈瓑涓�浜涢潪甯哥畝鍗曠殑绀艰矊鐢ㄨ鐨勭粏鑺備笂鍗冧竾涓嶈兘蹇借锛屽畠浠篃璁歌兘鍦ㄤ氦娴佽繃绋嬩腑甯姪鎴戜滑鎻愰珮鑷繁鐨勫嵃璞″垎銆�
+          </p>
+          <p class="p-even">
+            绗簩锛岃█鑰屾湁搴忋�傝█鑰屾湁搴忥紝涓昏寮鸿皟鐨勬槸璋堣瘽鐨勫眰娆★紝鍗充氦璋堣鏈夐�昏緫鎬с�傝繖涓�鐐瑰湪宸ヤ綔涓挨涓洪噸瑕併�傛垜浠笉闅惧彂鐜帮紝韬竟琚叕璁や负骞茬粌鐨勫悓浜嬫垨鑰呴瀵硷紝浠栦滑鍦ㄤ笌浜轰氦璋堟椂閫氬父鎬濊矾娓呮櫚銆佽█鑰屾湁搴忋�佽〃杈惧緱浣撴槑纭�傝鐭ラ亾锛屽湪鏈嶅姟宸ヤ綔涓紝鍙eご琛ㄨ揪鑳藉姏鑳藉弽鏄犱竴涓汉鐨勮兘鍔涙按骞炽�傝璇濇病鏈夐噸鐐广�佽瑷�鏀鐮寸銆佹兂鍒板摢鍎胯鍒板摢鍎匡紝鍙細璁╀汉瑙夊緱杩欎釜浜鸿璇濇潅涔辨棤绔犮�佹�濊矾娣蜂贡銆傛墍浠ワ紝浜よ皥鏃惰鎯冲ソ鍏堣浠�涔堬紝鍚庤浠�涔堬紝鎬濊矾瑕佹竻鏅帮紝鍐呭瑕佹湁鏉$悊锛屽竷灞�瑕佸悎鐞嗐��
+          </p>
+          <p class="p-even">
+            绗笁锛岃█鑰屾湁淇°�傝嚜鍙や互鏉ワ紝璇氫俊涓�鐩存槸琚汉浠禐璧忓拰鎺ㄥ磭鐨勫搧鏍笺�傚ぇ鍒颁紒涓氾紝灏忓埌涓汉锛岃瘹淇¢兘鏄畨韬珛鍛戒箣鏈�傚挨鍏舵槸鍦ㄨ亴鍦轰笂锛屼竴涓█鍑哄繀琛屻�佽鍒板仛鍒扮殑浜烘�昏兘寰楀埌鏇村浜虹殑娆h祻涓庝俊浠汇�傚悓鏍凤紝鍦ㄤ笌浜虹殑浜よ皥涓紝鐪熻瘹銆佽唉閫娿�佽笍瀹炵殑璇█涔熶細澧炲己浠栦汉鐨勪俊鏈嶆劅銆傚湪瑷�鑰屾湁淇℃柟闈紝瑕佹妸鎻″ソ涓夌偣锛氫竴鏄嚭瑷�瑕佹厧锛屼簩鏄姫鍔涗俊瀹堬紝涓夋槸璁茬┒閬撳痉銆備竴浠惰嚜宸辨病鏈夋妸鎻″仛鍒扮殑浜嬫儏锛屾�庝箞鑳戒俊瑾撴棪鏃﹀湴璁镐笅鎵胯鍛紵涓嶅仛娌℃湁鎶婃彙鐨勪簨鎯咃紝涓嶅仛娌℃湁鎶婃彙鐨勬壙璇猴紝涔熸槸璁叉眰璇氫俊鐨勯噸瑕佽〃鐜般��
+          </p>
+          <h3 id="c016 ">
+            <span class="h3-zt p-even">浜屻��</span
+            ><span class="h3-zt1">璇存湇</span>
+          </h3>
+          <img
+              class="img-k openImgBox"
+              src="../../assets/images/0054-1.jpg"
+              align="right"
+              hspace="5"
+            />
+          <p class="p-even">
+            姣忎釜浜洪兘鏄嫭绔嬬殑涓綋锛屽姣忎欢浜嬫儏鐨勭湅娉曚篃浼氭湁宸紓锛屽嵆浣挎槸蹇楀悓閬撳悎鐨勬寶鍙嬶紝涔熶笉鍙兘鍋氬埌浜嬩簨璁よ瘑銆佽瑙f案杩滃畬鍏ㄤ竴鑷淬�傚湪涓�浜涙儏鍐典笅锛岃嫢瑕佸彇寰椾竴鑷达紝灏辫鍔姏璇存湇瀵规柟銆傝兘澶熸湁鏁堝湴璇存湇鍒汉锛屼篃鏄埅绌烘湇鍔″伐浣滅殑閲嶈缁勬垚閮ㄥ垎銆�
+          </p>
+          <div class="bj2">
+            <div class="bj2-dyd">
+              <p><span class="bj2-dyd">璇讳竴璇烩柤</span></p>
+            </div>
+            <p class="center"><span class="zt-ls1">鎬庢牱璇存湇鍒汉</span></p>
+            <p>
+              鏈変竴澶╋紝鍖楅涓庡お闃充负浜嗚皝鐨勫姏閲忓ぇ鑰屼簤璁轰笉浼戙�傚畠浠喅瀹氾紝璋佽兘璁╄浜�
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="page-box" page="12">
+      <div v-if="showPageList.indexOf(12) > -1">
+        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
+          <img
+            class="headerImg mr-10"
+            src="../../assets/images/headerlogo.png"
+            alt=""
+          />
+          <li class="headerText">椤圭洰浜�</li>
+          <li class="headerText">鎵撳ソ鑸┖鏈嶅姟鍙h浜ら檯鍩虹</li>
+          <li class="headerNumber">043</li>
+        </ul>
+        <div class="bodystyle">
+          <div class="bj2">
+            <p class="td-0">鑴变笅琛f湇锛岃皝灏辫儨鍒┿��</p>
+            <p>
+              鍖楅涓�寮�濮嬪氨鐚涚儓鍦板埉锛岃矾涓婄殑琛屼汉閮借9绱т簡鑷繁鐨勮。鏈嶃�傚寳椋庤鐘讹紝鍒緱鏇寸寷浜嗭紱琛屼汉鍐峰緱鍙戞姈锛屼究娣诲姞鏇村鐨勮。鏈嶃�傚寳椋庣柌鍊︿簡锛屼究璁╀綅缁欏お闃炽��
+            </p>
+            <p>
+              澶槼鍙槸缂撶紦鍦板彂鐑紝灏嗘俯鍜岀殑闃冲厜娲掑悜琛屼汉銆傝浜烘劅鍒版殩娲嬫磱鐨勶紝渚胯劚鎺変簡鍘氬帤鐨勮。鏈嶃��
+            </p>
+            <p>
+              鐢辨绫绘帹锛屽鏋滆璇存湇涓�涓汉锛屽厛瑕佷簡瑙d粬鐨勬兂娉曪紝鐒跺悗寮曞瀵规柟灏嗕綘甯屾湜鐨勭粨鏋滃拰浠栬嚜宸辩殑鎯虫硶鎸傞挬銆傝繖鏍风殑璇存湇寰�寰�鑳借瀵规柟鎰熷埌鑸掗�傚苟蹇冪敇鎯呮効鍦版帴鍙椼��
+            </p>
+          </div>
+          <p>锛堜竴锛夎鏈嶇殑鍘熷垯</p>
+          <p>1.灏婇噸瀵规柟锛屽缓绔嬩俊浠�</p>
+          <p>
+            鍦ㄦ棩甯稿伐浣滀腑锛屾垜浠拰瀵规柟鐨勬剰瑙佷笉鍚堟椂锛屽垏鑾〃鐜板嚭鏁屾剰銆傛棤璁烘槸琛ㄦ儏锛岃繕鏄鍔ㄣ�佽璇濓紝閮藉簲鍔姏琛ㄧ幇鍑哄皧閲嶅鏂广�傚彧鏈夊彇寰椾簡瀵规柟鐨勪俊浠伙紝璇存湇鎵嶈兘鏈夋晥鍦拌繘琛屼笅鍘汇�傝鏈嶆槸骞崇瓑浜ゆ祦鐨勮瑷�鑹烘湳锛屽鏋滅敤鐩涙皵鍑屼汉銆佸眳楂樹复涓嬬殑鎬佸害锛岃皝涔熶笉鑳芥帴鍙椼�傚鏋滀笉灏婇噸瀵规柟锛岃繖鏍风殑璇存湇鍙兘鎷涙潵閫嗗弽鎯呯华锛屼笉鍙兘浣挎剰瑙佽揪鎴愪竴鑷淬�傚彧鏈夊皧閲嶅鏂癸紝寤虹珛璧蜂俊浠荤殑鍏崇郴锛屾墠鑳藉緱鍒板埆浜虹殑鎺ョ撼涓庤鍚岋紝浠庤�屼负璇存湇鎵撲笅鑹ソ鐨勫熀纭�銆�
+          </p>
+          <p>2.鍧氭寔鍙岃耽</p>
+          <p>
+            璇存湇鍒汉鎺ュ彈鎴戜滑鐨勮鐐癸紝蹇呯劧浼氫娇瀵规柟鏀惧純鍘熷厛鎵�鍧氭寔鐨勫師鍒欏拰鐪嬫硶銆�
+            鑰屽湪澶у鏁版椂鍊欙紝瀵规柟涓嶆効鎰忔帴鍙楁垜浠殑瑙傜偣鐨勫師鍥犳槸鎰熷彈鍒颁簡鏀瑰彉涓庤杩�傚洜姝わ紝鍦ㄨ鏈嶇殑杩囩▼涓鍧氭寔鍙岃耽鐨勫師鍒欙紝璁╁鏂规劅鍒版帴鍙椾簡鎴戜滑鐨勮鐐逛篃鑳界粰浠栧甫鏉ュ埄鐩婏紝鑰岄潪鍥犱负鏀瑰彉鑰屾湁鎵�鎹熷け銆傛垜浠璁╁鏂硅璇嗗埌锛屽弻鏂归兘鏄负鐫�鍚屼竴涓洰鏍囪�屽姫鍔涳紝鍙槸鍦ㄦ柟寮忓拰鏂规硶涓婃湁鎵�鍖哄埆銆�
+          </p>
+          <p>3.蹇冨钩姘斿拰锛屼笉瑕佹�ヤ簬姹傛垚</p>
+          <p>
+            鈥滃績鎬ュ悆涓嶄簡鐑眴鑵愩�傗�濊鏈嶅埆浜鸿浆鍙樻�濇兂銆佹帴鍙椾笉鍚岀殑瑙傜偣涓嶆槸涓�浠剁畝鍗曠殑浜嬫儏銆傚湪璇存湇鐨勮繃绋嬩腑锛岀敱浜庢剰瑙佷笉缁熶竴锛屽彲鑳戒細婵�鍖栫煕鐩俱�傚湪鏃呭鎯呯华婵�鍔ㄧ殑鎯呭喌涓嬶紝涔樺姟鍛樺氨闇�瑕佸績骞虫皵鍜岋紝涓嶈兘鎬ヤ簬姹傛垚锛岃�岃鑰愬績缁嗚嚧銆佺ǔ鎵庣ǔ鎵撱�傝繖鏍峰線寰�鑳藉緱鍒版洿澶氭湁鐢ㄧ殑淇℃伅锛屽�熷姪杩欎簺淇℃伅瀹夋姎鏃呭鐨勬儏缁紝鏇存槗瑙e喅闂銆�
+          </p>
+        </div>
+      </div>
+    </div>
+    <div class="page-box" page="13">
+      <div v-if="showPageList.indexOf(13) > -1">
+        <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
+          <li class="header-left-Number">044</li>
+          <li class="header-left-text">
+            鑸┖鏈嶅姟鍙h浜ら檯涓庢挱闊虫妧宸э紙绗� 2 鐗堬級
+          </li>
+        </ul>
+        <div class="bodystyle">
+          <p>锛堜簩锛夎鏈嶇殑鏂规硶</p>
+          <p>
+            鎴愬姛鍦拌鏈嶅埆浜哄苟涓嶆槸浠惰交鑰屾槗涓剧殑浜嬨�傛垜浠湪璇曞浘璇存湇瀵规柟鏃朵笉瑕佹�ヤ簬姹傛垚锛屽彲浠モ�滃惊搴忔笎杩涒�濄�傝鏈嶇殑鍓嶆彁鏄湁瓒冲鐨勪俊浠伙紝鍥犳瑕佸厛鑾峰彇瀵规柟鐨勪俊浠伙紝鍐嶉�愭璇存湇瀵规柟銆傚彲浠ュ厛鐢卞鏂逛笉缁忔剰鐨勯棶棰樺垏鍏ワ紝鍐嶅惊搴忔笎杩涖�佹姝ユ繁鍏ワ紝浠庤�岄�愭笎寮曞悜瀹炶川鎬ч棶棰橈紝浣垮鏂硅窡闅忔垜浠眰灞傛帹璁虹殑鎬濈淮杞ㄨ抗锛屾笎娓愭帴鍙楁垜浠墍璁茬殑浜嬬悊銆�
+          </p>
+          <p>鍦ㄥ叿浣撶殑宸ヤ綔鎯呭涓紝璇存湇涓昏鏈変互涓嬪嚑绉嶆柟娉曘��</p>
+          <p>1.铻嶆儏鍔ㄥ績娉�</p>
+          <p>
+            鈥滃姩浜哄績鑰呰帿鍏堜簬鎯呫�傗�濆啺鍐风殑鎬佸害銆佸叕浜嬪叕鍔炵殑瑷�杈烇紝閮戒細寮曡捣瀵规柟鐨勯�嗗弽蹇冪悊銆傚湪鏈嶅姟宸ヤ綔涓紝鎴戜滑闇�瑕佹梾瀹㈤厤鍚堟椂锛岄兘瑕佸厛鑾峰彇鏃呭鐨勪俊浠讳笌鏀寔銆傝繖鏃讹紝涓烘梾瀹㈡彁渚涗竴浜涘府鍔╋紝寮曞瀵规柟鍊捐瘔鑷繁鐨勭儲鎭硷紝閮藉彲浠ュ揩閫熸媺杩戞垜浠笌鏃呭鐨勮窛绂伙紝浠庤�岃鏃呭绉瀬閰嶅悎鎴戜滑鐨勫伐浣溿�傛病鏈夊績鐞嗕笂鐨勬矡閫氬仛鍩虹锛屽嵆浣挎湁鐞嗭紝涔熷緢闅鹃『鍒╄揪鍒拌鏈嶇殑鐩殑銆�
+          </p>
+          <div class="bj2">
+            <div class="bj2-dyd">
+              <p><span class="bj2-dyd">璇讳竴璇烩柤</span></p>
+            </div>
+            <p class="center"><span class="zt-ls1">璇█鐨勫樊寮�</span></p>
+            <p>
+              涓�浣嶄箻鍔¢暱娌夌潃鑴稿涓�涓繜鍒颁簡涓�鍒嗛挓鐨勪箻鍔″憳鍘夊0璇达細鈥滆繜鍒颁簡!鎵i挶锛佲�濇妸杩熷埌鐨勪箻鍔″憳璇村摥浜嗐��
+            </p>
+            <p>
+              鍙︿竴浣嶄箻鍔¢暱鍦ㄥ悓鏍风殑鎯呭喌涓嬭锛氣�滀綘杩欎笣宸句粖澶╂墦寰楃湡涓嶉敊銆備絾鏄繜鍒板暒锛岃刀绱у幓鎶婅惤涓嬬殑宸ヤ綔琛ヤ笂銆傗��
+            </p>
+            <p>
+              杩樻湁涓�浣嶄箻鍔¢暱缁嗗0缁嗚鍦拌锛氣�滃埆鐫�鎬ワ紝鐪嬩綘璺戝緱涓婃皵涓嶆帴涓嬫皵锛屽噯鏄湁浠�涔堟�ヤ簨鑰借浜嗗惂锛岃刀绱у伐浣溿�傗��
+            </p>
+            <p>
+              涓変綅涔樺姟闀跨殑鐩殑閮芥槸涓�鏍风殑锛屽彲鏄瑷�鐨勫樊寮傚嵈浣垮緱缁撴灉瀹屽叏涓嶅悓銆傜涓�浣嶆槑鏄鹃潪甯告秷鏋併�傜浜屼綅涓嶄粎鎵硅瘎浜嗭紝杩樿惤鍦ㄤ簡瀹為檯宸ヤ綔涓娿�傜涓変綅鍏虫��澶囪嚦锛岃浜烘劅鍔ㄣ��
+            </p>
+          </div>
+          <p>2.鍊熸璇村郊娉�</p>
+          <p>
+            鍊熸璇村郊鏄寚鍒╃敤涓や釜浜嬬墿涔嬮棿鐨勬煇涓�鐩镐技鐐癸紝鍊熺敳浜嬬墿璇存槑涔欎簨鐗╋紝杩欑鏂规硶寰�寰�閫氫織鏄撴噦鑰屼笖鍏锋湁寰堝己鐨勮鏈嶅姏锛屽崄鍒嗛�傚悎琛ㄨ揪鑷繁鐨勬劅鍚岃韩鍙椼�傚父瑙佺殑濡傝埅绌烘湇鍔′汉鍛樺湪鑸彮寤惰鏃讹紝鍚戞梾瀹㈣〃绀鸿韩涓鸿埅绌烘湇鍔′汉鍛樹篃缁忓父閬亣鑸彮寤惰鐨�
+          </p>
+        </div>
+      </div>
+    </div>
+    <div class="page-box" page="14">
+      <div v-if="showPageList.indexOf(14) > -1">
+        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
+          <img
+            class="headerImg mr-10"
+            src="../../assets/images/headerlogo.png"
+            alt=""
+          />
+          <li class="headerText">椤圭洰浜�</li>
+          <li class="headerText">鎵撳ソ鑸┖鏈嶅姟鍙h浜ら檯鍩虹</li>
+          <li class="headerNumber">045</li>
+        </ul>
+        <div class="bodystyle">
+          <p class="td-0">
+            鎯呭喌锛岄潪甯稿奖鍝嶅伐浣溿�佺敓娲伙紝鐒跺悗浠嬬粛鑷繁鍦ㄨ繖绉嶆儏鍐典笅閫氬父濡備綍澶勭悊濂戒簨鎯呫�佸畨鎺掑ソ宸ヤ綔銆傝繖鏍凤紝灏变笉鏄珯鍦ㄦ梾瀹㈢殑瀵圭珛闈紝鑰屾槸鍜屾梾瀹㈢珯鍦ㄢ�滃悓涓�杈光�濓紝灏辫兘璁╂梾瀹㈡洿濂藉湴鎺ョ撼鑷繁锛屽線寰�鍙互椤哄埄鍦版妸鏃呭鍚戣В鍐崇溂涓嬬殑闂鐨勬柟鍚戜笂寮曞锛岃繖鏈夊姪浜庢洿濂藉湴瀹屾垚鏃呭瀹夋姎宸ヤ綔銆�
+          </p>
+          <p>3.浠ラ��涓鸿繘</p>
+          <p>
+            鍦ㄨ鏈嶅埆浜烘椂锛岃鍏堢珯鍦ㄥ埆浜虹殑绔嬪満涓婏紝浠ラ��涓鸿繘锛屽惊寰杽璇憋紝鏈�缁堣揪鍒扮洰鐨勩�傝繖绉嶆柟娉曢渶瑕佷粠鍒汉鐨勫埄鐩婄殑瑙掑害鍑哄彂锛屽悓鏃舵妸鎻′綇鑷繁鐨勮鐐瑰拰鍘熷垯锛岀鎵跨潃娓╂煍涓斿潥瀹氱殑鎬佸害锛屼笉鍙竴鍛冲悗閫�銆傛垜浠鎬佸害鏌斿拰鍦颁紶杈捐嚜韬潥瀹氱殑绔嬪満锛屽惁鍒欏氨瀹规槗琚埆浜鸿鏈嶃��
+          </p>
+          <p>4.鏃佹暡渚у嚮娉�</p>
+          <p class="db-box">
+            <span>
+              璇存湇涓嶄竴瀹氬叏閮介噰鍙栫洿鎺ュ嚭鍑荤殑鏂规硶锛屽彲浠ユ梺鏁蹭晶鍑汇�佹殫绀哄埆浜猴紝鍏堥伩寮�鑷繁鐨勮鐐癸紝鍜屽鏂瑰洿缁曠浉鍏宠瘽棰樺睍寮�璁ㄨ锛岃繖涔熸槸琛屼箣鏈夋晥鐨勬柟娉曚箣涓�銆傛梺鏁蹭晶鍑绘硶濡傛灉鐢ㄥ緱鎭板埌濂藉锛岃兘浣夸汉寰堝揩鎺ュ彈鎴戜滑鐨勮鐐癸紝骞朵笖蹇冩偊璇氭湇銆�
+            </span>
+            <img class="img-b openImgBox" alt="" src="../../assets/images/0057-1.jpg" />
+          </p>
+          <p>5.宸у�熷悕瑷�娉�</p>
+          <p>
+            鍚嶈█鏄汉绫诲嚑鍗冨勾鏉ユ櫤鎱х殑缁撴櫠銆傜煭灏忕簿鎮嶇殑鍚嶈█鍑嗙‘銆佺簿缁冦�佷竴璇腑鐨勶紝寮曠敤鍚嶈█鏉ヨ鏈嶅埆浜猴紝鍏锋湁鏉冨▉鎬э紝鑳借捣鍒板緢濂界殑鏁堟灉銆�
+          </p>
+          <div class="bj2">
+            <div class="bj2-dyd">
+              <p><span class="bj2-dyd">璇讳竴璇烩柤</span></p>
+            </div>
+            <p class="center"><span class="zt-ls1">涓�鏉按骞虫伅涓�鍦洪娉�</span></p>
+            <p>
+              鏌愯埅鐝洜鏈烘鏁呴殰寤惰銆傚綋鏃舵鍊奸叿鏆戯紝鏃呭琚椃鍦ㄥ鑸遍噷锛屾病鏈夌┖璋冿紝鏃呭鐨勬儏缁殢鐫�姘旀俯鐨勫崌楂樹笉鏂彉宸�傜湅鍒拌繖绉嶆儏鏅紝涔樺姟鍛樹竴杈瑰ぇ澹板湴瑕佹眰鏃呭瀹夐潤锛屼竴杈瑰畨鎶氭梾瀹紝鍙箻鍔″憳鐨勮璇濆0瀹屽叏琚饭娌″湪鍚甸椆澹颁腑銆備竴鍚嶇敺鏃呭鎸夋嵑涓嶄綇锛屼娇鍔叉寜鍛煎彨閾冦�備箻鍔″憳鎬ュ繖璧拌繃鍘伙紝韫蹭笅韬棶浠栵細鈥滃厛鐢燂紝鎮ㄦ湁浠�涔堥渶瑕佹垜甯繖鐨勫悧锛熷ぉ杩欎箞鐑紝鎮ㄥ厛鍧愪笅鏉ヤ紤鎭紤鎭紝鍠濇澂姘村ソ鍚楋紵鈥濈劧鍚庡浠栧井寰湴绗戜簡绗戯紝閭d綅鏃呭鍏堟槸鎰d簡涓�涓嬶紝鎰忚瘑鍒拌嚜宸卞け鎬佸悗锛岃刀绱ф帴杩囦箻鍔″憳鐨勬按锛屽枬浜嗚捣鏉ワ紝骞跺洖浜嗗0锛氣�滆阿璋紒鈥濆叾浠栨梾瀹㈢湅鍒拌繖鏍风殑鎯呮櫙锛屾剰璇嗗埌鑷繁涔熷彛骞茶垖鐕ヤ簡锛屼簬鏄悍绾峰悜涔樺姟鍛樿姹傛彁渚涢ギ鏂欙紝涔樺姟鍛樻剦蹇湴绛斿簲浜嗭紝涓�鍦洪娉㈠氨杩欐牱寰堝揩骞虫伅涓嬫潵銆�
+            </p>
+          </div>
+          <div class="bk2">
+            <div class="bj2-dyd">
+              <p><span class="bj2-dyd">鎷撳睍瑙嗛鈻�</span></p>
+            </div>
+            <!-- 瑙嗛 -->
+            <ul class="videos-box">
+              <li>
+                <video
+                  :src="videos[0].url"
+                  webkit-playsinline="true"
+                  x-webkit-airplay="true"
+                  playsinline="true"
+                  x5-video-orientation="h5"
+                  x5-video-player-fullscreen="true"
+                  x5-playsinline=""
+                  controls
+                  controlslist="nodownload"
+                  class="video-border w100"
+                ></video>
+                <p class="img fl al-cn ju-cn">
+                  <span>{{ videos[0].name }}</span>
+                  <img
+                    :src="
+                      collectResourceList.includes(videos[0].md5)
+                        ? collectCheck
+                        : collectImg
+                    "
+                    alt=""
+                    class="collect-btn"
+                    @click="handleCollect(0)"
+                  />
+                </p>
+              </li>
+              <li>
+                <video
+                  :src="videos[1].url"
+                  webkit-playsinline="true"
+                  x-webkit-airplay="true"
+                  playsinline="true"
+                  x5-video-orientation="h5"
+                  x5-video-player-fullscreen="true"
+                  x5-playsinline=""
+                  controls
+                  controlslist="nodownload"
+                  class="video-border w100"
+                ></video>
+                <p class="img fl al-cn ju-cn">
+                  <span>{{ videos[1].name }}</span>
+                  <img
+                    :src="
+                      collectResourceList.includes(videos[1].md5)
+                        ? collectCheck
+                        : collectImg
+                    "
+                    alt=""
+                    class="collect-btn"
+                    @click="handleCollect(1)"
+                  />
+                </p>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="page-box" page="15">
+      <div v-if="showPageList.indexOf(15) > -1">
+        <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
+          <li class="header-left-Number">046</li>
+          <li class="header-left-text">
+            鑸┖鏈嶅姟鍙h浜ら檯涓庢挱闊虫妧宸э紙绗� 2 鐗堬級
+          </li>
+        </ul>
+        <div class="bodystyle">
+          <h3 id="c001" class="p-even">浠诲姟浜�<br />鐗规畩鎯呭喌鐨勬矡閫�</h3>
+          <div class="task ma-l"></div>
+          <p class="p-even">
+            鑸┖鏈嶅姟浜哄憳鍦ㄥ伐浣滀腑鍙兘浼氶亣鍒颁竴浜涚壒娈婃儏鍐碉紝濡傛梾瀹㈤棿鍙戠敓鐭涚浘銆侀亣鍒扮揣鎬ユ儏鍐点�佹梾瀹㈣繚瑙勩�侀鏈哄欢璇瓑銆傝埅绌烘湇鍔′汉鍛橀渶瑕佸叿澶囧鐞嗚繖浜涚壒娈婃儏鍐电殑鑳藉姏銆�
+          </p>
+          <div class="bj2">
+            <div class="bj2-dyd">
+              <p><span class="bj2-dyd">璇讳竴璇烩柤</span></p>
+            </div>
+            <p class="center">
+              <span class="zt-ls1">鈥滆兘涓嶈兘鎶婇鏈哄彨鍥炴潵锛熻兘涓嶈兘甯府鎴戜滑锛熲��</span>
+            </p>
+            <p>
+              <img
+                class="img-e openImgBox"
+                alt=""
+                src="../../assets/images/0058-1.jpg"
+                align="right"
+                width="120"
+                hspace="5"
+                vspace="1"
+              />
+              杩欐槸2021骞�4鏈�30鏃ユ繁澶滃拰鐢版満鍦哄崡鏂硅埅绌哄叕鍙歌惀涓氬鍑犱綅鏃呭鐒︽�ユ眰鍔╃殑璇濊銆傚綋澶╋紝鏂扮枂鍜岀敯涓�鍚�7宀佺敺瀛╁洜鎵嬭噦琚嫋鎷夋満缁炴柇锛岄渶绱ф�ュ墠寰�涔岄瞾鏈ㄩ綈杩涜鎺ヨ噦鎵嬫湳锛岀劧鑰屽綋澶╂渶鍚庝竴鐝敱鍜岀敯椋炲線涔岄瞾鏈ㄩ綈鐨勮埅鐝凡鎸夎鍒掓帹鍑哄粖妗ワ紝鍑嗗婊戣璧烽銆傜粡杩囨矡閫氬崗璋冿紝椋炴満涓轰簡鐢峰浜屾寮�闂紝璁╃敺瀛╅『鍒╃櫥鏈猴紝鍙婃椂寰楀埌浜嗘不鐤楋紝瀹屾垚浜嗘帴鑷傛墜鏈紝韬綋鎭㈠鐘跺喌鑹ソ銆�
+            </p>
+            <p>
+              鍦ㄨ繖娆′簨浠剁殑澶勭悊杩囩▼涓紝鑸┖鍏徃銆佹満缁勪汉鍛樸�佹梾瀹紝閮借〃鐜板嚭浜嗗鐢熷懡楂樺害鐨勫皧閲嶃�傛柇鑲㈠啀妞嶆槸鏈夋椂闄愮殑锛屽苟涓旈渶瑕侀�傚疁鐨勬俯搴︺�傛晳鍔╂柇鑲㈢敺瀛╂槸鐪熸鍦ㄤ笌鏃堕棿璧涜窇銆�
+            </p>
+            <p>
+              鍦ㄨ繖涓�滆禌璺戞湡鈥濓紝鏈哄満宸ヤ綔浜哄憳鍗忚皟鑸嚎锛屾満缁勬矡閫氭梾瀹紝101鍚嶆梾瀹㈡病鏈変竴涓汉涓嶆効鎰忥紝鏁翠釜杩囩▼鐪熸鍋氬埌浜嗕互浜轰负鏈�傜礌涓嶇浉璇嗙殑浜烘効鎰忓湪瑙勫垯涔嬪鑰冭檻浜烘儏锛岀敤鏈�鐭殑鏃堕棿锛屼竴璧锋晳鍔╀簡涓�涓瀛愩��
+            </p>
+          </div>
+          <p class="p-even">
+            鑸┖鏈嶅姟浜哄憳闄や簡瑕佹湁娓婂崥鐨勭煡璇嗐�佽瘹鎭崇殑鏈嶅姟鎬佸害銆佷笓涓氱殑鏈嶅姟鎶�鑳斤紝杩樿鎺屾彙涓�浜涚壒娈婃儏鍐典笅鐨勬矡閫氭妧宸э紝瑕佺敤鐖卞績鍜屾櫤鎱ф壆婕旀弧瓒虫梾瀹㈤渶瑕佺殑瑙掕壊銆�
+          </p>
+        </div>
+      </div>
+    </div>
+    <div class="page-box" page="16">
+      <div v-if="showPageList.indexOf(16) > -1">
+        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
+          <img
+            class="headerImg mr-10"
+            src="../../assets/images/headerlogo.png"
+            alt=""
+          />
+          <li class="headerText">椤圭洰浜�</li>
+          <li class="headerText">鎵撳ソ鑸┖鏈嶅姟鍙h浜ら檯鍩虹</li>
+          <li class="headerNumber">047</li>
+        </ul>
+        <div class="bodystyle">
+          <h3 id="c017">
+            <span class="h3-zt">涓�銆�</span
+            ><span class="h3-zt1">鐗规畩鎯呭喌涓嬬殑娌熼�氭妧宸�</span>
+          </h3>
+          <h4 id="d032">锛堜竴锛夊洖绛旀晱鎰熸垨灏村艾闂鐨勬妧宸�</h4>
+          <p>
+            鏃呭鏉ヨ嚜涓嶅悓鐨勫湴鏂癸紝鏈夌潃涓嶅悓鐨勫叴瓒g埍濂斤紝鎻愬嚭鐨勯棶棰樹篃鏄簲鑺卞叓闂紝鍦ㄨ繖鏍风殑鎯呭喌涓嬶紝鏄惁鎺屾彙涓�瀹氱殑鍥炵瓟闂鐨勬妧宸т篃灏辨垚涓鸿 閲忚埅绌烘湇鍔′汉鍛樻矡閫氳兘鍔涢珮浣庣殑涓�涓爣鍑嗐�傝埅绌烘湇鍔′汉鍛樺湪鍥炵瓟闂鏃讹紝瀵逛簬鍘熷垯鎬ч棶棰樿鍋氬埌鏄潪鍒嗘槑锛屽鍦ㄥ洖绛斾竴浜涙秹鍙婃皯鏃忓皧涓ャ�佸浗瀹跺舰璞$殑闂鏃讹紝涓�瀹氳鍧氭寔鍘熷垯锛岀粰浜堟槑纭殑鍥炵瓟銆傚浜庢梾瀹㈡彁鍑虹殑姣旇緝鍒侀捇鐨勯棶棰橈紝鍙噰鍙栤�滄洸绾垮洖閬库�濈殑鏂瑰紡鍥炲鏃呭锛屾瘮濡傚彲閲囩敤鍙嶉棶鐨勬柟寮忥紝鎶婇棶棰樿繑缁欏鏂广�備緥濡傦紝涓�娆¢鏈哄湪閫旂粡娌冲寳鎵垮痉鏃讹紝鏈変竴鍚嶅鍥芥梾瀹㈤棶锛氣�滄壙寰蜂互鍓嶆槸钂欏彜鏃忓眳浣忕殑鍦版柟锛屽洜涓哄畠鍦ㄩ暱鍩庝互澶栵紝瀵瑰悧锛熲�濅箻鍔″憳鍥炵瓟锛氣�滄槸鐨勶紝鐜板湪鎵垮痉鐨勬煇涓潙钀借繕鏄挋鍙よ鍚嶅瓧銆傗�濊鏃呭鍙堥棶锛氣�滈偅涔堬紝鍙笉鍙互杩欐牱璇达紝鐜板湪姹夋棌渚电暐浜嗚挋鍙ゆ棌鐨勫湴鐩樺憿锛熲�濅箻鍔″憳鍥炵瓟锛氣�滀笉锛岃繖搴旇鍙皯鏃忎氦铻嶃�備腑鍥界殑鍖楁柟鏈夋眽鏃忎汉锛屽悓鏍峰崡鏂逛篃鏈夎挋鍙ゆ棌浜恒�傚氨鍍忓緢澶氬浗瀹朵竴鏍凤紝涓浗鏄竴涓姘戞棌鍥藉锛岃繖鏄绉嶅師鍥犻�犳垚鐨勶紝骞朵笉鏄镜鐣ャ�傗��
+          </p>
+          <h4 id="d033">锛堜簩锛夋梾瀹箣闂村彂鐢熺籂绾风殑璋冭В鎶�宸�</h4>
+          <p>
+            鏃呭涔嬮棿鍙戠敓绾犵悍鏃讹紝鑸┖鏈嶅姟浜哄憳涓嶅彲缃箣涓嶇悊锛岃�屽簲璇ヨ鎯呭喌閲囩敤涓�瀹氱殑璋冭В鎶�宸э紝甯姪鏃呭瑙e喅绾犵悍銆傝繖浜涙妧宸у寘鎷繚鎸佸喎闈欍�佽�愬績鑱嗗惉銆佸鎵惧叡鍚屽埄鐩娿�佸缓绔嬩俊浠汇�侀�傚綋濡ュ崗绛夈��
+          </p>
+          <div class="bj2">
+            <div class="bj2-dyd">
+              <p><span class="bj2-dyd">璇讳竴璇烩柤</span></p>
+            </div>
+            <p class="center"><span class="zt-ls1">宸ц搴斿彉</span></p>
+            <p>
+              涔樺姟鍛樺皬鐜嬪垰缁欏潗鍦�43C鐨勬梾瀹㈠姞濂借尪姘达紝鏀惧湪灏忔鏉夸笂锛屾病鎯冲埌灏辫鍧愬湪42C鐨勬梾瀹㈤噸閲嶆斁涓嬬殑搴ф闈犺儗纰板�掍簡銆傝繖鏉按鐩存帴娲掑湪浜�43C鏃呭鐨勫ぇ鑵夸笂锛屼笂鍗婇儴鍒嗚¥鑵块兘婀夸簡锛岃�屽潗鍦�42C鐨勬梾瀹㈣繕涓嶇煡閬撹韩鍚庡彂鐢熺殑浜嬫儏锛屼緷鏃у畨鐒跺湴浼戞伅鐫�銆傚潗鍦�43C鐨勬梾瀹㈠崄鍒嗙敓姘旓紝浼告墜灏卞噯澶囧幓鎺ㄦ鑳岋紝瑕佸拰鍓嶆帓鐨�
+            </p>
+            <p>
+              <img
+                class="openImgBox"
+                width="36%"
+                src="../../assets/images/0059-1.jpg"
+                align="right"
+                hspace="5"
+                vspace="1"
+              />
+              鏃呭鐞嗚锛岃繖涓�骞曟伆濂借灏忕帇灏芥敹鐪煎簳锛屽ス鍙婃椂鎷︿綇浜嗗潗鍦�43C鐨勬梾瀹㈢殑鎵嬶紝骞惰刀绱х敤鎵嬩腑鐨勫皬姣涘肪甯粬鎿︽嫮锛屽悓鏃惰閬擄細鈥滆繖浣嶅厛鐢燂紝鎬庝箞绉板懠鎮紵杩欎釜灏忓け璇儲璇锋偍澶氭媴寰咃紝鎴戜滑浼氱粰鎮ㄤ竴涓弧鎰忕殑缁撴灉锛岃阿璋㈡偍鐨勯厤鍚堛�傚笇鏈涢�氳繃杩欎釜鎻掓洸锛屾湁缂樹笌鎮ㄧ浉璇嗐�傗�濇梾瀹㈠惉鍚庝笉绂佺О璧為亾锛氣�滀綘鍙湡浼氳璇濆晩!鈥濆皬鐜�
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="page-box" page="17">
+      <div v-if="showPageList.indexOf(17) > -1">
+        <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
+          <li class="header-left-Number">048</li>
+          <li class="header-left-text">
+            鑸┖鏈嶅姟鍙h浜ら檯涓庢挱闊虫妧宸э紙绗� 2 鐗堬級
+          </li>
+        </ul>
+        <div class="bodystyle">
+          <div class="bj2">
+            <p class="td-0">
+              鎺ョ潃璇达細鈥滀織璇濊锛屸�樼櫨骞翠慨寰楀悓鑸规浮鈥欙紝鍜变滑杩欎竴椋炴満鐨勫彲閮芥槸鏈夌紭浜哄晩锛屾偍鍗冧竾鍒線蹇冮噷鍘汇�傛偍鏈夊鐢ㄧ殑瑁ゅ瓙鍚楋紵鎴戝甫鎮ㄥ幓鍗敓闂存洿鎹竴涓嬪惂銆傗�濊繖浣嶆梾瀹㈠惉瀹屽悗锛屼竴涓姴鍦拌锛氣�滄垜娌′簨锛屾病浜嬶紝楹荤儲浣犲暒銆傗�濇渶鍚庤繖浣嶆梾瀹㈣〃绀鸿鍦ㄦ剰瑙佹湰涓婂灏忕帇鐨勬湇鍔¤繘琛岃〃鎵�傚墠闈㈢殑鏃呭鍚埌浜嗚繖鐣璇濓紝鐭ラ亾璺熻嚜宸辨湁鍏筹紝鍗佸垎涓嶅ソ鎰忔�濆湴杩涜浜嗛亾姝夈�備箻鍔″憳鐨勫阀璇簲鍙樺氨杩欐牱涓哄嚭鐜版棤蹇冧箣澶辩殑鏃呭鎻愪緵浜嗗彴闃讹紝鍖栬В浜嗕竴娆′簤绔紝璧㈠緱浜嗙殕澶ф鍠滅殑灞�闈€��
+            </p>
+          </div>
+          <h4 id="d034">
+            锛堜笁锛夊強鏃朵负鏃呭浼犻�掑悇绉嶄俊鎭紝鎶婃湇鍔″仛鍦ㄦ梾瀹㈠紑鍙d箣鍓�
+          </h4>
+          <p>
+            鍙婃椂鏄竴绉嶆槑瀵熺姣殑鑳藉姏锛屽叿浣撹〃鐜颁负鍙婃椂鍙戠幇鏃呭鐨勭粏灏忓彉鍖栵紝鐢ㄥ績浣撹创锛屽杽瑙d汉鎰忥紝鎬ユ梾瀹箣鎵�鎬ワ紝鎯虫梾瀹箣鎵�鎯筹紝鐢氳嚦鍦ㄦ梾瀹㈡湰浜鸿繕鏈槑纭剰璇嗗埌浠栨墍闇�瑕佺殑鏈嶅姟鏃讹紝灏变富鍔ㄤ负鏃呭鎻愪緵鐩稿叧鏈嶅姟锛屽府鍔╂梾瀹㈣В鍐充粬鎵�闈复鐨勯棶棰樸�備紭绉�鐨勮埅绌烘湇鍔′汉鍛樿兘澶熶笌鏃呭鍙栧緱蹇冪伒涓婄殑娌熼�氾紝浠庤�岃鏃呭婊℃剰锛屽苟璁╂梾瀹㈡劅鍒版俯棣ㄣ��
+          </p>
+          <h4 id="d035">锛堝洓锛変弗鑲冨寰呮梾瀹㈤棿鐨勭煕鐩�</h4>
+          <p>
+            鍦ㄩ鏈轰笂鍙戠敓鑲綋鍐茬獊涓嶆槸涓�浠跺皬浜嬶紝鑰屾槸褰卞搷椋炶瀹夊叏鐨勫ぇ浜嬨�傛瘡涓�鏋堕鏈哄湪璧烽鍓嶏紝浜哄憳閰嶆瘮銆佽揣鐗╄杞界姸鍐甸兘瑕佺粡杩囦弗鏍肩殑娴嬬畻锛屽敖閲忚椋炴満鍦ㄩ琛屾椂淇濇寔骞宠 濮挎�併�備竴鏃﹂鏈轰笂鏈夋梾瀹㈠彂鐢熸縺鐑堢殑鑲綋鍐茬獊锛屽鏋滃啀鍔犱笂鍑犱釜浜哄姖鏋讹紝椋炴満鐨勫钩琛″Э鎬佸氨鍙兘浼氬彈鍒板奖鍝嶏紝涓ラ噸鏃剁敋鑷冲彲鑳藉鑷撮鏈哄け浜嬨��
+          </p>
+          <div class="bj2">
+            <div class="bj2-dyd">
+              <p><span class="bj2-dyd">璇讳竴璇烩柤</span></p>
+            </div>
+            <p class="center">
+              <span class="zt-ls1">鏃呭鎵撴灦锛岃鍋氬ソ鍔濊В宸ヤ綔</span>
+            </p>
+            <p>
+              鏌愭棩涓婂崍锛屾煇鏈哄満璀︽柟鎺ュ埌鎶ヨ锛屾煇鑸┖鍏徃鑸彮鏈虹粍浜哄憳绉帮紝姝e湪椋炶銆侀璁�9鏃�40鍒嗚闄嶈惤姝︽眽鐨勯鏈轰笂锛屾湁浜斿悕鏃呭鍦ㄦ墦鏋躲��
+            </p>
+            <p>
+              <img
+                class="img-e openImgBox"
+                alt=""
+                src="../../assets/images/0060-1.jpg"
+                style="float: left"
+              />
+              鍦ㄨ埅鐝埌杈惧悗锛岃埅绔欐ゼ娲惧嚭鎵�姘戣绗竴鏃堕棿涓庤鑸彮鐨勫畨鍏ㄥ憳鍙栧緱鑱旂郴锛屽緱鐭ユ湰娆¤埅鐝敱鏄嗘槑椋炲線娌堥槼锛岀粡鍋滄姹夛紝璇ヨ埅鐝湪椋炶杩囩▼涓紝鏃呭鍒樺コ澹笌鍥涘悕鏃呭鍙戠敓鍐茬獊銆傚畨鍏ㄥ憳鍏堝悗鍑犳灏嗗弻鏂规媺寮�锛岄兘鏃犳硶鍒舵銆傛渶鍚庯紝椋炴満涓婂叾浠栨梾瀹�
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="page-box" page="18">
+      <div v-if="showPageList.indexOf(18) > -1">
+        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
+          <img
+            class="headerImg mr-10"
+            src="../../assets/images/headerlogo.png"
+            alt=""
+          />
+          <li class="headerText">椤圭洰浜�</li>
+          <li class="headerText">鎵撳ソ鑸┖鏈嶅姟鍙h浜ら檯鍩虹</li>
+          <li class="headerNumber">049</li>
+        </ul>
+        <div class="bodystyle">
+          <div class="bj2">
+            <p class="td-0">
+              鍙備笌鍔濊В锛屽弻鏂规墠鏆傛椂鈥滃仠鐏�濄�傚畨鍏ㄥ憳鍙ソ涓�鐩村潗鍦ㄥ垬濂冲+鏃佽竟锛屼互淇濊瘉濂圭殑瀹夊叏銆傚湪椋炴満鎶佃揪姝︽眽鍚庯紝鏈洪暱鑰冭檻鍒伴鏈洪琛岀殑瀹夊叏锛屽皢浜斿悕鎵撴灦鐨勬梾瀹㈣涓嬩簡椋炴満锛岀Щ浜ょ粰鏈哄満鍏畨鏈哄叧澶勭悊锛屽苟鍛婄煡璀︽柟锛屼粬宸插彇娑堣繖浜斿悕鏃呭涔樺潗璇ヨ埅鐝殑璧勬牸銆�
+            </p>
+          </div>
+          <h3 id="c018">
+            <span class="h3-zt">浜屻��</span
+            ><span class="h3-zt1">澶勭悊鍐茬獊鐨勫師鍒�</span>
+          </h3>
+          <h4 id="d036">锛堜竴锛夊喎闈欑儹鎯�</h4>
+          <p>
+            鍐烽潤锛氶潰瀵瑰啿绐佹椂瑕佸仛鍒板ご鑴戝喎闈欙紝涓嶆劅鎯呯敤浜嬶紝瑕佽涓虹悊鏅猴紝鎯呯华绋冲畾锛屾嘲鐒跺涔嬶紝涓嶆�ヨ簛锛屼笉鏆磋烦濡傞浄锛屼笉鍞囨灙鑸屽墤銆�
+          </p>
+          <div>
+            <img class="openImgBox"  src="../../assets/images/0061-1.jpg" align="right" width="35%" />
+            <p>鐑儏锛氭�佸害鐑儏锛屼笉鍐疯惤锛屼笉鎸囪矗銆�</p>
+            <h4 id="d037">锛堜簩锛夎瘹淇″皧閲� </h4>
+            <p>璇氫俊锛氬鍏徃璐熻矗锛屽鏃呭璐熻矗锛屽绀句細璐熻矗銆�</p>
+            <p>灏婇噸锛氭暚浜鸿�咃紝浜烘亽鏁箣锛岃灏婇噸姣忎竴浣嶆梾瀹€��</p>
+          </div>
+          <h4 id="d038">锛堜笁锛夊悎娉曚緷绔�</h4>
+          <p>澶勭悊鍐茬獊鏃讹紝瑕佷緷鎹埅绌烘硶寰嬨�佹硶瑙勪互鍙婅埅绌哄叕鍙稿悇绫昏绔犲埗搴︺��</p>
+          <div>
+            <img class="openImgBox" src="../../assets/images/0061-2.jpg" align="left" width="35%" hspace="10"  />
+          </div>
+          <h4 id="d039">锛堝洓锛夊瀹瑰弸鍠�</h4>
+          <p class="pr-15" >
+            鍦ㄤ汉闄呬氦寰�杩囩▼涓紝瑕佽兘澶熶綋浼氫粬浜虹殑鎯呯华鍜屾兂娉曪紝鐞嗚В浠栦汉鐨勭珛鍦哄拰鎰熷彈骞剁珯鍦ㄤ粬浜虹殑瑙掑害鎬濊�冨拰澶勭悊闂锛屼篃灏辨槸鎹綅鎬濊�冦�佽韬鍦般�佸皢蹇冩瘮蹇冦�傚畠鍖呮嫭锛氣憼閬囧埌闂瑕佸敖閲忎簡瑙e苟閲嶈鏃呭鐨勬兂娉曪紝杩欐牱灏辫兘鏇村鏄撳湴鎵惧埌瑙e喅鏂规锛屽挨鍏舵槸鍦ㄥ彂鐢熺籂绾锋垨璇В鏃讹紝濡傛灉鑳芥妸鑷繁鏀惧湪鏃呭鐨勫澧冧腑鎯充竴鎯筹紝涔熻灏卞彲浠ヤ簡瑙f梾瀹㈢殑绔嬪満鍜屽垵琛凤紝杩涜�屾眰鍚屽瓨寮傘�佽В鍐崇籂绾锋垨娑堥櫎璇В銆傗憽鐞嗚В鏃呭锛屽�惧惉鍜屼簡瑙f梾瀹㈢殑闇�姹傦紝绔欏湪鏃呭鐨勮搴︾湅闂锛屼綋璋呮梾瀹紝瀹炵幇鏈夋晥娌熼�氥�傚湪瑙e喅闂鏃跺彲閫傚綋骞介粯锛屾�佸害搴旂湡璇氬弸鍠勩��
+          </p>
+          <p>鍚煶杈ㄥ舰鈥斺�斿惉锛氬杽浜庤亞鍚��</p>
+          <p>璇█绀艰矊寰椾綋鈥斺�旇锛氶�傚綋骞介粯銆�</p>
+          <p>鎬佸害鐪熻瘹鍙嬪杽銆�</p>
+        </div>
+      </div>
+    </div>
+    <div class="page-box" page="19">
+      <div v-if="showPageList.indexOf(19) > -1">
+        <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
+          <li class="header-left-Number">050</li>
+          <li class="header-left-text">
+            鑸┖鏈嶅姟鍙h浜ら檯涓庢挱闊虫妧宸э紙绗� 2 鐗堬級
+          </li>
+        </ul>
+        <div class="bodystyle">
+          <h3 id="c019" class="p-even" >
+            <span class="h3-zt">涓夈��</span
+            ><span class="h3-zt1">璋冭В绾犵悍鐨勫悇绉嶆妧宸�</span>
+          </h3>
+          <h4 id="d040" class="p-even">锛堜竴锛夊悓鐞嗗績娉�</h4>
+          <p class="p-even">
+            椤惧悕鎬濅箟锛屽悓鐞嗗績娉曞氨鏄�氳繃璇█鍜岃涓轰妇姝㈢殑娌熼�氭柟寮忓悜鏃呭琛ㄨ揪閬楁喚銆佸悓鎯咃紝鐗瑰埆闇�瑕佸己璋冪殑鏄紝杩欐槸鍦ㄦ梾瀹㈡劅鍒版劋鎬掑拰濮斿眻鏃剁殑涓�绉嶇簿绁炲畨鎱版柟娉曘��
+          </p>
+          <p class="p-even">鐢ㄨ涓句緥锛�</p>
+          <p class="p-even">路鎴戣兘鏄庣櫧鎮ㄤ负浠�涔堣寰楅偅鏍封�︹��</p>
+          <p class="p-even">路鎴戣兘鐞嗚В鎮ㄧ幇鍦ㄧ殑鎰熷彈鈥︹��</p>
+          <p class="p-even">路閭d竴瀹氶潪甯搁毦杩団�︹��</p>
+          <p class="p-even">路鎴戝姝ゆ劅鍒伴仐鎲锯�︹��</p>
+          <img class="img-k openImgBox" src="../../assets/images/0062-1.jpg" align="left" hspace="5" />
+          <h4 id="d041">锛堜簩锛夆�滀笁鏄庢不娉曗��</h4>
+          <p>
+            鈥滀笁鏄庢不娉曗�濇槸涓庢梾瀹㈡矡閫氭椂閬垮厤璇粹�滀笉鈥濈殑鏂规硶锛岄�傜敤浜庝笌鏃呭鍗忓晢瑙e喅鏂规鍜屾梾瀹㈠瑙e喅鏂规涓嶆弧鎰忕瓑鎯呭喌銆�
+          </p>
+          <p>涓夋槑娌诲嵆涓ょ墖闈㈠寘澶圭伀鑵裤�傗�滀笁鏄庢不娉曗�濆氨鏄袱鐗団�滈潰鍖呪�濆す鎷掔粷銆�</p>
+          <p>
+            绗竴鐗団�滈潰鍖呪�濇槸鈥滄垜鍙互鍋氱殑鏄�︹�︹�濓紝鎰忓湪鍛婅瘔鏃呭锛屼綘浼氭兂灏戒竴鍒囨柟娉曟潵甯姪浠栵紝浣犲彲浠ユ彁渚涗竴浜涘彲閫夋嫨鐨勮鍔ㄧ粰鏃呭锛岃櫧鐒惰繖浜涘彲鑳戒笉鏄粬鎯宠鐨勶紝浣嗘湁鍔╀簬鍑忚交鏃呭娌抚鐨勫績鐞嗘劅瑙夈��
+          </p>
+          <p>
+            绗簩鐗団�滈潰鍖呪�濇槸鈥滄偍鑳藉仛鐨勬槸鈥︹�︹�濓紝鎰忓湪鍛婅瘔鏃呭锛屼綘宸叉帶鍒朵簡涓�浜涙儏鍐电殑缁撴灉锛屽悓鏃跺悜鏃呭鎻愬嚭涓�浜涘彲琛岀殑寤鸿锛屼緵鏃呭鍙傝�冦��
+          </p>
+          <img class="img-k openImgBox" src="../../assets/images/0062-2.jpg" align="left"  hspace="5" />
+          <h4 id="d042">锛堜笁锛夎皡瑙f硶</h4>
+          <p>
+            璋呰В娉曟槸涓�绉嶅悜鏃呭琛ㄧず姝夋剰锛屽畨鎶氬叾鎯呯华锛屽敖閲忕敤鏃呭鑳藉鎺ュ彈鐨勬柟寮忓彇寰楁梾瀹㈢殑璋呰В鐨勬柟娉曘��
+          </p>
+          <p>
+            璋呰В娉曚娇鐢ㄧ殑鎶�宸у氨鍦ㄤ簬娌熼�氭椂浠ュ悓鎰忓彇浠e弽瀵癸紝浠ユ洿濂藉湴涓庢梾瀹㈡矡閫氾紝浠庤�岃幏寰楁梾瀹㈢殑璁ゅ悓銆傝繖绉嶆柟娉曢�傜敤浜庝笌鏃呭鍗忓晢瑙e喅鏂规鍜屾梾瀹㈠瑙e喅鏂规涓嶆弧鎰忕瓑鎯呭喌銆�
+          </p>
+        </div>
+      </div>
+    </div>
+    <div class="page-box" page="20">
+      <div v-if="showPageList.indexOf(20) > -1">
+        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
+          <img
+            class="headerImg mr-10"
+            src="../../assets/images/headerlogo.png"
+            alt=""
+          />
+          <li class="headerText">椤圭洰浜�</li>
+          <li class="headerText">鎵撳ソ鑸┖鏈嶅姟鍙h浜ら檯鍩虹</li>
+          <li class="headerNumber">051</li>
+        </ul>
+        <div class="bodystyle">
+          <p>鐢ㄨ涓句緥锛�</p>
+          <p>路閬垮厤璇达細鈥滄偍璇村緱寰堟湁閬撶悊锛屼絾鏄�︹�︹��</p>
+          <p>路鍙互璇达細鈥滄垜寰堝悓鎰忔偍鐨勮鐐癸紝鍚屾椂鎴戜滑鑰冭檻鍒扳�︹�︹��</p>
+          <h4 id="d043">锛堝洓锛夌揣鎬ユ儏鍐典笅鐨勮鏈嶆妧宸�</h4>
+          <p>
+            璇存湇涓嶆槸浠跺鏄撶殑浜嬫儏锛屽彲鑳介亣鍒扮绉嶆湁褰€�佹棤褰㈢殑鎶楁嫆銆傚鑸彮涓婂嚭鐜颁笉瑙勮寖琛屼负鐨勬梾瀹紝瑕佽鏈嶅叾鏈夋晥鏀规锛岃繖涓嶄粎瑕佹眰璇存湇鑰呯殑浜哄搧浠や汉淇℃湇锛岃�屼笖瑕佷互瀵规柟鍏冲績鐨勪簨涓鸿瘽棰橈紝绗﹀悎瀵规柟鐨勭悊瑙f�濊矾銆備竴鑸潵璇达紝搴斾粠璧炶祻鍜岄紦鍔卞紑濮嬶紝缁欏鏂圭暀鏈夐潰瀛愶紝璁╁鏂硅兘澶熺悊瑙h鏈嶈�呯殑闅惧鍜岃埅绌哄叕鍙哥殑瑙勫畾锛岃浣胯皥璇濈殑姘旀皼淇濇寔铻嶆唇銆�
+          </p>
+          <h4 id="d044">锛堜簲锛夊杩濊鏃呭鐨勮鏈嶆妧宸�</h4>
+          <img class="img-l openImgBox" src="../../assets/images/0063-1.jpg" align="right"  hspace="5"  />
+          <p>
+            鍦ㄦ梾瀹㈣繚鍙嶅畨鍏ㄨ瀹氭椂锛岃鍙婃椂鍒舵锛岃繕瑕佹敞鎰忔柟娉曪紝灏介噺閬垮厤婵�鍖栫煕鐩撅紝鍚﹀垯鍙細閫犳垚鏇村鍐茬獊銆�
+          </p>
+          <p>
+            渚嬪锛屾寜鐓ц埅绌哄叕鍙哥殑瑙勫畾锛屼笉鍏佽绉佽嚜绌挎晳鐢熻。銆傚彲鏈夌殑鏃呭鍦ㄤ箻鍔″憳婕旂ず鏃朵細闈炲父濂藉锛屾兂瑕佹妸鏁戠敓琛f嬁鍑烘潵锛岃繖鏃朵箻鍔″憳瑕佺珛鍗冲埗姝㈠苟杩涜璇存湇鏁欒偛锛岃鏄庡埄瀹冲叧绯汇�傚彲鍏堜粠鏃呭鐨勮搴﹀叆鎵嬶細鈥滆繖浣嶆梾瀹紝鎮ㄥソ锛佹垜寰堢悊瑙f偍瀵归鏈洪潪甯稿ソ濂囩殑鎰熻銆傝繖绉嶆晳鐢熻。鏄竴娆℃�х敤鍝侊紝鎮ㄦ墦寮�鍚庤繖浠舵晳鐢熻。灏辨姤搴熶簡锛屽湪椋炴満閬囧埌鍗辨�ユ儏鍐垫椂锛屾偍鍜屼粬浜虹殑鐢熷懡瀹夊叏灏卞緱涓嶅埌淇濊瘉浜嗐�傗��
+          </p>
+          <img class="img-l openImgBox" alt="" src="../../assets/images/0063-2.jpg" align="right"  hspace="5"  />
+          <p>
+            澶勭悊鎵嬫搴旇鏃呭琛屼负甯︽潵鐨勫悗鏋滐紙鏄惁鍗卞強椋炶锛夊強鏃呭琛屼负鐨勬�ц川锛堟棤鎰忔垨鏈夋剰锛夎�屽畾銆�
+          </p>
+          <p>
+            涔樺姟鍛樺湪杩庡鏃跺簲娉ㄦ剰瑙傚療锛屽強鏃跺埗姝㈡梾瀹㈢殑涓嶅綋琛屼负銆傛瘮濡傦紝濡傛灉鏃呭宸茬粡灏嗘満涓婄殑璁惧鎷夸笅鏉ワ紝鏀句簡鑷繁鐨勮鏉庯紝涔樺姟鍛樺簲宸у鍦拌闂鏉庣殑涓讳汉鏄皝锛岀劧鍚庡府浠栨壘涓�涓Ε鍠勭殑浣嶇疆鏀剧疆琛屾潕锛屾渶鍚庣ぜ璨屽湴鍚戜粬瑙i噴姝や綅缃殑鐗规畩鐢ㄩ�旓紝浠ュ緛寰楁梾瀹㈢殑鐞嗚В鍜岄厤鍚堛�傚湪澶勭悊浜嬫儏鏃跺簲椤惧叏澶у眬锛屾妸鎻″ソ鈥滃害鈥濄�傚湪鑷繁鑳藉姏鑼冨洿鍐咃紝鍙互鑷瑙e喅鐨勶紝鍙簨鍚庡悜鏈洪暱姹囨姤锛屼互鍏嶅共鎵版満闀跨殑姝e父宸ヤ綔锛岄伩鍏嶅洜澶勭疆杩囧害鑰岄�犳垚鑸彮寤惰銆�
+          </p>
+          <h4 id="d045">锛堝叚锛夊鐞嗛鏈哄欢璇殑鎶�宸�</h4>
+          <p>
+            鍦ㄩ鏈哄欢璇椂锛屾梾瀹㈢殑鎯呯华鏅亶鐑﹁簛锛屼箻鍔″憳瑕佺敤鍔犲�嶅懆鍒扮殑鏈嶅姟鏉ョ紦瑙f梾瀹㈢殑鐑﹁簛銆傚悓鏃讹紝瑕佸湪瑙i噴鐨勮繃绋嬩腑闃愭槑鑸┖鍏徃浠ュ畨鍏ㄤ负鏍规湰锛屼互姹傚緱鏃呭鐨勭悊瑙e拰鏀寔銆�
+          </p>
+        </div>
+      </div>
+    </div>
+    <div class="page-box" page="21">
+      <div v-if="showPageList.indexOf(21) > -1">
+        <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
+          <li class="header-left-Number">052</li>
+          <li class="header-left-text">
+            鑸┖鏈嶅姟鍙h浜ら檯涓庢挱闊虫妧宸э紙绗� 2 鐗堬級
+          </li>
+        </ul>
+        <div class="bodystyle">
+          <div class="bj2">
+            <div class="bj2-dyd">
+              <p><span class="bj2-dyd">璇讳竴璇烩柤</span></p>
+            </div>
+            <p class="center">
+              <span class="zt-ls1">涔樺姟闀胯繖鏍峰鐞嗚埅鐝欢璇�</span>
+            </p>
+            <p>椋炴満椤哄埄闄嶈惤锛屽鑸遍噷鍐嶄竴娆″搷璧蜂簡涔樺姟闀跨殑澹伴煶銆備笉杩囪繖娆★紝濂规病鏈変娇鐢ㄦ満杞芥挱闊宠澶囷紝鑰屾槸绔欏湪浜嗗拰绗竴鎺掑钩琛岀殑浜鸿閫氶亾閲屽鎵�鏈夋梾瀹㈣璇濓紝澹伴煶涓嶅ぇ锛屼絾寮傚父娓呮櫚锛氣�滄垜浠h〃鏈鑸彮鐨勬墍鏈夊伐浣滀汉鍛樻劅璋㈡偍涔樺潗脳脳鑸┖</p>
+            <p class="center">
+              <img class="img-k openImgBox" src="../../assets/images/0064-1.jpg" align="right"  hspace="5" />
+            </p>
+            <p class="td-0" >
+              鍏徃鐨勭彮鏈猴紝瀵规湰娆¤埅鐝殑寤惰鍜屾湇鍔′笉鍛ㄥ埌鐨勫湴鏂癸紝鎴戜滑鍚戞偍琛ㄧず姝夋剰骞舵杩庢偍鍐嶆涔樺潗脳脳鑸┖鍏徃鐨勭彮鏈猴紝鍐嶈锛佲�濊瀹岋紝濂瑰悜鏃呭浠繁娣卞湴闉犱簡涓�韬�傛梾瀹滑閮芥劊浜嗕竴涓嬶紝绱ф帴鐫�锛屽鑸卞唴鍝嶈捣浜嗕竴闃电儹鐑堢殑鎺屽0銆�
+            </p>
+          </div>
+          <p class="center">
+            <img class="img-k openImgBox" src="../../assets/images/0064-2.jpg" align="left"  hspace="5" />
+          </p>
+          <h4 id="d046">锛堜竷锛変笌鐥呬汉娌熼�氱殑鎶�宸�</h4>
+          <p>
+            涔樺姟鍛樺湪涓庣梾浜鸿繘琛屾矡閫氭椂涓�瀹氳璁茬┒鎶�宸э紝澶氱粰浜堝鏂瑰叧蹇冨拰榧撳姳銆傛瘮濡傦紝鏈夌粡楠岀殑涔樺姟鍛樺線寰�浼氳锛氣�滀笉鐢ㄦ媴蹇冿紝鎴戜滑浼氬儚鍖绘姢浜哄憳涓�鏍风収椤句綘銆傗��
+          </p>
+          <h4 id="d047">锛堝叓锛変笌鐗规畩鏃呭娌熼�氱殑鎶�宸�</h4>
+          <p>
+            椋炴満涓婃湁鍚勭鍚勬牱鐨勬梾瀹細瀛よ韩涓�浜虹殑鑰佸勾浜恒�佹棤鎴愪汉闄即鐨勫効绔ャ�佸甫灏忓鐨勬梾瀹€�佸瓡濡囥�佹畫鐤炬梾瀹互鍙婂叾浠栫壒娈婃梾瀹㈢瓑銆傚仛濂借繖浜涙梾瀹㈢殑鏈嶅姟宸ヤ綔锛岃浠栦滑鐨勪翰浜哄湪閫佷粬浠笂椋炴満鍚庢斁蹇冿紝浣夸粬浠畨鍏ㄥ埌杈剧洰鐨勫湴锛屾槸涓�鍚嶅悎鏍肩殑鑸┖鏈嶅姟浜哄憳鐨勮亴璐c�傛妸鏈嶅姟鍋氬湪鏃呭寮�鍙d箣鍓嶏紝鍗充娇浠栦滑娌℃兂鍒帮紝涔熻缁嗗績鍦板幓鍙戠幇锛屽敖鍔涘仛鍒拌创蹇冦�佸懆璇︺��
+          </p>
+          <p>
+            涓庤�佸勾鏃呭娌熼�氭椂锛屼富鍔ㄨ闂苟鐑儏甯姪鑰佸勾鏃呭涓婁笅椋炴満锛堝韬綋杈冨ソ鐨勮�佸勾鏃呭浠ュ強澶栧浗鏃呭瑕佽鎯呭喌鑰屽畾锛夈��
+          </p>
+          <p>
+            鍦ㄩ琛岄�斾腑锛屽簲娉ㄦ剰瑙傚療鑰佸勾浜猴紝鍦ㄤ笌鑰佸勾浜鸿璇濇椂锛岃閫熻鎱竴浜涳紝璁茶В瑕佽缁嗕竴浜涳紝韬綋瑕佺鑰佸勾浜鸿繎涓�浜涳紙鍚屾椂娉ㄦ剰涓嶈鍥犱负澹伴煶澶ぇ鑰屽奖鍝嶅叾浠栨梾瀹級銆�
+          </p>
+        </div>
+      </div>
+    </div>
+    <div class="page-box" page="22">
+      <div v-if="showPageList.indexOf(22) > -1">
+        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
+          <img
+            class="headerImg mr-10"
+            src="../../assets/images/headerlogo.png"
+            alt=""
+          />
+          <li class="headerText">椤圭洰浜�</li>
+          <li class="headerText">鎵撳ソ鑸┖鏈嶅姟鍙h浜ら檯鍩虹</li>
+          <li class="headerNumber">053</li>
+        </ul>
+        <div class="bodystyle">
+          <div class="bj2">
+            <div class="bj2-dyd">
+              <p><span class="bj2-dyd">璇讳竴璇烩柤</span></p>
+            </div>
+            <p class="center"><span class="zt-ls1">浣犱滑鐨勬湇鍔″緢濂�</span></p>
+            <p>
+              鍦ㄦ煇鑸彮涓婏紝鏃呭寮�濮嬬櫥鏈猴紝涔樺姟鍛樼珯鍦ㄥ墠鑸辫繋瀹紝鐪嬭涓�浣嶈�佸ザ濂舵彁鐫�涓�涓ぇ绠卞瓙鑹伴毦鍦拌蛋杩涙潵銆備箻鍔″憳绔嬪嵆杩庝笂鍘伙細鈥滃ザ濂讹紝鑳借鎴戠湅涓�涓嬫偍鐨勭櫥鏈虹墝鍚楋紵鎴戝府鎮ㄦ斁琛屾潕濂藉悧锛熲�濊�佸ザ濂剁偣澶村悓鎰忓悗锛屼箻鍔″憳寮曞濂规潵鍒板ス鐨勫骇浣嶄笂锛岀劧鍚庢妸绠卞瓙涓捐捣鏉ワ紝鏀惧埌琛屾潕鏋堕噷銆傝�佸ザ濂惰繛澹拌璋㈣阿锛岃繕璇寸瀛愬お娌変簡銆備箻鍔″憳绗戠潃鍥炲簲锛氣�滄病浜嬶紝涓嶅お娌夛紝濂跺ザ鎮ㄥ厛鍧愮潃锛屾湁浜嬫偍鍙互鎸夊懠鍙搩鍙垜浠紝濂藉悧锛熲�濊�佸ザ濂剁瑧鐫�鐐瑰ご绛斿簲銆傜湅鑰佷汉杩欎箞寮�蹇冿紝涔樺姟鍛樼敱琛峰湴鏉句簡
+            </p>
+            <p class="center">
+              <img class="img-k openImgBox" alt="" src="../../assets/images/0065-1.jpg" align="right"  hspace="5" />
+            </p>
+            <p class="td-0" >鍙f皵銆傚湪鑸彮鍒拌揪鐩殑鍦扮殑20鍒嗛挓鍓嶏紝鑰佸ザ濂惰姹傜粰濂逛竴寮犳剰瑙佸崱锛屽懆鍥寸殑鏃呭涔熺悍绾风储瑕併�傚湪鏀跺崱鐨勬椂鍊欙紝涔樺姟鍛樼壒鎰忕湅浜嗙湅鑰佸ザ濂剁殑锛屽彧瑙佷笂闈㈠啓鐫�锛氣�滃鑸辨湇鍔″緢濂斤紝涔樺姟鍛樼儹鎯呭懆鍒般�傚綋鎴戠湅瑙佷竴涓皬濮戝鎶婃垜閭d釜閲嶉噸鐨勫ぇ绠卞瓙鍚冨姏鍦版斁鍒拌鏉庢灦閲屾椂锛屾垜寰堝績鐤硷紝鐪熺殑蹇冪柤銆備綘浠殑鏈嶅姟寰堝ソ銆傗��</p>
+          </div>
+          <p>
+            涓庝竴鑸惌涔樿埅鐝殑鎴愪汉鏃呭涓嶅悓锛屽効绔ュ湪鎼箻鑸彮鏃堕渶瑕佸綋鐝満缁勭殑涔樺姟鍛樻洿澶氱殑鍗忓姪銆佸叧蹇冧笌鐓ч【銆傚箍涔夌殑鍎跨鏃呭鍒嗕负鍥涚被锛氬┐鍎挎梾瀹€�佹湁鎴愪汉闄即鐨勫効绔ユ梾瀹€�佽埅绌哄叕鍙稿彈鎵樼収椤剧殑鏃犳垚浜洪櫔浼寸殑鍎跨鏃呭鍜屽叾浠栭渶瑕佺壒娈婄収椤剧殑鍎跨鏃呭銆傜嫮涔夌殑鍎跨鏃呭涓嶅寘鎷┐鍎挎梾瀹€��
+          </p>
+          <p class="center">
+            <img class="img-k openImgBox" src="../../assets/images/0065-2.jpg"  align="right"  hspace="5"  />
+          </p>
+          <p>
+            濠村効鏃呭锛堝悇鑸┖鍏徃瀵瑰┐鍎挎梾瀹㈠勾榫勭殑瑙勫畾鏈変竴瀹氱殑宸埆锛夊熀鏈笂鏄敱鐖舵瘝绛夐櫔鍚屽嚭琛岀殑锛屽洜姝ょ浉瀵规潵璇翠笉浼氱粰涔樺姟鍛樼殑宸ヤ綔甯︽潵澶ぇ鐨勫帇鍔涖�備笉杩囷紝瀵瑰┐鍎挎梾瀹㈢殑鐓ч【锛屼箻鍔″憳杩樻槸闇�瑕佹敞鎰忎竴浜涖��
+          </p>
+          <div class="bj2">
+            <div class="bj2-dyd">
+              <p><span class="bj2-dyd">璇讳竴璇烩柤</span></p>
+            </div>
+            <p class="center"><span class="zt-ls1">濠村効鏃呭鐨勫鑸辨湇鍔�</span></p>
+            <p>
+              濡傛灉鑸彮涓婃湁濠村効鏃呭锛屽湪鏃呭鐧绘満鍚庯紝涔樺姟鍛樿鍦ㄧ涓�鏃堕棿鍚戝叾鐖舵瘝锛堟垨闅忚鏃呭锛夊姘斿湴璇㈤棶鍦ㄩ琛屾湡闂寸殑瀹㈣埍鏈嶅姟杩囩▼涓湁娌℃湁闇�瑕佺壒鍒敞鎰忕殑闂锛堝濂剁摱鍐茬亴銆佷复鏃跺┐鍎跨敤鐫″搧绛夛級銆傛彁鍓嶄簡瑙h繖浜涢棶棰橈紝瀵逛腑銆侀暱閫�
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="page-box" page="23">
+      <div v-if="showPageList.indexOf(23) > -1">
+        <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
+          <li class="header-left-Number">054</li>
+          <li class="header-left-text">
+            鑸┖鏈嶅姟鍙h浜ら檯涓庢挱闊虫妧宸э紙绗� 2 鐗堬級
+          </li>
+        </ul>
+        <div class="bodystyle">
+          <div class="bj2">
+            <p class="td-0">鑸彮涓婄殑濠村効鏃呭鏈嶅姟宸ヤ綔鏉ヨ灏や负閲嶈銆�</p>
+            <p>
+              鍦ㄩ鏈鸿捣椋炲悗锛岃鍦ㄧ涓�鏃堕棿鍚戝叾鐖舵瘝锛堟垨闅忚鏃呭锛夊姘斿湴璇㈤棶濠村効鐨勫喎鏆栨儏鍐碉紝浠ヤ究绗竴鏃堕棿涓哄┐鍎挎梾瀹㈡坊鍔犲┐鍎跨敤鐫℃绛変繚鏆栧搧銆�
+            </p>
+            <p>
+              鍦ㄩ鏈鸿捣椋炲悗锛屽甯﹀┐鍎跨殑鏃呭鎵撳紑浜嗗┐鍎夸笓鐢ㄧ殑鐫¤溅鎴栫潯绡紝涓�瀹氳娉ㄦ剰淇濊瘉鐫¤溅鎴栫潯绡浐瀹氱墷鍥猴紝杩樿娉ㄦ剰鍦ㄦ杩囩▼涓皢鍏跺櫔澹伴檷鑷虫渶浣庯紝浠ュ厤鎵撴壈鍛ㄨ竟鏃呭銆�
+            </p>
+            <p>
+              鍦ㄤ负甯﹀┐鍎跨殑鏃呭鍑嗗鎵�闇�瑕佺殑楗搧锛堟垨椁愰锛夋椂锛岃灏ゅ叾娉ㄦ剰鍔犵儹鏃堕棿銆佸懗閬撳強椁愰ギ鍣ㄥ叿绛夋柟闈€�傝鐗瑰埆娉ㄦ剰锛屼竴瀹氫笉瑕佹妸濠村効鐨勯楗墿鍔犵儹鏃堕棿澶暱锛屼互鍏嶉�犳垚鐑激绛夐棶棰橈紝鑰屼笖涓�瀹氳閬垮厤浣跨敤閿嬪埄鐨勯楗櫒鍏枫��
+            </p>
+            <p>
+              鍦ㄩ琛岃繃绋嬩腑锛岃姣忛殧涓�娈垫椂闂村悜鍏剁埗姣嶏紙鎴栭殢琛屾梾瀹級瀹㈡皵鍦拌闂湁鏃犻渶瑕佸府蹇欑殑鍦版柟锛屼絾鍚屾椂涓嶈杩囧鎵撴壈鍏剁埗姣嶏紙鎴栭殢琛屾梾瀹級鍙婂懆鍥存梾瀹€��
+            </p>
+            <p>
+              鍦ㄩ鏈轰笂锛屼竴鏃﹀惉鍒板┐鍎挎梾瀹㈠摥娉f垨鏈夊叾浠栧紓鏍峰0鍝嶏紝涔樺姟鍛樺簲璇ョ涓�鏃堕棿鍓嶅線鏌ョ湅锛屼互渚胯兘鍦ㄦ渶鐭殑鏃堕棿鍐呬负鍏舵彁渚涚浉搴旂殑鏈嶅姟鎴栨墍闇�鐗╁搧銆�
+            </p>
+            <p>
+              鍦ㄥ┐鍎挎梾瀹㈢殑鐖舵瘝锛堟垨闅忚鏃呭锛夊叆鐫℃垨涓婃礂鎵嬮棿鏈熼棿锛屼箻鍔″憳瑕佸府蹇欑収鐪嬪┐鍎挎梾瀹紝浠ュ厤鍑虹幇闂銆�
+            </p>
+            <p>
+              鍦ㄤ箻鍔″憳閫侀銆侀ギ鍝佹垨鍏朵粬鐗╁搧缁忚繃濠村効鏃呭鏃讹紝瑕佹敞鎰忓敖閲忓皢澹伴煶闄嶈嚦鏈�浣庯紝鏇磋瀵瑰┐鍎挎梾瀹㈢殑瀹夊叏澶氬姞鐣欐剰锛岃鐧惧垎涔嬬櫨閬垮厤璇稿鎵嬩腑鐗╁搧涓嶅皬蹇冩帀钀藉苟鐮稿帇鍦ㄥ┐鍎挎梾瀹㈣韩浣撲换浣曢儴浣嶇瓑浜嬩欢鐨勫彂鐢熴��
+            </p>
+            <p>
+              鍦ㄨ埅鐝檷钀藉墠锛屽濠村効鏃呭浠嶅湪浣跨敤涓撶敤鐫¤溅鎴栫潯绡紝瑕佽窡鍏剁埗姣嶏紙鎴栭殢琛屾梾瀹級鍋氬ソ瑙i噴宸ヤ綔锛屽強鏃跺皢鐫¤溅鎴栫潯绡敹鏀惧ソ锛屼互淇濊瘉闄嶈惤瀹夊叏銆�
+            </p>
+            <p>
+              鍦ㄨ埅鐝檷钀藉悗锛屽鏋滃┐鍎挎梾瀹㈢殑鐖舵瘝锛堟垨闅忚鏃呭锛夊悓鎰忥紝搴斿敖閲忓畨鎺掍粬浠渶鍚庝笅椋炴満锛屼互鍏嶅湪涓嬫満杩囩▼涓濠村効閫犳垚鎰忓浼ゅ銆傛澶栵紝鍦ㄥ叾浠栨梾瀹笅鏈鸿繃绋嬩腑锛屽簲鎻愰啋鍏剁埗姣嶏紙鎴栭殢琛屾梾瀹級灏嗗┐鍎垮畨缃湪涓嶉潬杩戞満鑸辫繃閬撶殑搴т綅涓婏紝浠ュ厤鍦ㄥ叾浠栨梾瀹笅鏈虹殑杩囩▼涓嚭鐜颁换浣曟剰澶栥��
+            </p>
+          </div>
+          <p>
+            涓庡┐鍎挎梾瀹㈡湁寰堝ぇ鐨勫樊鍒紝缁濆ぇ閮ㄥ垎鍎跨鏃呭鍙互鐙珛杩涢鎴栨椿鍔紝鍥犳锛屼粬浠熀鏈笂涓嶉渶瑕佷箻鍔″憳鎻愪緵绫讳技浜庘�滃┐鍎挎墭鎶も�濈殑鏈嶅姟銆傛澶栵紝閭d簺鏈夋垚浜洪櫔浼寸殑鍎跨鏃呭锛屼竴鑸篃涓嶄細鍦ㄦ満鑸卞唴鍒堕�犲お澶氬櫔澹版垨褰卞搷鍏朵粬鏃呭銆傛墍浠ワ紝浠庡鑸辨湇鍔$殑瑙掑害鐪嬶紝鍦ㄥ効绔ユ梾瀹腑锛屼粬浠浉瀵规潵璇存槸杈冨ソ鐓ч【鐨勭兢浣撱��
+          </p>
+        </div>
+      </div>
+    </div>
+    <div class="page-box" page="24">
+      <div v-if="showPageList.indexOf(24) > -1">
+        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
+          <img
+            class="headerImg mr-10"
+            src="../../assets/images/headerlogo.png"
+            alt=""
+          />
+          <li class="headerText">椤圭洰浜�</li>
+          <li class="headerText">鎵撳ソ鑸┖鏈嶅姟鍙h浜ら檯鍩虹</li>
+          <li class="headerNumber">055</li>
+        </ul>
+        <div class="bodystyle">
+          <div class="bj2">
+            <div class="bj2-dyd">
+              <p><span class="bj2-dyd">璇讳竴璇烩柤</span></p>
+            </div>
+            <p class="center"><span class="zt-ls1">鍎跨鏃呭鐨勫鑸辨湇鍔�</span></p>
+            <p>
+              鍦ㄧ櫥鏈哄悗锛屼箻鍔″憳搴斿強鏃跺悜甯﹀効绔ユ梾瀹㈢殑鐖舵瘝锛堟垨闅忚鏃呭锛夊姘斿湴璇㈤棶鍦ㄩ琛屾湡闂寸殑瀹㈣埍鏈嶅姟涓紝鏈夋病鏈夐渶瑕佺壒鍒敞鎰忕殑闂锛堝鏄惁闇�瑕佺壒瀹氱殑楗搧绛夛級锛岃鎻愬墠浜嗚В杩欎簺闂锛岃繖鍦ㄤ腑銆侀暱閫旇埅鐝笂灏や负閲嶈銆�
+            </p>
+            <p>
+              鍦ㄧ櫥鏈哄悗锛岃绗竴鏃堕棿鍚戝効绔ユ梾瀹㈣禒閫佽埅绌哄叕鍙镐笓涓哄効绔ユ梾瀹㈠噯澶囩殑绀煎搧锛堝彲鏍规嵁瀹為檯鎯呭喌鑰屽畾锛屾煇浜涜埅绌哄叕鍙告病鏈夋绫荤墿鍝侊級銆�
+            </p>
+            <p>
+              涓嶈灏嗗甫鍎跨鐨勬梾瀹㈠畨鎺掑湪闈犺繎绱ф�ュ嚭鍙e拰搴旀�ョ獥鍙g殑浣嶇疆涓娿�傚湪椋炴満璧烽鍓嶏紝搴斿悜鍎跨鏃呭鎴栧叾鐖舵瘝锛堟垨闅忚鏃呭锛夎闂槸鍚﹂渶瑕佸彛棣欑硸绛夋湁鍔╀簬缂撹В鑰抽福鐨勭墿鍝侊紝骞惰鎻愰啋鍏剁郴濂藉畨鍏ㄥ甫銆�
+            </p>
+            <p>
+              鍦ㄩ鏈鸿捣椋炲悗锛岃姣忛殧涓�娈垫椂闂村悜鍎跨鏃呭鏈汉鎴栧叾鐖舵瘝锛堟垨闅忚鏃呭锛夎闂槸鍚︽湁浠讳綍闇�瑕併��
+            </p>
+            <p>
+              鍦ㄦ彁渚涢椋熸椂瑕佸緛姹傚叾鐖舵瘝锛堟垨闅忚鏃呭锛夌殑鎰忚銆傝娉ㄦ剰涓嶈閰嶅澶繃閿嬪埄鎴栧彲鑳藉鍎跨閫犳垚浼ゅ鐨勯楗櫒鍏凤紝鑰屼笖椁愰娓╁害瑕佸敖閲忛�備腑銆傚彟澶栵紝瀵瑰効绔ユ梾瀹㈡墍闇�瑕佺殑楗搧锛屾敞鎰忔彁渚涘ぇ绾︿负鎵�鐢ㄦ澂瀛愮殑涓�鍗婂閲忓嵆鍙紙鍚勪釜鑸┖鍏徃涓嶅お涓�鏍凤紝涓�鑸梾瀹㈠湪70%宸﹀彸姣旇緝鍚堥�傦級锛屼互鍏嶅嚭鐜颁笉灏忓績纰版磼绛夋儏鍐点��
+            </p>
+          </div>
+          <p>
+            鍦ㄩ珮绌洪琛岃繃绋嬩腑锛岀┖姘斾腑姘ф皵鍑忓皯锛屾皵鍘嬮檷浣庯紝鍥犳瀛曞涔樻満闇�瑕佷竴瀹氱殑闄愬埗鏉′欢銆�
+          </p>
+          <p>
+            鎬�瀛�32鍛ㄦ垨涓嶈冻32鍛ㄧ殑瀛曞涔樻満锛岄櫎鍖荤敓璇婃柇涓嶉�傚疁涔樻満鑰呭锛屽彲鎸変竴鑸梾瀹㈣繍杈撱��
+          </p>
+          <p>
+            鎬�瀛曡秴杩�32鍛ㄧ殑瀛曞涔樻満锛屽簲鎻愪緵鍖呮嫭鏃呭濮撳悕銆佸勾榫勩�佹��瀛曟椂闂淬�佹梾琛岃埅绋嬪拰鏃ユ湡銆佹槸鍚﹂�傚疁涔樻満銆佸湪鏈轰笂鏄惁闇�瑕佹彁渚涘叾浠栫壒娈婄収椤剧瓑鍐呭鐨勫尰鐢熻瘖鏂瘉鏄庛��
+          </p>
+          <p>
+            瀵逛簬棰勪骇鏈熷湪4鍛ㄤ互鍐咃紝鎴栭浜ф湡涓嶇‘瀹氫絾宸茬煡涓哄鑳庡垎濞╂垨棰勮鏈夊垎濞╁苟鍙戠棁鑰咃紝涓嶄簣鎺ュ彈杩愯緭銆�
+          </p>
+          <p>
+            涔樺姟鍛樺湪宸ヤ綔涓細鎺ヨЕ鍒版畫鐤句汉鍙婃畫鐤句汉鏈嶅姟鑰咃紝瑕佷负浠栦滑鎻愪緵璐村績鐨勬湇鍔°�備緥濡傦紝鑸┖鏈嶅姟浜哄憳鍦ㄥ伐浣滀腑搴旈噸瑙嗗鑱嬪搼鏃呭鐨勫叧鐖憋紝鍙互瀛︿範涓�浜涘繀瑕佺殑鎵嬭锛屾瀯寤轰笌鑱嬪搼鏃呭娌熼�氱殑妗ユ銆�
+          </p>
+        </div>
+      </div>
+    </div>
+    <div class="page-box" page="25">
+      <div v-if="showPageList.indexOf(25) > -1">
+        <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
+          <li class="header-left-Number">056</li>
+          <li class="header-left-text">
+            鑸┖鏈嶅姟鍙h浜ら檯涓庢挱闊虫妧宸э紙绗� 2 鐗堬級
+          </li>
+        </ul>
+        <div class="bodystyle">
+          <div class="bj2">
+            <div class="bj2-dyd">
+              <p><span class="bj2-dyd">璇讳竴璇烩柤</span></p>
+            </div>
+            <p class="center">
+              <span class="zt-ls1">鍏充簬鐩蹭汉鏃呭鐨勫嚑鏉¤瀹�</span>
+            </p>
+            <p>
+              鐩蹭汉鏃呭鏄寚鍙岀洰澶辨槑鐨勬梾瀹€�傛瘡涓�鑸彮鐨勬瘡涓�鑸涓婏紝瀵规棤瀵肩洸鐘紩璺殑鐩蹭汉鏃呭鐨勬暟閲忔湁涓�瀹氱殑闄愬埗锛岀敱搴т綅鎺у埗閮ㄩ棬璐熻矗绠$悊鍜岄檺鍒剁洸浜烘梾瀹㈢殑鎺ユ敹浜烘暟銆�
+            </p>
+            <p>
+              鏈変汉闄即锛堝彧闄愪互鎴愪汉鏃呭闄即鍚岃锛夌殑鐩蹭汉鏃呭鎸夋櫘閫氭梾瀹㈡帴鍙楄繍杈撱��
+            </p>
+            <p>
+              鏈夊鐩茬姮寮曡矾鐨勭洸浜烘梾瀹㈠彲鎼哄甫瀵肩洸鐘箻鏈猴紝鍏峰涔樻満鏉′欢鐨勭洸浜烘梾瀹㈠簲鍚戠浉鍏抽儴闂ㄦ彁渚涘鐩茬姮鐨勮韩浠借瘉鏄庡拰妫�鐤瘉鏄庯紝瀵肩洸鐘拰鏃呭涓�鏍凤紝蹇呴』鎺ュ彈瀹夊叏妫�鏌ャ��
+            </p>
+          </div>
+          <h3 id="c020" class="p-even" >
+            <span class="h3-zt">鍥涖��</span
+            ><span class="h3-zt1">濡備綍涓烘梾瀹㈡湇鍔�</span>
+          </h3>
+          <h4 id="d048" class="p-even" >锛堜竴锛夎�愬績澶氫竴鐐�</h4>
+          <p class="p-even" >
+            鍦ㄥ疄闄呯殑宸ヤ綔涓紝鑸┖鏈嶅姟浜哄憳瑕佽�愬績鑱嗗惉锛屼笉瑕佽交鏄撴墦鏂梾瀹㈢殑鍙欒堪锛屾洿涓嶈鎵硅瘎鏃呭鐨勪笉瓒筹紝瑕侀紦鍔辨梾瀹㈣繘琛屽�捐瘔锛岃浠栦滑灏芥儏瀹f硠蹇冧腑鐨勪笉婊°�傚湪鑰愬績鍚畬鏃呭鐨勫�捐瘔鍜屾姳鎬ㄥ悗锛屾梾瀹㈣嚜鐒跺氨鑳藉鍚繘鍘绘湇鍔′汉鍛樼殑瑙i噴鍜岄亾姝変簡銆�
+          </p>
+          <p class="center">
+            <img class="img-c openImgBox" alt="" src="../../assets/images/0068-1.jpg" />
+          </p>
+          <h4 id="d049" class="p-even" >锛堜簩锛夋�佸害濂戒竴鐐�</h4>
+          <p class="p-even">鏃呭鏈夋姳鎬ㄦ垨鎶曡瘔鎰忓懗鐫�鏃呭瀵逛紒涓氱殑浜у搧鎴栨湇鍔′笉婊℃剰銆傝埅绌烘湇鍔�</p>
+          <p class="center">
+            <img class="img-k openImgBox" alt="" src="../../assets/images/0068-2.jpg" align="left" hspace="5"  />
+          </p>
+          <p class="p-even td-0" >
+            浜哄憳鍦ㄥ鐞嗙殑杩囩▼涓鏋滀笉鍙嬪ソ锛屼細浣挎梾瀹㈢殑蹇冪悊鎰熷彈鍙婃儏缁彉宸紝鐢氳嚦鍙兘鎭跺寲涓庢梾瀹㈢殑鍏崇郴锛涘弽涔嬶紝鑻ユ湇鍔′汉鍛樻�佸害璇氭伋锛岀ぜ璨岀儹鎯咃紝鍒欎細鍑忓急鏃呭鐨勬姷瑙︽儏缁�備織璇濊鈥滀几鎵嬩笉鎵撶瑧鑴镐汉鈥濓紝鎬佸害璋﹀拰鍙嬪ソ锛屼細淇冧娇鏃呭骞冲鎯呯华锛岀悊鏅哄湴涓庢湇鍔′汉鍛樺崗鍟嗗鐞嗛棶棰樸��
+          </p>
+        </div>
+      </div>
+    </div>
+    <div class="page-box" page="26">
+      <div v-if="showPageList.indexOf(26) > -1">
+        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
+          <img
+            class="headerImg mr-10"
+            src="../../assets/images/headerlogo.png"
+            alt=""
+          />
+          <li class="headerText">椤圭洰浜�</li>
+          <li class="headerText">鎵撳ソ鑸┖鏈嶅姟鍙h浜ら檯鍩虹</li>
+          <li class="headerNumber">057</li>
+        </ul>
+        <div class="bodystyle">
+          <h4 id="d050">锛堜笁锛夊姩浣滃揩涓�鐐�</h4>
+          <p>
+            闈㈠鏃呭鎻愬嚭鐨勯渶瑕侊紝鑸┖鏈嶅姟浜哄憳搴旇绗竴鏃堕棿缁欎簣瑙g瓟锛屼笉鑳芥妸鈥滄墜澶存湁浜嬧�濆綋鍊熷彛鏉ユ帹鎵橈紝涓鸿嚜宸辨壘鐞嗙敱銆傚湪宸ヤ綔涓紝鑸┖鏈嶅姟浜哄憳鎵嬭剼瑕佸埄钀斤紝浜夊彇鍦ㄦ渶鐭殑鏃堕棿鍐呰揪鍒版渶浣崇殑鏁堟灉銆�
+          </p>
+          <h4 id="d051">锛堝洓锛夎瑷�寰椾綋涓�鐐�</h4>
+          <p>
+            鏃呭瀵规湇鍔′笉婊★紝鍦ㄥ彂娉勭殑闄堣堪涓湁鍙兘浼氳█璇繃婵�锛屽鏋滆埅绌烘湇鍔′汉鍛樹笌涔嬮拡閿嬬浉瀵癸紝鍔垮繀鎭跺寲褰兼鐨勫叧绯汇�傚湪瑙e喅闂鐨勮繃绋嬩腑锛岃埅绌烘湇鍔′汉鍛樼殑鎺緸搴斿崄鍒嗘敞鎰忥紝瑕佸悎鎯呭悎鐞嗭紝寰椾綋澶ф柟锛屼笉瑕佽鍑轰激浜鸿嚜灏婄殑璇濄�傚簲灏介噺鐢ㄥ濠夌殑璇█涓庢梾瀹㈡矡閫氾紝鍗充娇鏃呭瀛樺湪涓嶅悎鐞嗙殑鍦版柟锛屼篃涓嶈鍐插姩锛屽惁鍒欙紝鍙細璁╂梾瀹㈠け鏈涳紝浣块棶棰樻洿闅捐В鍐炽��
+          </p>
+          <p class="center">
+            <img class="img-k openImgBox" alt="" src="../../assets/images/0069-1.jpg" align="right" hspace="5" />
+          </p>
+          <h4 id="d052">锛堜簲锛夊姙娉曞涓�鐐�</h4>
+          <p>
+            鍦ㄥ鐞嗘梾瀹㈢殑鎶曡瘔涓庢姳鎬ㄦ椂锛屼笉瑕佷竴鍛冲湴閲囩敤鎱伴棶銆侀亾姝夈�佽ˉ鍋裤�佽禒閫佸皬绀煎搧绛夋柟寮忋�傚叾瀹炶В鍐抽棶棰樼殑鍔炴硶鏈夊緢澶氾紝闄や笂杩版柟寮忓锛岃繕鍙個璇锋梾瀹㈠弬鍔犳満鍦哄唴閮ㄨ璁轰細锛屾垨鑰呯粰浠栦滑鍏朵粬琛ュ伩绛夈��
+          </p>
+          <div class="bk2">
+            <div class="bj2-dyd">
+              <p><span class="bj2-dyd">鎷撳睍瑙嗛鈻�</span></p>
+            </div>
+            <!-- 瑙嗛 -->
+            <ul class="videos-box">
+              <li>
+                <video
+                  :src="videos[2].url"
+                  webkit-playsinline="true"
+                  x-webkit-airplay="true"
+                  playsinline="true"
+                  x5-video-orientation="h5"
+                  x5-video-player-fullscreen="true"
+                  x5-playsinline=""
+                  controls
+                  controlslist="nodownload"
+                  class="video-border w100"
+                ></video>
+                <p class="img fl al-cn ju-cn">
+                  <span>{{ videos[2].name }}</span>
+                  <img
+                    :src="
+                      collectResourceList.includes(videos[2].md5)
+                        ? collectCheck
+                        : collectImg
+                    "
+                    alt=""
+                    class="collect-btn"
+                    @click="handleCollect(2)"
+                  />
+                </p>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="page-box" page="27">
+      <div v-if="showPageList.indexOf(27) > -1">
+        <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
+          <li class="header-left-Number">058</li>
+          <li class="header-left-text">
+            鑸┖鏈嶅姟鍙h浜ら檯涓庢挱闊虫妧宸э紙绗� 2 鐗堬級
+          </li>
+        </ul>
+        <div class="bodystyle">
+          <h3 id="c001" class="p-even">浠诲姟鍏�<br />瀛︿細濡備綍鎷掔粷</h3>
+          <div class="task ma-l"></div>
+          <p class="center">
+            <img class="img-k openImgBox"  src="../../assets/images/0070-1.jpg" align="left" hspace="5" />
+          </p>
+          <p>
+            鑸┖鏈嶅姟浣滀负涓�绉嶇壒娈婃湇鍔★紝瀵瑰畨鍏ㄤ繚闅滆姹傛瀬楂樸�傚嚭浜庡畨鍏ㄧ殑鑰冭檻锛屾湇鍔′汉鍛樻椂甯歌鎷掔粷鏃呭鐨勪笉褰撶敋鑷虫槸鏃犵悊鐨勮姹傘��
+          </p>
+          <p>
+            鎳傚緱鐏垫椿杩愮敤鎷掔粷鐨勮瑷�鎶�宸э紝鍙互鎶婃嫆缁濆甫鏉ョ殑璐熼潰褰卞搷闄嶅埌鏈�浣庨檺搴︼紝鏃㈣兘澶熼伩鍏嶅緢澶氶夯鐑︼紝鍙堜笉浼氫激鍙婂鏂圭殑鎰熸儏涓庤嚜灏娿��
+          </p>
+          <div class="bj2">
+            <div class="bj2-dyd">
+              <p><span class="bj2-dyd">璇讳竴璇烩柤</span></p>
+            </div>
+            <p class="center"><span class="zt-ls1">绯熺硶鐨勬湇鍔�</span></p>
+            <p>鏌愭満鍦哄彂鐢熻繃杩欐牱涓�璧蜂簨浠躲��</p>
+            <p>
+              涓�浣嶆梾瀹㈠埌鐢靛瓙瀹㈢エ鏌滃彴鍙栫エ锛屽苟鍔炵悊鏀圭涓氬姟銆傛煖鍙版湇鍔′汉鍛樼‘璁ゆ満绁ㄥ凡鏇存敼鍚庯紝鍛婄煡鏃呭闇�瑕佷氦绾虫洿鏀硅垂銆傛梾瀹㈠緱鐭ュ悗琛ㄧず锛氣�滄病浜鸿杩囥�備负浠�涔堣浜わ紵鈥濇湇鍔′汉鍛樺彧濂藉啀涓夎В閲婏紝浣嗘梾瀹緷鐒朵笉鎺ュ彈銆傚湪杩欐牱鐨勬儏鍐典笅锛屾煖鍙版湇鍔′汉鍛樿浜嗕竴鍙ワ細鈥滃鏋滀綘涓嶄氦鏇存敼璐癸紝浣犱粖澶╁氨涓嶈兘鐢ㄨ繖寮犵エ鐧绘満銆傗�濊繖鍙ヨ瘽鐬棿婵�鎬掍簡鏃呭锛屾梾瀹㈡渶鍚庤繘琛屼簡鎶曡瘔銆�
+            </p>
+            <p>
+              鍦ㄨ繖璧蜂簨浠朵腑锛岃櫧鐒舵梾瀹㈢殑瑕佹眰鏄笉绗﹀悎瑙勫畾鐨勶紝浣嗘湇鍔′汉鍛樺鏃呭鐨勬寚璐e凡缁忎粠鏍规湰涓婂惁瀹氫簡鏈嶅姟銆傝櫧鐒舵姇璇夊睘浜庢棤鏁堟姇璇夛紝浣嗗鏃呭鐨勪激瀹虫槸鏃犳硶鎸藉洖鐨勩�傛敼鍙樻梾瀹㈢殑鏈�濂芥柟娉曟案杩滄槸浼樿川鐨勬湇鍔°��
+            </p>
+          </div>
+          <h3 id="c021">
+            <span class="h3-zt">涓�銆�</span
+            ><span class="h3-zt1">鎷掔粷鐨勫熀鏈柟娉�</span>
+          </h3>
+          <p>
+            鏃犺鏄嫆缁濆埆浜鸿繕鏄鍒汉鎷掔粷锛屾渶浠や汉闅惧牚鐨勫線寰�涓嶆槸浜嬫儏娌″姙鎴愶紝鑰屾槸鑷皧琚激瀹筹紝澶变簡闈㈠瓙銆傜簿閫氭嫆缁濈殑鑹烘湳鐨勪汉锛屽線寰�鑳藉湪璇粹�滀笉鈥濈殑鍚屾椂缁欒冻瀵规柟闈㈠瓙锛屾棦杈惧埌鑷繁鐨勭洰鐨勶紝鍙堣兘涓庡鏂规垚涓洪暱涔呯殑濂芥湅鍙嬨�傚洜姝わ紝瑕佹兂宸у鍦版嫆缁濆埆浜猴紝闇�瑕佹帉鎻′竴浜涘叿浣撱�佸疄鐢ㄧ殑鏂规硶銆�
+          </p>
+        </div>
+      </div>
+    </div>
+    <div class="page-box" page="28">
+      <div v-if="showPageList.indexOf(28) > -1">
+        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
+          <img
+            class="headerImg mr-10"
+            src="../../assets/images/headerlogo.png"
+            alt=""
+          />
+          <li class="headerText">椤圭洰浜�</li>
+          <li class="headerText">鎵撳ソ鑸┖鏈嶅姟鍙h浜ら檯鍩虹</li>
+          <li class="headerNumber">059</li>
+        </ul>
+        <div class="bodystyle">
+          <h4 id="d053">锛堜竴锛夎總鍥炲惁瀹�</h4>
+          <p>
+            瀵逛簬瀵规柟鎻愬嚭鐨勪笉鍚堢悊鐨勮姹傦紝涓嶈鎬ョ潃鎷掔粷銆傚彲浠ュ厛琛ㄧず瀵瑰鏂圭殑鑲畾锛岃〃鏄庤嚜宸卞彲浠ユ帴鍙椾粬鐨勮鐐癸紝鐒跺悗鍐嶈總鍥炪�佸濠夊湴琛ㄨ揪鑷繁鐨勮瑙o紝鎻愬嚭涓嶈兘璁ゅ悓鐨勬剰瑙併�傝繖绉嶆煍鍜岀殑鎷掔粷鏂规硶锛屽彲浠ヤ娇浠栨瘮杈冨鏄撳湴鎺ュ彈鍙嶅鐨勮鐐广��
+          </p>
+          <p>
+            鍦ㄩ噰鐢ㄨ繖绉嶆柟娉曟嫆缁濆埆浜烘椂锛屽彲浠ヨ鈥滄槸鐨勶紝鎴戜篃杩欐牱璁や负锛屸�︹�﹂棶棰樻槸鈥︹�︹�濃�滃鍛�锛屸�︹�﹁繖鏍锋病閿欙紝浣嗘槸鈥︹�︹�濄��
+          </p>
+          <div class="bj2">
+            <div class="bj2-dyd">
+              <p><span class="bj2-dyd">璇讳竴璇烩柤</span></p>
+            </div>
+            <p class="center"><span class="zt-ls1">鏃呭闇插嚭浜嗙瑧瀹�</span></p>
+            <p>
+              鍦ㄦ煇娆¤埅鐝笂锛岄鏈哄凡缁忚繘鍏ラ檷钀介樁娈碉紝鍗敓闂村凡缁忓仠姝娇鐢ㄣ�傛鏃讹紝涓�鍚嶆梾瀹㈣В寮�瀹夊叏甯︼紝鍚戜箻鍔″憳鎻愬嚭鍒氱潯閱掞紝闇�瑕佷笂鍘曟墍鐨勮姹傘�備箻鍔″憳鑰愬績瑙i噴閬擄細鈥滄偍濂斤紝鎴戜滑闈炲父鐞嗚В鎮ㄧ殑闇�姹傦紝浜烘湁涓夋�ョ紦涓嶅緱銆備絾鏄洜椋炴満涓嬮檷杩囩▼涓彲鑳戒骇鐢熼绨革紝鍏抽棴鍗敓闂存槸鍑轰簬瀹夊叏鐨勮�冭檻锛屾墍浠ュ笇鏈涙偍鍙互鐞嗚В銆傗�濆惉鍒颁箻鍔″憳鐨勮В閲婏紝璇ユ梾瀹㈠潗鍥炰簡搴т綅锛屼絾闈㈤湶涓嶆偊銆備箻鍔″憳缁х画璇撮亾锛氣�滄劅璋㈡偍鐨勭悊瑙o紝璇锋偍绯诲ソ瀹夊叏甯︼紝椋炴満闄嶈惤鍚庢垜浼氬府鍔╂偍鎻愬墠涓嬫満锛岃阿璋㈤厤鍚堛�傗�濆惉鍒颁箻鍔″憳鐨勫洖绛旓紝杩欏悕鏃呭缁堜簬闇插嚭浜嗙紦鍜岀殑绗戝銆�
+            </p>
+          </div>
+          <h4 id="d054">锛堜簩锛夊紩瀵艰繘琛岃嚜鎴戝綊璋�</h4>
+          <p>
+            褰撲笉濂界洿鎺ユ嫆缁濇梾瀹㈢殑璇锋眰鏃讹紝鍙互閲囩敤鍚戝鏂规彁闂紝寮曞瀵规柟杩涜鑷垜褰掕艾鐨勬柟娉曘�傞鍏堝彲浠ユ彁鍑洪棶棰橈紝寮曞瀵规柟瀵规墍鎻愯姹備腑涓嶅悎鐞嗙殑閮ㄥ垎杩涜鎬濊�冿紝浠庤�屽緱鍑虹粨璁猴紝闃愭槑鍚庢灉锛岃瀵规柟鑷繁鍚﹀畾鑷繁鐨勮鐐癸紝杩涜�屾斁寮冩墍鎻愮殑瑕佹眰銆�
+          </p>
+          <h4 id="d055">锛堜笁锛夐噰鐢ㄥ濠夈�佹ā绯婄殑璇█</h4>
+          <p>
+            褰撶浜庢儏闈紝鏃犳硶瀵规梾瀹㈠紑鍙h鈥滀笉鈥濈殑鏃跺�欙紝鍙互鐢ㄥ濠夈�佹ā绯婄殑璇█鎷掔粷鍏舵彁鍑虹殑瑕佹眰銆傝繖绉嶄技鏄�岄潪鐨勮瑷�锛岀湅浼煎洖搴斾簡鏃呭鐨勮姹傦紝浣嗗疄闄呬笂锛屽湪鍙嶉缁欎粬鐨勪俊鎭腑骞舵病鏈夊疄璐ㄦ�х殑鍐呭锛岃繖鏍锋棦杈惧埌浜嗘嫆缁濈殑鐩殑锛屽張涓嶅奖鍝嶅弻鏂圭殑浜洪檯鍏崇郴銆�
+          </p>
+        </div>
+      </div>
+    </div>
+    <div class="page-box" page="29">
+      <div v-if="showPageList.indexOf(29) > -1">
+        <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
+          <li class="header-left-Number">060</li>
+          <li class="header-left-text">
+            鑸┖鏈嶅姟鍙h浜ら檯涓庢挱闊虫妧宸э紙绗� 2 鐗堬級
+          </li>
+        </ul>
+        <div class="bodystyle">
+          <div class="bj2">
+            <div class="bj2-dyd">
+              <p><span class="bj2-dyd">璇讳竴璇烩柤</span></p>
+            </div>
+            <p class="center">
+              <span class="zt-ls1">鍔濆憡鏃呭淇濇寔瀹㈣埍瀹夐潤</span>
+            </p>
+            <p>
+              鍦ㄦ煇鑸彮鐨勫叕鍔¤埍涓紝鐢ㄩ鍚庣伅鍏夊叧闂紝鏃呭澶у寮�濮嬩紤鎭�備絾鏈変袱鍚嶆梾瀹㈠悇楗敤浜嗕袱鏉▉澹繉锛屽紑濮嬪ぇ澹拌亰澶╋紝鍏堕棿锛屽悗鎺掔殑涓�鍚嶆梾瀹篃鍔犲叆浜嗚亰澶╋紝澹伴煶鏇村ぇ浜嗐�備箻鍔″憳澶氭鎻愰啋鏃犳灉鍚庯紝鍏堟妸閭昏繎搴т綅鐨勪竴瀹朵笁鍙h皟绂昏嚦C2鑸憋紝鎺ョ潃鍚戞梺杈瑰崟鐙骇浣嶄笂鐨勬梾瀹㈤亾姝夛紝骞惰闂叾鏄惁闇�瑕佽皟鏁村骇浣嶃�傛梾瀹㈣〃绀轰笉鐢紝涔樺姟鍛樹究寤鸿鏃呭鎴翠笂鑰虫満闃插櫔銆傞殢鍚庢潵鍒板ぇ澹拌亰澶╃殑鏃呭韬竟璇撮亾锛氣�滃嚑浣嶆梾瀹㈢殑涓氬姟铏界劧寰堢箒蹇欙紝浣嗘槸鍥犱负鎴戜滑鐨勫鑸辨梾瀹㈠ぇ澶氬凡缁忎紤鎭紝鐜杈冧负瀹夐潤锛岃繕璇锋敞鎰忎笅涓氬姟闅愮锛屽悓鏃朵篃鐓ч【涓�涓嬪叾浠栨梾瀹㈢殑涔樻満浣撻獙銆傗��
+            </p>
+            <p>
+              鍦ㄦ湰妗堜緥涓紝鑸┖鏈嶅姟浜哄憳澶勭悊鐨勫熀鏈師鍒欐槸鐓ч【鍒板叏浣撴梾瀹㈢殑鎰熷彈锛屽涓嶆枃鏄庢梾瀹互鈥滃姖鍛婁负涓伙紝寮哄埗涓鸿緟鈥濓紝涔樺姟缁勫鐞嗙殑鍩烘湰姝ラ涓哄姖鍛娿�佸埗姝€�侀殧绂汇�佸畨鎶氥�傝繖鏍锋棦鐓ч【鍒颁簡鏃呭鐨勬劅鍙楋紝鍙堣〃杈句簡鍧氬畾鐨勭珛鍦恒��
+            </p>
+          </div>
+          <h4 id="d056">锛堝洓锛夐�傚綋鎷栧欢</h4>
+          <p>
+            褰撲笉濂芥弧瓒虫梾瀹㈡彁鍑虹殑瑕佹眰鏃讹紝涓嶇敤鏄庣‘缁欏嚭绛斿锛屽彲浠ラ噰鐢ㄩ�傚綋鎷栧欢鐨勫姙娉曟潵鎷掔粷銆傞亣鍒拌繖绉嶆儏鍐碉紝鍙互瀵规梾瀹㈣锛氣�滆璁╂垜鍐嶈�冭檻鑰冭檻銆傗��
+          </p>
+          <h4 id="d057">锛堜簲锛夊強鏃惰浆绉昏瘽棰�</h4>
+          <p>
+            鍦ㄥ弻鏂硅瘽涓嶆姇鏈猴紝鍙堜竴鏃堕毦浠ユ嫆缁濈殑鏃跺�欙紝鍙互鍙婃椂杞Щ璇濋锛岃亰涓�浜涜交鏉剧殑璇濋锛涗篃鍙互鏀瑰彉璋堣瘽璇皵锛岄伩瀹炲氨铏氾紝灏嗘梾瀹㈢殑娉ㄦ剰鍔涘紩寮�锛屼粠鑰岃揪鍒版嫆缁濆叾瑕佹眰鐨勭洰鐨勩��
+          </p>
+          <div class="bj2">
+            <div class="bj2-dyd">
+              <p><span class="bj2-dyd">璇讳竴璇烩柤</span></p>
+            </div>
+            <p class="center"><span class="zt-ls1">鍙婃椂杞Щ璇濋</span></p>
+            <p>
+              鍦ㄥ帵闂ㄦ満鍦虹殑鐧绘満鍙o紝鍥犲ぉ姘斿師鍥狅紝閮ㄥ垎鑸彮鍙栨秷锛屼竴鍚嶆梾瀹㈡儏缁縺鍔紝瑕佹眰鑸┖鍏徃缁欎簣璧斿伩銆�
+            </p>
+            <p>
+              鍦ㄦ皯鑸伐浣滀腑锛岄潪鑸┖鍏徃鍘熷洜瀵艰嚧鐨勮埅鐝彇娑堟槸浠呮彁渚涢��绁ㄦ湇鍔℃垨鏄崗鍔╁畨鎺掗瀹挎湇鍔$殑銆傞潰瀵规儏缁縺鍔ㄨ姹傞澶栬禂鍋跨殑鏃呭锛岀櫥鏈哄彛鐨勬湇鍔′汉鍛樿�愬績鍦颁笌鍏惰繘琛屼簡娌熼�氾細浠嬬粛浜嗗帵闂ㄧ殑涓�浜涚壒鑹茬編椋熴�佹梾娓告櫙鐐癸紝寤鸿鏃呭鐢宠閫�绁ㄥ娓哥帺鍑犳棩锛涘鏋滃洜涓虹瓑寰呰埅鐝韩蹇冪柌鎯紝涓嶅Θ鍓嶅線閰掑簵缇庣編鍦扮潯涓婁竴瑙夛紝鎰熷彈涓�涓嬪帵闂ㄦ竻鏂扮殑绌烘皵銆傛參鎱㈠湴锛岃鏃呭鐨勬敞鎰忓姏琚叧浜庡帵闂ㄧ殑浠嬬粛鍚�
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="page-box" page="30">
+      <div v-if="showPageList.indexOf(30) > -1">
+        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
+          <img
+            class="headerImg mr-10"
+            src="../../assets/images/headerlogo.png"
+            alt=""
+          />
+          <li class="headerText">椤圭洰浜�</li>
+          <li class="headerText">鎵撳ソ鑸┖鏈嶅姟鍙h浜ら檯鍩虹</li>
+          <li class="headerNumber">061</li>
+        </ul>
+        <div class="bodystyle">
+          <div class="bj2">
+            <p class="td-0">寮曚簡锛屾儏缁篃鎱㈡參骞冲浜嗭紝鏈�缁堜簨浠跺緱浠ラ『鍒╄В鍐炽��</p>
+          </div>
+          <h3 id="c022">
+            <span class="h3-zt">浜屻��</span><span class="h3-zt1">鎷掔粷鐨勬妧宸�</span>
+          </h3>
+          <p>
+            鍦ㄩ潰瀵规梾瀹㈡彁鍑虹殑涓嶅悎鐞嗚姹傛椂锛岃埅绌烘湇鍔′汉鍛樿浣跨敤涓�瀹氱殑鎷掔粷鎶�宸э紝鍋氬埌鎺緸寰椾綋锛屾�佸害璇氭伋锛屼笖瑕佹妸鎻′竴瀹氱殑鍒嗗锛屾棦瑕佸洖缁濇梾瀹㈢殑瑕佹眰锛屽張涓嶈鏃呭澶勪簬灏村艾鐨勫眬闈€��
+          </p>
+          <p>
+            鎷掔粷鏄毦鍏嶇殑锛岄伃鍒版嫆缁濇槸涓嶆剦蹇殑锛屾�庝箞鎷掔粷鎵嶅彲浠ユ妸绉嶇涓嶆剦蹇檷鍒版渶浣庨檺搴︼紝浠庤�屽緱鍒板鏂圭殑璋呰В鍜岃鍙憿锛�
+          </p>
+          <p>浠ヤ笅鏄嫆缁濈殑鍑犵鎶�宸с��</p>
+          <h4 id="d058">锛堜竴锛夊阀鐢ㄦ瘮鍠�</h4>
+          <p>
+            褰撻潰瀵规梾瀹㈡彁鍑虹殑涓嶆伆褰撹姹傛椂锛屽彲浠ュ阀濡欏湴杩愮敤姣斿柣鐨勬柟寮忚繘琛屾嫆缁濄�傝繖绉嶆嫆缁濇柟寮忥紝鏃㈣兘杈惧埌鑷繁鐨勭洰鐨勶紝鍙堣兘閬垮厤鍙屾柟灏村艾銆�
+          </p>
+          <div class="bj2">
+            <div class="bj2-dyd">
+              <p><span class="bj2-dyd">璇讳竴璇烩柤</span></p>
+            </div>
+            <p class="center"><span class="zt-ls1">宸х敤姣斿柣鎷掔粷瀵规柟</span></p>
+            <p>
+              鏇剧粡鏈変竴浣嶈鑰呯湅浜嗛挶閿轰功鐨勩�婂洿鍩庛�嬪悗鍗佸垎鍠滄锛屾墦鐢佃瘽鍛婅瘔閽遍敽涔﹁鑷繁闈炲父浠版厱浠栵紝鎯崇害閽遍敽涔﹁闈€�傞挶閿轰功鍥炵瓟璇达細鈥滃亣濡備綘鍚冧簡涓�涓潪甯镐笉閿欑殑楦¤泲锛岃繕闇�瑕佸幓瑙侀偅鍙敓铔嬬殑姣嶉浮鍚楋紵鈥�
+            </p>
+            <p>
+              閽遍敽涔︾簿濡欑殑姣斿柣锛屾棦璁╅偅浣嶈鑰呬簡瑙e埌鑷繁涓嶆効涓庝箣瑙侀潰锛屽張娌℃湁浼ゅ璇昏�呯殑鎰熸儏鍜岃嚜灏婏紝鐢辨宸у鍦拌В鍐充簡闂銆�
+            </p>
+          </div>
+          <h4 id="d059">锛堜簩锛夋彁鍑烘潯浠�</h4>
+          <p>
+            鏈夋椂涓嶇敤灏嗘嫆缁濈殑璇濊鍑哄彛锛屽彧闇�瑕佸憡璇夋梾瀹細濡傛灉瑕佺瓟搴斾粬鐨勮姹傦紝灏遍渶瑕佷粬婊¤冻鑸┖鏈嶅姟浜哄憳鎻愬嚭鐨勪竴浜涗粬涓嶅お鍙兘杈惧埌鐨勬潯浠讹紝浠庤�岃浠栫煡闅捐�岄��銆備竴鑸湪鎻愬嚭涓嶅お鍙兘杈惧埌鐨勬潯浠朵箣鍚庯紝鏈�濂藉啀涓烘梾瀹㈡彁渚涗竴浜涘叾鍙互鎺ュ彈鐨勬柟妗堬紝杩欐牱鏃呭灏变笉浼氳涓烘湇鍔′汉鍛樺湪鍒绘剰鍒侀毦锛屼細閫�鑰屾眰鍏舵閫夋嫨鍏朵粬鐨勫鐞嗘柟妗堛��
+          </p>
+        </div>
+      </div>
+    </div>
+    <div class="page-box" page="31">
+      <div v-if="showPageList.indexOf(31) > -1">
+        <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
+          <li class="header-left-Number">062</li>
+          <li class="header-left-text">
+            鑸┖鏈嶅姟鍙h浜ら檯涓庢挱闊虫妧宸э紙绗� 2 鐗堬級
+          </li>
+        </ul>
+        <div class="bodystyle">
+          <div class="bj2">
+            <div class="bj2-dyd">
+              <p><span class="bj2-dyd">璇讳竴璇烩柤</span></p>
+            </div>
+            <p class="center"><span class="zt-ls1">鎻愬嚭鏉′欢濠夋嫆鏃呭</span></p>
+            <p>
+              鍦ㄦ煇鑸┖鍏徃鐨勮埅鐝笂锛屼竴鍚嶄箻鍧愮粡娴庤埍鐨勬梾瀹㈡壘鍒颁箻鍔″憳锛岃姹備负鍏舵彁渚涘ご绛夎埍鎵嶈兘渚涘簲鐨勭孩閰掋�備箻鍔″憳鍚畬鍚庯紝鐪熻瘹鍦板悜鏃呭閬撴瓑锛屽苟鍛婄煡鏃呭锛氣�滄垜浠粖澶╃殑鑸彮浠呬负澶寸瓑鑸遍厤澶囦簡绾㈤厭锛屽鏋滄湁闇�瑕佺殑璇濓紝鎴戝彲浠ヤ负鎮ㄥ姙鐞嗗崌鑸辨湇鍔°�傛垨鑰呮垜鍙互涓烘偍鎻愪緵鍟ら厭锛屽鏋滃彲浠ョ殑璇濓紝鎴戝幓鎷跨粰鎮ㄣ�傗�濇渶缁堬紝璇ユ梾瀹㈠湪鎷垮埌浜嗗暏閰掑悗娌℃湁鎻愬嚭鏇村鐨勮姹傘��
+            </p>
+          </div>
+          <h4 id="d060">锛堜笁锛夊彟鏈夐�夋嫨</h4>
+          <p>
+            鍦ㄤ笉鑳芥弧瓒虫梾瀹㈡彁鍑虹殑瑕佹眰鏃讹紝鑸┖鏈嶅姟浜哄憳鍙悜鍏惰〃鏄庯細姣旇捣浠栫殑瑕佹眰锛岃嚜宸辨湁鏇村ソ鐨勯�夋嫨銆傝繖涔熸槸鏈夋晥鎷掔粷鍒汉鐨勬柟娉曚箣涓�銆傝埅绌烘湇鍔′汉鍛橀�氬父鍙互璇达細鈥滀笉閿欏晩锛屼絾鎴戞洿鎰挎剰鈥︹�︹�濃�滄偍鐨勬彁璁笉閿欙紝涓嶈繃鎴戞洿璧炴垚鈥︹�︹�濃�滄垜浠槸涓嶆槸鈥︹�︽洿濂斤紵鈥�
+          </p>
+          <h4 id="d061">锛堝洓锛夊鎵惧悎鐞嗙殑鍊熷彛</h4>
+          <p>
+            鍙互瀵绘壘涓�涓悎鐞嗙殑鍊熷彛锛岃鏃呭鐞嗚В鑸┖鏈嶅姟浜哄憳鐨勯毦澶勶紝骞跺皢鍏朵綔涓烘嫆缁濈殑鐞嗙敱锛岃�屼笉鐢ㄧ洿鎺ュ皢鈥滀笉鈥濆瓧璇村嚭鍙c�傝繖绉嶅�熷彛鍙互鎴愪负鈥滄尅绠墝鈥濓紝鑳介『鍒╁湴鎷掔粷鏃呭锛岃�屽張涓嶄激瀹充笌鏃呭鐨勬劅鎯呫��
+          </p>
+          <h4 id="d062">锛堜簲锛夌湡璇氳嚧姝�</h4>
+          <p>
+            閬汉鎷掔粷鏄竴浠朵护浜哄按灏殑浜嬶紝鎵�浠ュ湪鎷掔粷鏃呭鐨勬煇浜涜姹傛椂涓�瀹氳鐪熻瘹锛屽嵆浣胯姹備笉鍚堢悊涔熻濮斿鍦拌锛氣�滅湡鐨勫緢鎶辨瓑锛屾病鑳藉府涓婃偍鐨勫繖锛岃繕璇锋偍璋呰В銆傗�濊繖鏍锋梾瀹細姣旇緝瀹规槗鎺ュ彈銆備緥濡傦紝鏈変釜鍒梾瀹㈠緢鍠滄椋炴満涓婄殑灏忔瘺姣垨灏忕锛岃�屾寜鐓ц瀹氳繖浜涗笢瑗挎槸蹇呴』娓呯偣鍥炴敹鐨勩�傝繖鏃讹紝杩愮敤璇█鎶�宸ц繘琛屾嫆缁濆繀涓嶅彲灏戙�備箻鍔″憳瑕佽�愬績鍦板悜鏃呭瑙i噴鐩稿叧鐨勮绔犲埗搴︼紝涓嶈鍥犱负鏃呭涓嶇煡鎯呰�屾祦闇插嚭璐e鐨勮姘斻��
+          </p>
+          <h4 id="d063">锛堝叚锛夊瑷�鍥為伩</h4>
+          <p>
+            鑸┖鏈嶅姟浜哄憳鍙互鐢ㄥ濠夌殑鏂瑰紡浠庝晶闈㈡嫆缁濇垨鐢ㄦā绯婄殑璇█鍥為伩鏃呭鐨勯攱鑺掋�備緥濡傦紝鍦ㄩ鏈轰笂锛屼箻鍔″憳鎵嬩腑姝f嬁鐫�楗枡锛屾煇鏃呭瑕佹眰鍏舵挙璧扮┖鏉瓙銆備箻鍔″憳璇达細鈥滆鎮ㄥ府蹇欓�掕繃鏉ュソ鍚楋紵鈥濊鏃呭鍗佸垎涓嶆弧锛岃劚鍙h�屽嚭锛氣�滄垜閫掓澂瀛愶紝鐢ㄤ綘骞�
+          </p>
+        </div>
+      </div>
+    </div>
+    <div class="page-box" page="32">
+      <div v-if="showPageList.indexOf(32) > -1">
+        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
+          <img
+            class="headerImg mr-10"
+            src="../../assets/images/headerlogo.png"
+            alt=""
+          />
+          <li class="headerText">椤圭洰浜�</li>
+          <li class="headerText">鎵撳ソ鑸┖鏈嶅姟鍙h浜ら檯鍩虹</li>
+          <li class="headerNumber">063</li>
+        </ul>
+        <div class="bodystyle">
+          <p class="td-0">
+            鍚楋紵鈥濅箻鍔″憳瑁呬綔鏈惉娓呮梾瀹㈣瘽鐨勬牱瀛愶紝闈㈠甫寰瑧鍦伴棶閬擄細鈥滃厛鐢燂紝鎮ㄩ渶瑕佹垜鍋氫粈涔堬紵鈥濊鏃呭鐨勫悓浼磋繛蹇欐妸鏉瓙閫掕繃鏉ワ紝涓�鍦哄啿绐佸氨杩欐牱鍦ㄦ棤褰腑鍖栬В浜嗐��
+          </p>
+          <h4 id="d064">锛堜竷锛夋秷闄や笉婊�</h4>
+          <p>
+            濡傛灉鏃呭鍥犲椋炴満璁炬柦涓嶆弧鑰屽彂鐗㈤獨锛岃埅绌烘湇鍔′汉鍛樺彲浠ュ厛鎰熻阿瀵规柟瀵规皯鑸伐浣滅殑鍏冲績鍜屾敮鎸侊紝鍐嶈〃绀轰竴瀹氬強鏃舵妸璇ユ梾瀹㈢殑鎰忚鍙嶉缁欏叕鍙镐互渚垮強鏃舵洿鏂般��
+          </p>
+          <h2 id="b025"><span class="bj4">鎬濊�冧笌缁冧範</span></h2>
+          <h4 id="d065">涓�銆佹�濊�冧笌璁粌</h4>
+          <p>
+            1.鏁欏笀閭�璇蜂竴浣嶅鐢熶笂璁插彴锛岀劧鍚庤鍏朵粬瀛︾敓涓炬墜鍙戣█锛屽璁插彴涓婄殑瀛︾敓杩涜璧炵編锛岃姹傝瑷�鍏蜂綋缁嗚嚧銆�
+          </p>
+          <p>2.璇峰悇浣嶅悓瀛︽敹闆嗕竴浜涘菇榛樼殑璇█锛屽苟灏嗚繖浜涜瑷�涓茶仈璧锋潵璁蹭釜鏁呬簨銆�</p>
+          <p>
+            3.璇峰悇浣嶅悓瀛﹁涓嬪噯澶囦竴浜涚敓娲讳腑鐨勭瑧璇濓紝鍦ㄤ笂璇炬椂褰撶潃鍏ㄧ彮鍚屽鐨勯潰璁插嚭鏉ワ紝鐢ㄨ繖鏍风殑鏂瑰紡鏉ョН绱菇榛樼殑绱犳潗銆�
+          </p>
+          <p>
+            4.浣犳潵璇达紝鎴戞潵鐚溿�傛暀甯堝噯澶囪嫢骞叉垚璇紝璁╀竴鍚嶅鐢熺敤璇█鎻忚堪鎴愯锛屽彟澶栦竴鍚嶅鐢熺寽鏄粈涔堟垚璇�傝姹傜敤鏈�绮剧粌鐨勮瑷�鎻忚堪銆�
+          </p>
+          <p>
+            5.璇峰悇浣嶅悓瀛﹂�夋嫨涓�浣嶅悓瀛︿笂璁插彴锛岃鍙颁笅姣忎釜浜虹敤鏈�鍏蜂綋鐨勮瑷�鎻忚堪涓�涓嬭鍙颁笂鐨勫悓瀛︺��
+          </p>
+          <p>6.鏁欏笀瑙勫畾鍑犱釜鍦烘櫙锛岃瀛︾敓鏍规嵁瑙勫畾鍦烘櫙鐨勫唴瀹硅鏈嶆梾瀹€��</p>
+          <h4 id="d066">浜屻�佹渚嬪垎鏋�</h4>
+          <p>1.椋炴満寤惰锛屾梾瀹㈠緢鐢熸皵銆�</p>
+          <p>
+            2.鍦ㄦ煇鑸彮涓婏紝涔樺姟鍛樺儚寰�甯镐竴鏍凤紝涓轰竴鍚嶆鍦ㄧ湅鎶ョ焊鐨勬梾瀹㈡墦寮�浜嗛槄璇荤伅锛屼负涓�鍚嶈�佸勾鏃呭璁茶В瀹㈣埍璁惧鐨勪娇鐢ㄦ柟娉曪紝娑堥櫎浠栧垵娆′箻鏈虹殑涓嶅畨鈥︹�﹀湪宸¤埍鏃讹紝涔樺姟鍛樺彂鐜板悗鎺掑骇浣嶄笂鏈変竴鍚嶆棤鎴愪汉闄即鐨勫効绔ユ梾瀹紝澶х害鍏瞾銆傚ス鐨勫弻鎵嬬揣绱у湴鎶撶潃搴ф鎵舵墜锛屽ご绱ц创鍦ㄩ潬鑳屼笂銆備粠灏忓コ瀛╃殑鐪肩閲屽彲浠ョ湅鍑猴紝濂瑰杩欎釜搴炲ぇ鐨勨�滄�墿鈥濇棦濂藉鍙堝鎬曘��
+          </p>
+        </div>
+      </div>
+    </div>
+    <div class="page-box" page="32">
+      <div v-if="showPageList.indexOf(32) > -1">
+        <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
+          <li class="header-left-Number">064</li>
+          <li class="header-left-text">
+            鑸┖鏈嶅姟鍙h浜ら檯涓庢挱闊虫妧宸э紙绗� 2 鐗堬級
+          </li>
+        </ul>
+        <div class="bodystyle">
+          <h4 id="d067">涓夈�佽鍔ㄥ缓璁�</h4>
+          <p>
+            1.璇峰鐢熸寜鐓ц埅绌烘湇鍔′汉鍛樼殑鍙h浜ら檯瑕佹眰骞朵娇鐢ㄧ浉鍏虫妧宸т笌鍎跨鏃呭娌熼�氥��
+          </p>
+          <p>
+            鐢ㄨ鑹叉壆婕旂殑鏂瑰紡锛屾暀甯堝皢鐝噷鐨勫鐢熷垎鎴愪笉鍚岀殑瑙掕壊锛屽苟涓斿竷缃笉鍚岀殑鍦烘櫙锛岃瀛︾敓鍦ㄥ悇绉嶅満鏅腑杩涜浜ゆ祦锛屾渶鍚庢暀甯堢粰浜堢偣璇勩��
+          </p>
+          <p>2.姣忕粍閫夊嚭涓�鍚嶄唬琛紝瀵瑰悓涓�涓瘽棰橀槓杩拌嚜宸辩殑鐞嗚В銆�</p>
+          <p>
+            3.璁╀竴鍚嶅鐢熷湪娌℃湁鍑嗗鐨勬儏鍐典笅褰撶潃鍏ㄧ彮瀛︾敓鐨勯潰涓庝换鎰忎竴鍚嶅鐢熻繘琛岃瑷�浜ゆ祦銆傛暀甯堣璁″満鏅拰鍐呭锛岃�冩煡瀛︾敓鏄惁鎺屾彙浜嗚瑷�鐨勪慨楗版柟娉曘��
+          </p>
+          <p>4.鏁欏笀璁茶堪涓�涓晠浜嬶紝璁╁鐢熷杩帮紝浠ユ鍔犳繁瀛︾敓瀵硅亞鍚殑鐞嗚В銆�</p>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import {
+  getResourcePath,
+  getCollectResource,
+  setCollectResource,
+} from "@/assets/methods/resources";
+export default {
+  name: "chapterOne",
+  props: {
+    showPageList: {
+      type: Array,
+    },
+  },
+  components: {},
+  data() {
+    return {
+      collectImg: require("../../assets/images/icon/heart.png"),
+      collectCheck: require("../../assets/images/icon/heart-check.png"),
+      collectResourceList: [],
+      videos: [
+        {
+          name: "瑙嗛锛氬洟闃熸梾瀹�",
+          md5: "50a2d3b63fcba85133deaf6089eab421",
+        },
+        {
+          name: "瑙嗛锛氶��绁ㄧ殑鏈嶅姟娌熼��",
+          md5: "a0deaeb6cee31dd1181775d6bc0d0b71",
+        },
+        {
+          name: "瑙嗛锛氳鏈烘梾瀹㈡矡閫�",
+          md5: "2f16aec9f278c495a12fc3caca3b517c",
+        }
+      ],
+    };
+  },
+  async mounted() {
+    this.getVideoPath();
+    this.collectResourceList = await getCollectResource(
+      this.config.activeBook.bookId
+    );
+  },
+  methods: {
+    async getVideoPath(value) {
+      for (let index = 0; index < this.videos.length; index++) {
+        const item = this.videos[index];
+        item["url"] = await getResourcePath(item.md5);
+      }
+      console.log(111, this.videos);
+    },
+    handleCollect(num) {
+      const data = this.videos[num];
+      this.handleCollectResource(
+        data.md5,
+        data.md5,
+        "",
+        "瑙嗛",
+        "bits",
+        data.name
+      );
+    },
+    //璧勬簮鏀惰棌浜嬩欢
+    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>
+.table-p {
+  font-size: 16px !important;
+  line-height: 20px !important;
+}
+
+.imgBox {
+  display: flex !important;
+  flex-direction: column-reverse !important;
+  position: relative !important;
+
+  .img {
+    margin: 0 !important;
+    font-size: 16px !important;
+    position: absolute !important;
+    left: 50% !important;
+    transform: translateX(-50%);
+    bottom: -2% !important;
+  }
+
+  img {
+    height: 80%;
+  }
+}
+
+.choice {
+  padding: 0% !important;
+}
+
+hr {
+  margin-left: 0;
+  margin-bottom: 4px;
+  width: 15.5%;
+  border: none;
+  height: 2px;
+  background-color: #000;
+}
+</style>
diff --git a/src/books/OralAndBroadcasting/view/components/header.vue b/src/books/OralAndBroadcasting/view/components/header.vue
new file mode 100644
index 0000000..361c332
--- /dev/null
+++ b/src/books/OralAndBroadcasting/view/components/header.vue
@@ -0,0 +1,229 @@
+<template>
+  <div class="chapter" num="1">
+    <!-- 灏侀潰 -->
+    <div class="page-box mt-30" 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" page="2" style="min-height: auto">
+      <div v-if="showPageList.indexOf(2) > -1">
+        <img class="img-0" alt="" src="../../assets/images/SMY.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=""><b>鍥句功鍦ㄧ増缂栫洰锛圕IP锛夋暟鎹�</b></p>
+          <p class="left3 block mr-0">
+            >鑸┖鏈嶅姟鍙h浜ら檯涓庢挱闊虫妧宸�/榄忓叏鏂屼富缂�.鈥�2鐗�.鈥斿寳浜細鍖椾含甯堣寖澶у鍑虹増绀撅紝2024.10
+          </p>
+          <p class="left3 block">ISBN 978-7-303-29417-6</p>
+          <p class="left3 block mt-20">
+            鈪�.鈶犺埅鈥� 鈪�.鈶犻瓘鈥�
+            鈪�.鈶犳梾瀹㈣繍杈�-鍟嗕笟鏈嶅姟-鍙h-鏁欐潗鈶℃皯鐢ㄨ埅绌�-鏃呭杩愯緭-鎾煶-璇█鑹烘湳-鏁欐潗
+            鈪�.鈶燜560.9
+          </p>
+          <p class="left3 block">涓浗鍥藉鐗堟湰棣咰IP鏁版嵁鏍稿瓧锛�2023锛夌195087鍙�</p>
+          <hr />
+          <p><br /></p>
+          <p><br /></p>
+          <p><br /></p>
+          <p class="left block mt-20">鏁欐潗鎰忚鍙嶉銆�zhijiao@bnupg.com</p>
+          <p class="left block">钀ラ攢涓績鐢佃瘽銆�010-58802755 58800035</p>
+          <p class="left block">缂栬緫閮ㄧ數璇濄��銆�010-58802751</p>
+          <hr />
+          <p class="left block">鍑虹増鍙戣锛氬寳浜笀鑼冨ぇ瀛﹀嚭鐗堢ぞ www.bnupg.com</p>
+          <p class="left block">銆�銆�銆�銆�銆�鍖椾含甯傝タ鍩庡尯鏂拌鍙e澶ц12-3鍙�</p>
+          <p class="left block">銆�銆�銆�銆�銆�閭斂缂栫爜锛�100088</p>
+          <p class="left block">鍗般��銆�鍒凤細淇濆畾甯備腑鐢荤編鍑嵃鍒锋湁闄愬叕鍙�</p>
+          <p class="left block">缁忋��銆�閿�锛氬叏鍥芥柊鍗庝功搴�</p>
+          <p class="left block">寮�銆�銆�鏈細889mm脳1194mm銆�1/16</p>
+          <p class="left block">鍗般��銆�寮狅細11.25</p>
+          <p class="left block">瀛椼��銆�鏁帮細245鍗冨瓧</p>
+          <p class="left block">鐗堛��銆�娆★細2024骞�10鏈堢2鐗�</p>
+          <p class="left block">鍗般��銆�娆★細2024骞�10鏈堢1娆″嵃鍒�</p>
+          <p class="left block">瀹氥��銆�浠凤細41.00鍏�</p>
+          <hr />
+          <p class="left block">
+            绛栧垝缂栬緫锛氱帇浜戣嫳銆�銆�銆�璐d换缂栬緫锛氬畨銆�鍋ャ��鍚寸函鐕�
+          </p>
+          <p class="left block">缇庢湳缂栬緫锛氱劍銆�涓姐��銆�銆�瑁呭抚璁捐锛氱劍銆�涓�</p>
+          <p class="left block">
+            璐d换鏍″锛氶檲銆�姘戙��銆�銆�璐d换鍗板埗锛氶┈銆�娲併��璧点��榫�
+          </p>
+          <p class="center mt-20"><b>鐗堟潈鎵�鏈夈��渚垫潈蹇呯┒</b></p>
+          <p class="left center">
+            <b>鍙嶇洍鐗堛�佷镜鏉冧妇鎶ョ數璇濓細</b><span class="block">010-58808104</span>
+          </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 style="max-width: 600px; margin: 0 auto; padding: 10% 0">
+          <div class="bk-bwh">
+            <h1 id="a003" class="front">
+              鑱屼笟鏁欒偛鑸┖杩愯緭绫讳笓涓氣�滀骇鏁欒瀺鍚堚�濇柊褰㈡�佹暀鏉愪笓瀹舵寚瀵煎鍛樹細
+            </h1>
+            <p class="center"></p>
+            <p class="center"><span class="zt-ls1">涓汇��浠�</span></p>
+            <p class="block fz-14">
+              榄忓叏鏂屻��鍥涘窛瑗垮崡鑸┖鑱屼笟瀛﹂櫌 鑽h獕闄㈤暱銆佺爺绌跺憳
+            </p>
+            <p class="block fz-14">
+              銆�銆�銆�銆�鍥涘窛娉涚編鏁欒偛鎶曡祫闆嗗洟鏈夐檺璐d换鍏徃 钁d簨闀�
+            </p>
+            <p class="center mt-30"><span class="zt-ls1">鍓富浠�</span></p>
+            <p class="block fz-14">鏉ㄦ柊婀︺��涓浗姘戣埅澶у 鍓牎闀裤�佹暀鎺�</p>
+            <p class="block fz-14">
+              鍙躲��鑰掋��涓浗鍟嗙敤椋炴満鏈夐檺璐d换鍏徃鍥涘窛鍒嗗叕鍙�
+              鎬荤粡鐞嗗姪鐞嗐�佷汉鍔涜祫婧愰儴閮ㄩ暱
+            </p>
+            <p class="block fz-14">鐜嬫捣娑涖��鎴愰兘鑸┖鏈夐檺鍏徃 浜哄姏璧勬簮閮ㄦ�荤粡鐞�</p>
+            <p class="center mt-30"><span class="zt-ls1">濮斻��鍛�</span></p>
+            <p class="block fz-14">閮鼎澶忋��涓浗姘戣埅澶у 鏁欐巿</p>
+            <p class="block fz-14">闄堢帀鍗庛��鎴愰兘鑸┖鑱屼笟鎶�鏈闄� 鏁欐巿</p>
+            <p class="block fz-14">瑁存槑瀛︺��鍥涘窛瑗垮崡鑸┖鑱屼笟瀛﹂櫌 闄㈤暱銆佺爺绌跺憳</p>
+            <p class="block fz-14">
+              榫欍��寮恒��鍥涘窛娉涚編鏁欒偛鎶曡祫闆嗗洟鏈夐檺璐d换鍏徃 鐗硅仒涓撳
+            </p>
+            <p class="block fz-14">
+              鍒樸��妗︺��鍥涘窛娉涚編鏁欒偛鎶曡祫闆嗗洟鏈夐檺璐d换鍏徃 鍓�昏銆佺壒绾ф暀甯�
+            </p>
+            <p class="block fz-14">
+              鏇捐繙蹇椼��鍥涘窛娉涚編鏁欒偛鎶曡祫闆嗗洟鏈夐檺璐d换鍏徃 鍓�昏
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="page-box" page="5">
+      <div v-if="showPageList.indexOf(5) > -1">
+        <div style="padding: 136px 66px">
+          <div class="fl fd-r">
+            <div class="fl fd-c al-c" style="margin: 100px 0">
+              <h1 id="a004">鍓嶈█</h1>
+              <p class="td-0">PREFACE</p>
+              <p class="zt-hs1 td-0">锛堢 2 鐗堬級</p>
+            </div>
+          </div>
+          <p>
+            銆婅埅绌烘湇鍔″彛璇氦闄呬笌鎾煶鎶�宸э紙绗�2鐗堬級銆嬫槸鍦ㄧ1鐗堢殑鍩虹涓婏紝浠ヤ範杩戝钩鏂版椂浠d腑鍥界壒鑹茬ぞ浼氫富涔夋�濇兂鍜屽厷鐨勪簩鍗佸ぇ绮剧涓烘寚瀵间慨璁㈣�屾垚锛屾柊鐗堟暀鏉愬潥鎸佽惤瀹炵珛寰锋爲浜烘牴鏈换鍔★紝閬靛惊鏁欐潗寤鸿瑙勫緥銆佽亴涓氭暀鑲叉暀瀛﹁寰嬶紝绗﹀悎鑱屼笟闄㈡牎瀛︾敓鐨勮鐭ョ壒鐐广�傛湰鏁欐潗鍏卞垎涓轰簲涓」鐩紝鍒嗗埆鏄簡瑙h埅绌烘湇鍔″彛璇氦闄呫�佹墦濂借埅绌烘湇鍔″彛璇氦闄呭熀纭�銆佹墦濂芥櫘閫氳瘽涓庢挱闊宠闊冲熀纭�銆佹彁鍗囪埅绌烘湇鍔″彛璇氦闄呬笌鎾煶鑳藉姏銆佹帉鎻¤埅绌烘湇鍔¢潪璇█娌熼�氫笌鐗规畩鏈嶅姟浜ら檯鎶�鑳姐�傛柊鐗堟暀鏉愭湁浠ヤ笅鐗圭偣銆�
+          </p>
+          <p>
+            绗竴锛屼骇鏁欒瀺鍚堬紝鍙屽厓寮�鍙戙�傛湰鏁欐潗鐢卞洓宸濊タ鍗楄埅绌鸿亴涓氬闄㈢粍缁囩紪鍐欙紝鐢辨硾缇庤埅绌鸿亴鏁欓泦鍥㈠拰鍟嗙敤椋炴満琛屼笟浜ф暀铻嶅悎鍏卞悓浣撳悎浣滃畬鎴愶紝姹囪仛浜嗕腑鍥芥皯鑸ぇ瀛︺�佸洓宸濊タ鍗楄埅绌鸿亴涓氬闄€�佹垚閮借埅绌鸿亴涓氭妧鏈闄㈢殑涓�绾挎暀甯堜笌涓浗鍟嗙敤椋炴満鏈夐檺璐d换鍏徃鍥涘窛鍒嗗叕鍙搞�佹垚閮借埅绌烘湁闄愬叕鍙哥瓑浼佷笟涓撳锛屽洟闃熸垚鍛樼殑涓板瘜鏁欏缁忛獙銆佸鏈�犺浠ュ強琛屼笟缁忛獙纭繚浜嗘暀鏉愮殑绉戝鎬с�佸疄鐢ㄦ�т笌閫傜敤鎬с��
+          </p>
+          <p>
+            绗簩锛屾�濇斂铻嶅叆锛屼环鍊煎鍚戙�傛湰鏁欐潗鍏ㄩ潰钀藉疄璇剧▼鎬濇斂鐨勮姹傦紝閫氳繃瀛︿範鑸┖鏈嶅姟鍙h浜ら檯涓庢挱闊崇殑鎶�宸э紝鍩瑰吇瀛︾敓宕囧皻瀹硶銆侀伒绾畧娉曘�佸磭寰峰悜鍠勩�佽瘹瀹炲畧淇°�佸皧閲嶇敓鍛姐�佺儹鐖卞姵鍔ㄧ殑鍝佽川锛屽煿鍏诲鐢熺殑绀句細璐d换鎰燂紝澧炲己瀛︾敓鐨勭ぞ浼氬弬涓庢剰璇嗭紱璺佃鈥滃繝璇氭媴褰撶殑鏀挎不鍝佹牸锛屼弗璋ㄧ瀛︾殑涓撲笟绮剧锛屽洟缁撳崗浣滅殑宸ヤ綔浣滈锛屾暚涓氬鐚殑鑱屼笟鎿嶅畧鈥濈殑褰撲唬姘戣埅绮剧锛涘叿鏈夊畨鍏ㄦ剰璇嗗拰鑹ソ鐨勬湇鍔℃剰璇嗭紱寮曞瀛︾敓鏍戠珛姝g‘鐨勪笘鐣岃銆佷汉鐢熻鍜屼环鍊艰銆�
+          </p>
+          <p>
+            绗笁锛屽唴瀹圭瀛︼紝浣撲緥鍒涙柊銆傛柊鐗堟暀鏉愪緷鐓ц亴涓氭暀鑲插浗瀹舵暀瀛︽爣鍑嗕綋绯伙紝瀵规帴鑱屼笟鏍囧噯鍜屽矖浣嶈兘鍔涜姹傦紝浣撶幇浜嗕骇涓氬彂灞曠殑鏂版妧鏈�佹柊瑙勮寖銆佹柊鏍囧噯锛屾繁鍏ユ寲鎺樻皯鑸紒涓氱殑瀹為檯宸ヤ綔闇�姹傚拰宀椾綅瑕佹眰锛岀‘淇濇暀鏉愬唴瀹逛笌瀹為檯鐨勫矖浣嶉渶瑕佹棤缂濊鎺ャ�傛湰鏁欐潗浠ラ」鐩�
+          </p>
+        </div>
+      </div>
+    </div>
+    <div class="page-box" page="6">
+      <div v-if="showPageList.indexOf(6) > -1">
+        <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
+          <li class="header-left-Number">002</li>
+          <li class="header-left-text">鑸┖鏈嶅姟鍙h浜ら檯涓庢挱闊虫妧宸э紙绗� 2 鐗堬級</li>
+        </ul>
+        <div class="bodystyle">
+          <p class="td-0">
+            浠诲姟涓鸿浇浣擄紝浣撶幇浜嗚亴涓氭暀鑲茬殑绫诲瀷鐗圭偣锛涙彁渚涗簡澶ч噺鐨勬渚嬪拰瀹為檯鎯呭锛岃瀛︾敓鑳藉皢鎵�瀛︾悊璁烘洿濂藉湴杩佺Щ鍒板疄闄呭伐浣滈渶姹備腑銆傜粨鍚堝鐢熺壒鐐癸紝缂栧啓鍔涙眰鏂囧瓧绠�娲併�侀�氫織鏄撴噦銆傛湰鏁欐潗浣撶幇浜嗏�滆创杩戠ぞ浼氱敓娲汇�佽创杩戝伐浣滃疄闄呫�佽创杩戝鐢熺壒鐐光�濃�滀笌鑱屼笟宀椾綅缇ゅ鎺ャ�佷笌鑱屼笟璧勬牸鏍囧噯瀵规帴銆佷笌瀹為檯宸ヤ綔杩囩▼瀵规帴鈥濈殑鈥滀笁璐磋繎鈥濃�滀笁瀵规帴鈥濆師鍒欙紝娉ㄩ噸瀵瑰鐢熻亴涓氭牳蹇冭兘鍔涚殑鍩瑰吇锛屼綋鐜颁簡鈥滃矖璇捐禌璇佲�濊瀺閫氱殑鐞嗗康銆�
+          </p>
+          <p>
+            绗洓锛岃祫婧愪赴瀵岋紝鏂板舰鎬佹暀鏉愩�傚湪淇杩囩▼涓紝鑱斿悎琛屼笟銆佷紒涓氫笓瀹讹紝鏀堕泦鐪熷疄鐨勫伐浣滄渚嬶紝閰嶅涓板瘜鐨勬暀瀛﹁祫婧愩�傛湰鏁欐潗鐨勮璁″拰鍛堢幇鍏呭垎浣撶幇浜嗚亴涓氭暀鑲叉柊褰㈡�佹暀鏉愮殑鐞嗗康锛岀粨鍚堣瀺濯掍綋鍜屾暟瀛楀寲鎶�鏈紝浠ラ�傚簲瀛︾敓鐨勯渶姹傘��
+          </p>
+          <p>
+            绗�2鐗堟暀鏉愮敱榄忓叏鏂屾媴浠讳富缂栵紝璐熻矗鏁翠綋鎬濊矾鐨勭鍒掞紝鎷熷畾鍏蜂綋鐨勭紪鍐欐柟妗堛�傛潹涔愩�佹鐜夎秴銆佺帇浣虫媴浠诲壇涓荤紪锛岀帇鍢夋銆佹潕鏋椼�佽档闈掋�佷綍闇茬懚鍙備笌缂栧啓銆傚瓩鐨濄�佸垬璐�佹湵鐜夐緳銆侀珮褰便�佸懆闆ㄩ湶銆侀┈淇婁紵涔熶负鏈暀鏉愮殑鍑虹増浣滃嚭浜嗚础鐚�備腑鍥芥皯鑸ぇ瀛﹂偣閾佸か瀵规湰鏁欐潗杩涜浜嗗璇伙紝鎴愰兘鑸┖鏈夐檺鍏徃闄堝噷鍦ㄨ鏈暀鏉愪綋鐜版柊鎶�鏈�佹柊瑙勮寖銆佹柊鏍囧噯鏂归潰鎻愪緵浜嗕紭绉�鐨勫缓璁紝鏈夋晥鍦颁繚璇佷簡鏈暀鏉愮殑绉戝鎬с�佷笓涓氭�с�佸疄鐢ㄦ�с�侀�傜敤鎬э紝鍦ㄦ琛ㄧず琛峰績鐨勬劅璋€��
+          </p>
+          <p>
+            鏈暀鏉愪笉浠呴�傜敤浜庤埅绌鸿繍杈撶被鐩稿叧涓撲笟鏁欏锛屼篃鍙互浣滀负鑸┖鍏徃鐨勫煿璁暀鏉愩�傚彈缂栬�呮按骞虫墍闄愶紝鏈暀鏉愰毦鍏嶅瓨鍦ㄤ竴瀹氱殑涓嶅綋涔嬪锛屾伋璇峰箍澶ц鑰呮彁鍑哄疂璐垫剰瑙侊紝浠ヤ究鎴戜滑浣滆繘涓�姝ョ殑淇瀹屽杽銆�
+          </p>
+        </div>
+      </div>
+    </div>
+    <div class="page-box" page="7">
+      <div v-if="showPageList.indexOf(7) > -1">
+        <div style="padding: 136px 98px">
+          <div class="fl fd-r">
+            <div class="fl fd-c al-c" style="margin: 100px 0">
+              <h1 id="a004">鍓嶈█</h1>
+              <p class="td-0">PREFACE</p>
+              <p class="zt-hs1 td-0">锛堢 1 鐗堬級</p>
+            </div>
+          </div>
+          <p>銆婂浗瀹朵腑闀挎湡鏁欒偛鏀归潻鍜屽彂灞曡鍒掔翰瑕侊紙2010鈥�2020骞达級銆嬫槑纭彁鍑猴細涓瓑鑱屼笟鏁欒偛涓庨珮绛夎亴涓氭暀鑲插崗璋冨彂灞曪紝鏋勫缓鐜颁唬鑱屼笟鏁欒偛浣撶郴銆傝亴涓氭暀鑲蹭负绀句細銆佺粡娴庡拰浜虹殑鍙戝睍鏈嶅姟鎴愪负鑱屼笟鏁欒偛鐞嗚宸ヤ綔鑰呬笌瀹炶返宸ヤ綔鑰呯殑鍏辫瘑銆�</p>
+          <p>杩戝勾鏉ワ紝闅忕潃绀句細銆佺粡娴庣殑杩涙锛屾皯鑸笟寰楀埌浜嗙┖鍓嶇殑鍙戝睍銆傛皯鑸笟鐨勫ぇ鍙戝睍闇�瑕佸ぇ閲忛亾寰烽珮灏氥�佺礌璐ㄤ紭鑹�佹妧鑳藉ù鐔熺殑涓�涓撳鑳界殑浜烘墠銆傛鍥犱负濡傛锛屼竴鎵瑰姙瀛︾悊蹇靛厛杩涖�佹暀瀛︿笌瀹炰範瀹炶璁惧绮捐壇銆佸笀璧勫姏閲忛泟鍘氱殑瀛︽牎鎴栦笓涓氬簲杩愯�岀敓锛屼负淇冭繘姘戣埅涓氱殑鍙戝睍浣滃嚭浜嗛噸瑕佽础鐚��</p>
+          <p>瑕佸煿鍏婚珮绱犺川鐨勪汉鎵嶏紝绂讳笉寮�楂樿川閲忕殑瀛︽牎锛岀涓嶅紑楂樻按骞崇殑鏁欏笀锛屾洿绂讳笉寮�鐞嗗康鍏堣繘銆佸唴瀹逛赴瀵屻�佸舰寮忔柊棰栫殑绮惧搧鏁欐潗銆備负姝わ紝鎴戜滑缁勭粐浜嗗叏鍥借涓氳亴涓氭暀鑲叉暀瀛︽寚瀵煎鍛樹細銆佸叏鍥戒腑绛夎亴涓氭暀鑲叉暀瀛︽敼闈╁垱鏂版寚瀵煎鍛樹細銆佽亴涓氭暀鑲叉暀瀛︾爺绌舵満鏋勭殑涓撳锛屽叏鍥借繎20瀹朵紒涓氱殑琛屽浠ュ強鍏锋湁涓板瘜鐨勬暀瀛︿笌鏁欐潗缂栧啓缁忛獙鐨勪紭绉�鏁欏笀缇ょ瓥缇ゅ姏缂栧啓浜嗘湰濂楁暀鏉愩��</p>
+          <p>鏈鏁欐潗绔嬭冻鍥藉唴杩�20瀹朵紒涓氱浉鍏冲伐浣滃矖浣嶅浜烘墠绱犺川涓庤兘鍔涚殑瑕佹眰锛岄拡瀵瑰鐢熻亴涓氱敓娑彂灞曠殑闇�姹傜紪鍐欍�傚湪浣撶郴缁撴瀯涓婏紝鏈鏁欐潗涓殑鍚勫唽鏁欐潗鏈夋満琛旀帴锛屼綋绯诲畬鏁淬�傚湪鍐呭涓婏紝鏈鏁欐潗娑电洊浜嗗吀鍨嬬殑宸ヤ綔浠诲姟锛屼綋鐜颁簡鈥滆创杩戠ぞ浼氱敓娲汇�佽创杩戝伐浣滃疄闄呫�佽创杩戝鐢熺壒鐐光�濃�滀笌鑱屼笟宀椾綅缇ゅ鎺ャ�佷笌鑱屼笟璧勬牸鏍囧噯瀵规帴銆佷笌瀹為檯宸ヤ綔杩囩▼瀵规帴鈥濈殑鈥滀笁璐磋繎鈥濃�滀笁瀵规帴鈥濆師鍒欙紝娉ㄩ噸瀛︾敓鑱屼笟鏍稿績鑳藉姏鐨勫煿鍏汇�傚湪褰㈠紡涓婏紝鏈鏁欐潗鎸夌収鈥滃叿浣撯�旀娊璞♀�斿疄璺碘�濈殑閫昏緫椤哄簭锛岃璁′簡鈥滄渚嬪鍏モ�濃�滆涓�璇烩�濃�滃皬璐村+鈥濃�滄�濊�冧笌缁冧範鈥濈瓑鏍忕洰锛岃鏂囦腑鍥炬枃骞惰寕锛岀獊鍑轰簡鏁欐潗鐨勫彲璇绘�т笌浜掑姩鎬э紝鏃㈡柟渚挎暀甯堢殑鏁欙紝涔熸柟渚垮鐢熺殑瀛︺�傛湰濂楁暀鏉愭棦鍙緵鑱屼笟闄㈡牎鑸┖杩愯緭绫讳笓涓氬鐢熶娇鐢紝涔熷彲浣滀负姘戣埅浼佷笟鍛�</p>
+
+        </div>
+      </div>
+    </div>
+    <div class="page-box" page="8">
+      <div v-if="showPageList.indexOf(8) > -1">
+        <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
+          <li class="header-left-Number">002</li>
+          <li class="header-left-text">鑸┖鏈嶅姟鍙h浜ら檯涓庢挱闊虫妧宸э紙绗� 2 鐗堬級</li>
+        </ul>
+        <div class="bodystyle">
+          <p class="td-0" >宸ョ殑鍩硅鏁欐潗鎴栧弬鑰冭祫鏂欍��</p>
+          <p>鏈暀鏉愮敱鑱屼笟鏁欒偛涓撳榄忓叏鏂屾媴浠讳富缂栵紝鐢遍檰寤哄崕銆佹潹鐪佽吹銆佹鍓戦攱銆佹浘杩滃織銆佸紶涔夊厜鎷呬换鍓富缂栥�傚弬鍔犳湰鏁欐潗缂栧啓鐨勪汉鍛樻湁锛氫腑鍥芥皯鑸琛屽闄㈤檲鏂帮紝鍥涘窛瑗垮崡鑸┖涓撲慨瀛﹂櫌鍒樻ˇ銆佸紶鑿茶彶銆佹潹娲厜銆佺帇寤哄锛屾垚閮借埅绌烘梾娓歌亴涓氬鏍$▼鍐层�佷綑纾婄瓑銆傚叏涔︾敱涓浗姘戣埅椋炶瀛﹂櫌鏉ㄧ渷璐电粺绋裤��</p>
+          <p>鍦ㄧ紪鍐欐湰鏁欐潗鐨勮繃绋嬩腑锛屽緱鍒颁簡涓婃捣鏈哄満璐靛鏈嶅姟鍏徃鎬荤粡鐞嗙帇鍩圭珛銆佹繁鍦冲疂瀹夊浗闄呮満鍦哄畨妫�绔欑珯闀胯档钀嶃�佹垚閮藉弻娴佸浗闄呮満鍦哄畨妫�绔欏壇绔欓暱澶忛潤銆佹繁鍦宠埅绌哄叕鍙哥淮淇伐绋嬮儴鎬荤粡鐞嗗姪鐞嗙帇缁ц惀銆佸洓宸濇柊鍔涜埅绌烘妧鏈湁闄愬叕鍙革紙鏈哄姟锛夋�荤粡鐞嗘潕鍏冦�佷竴姹藉ぇ浼椾汉鍔涜祫婧愰儴閮ㄩ暱鍗㈣崈绛夎埅绌轰紒涓氱殑涓撲笟鐨勬寚瀵硷紱鍚哥撼浜嗗洓宸濊タ鍗楄埅绌轰笓淇闄€�佹垚閮借埅绌烘梾娓歌亴涓氬鏍°�佹垚閮界ぜ浠亴涓氫腑瀛︺�佹垚閮借储璐歌亴涓氫腑涓撳鏍°�佹垚閮界幇浠h亴涓氭妧鏈鏍$瓑鑱屼笟闄㈡牎楠ㄥ共鏁欏笀鐨勫疂璐靛缓璁紱灏ゅ叾鏄紝鐢卞叏鍥藉悇澶ц埅绌哄叕鍙搞�佹満鍦烘湇鍔′紒涓氱煡鍚嶇殑涓撳鍜岄瀵肩粍鎴愮殑鈥滆亴涓氶櫌鏍¤埅绌烘湇鍔′笓涓氭暀鏉愬缓璁句紒涓氫笓瀹舵寚瀵煎鍛樹細鈥濈殑涓撳閽堝鏁欐潗鐨勫唴瀹广�佺紪鍐欎綋渚嬬瓑鎻愬嚭浜嗗ぇ閲忕殑寤鸿锛屾湁鏁堝湴淇濊瘉浜嗘湰鏁欐潗涓庢皯鑸湇鍔′紒涓氱殑瀹為檯宸ヤ綔瑕佹眰鐩稿惢鍚堬紝鍦ㄦ涓�骞惰〃绀鸿》蹇冪殑鎰熻阿銆傚湪缂栧啓鏈暀鏉愮殑杩囩▼涓紝鎴戜滑鍙傞槄浜嗙浉鍏宠钁楀拰璧勬枡锛屽紩鐢ㄤ簡涓�浜涙渶鏂扮殑鐮旂┒鎴愭灉锛屼絾鐢变簬鑱旂郴鏂瑰紡涓嶅噯纭瓑鍘熷洜锛屾湭鑳戒竴涓�寰佸緱鍘熸垚鏋滀綔鑰呯殑鍚屾剰锛屾暚璇峰師鎴愭灉浣滆�呰皡瑙e苟涓庢垜浠仈绯伙紝鎴戜滑灏嗗瀵勭閰拰鏍蜂功锛屽苟鍦ㄩ噸鍗版垨鍐嶇増鏃舵牴鎹師鎴愭灉浣滆�呯殑瑕佹眰杩涜鐩稿簲鐨勮皟鏁淬��</p>
+          <p>鏁欐潗涓毦鍏嶆湁涓嶅敖濡備汉鎰忎箣澶勶紝鎭宠骞垮ぇ璇昏�呮彁鍑哄疂璐电殑鎰忚锛屼互渚挎垜浠湪淇鏃跺姞浠ュ畬鍠勩��</p>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "pageHeader",
+  props: {
+    showPageList: {
+      type: Array,
+    },
+  },
+  data() {
+    return {};
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.box {
+  max-width: 400px;
+  margin: 0 auto;
+}
+p {
+  font-size: 16px !important;
+}
+
+.preface {
+  height: 224px;
+  background: linear-gradient(to right, #8fc58c, #fff);
+}
+
+.preface-text {
+  font-size: 26px !important;
+  color: #000 !important;
+}
+
+.mt-100 {
+  margin-top: 100px !important;
+}
+</style>
diff --git a/src/books/OralAndBroadcasting/view/components/index.vue b/src/books/OralAndBroadcasting/view/components/index.vue
new file mode 100644
index 0000000..0ca0536
--- /dev/null
+++ b/src/books/OralAndBroadcasting/view/components/index.vue
@@ -0,0 +1,961 @@
+<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>
+      <chapter001
+        v-if="showCatalogList.indexOf(2) > -1"
+        :showPageList="loadPageList"
+      ></chapter001>
+    </div>
+  </div>
+</template>
+
+<script>
+import pageHeader from "./header.vue";
+import chapter001 from "./chapter001.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, 23);
+    //   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,
+        chapter001
+      };
+      // 閬嶅巻鎵�鏈夌珷鑺傛枃浠�
+      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,
+    chapter001
+  },
+};
+</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/OralAndBroadcasting/view/index.vue b/src/books/OralAndBroadcasting/view/index.vue
new file mode 100644
index 0000000..88e2241
--- /dev/null
+++ b/src/books/OralAndBroadcasting/view/index.vue
@@ -0,0 +1,78 @@
+<template>
+    <div class="OralAndBroadcasting" @mouseup="handleMouseUp">
+      <pageContent></pageContent>
+    </div>
+  </template>
+  
+  <script>
+  import pageContent from "./components/index.vue"
+  export default {
+    name: "civilAviation",
+    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/aviationBasicSkills/assets/images/Cover.jpg b/src/books/aviationBasicSkills/assets/images/Cover.jpg
index 89d7304..e443748 100644
--- a/src/books/aviationBasicSkills/assets/images/Cover.jpg
+++ b/src/books/aviationBasicSkills/assets/images/Cover.jpg
Binary files differ
diff --git a/src/books/aviationBasicSkills/assets/images/fengdi.png b/src/books/aviationBasicSkills/assets/images/fengdi.png
index cbc1529..e2a81d0 100644
--- a/src/books/aviationBasicSkills/assets/images/fengdi.png
+++ b/src/books/aviationBasicSkills/assets/images/fengdi.png
Binary files differ
diff --git a/src/books/aviationEtiquette/assets/examinationList.js b/src/books/aviationEtiquette/assets/examinationList.js
new file mode 100644
index 0000000..c02d3f3
--- /dev/null
+++ b/src/books/aviationEtiquette/assets/examinationList.js
@@ -0,0 +1,33 @@
+const testData = {
+  2: {
+    18: [152451, 152452, 152453, 152454, 152455, 152456, 152457, 152458],
+    31: [152549, 152550, 152551, 152552, 152553, 152554, 152555, 152556],
+  },
+  3: {
+    78: [
+      152460, 152461, 152462, 152463, 152464, 152465, 152466, 152467, 152468,
+      152469, 152470, 152471, 152472, 152473, 152474,
+    ],
+    94: [152475, 152476, 152477, 152478, 152479],
+  },
+  4: {
+    108: [152480, 152481, 152487, 152488],
+    117: [152482, 152483, 152484, 152485, 152486, 152489],
+  },
+  5: {
+    134: [152559, 152560, 152561, 152562, 152563, 152564],
+    140: [152494, 152495, 152496, 152497],
+    152: [
+      152498, 152499, 152500, 152501, 152502, 152503, 152504, 152505, 152506,
+      152507,
+    ],
+  },
+  6: {
+    169: [
+      152508, 152509, 152510, 152511, 152512, 152513, 152514, 152515, 152516,
+      152517,
+    ],
+  },
+};
+
+export default testData;
diff --git a/src/books/aviationEtiquette/assets/images/0129-1.jpg b/src/books/aviationEtiquette/assets/images/0129-1.jpg
new file mode 100644
index 0000000..156a9c9
--- /dev/null
+++ b/src/books/aviationEtiquette/assets/images/0129-1.jpg
Binary files differ
diff --git a/src/books/aviationEtiquette/assets/images/FD.jpg b/src/books/aviationEtiquette/assets/images/FD.jpg
index cfb4528..b754867 100644
--- a/src/books/aviationEtiquette/assets/images/FD.jpg
+++ b/src/books/aviationEtiquette/assets/images/FD.jpg
Binary files differ
diff --git a/src/books/aviationEtiquette/assets/images/cbxx.jpg b/src/books/aviationEtiquette/assets/images/cbxx.jpg
index ab6b3e6..1a7dee1 100644
--- a/src/books/aviationEtiquette/assets/images/cbxx.jpg
+++ b/src/books/aviationEtiquette/assets/images/cbxx.jpg
Binary files differ
diff --git a/src/books/aviationEtiquette/assets/images/feiye.png b/src/books/aviationEtiquette/assets/images/feiye.png
index 58c44a9..df6e557 100644
--- a/src/books/aviationEtiquette/assets/images/feiye.png
+++ b/src/books/aviationEtiquette/assets/images/feiye.png
Binary files differ
diff --git a/src/books/aviationEtiquette/assets/images/fengmian.png b/src/books/aviationEtiquette/assets/images/fengmian.png
index 6ed8bfb..1e58d76 100644
--- a/src/books/aviationEtiquette/assets/images/fengmian.png
+++ b/src/books/aviationEtiquette/assets/images/fengmian.png
Binary files differ
diff --git a/src/books/aviationEtiquette/assets/images/unitFive-01.png b/src/books/aviationEtiquette/assets/images/unitFive-01.png
new file mode 100644
index 0000000..2e03a4d
--- /dev/null
+++ b/src/books/aviationEtiquette/assets/images/unitFive-01.png
Binary files differ
diff --git a/src/books/aviationEtiquette/assets/images/unitFive-02.png b/src/books/aviationEtiquette/assets/images/unitFive-02.png
new file mode 100644
index 0000000..7786a36
--- /dev/null
+++ b/src/books/aviationEtiquette/assets/images/unitFive-02.png
Binary files differ
diff --git a/src/books/aviationEtiquette/assets/images/unitFour-01.png b/src/books/aviationEtiquette/assets/images/unitFour-01.png
new file mode 100644
index 0000000..2495393
--- /dev/null
+++ b/src/books/aviationEtiquette/assets/images/unitFour-01.png
Binary files differ
diff --git a/src/books/aviationEtiquette/assets/images/unitFour-02.png b/src/books/aviationEtiquette/assets/images/unitFour-02.png
new file mode 100644
index 0000000..2a19669
--- /dev/null
+++ b/src/books/aviationEtiquette/assets/images/unitFour-02.png
Binary files differ
diff --git a/src/books/aviationEtiquette/assets/images/unitFour-03.png b/src/books/aviationEtiquette/assets/images/unitFour-03.png
new file mode 100644
index 0000000..933f40d
--- /dev/null
+++ b/src/books/aviationEtiquette/assets/images/unitFour-03.png
Binary files differ
diff --git a/src/books/aviationEtiquette/assets/images/unitOne-01.png b/src/books/aviationEtiquette/assets/images/unitOne-01.png
new file mode 100644
index 0000000..ad25ab9
--- /dev/null
+++ b/src/books/aviationEtiquette/assets/images/unitOne-01.png
Binary files differ
diff --git a/src/books/aviationEtiquette/assets/images/unitOne-02.png b/src/books/aviationEtiquette/assets/images/unitOne-02.png
new file mode 100644
index 0000000..caafae4
--- /dev/null
+++ b/src/books/aviationEtiquette/assets/images/unitOne-02.png
Binary files differ
diff --git a/src/books/aviationEtiquette/assets/images/unitOne-03.png b/src/books/aviationEtiquette/assets/images/unitOne-03.png
new file mode 100644
index 0000000..ec0b69b
--- /dev/null
+++ b/src/books/aviationEtiquette/assets/images/unitOne-03.png
Binary files differ
diff --git a/src/books/aviationEtiquette/assets/images/unitThree-01.png b/src/books/aviationEtiquette/assets/images/unitThree-01.png
new file mode 100644
index 0000000..d48f055
--- /dev/null
+++ b/src/books/aviationEtiquette/assets/images/unitThree-01.png
Binary files differ
diff --git a/src/books/aviationEtiquette/assets/images/unitThree-02.png b/src/books/aviationEtiquette/assets/images/unitThree-02.png
new file mode 100644
index 0000000..b568142
--- /dev/null
+++ b/src/books/aviationEtiquette/assets/images/unitThree-02.png
Binary files differ
diff --git a/src/books/aviationEtiquette/assets/images/unitTwo-01.png b/src/books/aviationEtiquette/assets/images/unitTwo-01.png
new file mode 100644
index 0000000..1751c06
--- /dev/null
+++ b/src/books/aviationEtiquette/assets/images/unitTwo-01.png
Binary files differ
diff --git a/src/books/aviationEtiquette/assets/images/unitTwo-02.png b/src/books/aviationEtiquette/assets/images/unitTwo-02.png
new file mode 100644
index 0000000..185861f
--- /dev/null
+++ b/src/books/aviationEtiquette/assets/images/unitTwo-02.png
Binary files differ
diff --git a/src/books/aviationEtiquette/assets/main.less b/src/books/aviationEtiquette/assets/main.less
index c389daf..4b2fc1e 100644
--- a/src/books/aviationEtiquette/assets/main.less
+++ b/src/books/aviationEtiquette/assets/main.less
@@ -10,7 +10,8 @@
         box-shadow: 0 3px 6px 1px #00000029;
         background-color: #fff;
     }
-    .foreword{
+
+    .foreword {
         font-family: 'FZLTZHJW';
         font-weight: 300;
         font-size: 1.5em;
@@ -19,24 +20,28 @@
         margin-bottom: 0;
         text-indent: 0em;
     }
-    .topBorder{
-        width:120px;
+
+    .topBorder {
+        width: 120px;
         border-top: 1px solid #6E85AF;
         border-bottom: 1px solid #6E85AF;
         height: 2px;
     }
-    .bottomBorder{
-        width:180px;
+
+    .bottomBorder {
+        width: 180px;
         border-top: 1px solid #6E85AF;
         border-bottom: 1px solid #6E85AF;
         height: 2px;
     }
+
     input[type="radio"] {
-        accent-color:#6E85AF !important;
+        accent-color: #6E85AF !important;
         cursor: pointer;
     }
+
     input[type="checkbox"] {
-        accent-color:#6E85AF !important;
+        accent-color: #6E85AF !important;
         cursor: pointer;
     }
 
@@ -161,6 +166,9 @@
     td {
         padding: 5px 10px;
     }
+    .c-p{
+        cursor: pointer;
+    }
 
     .fl {
         display: flex;
@@ -261,29 +269,29 @@
     .mb-10 {
         margin-bottom: 10px !important;
     }
-    .pNum{
-        font-size:18px !important;
+
+    .pNum {
+        font-size: 18px !important;
         font-style: italic;
         font-family: "kaiti";
-        padding-top:2px !important;
-        padding-bottom:2px !important;
+        padding-top: 2px !important;
+        padding-bottom: 2px !important;
     }
 
-    .p-Num{
+    .p-Num {
         background-color: #92B0D5;
         color: #fff;
         font-size: 14px;
-        padding: 3px 0;
         padding-right: 8px;
         font-size: 18px;
         font-style: italic;
         font-family: "kaiti";
-        padding-top:2px !important;
-        padding-bottom:2px !important;
+        padding-top: 2px !important;
+        padding-bottom: 2px !important;
     }
 
 
-    .cloud{
+    .cloud {
         padding: 0px 8px 0 0 !important;
     }
 
@@ -350,18 +358,18 @@
 
     .header-right-last {
         font-size: 17px;
-        background-color: #B799B6; 
-        padding: 2px 0;
-        padding-left: 20px; 
- 
+        background-color: #B799B6;
+        padding: 1.5px 0;
+        padding-left: 20px;
+
     }
 
     .header-right-end {
         font-size: 17px;
         background-color: #738DC0;
-        padding: 2px 0;
+        padding: 1.5px 0;
         padding-left: 50px;
-  
+
     }
 
 
@@ -390,19 +398,20 @@
     }
 
     .textarea-box {
-        width:88%;
-        margin-left:2em;
+        width: 88%;
+        margin-left: 2em;
         overflow: auto;
         word-break: break-all;
         resize: none;
-        border:1px solid #738DC0;
+        border: 1px solid #738DC0;
         border-radius: 5px;
-        background-color:rgba(255, 255, 255, 0);
+        background-color: rgba(255, 255, 255, 0);
     }
-    .input-box{
-        border:none;
-        border-bottom:1px solid #333;
-        background-color:rgba(255, 255, 255, 0);
+
+    .input-box {
+        border: none;
+        border-bottom: 1px solid #333;
+        background-color: rgba(255, 255, 255, 0);
         outline: none;
     }
 
@@ -650,12 +659,12 @@
         margin-bottom: 18px;
     }
 
-    
+
     .imgBox {
         display: flex !important;
         flex-direction: column-reverse !important;
         position: relative !important;
-    
+
         .img {
             margin: 0 !important;
             font-size: 14px !important;
@@ -664,7 +673,7 @@
             transform: translateX(-50%);
             bottom: -2% !important;
         }
-    
+
         img {
             height: 80%;
         }
@@ -732,23 +741,24 @@
     }
 
     .event-header-text-bc {
-        background-color: #bbd4ec;
+        background-color: #DED5E8;
     }
+
     //瑙嗛  
     .video-box-cover {
-        border: 1px dashed #895B2E;
+        border: 1px dashed #6E85AF;
         padding: 2% 2%;
     }
 
     .video-box {
         margin: 20px 0 20px 0;
-        border: 1px dashed #895B2E;
+        border: 1px dashed #6E85AF;
         padding: 2% 2%;
     }
 
     .video-box-left {
         margin: 20px 8% 20px 0;
-        border: 1px dashed #895B2E;
+        border: 1px dashed #6E85AF;
         padding: 2% 2%;
     }
 
@@ -1119,6 +1129,11 @@
         text-align: justify;
     }
 
+    .t-al {
+        text-align-last: justify;
+    }
+
+
     .cover {
         width: 100%;
         padding: 0px;
@@ -1153,6 +1168,7 @@
         margin-left: 0%;
         margin-right: 0%;
     }
+
     .left3 {
         margin: 0 !important;
         line-height: 20px;
@@ -1406,7 +1422,8 @@
         font-size: 1.2em;
         padding: 25px;
         border: 4px dotted #197ABF;
-        .block{
+
+        .block {
             font-family: "kaiti";
         }
     }
@@ -1581,9 +1598,10 @@
         margin-left: -0.6em;
         margin-right: -0.6em;
         margin-top: -0.5em;
-        
+
     }
-    div.bj3 p{
+
+    div.bj3 p {
         font-family: 'FangSong' !important;
     }
 
@@ -1622,7 +1640,7 @@
     }
 
 
-    .bk-video{
+    .bk-video {
         border: 0.15em dashed #92A1CB;
         padding: 1.8em 5px;
         margin-bottom: 2em;
@@ -1896,42 +1914,59 @@
 @font-face {
     font-family: 'FZLTZHJW';
     src: url('./Fonts/FZLTZHJW.ttf');
-  }
-  
-  @font-face {
+}
+
+@font-face {
     font-family: 'FZLTXIHJW';
     src: url('./Fonts/FZLTXIHJW.ttf');
-  }
-  
-  @font-face {
+}
+
+@font-face {
     font-family: 'FZHTJW';
     src: url('./Fonts/FZHTJW.ttf');
-  }
-  
-  @font-face {
+}
+
+@font-face {
     font-family: 'FANGSONG';
     src: url('./Fonts/fangSong.ttf');
-  }
-  
-  @font-face {
+}
+
+@font-face {
     font-family: 'FANGZHENG';
     src: url('./Fonts/fangZheng.ttf');
-  }
-  
-  @font-face {
+}
+
+@font-face {
     font-family: 'ZHUNYUAN';
     src: url('./Fonts/zhunyuan.ttf');
-  }
-  
-  @font-face {
+}
+
+@font-face {
     font-family: 'ZHONGDENGXIAN';
     src: url('./Fonts/zhongdengxian.ttf');
-  }
-  
-  @font-face {
+}
+
+@font-face {
     font-family: 'BOYA';
     src: url('./Fonts/boYa.ttf');
-  }
+}
+
+
+.dialogQuestion {
+    background-color: #6E85AF;
+    height: 80px;
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+
+    span {
+        color: #fff;
+        font-size: 20px;
+        padding: 0 40px 0 20px;
+        cursor: pointer;
+    }
+}
 
 // 闅愯棌椤甸潰
 .hidePage {
@@ -1940,10 +1975,153 @@
     box-shadow: none !important;
 }
 
+
+.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';
+        }
+    }
+}
+
+.examination {
+    height: calc(100% - 50px);
+    overflow-x: hidden;
+    overflow-y: auto;
+    box-sizing: border-box;
+}
+
+
+.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;
+    }
+}
+
+
+.custom-dialog .el-dialog__header{
+    background-color:#6E85AF  !important;
+}
+
 /* 濯掍綋鏌ヨ鍋氬熀纭�鍝嶅簲寮忓竷灞� */
 
 @media screen and (max-width: 1024px) {
-   
+
     .custom-dialog {
         .el-dialog {
             width: 90vw !important;
@@ -1952,7 +2130,7 @@
 }
 
 @media screen and (max-width: 800px) {
-   
+
 
     .custom-dialog {
         .el-dialog {
@@ -1963,27 +2141,27 @@
 
 @media (max-width: 660px) {
     .aviationEtiquette-book {
-        .header-right-Number{
+        .header-right-Number {
             font-size: 9px;
 
-            img{
-                height: 16px;  
+            img {
+                height: 16px;
             }
         }
 
-        .header-left-Number{
+        .header-left-Number {
             font-size: 9px;
         }
 
-        .pad-r-80{
+        .pad-r-80 {
             padding-right: 10px;
         }
-        
-        .pad-l-80{
+
+        .pad-l-80 {
             padding-left: 10px;
         }
 
-        h1{
+        h1 {
             font-size: 1em;
         }
 
@@ -1993,26 +2171,28 @@
             margin-bottom: 1.5em;
             margin-left: 2.5em;
         }
-        .rwmb-4{
+
+        .rwmb-4 {
             margin-top: 1.5em;
             height: 1.5em;
         }
 
-        .header-right-last{
+        .header-right-last {
             font-size: 10px;
         }
 
-        .header-right-end{
+        .header-right-end {
             font-size: 10px;
         }
 
-        .p-Num{
+        .p-Num {
             font-size: 12px;
         }
 
         .mr-70 {
             margin-right: 10px;
         }
+
         /* 鍒嗛〉padding */
         .padding-93 {
             padding: 0 20px;
diff --git a/src/books/aviationEtiquette/view/components/chapter001.vue b/src/books/aviationEtiquette/view/components/chapter001.vue
index 07f9b31..d375321 100644
--- a/src/books/aviationEtiquette/view/components/chapter001.vue
+++ b/src/books/aviationEtiquette/view/components/chapter001.vue
@@ -17,6 +17,8 @@
               <img class="rwmb-4" alt="" src="../../assets/images/tb.png" />
             </p>
           </div>
+          <p class="td-0 mt-10 mb-10"><span class="bj2">路鎬濈淮瀵煎浘路</span></p>
+          <p class="td-0 openImgBox"><img class="img-0" src="../../assets//images/unitOne-01.png" alt=""></p>
           <div class="bk">
             <p class="bj1-qjms fl al-c">
               <span class="span-box"></span><span class="span-text">椤圭洰鎻忚堪</span><span class="span-box"></span>
@@ -77,6 +79,25 @@
           <p>1.浜嗚В绀间华鐨勪簲绉嶈捣婧愯銆�</p>
           <p>2.浜嗚В涓浗绀间华鍙戝睍鐨勫巻绋嬨��</p>
           <p>3.鐞嗚В涓タ鏂圭ぜ浠瀺鍚堝彂灞曠殑鎰忎箟銆�</p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathTwo" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氱ぜ浠鐭�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoOne ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'dfa7f3d64168acde32e4ca07a9001e79'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-02')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h4 id="d001">涓�銆佺ぜ浠殑璧锋簮</h4>
           <p>
             鎴戝浗绱犳湁鈥滅ぜ浠箣閭︹�濈殑缇庤獕锛岀ぜ浠枃鍖栨簮杩滄祦闀裤�傗�滅ぜ鈥濆瓧鏈�鏃╁嚭鐜板湪閲戞枃閲屻�備汉绫诲彂灞曠殑鍒濇湡锛屼汉浠寰堝鑷劧鐜拌薄锛屽鐏北鍠峰彂銆佸湴闇囥�佺數闂浄楦g瓑鏃犳硶鐞嗚В涔熸棤娉曡В閲婏紝鍙兘褰掔粨涓洪绁炵殑鍔涢噺鎵�鑷达紝浠栦滑璁や负澶╁湴闂存湁绁炵殑鍔涢噺鍦ㄤ富瀹帮紝涔熸湁楝奸瓊鐨勫瓨鍦紝鑰屽嚭浜庡澶╁湴楝肩鐨勬儳鎬曘�佹暚浠帮紝浜轰滑閫氳繃璁捐娴佺▼銆佷妇琛屼华寮忋�佹暚鐚キ鍝佺瓑鏂瑰紡鏉ヨ〃杈炬暚鐣忥紝杩欑娴佺▼閫愭笎鍥哄寲涓轰竴绉嶈鑼冿紝杩欐牱灏变骇鐢熶簡绀笺�傚寳浜殑鈥滃ぉ鍧涒�濃�滃湴鍧涒�濆氨鏄彜浠e浗鍚涚敤鏉ヤ妇琛岃繖绫荤キ澶╃キ鍦版椿鍔ㄧ殑寤虹瓚銆�
@@ -115,7 +136,7 @@
         <div class="bodystyle">
           <h6 id="f004">4.绀间负浜烘�у拰鐜鐭涚浘鐨勪骇鐗�</h6>
           <p>
-            鈥滈娓婇棶浠併�傚瓙鏇帮細鈥樺厠宸卞绀间负浠併�備竴鏃ュ厠宸卞绀硷紝澶╀笅褰掍粊鐒夈�傗�濓紙銆婅璇烽娓娿�嬶級鍏嬪繁鏄鑷垜鐨勭鐞嗭紝浜轰笌鐜浼氫骇鐢熺煕鐩撅紝鑰岃В鍐宠繖绉嶇煕鐩剧殑鏂规硶灏辨槸鈥滃厠宸扁�濄�傚瓟瀛愪竴鐩存妸瀵逛汉鎬х殑绾︽潫鍜岀鐞嗕綔涓烘仮澶嶅懆绀肩殑閲嶈閫斿緞锛屼汉鏈夊悇绉嶆鏈涳紝闇�閫氳繃閬撳痉銆佺ぜ浠�佹硶寰嬬瓑褰㈠紡杩涜瑙勮寖锛屾晠绀间负浜烘�у拰鐜鐭涚浘鐨勪骇鐗┿��
+            鈥滈娓婇棶浠併�傚瓙鏇帮細鈥樺厠宸卞绀间负浠併�備竴鏃ュ厠宸卞绀硷紝澶╀笅褰掍粊鐒夈�傗�欌�濓紙銆婅璇烽娓娿�嬶級鍏嬪繁鏄鑷垜鐨勭鐞嗭紝浜轰笌鐜浼氫骇鐢熺煕鐩撅紝鑰岃В鍐宠繖绉嶇煕鐩剧殑鏂规硶灏辨槸鈥滃厠宸扁�濄�傚瓟瀛愪竴鐩存妸瀵逛汉鎬х殑绾︽潫鍜岀鐞嗕綔涓烘仮澶嶅懆绀肩殑閲嶈閫斿緞锛屼汉鏈夊悇绉嶆鏈涳紝闇�閫氳繃閬撳痉銆佺ぜ浠�佹硶寰嬬瓑褰㈠紡杩涜瑙勮寖锛屾晠绀间负浜烘�у拰鐜鐭涚浘鐨勪骇鐗┿��
           </p>
           <h6 id="f005">5.绀肩敓浜庣悊锛屾簮浜庝織</h6>
           <p>
@@ -135,7 +156,7 @@
             鍛ㄥ叕鐨勨�滃埗绀间綔涔愨�濓紝瀹為檯涓婂氨鏄缓绔嬪懆浠g殑涓�绯诲垪鍒跺害锛屽畠娑夊強鏀挎不銆佺粡娴庛�佹硶寰嬨�佺ぜ浠�佺キ绁�銆佹暀鑲茬瓑鍒跺害鍙婁箰鑸炴椿鍔紝鏄鍛ㄤ唬鐨勭ぞ浼氭斂娌绘枃鍖栧悇涓柟闈㈢殑杈冨叏闈㈢殑瑙勮寖銆傚湪鍒跺畾鍛ㄤ唬绀煎埗杩囩▼涓紝鍛ㄥ叕涓嶆槸绠�鍗曞湴閲嶅鍓嶄唬绀间华锛岃�屾槸鎶婄ぜ浠疮绌夸簬鎵�鏈夋椿鍔ㄤ腑锛屼粠鑰屽缓绔嬩簡涓�濂楀畬鏁淬�佸懆瀵嗙敋鑷崇儲鐞愮殑绀间华绯荤粺锛屼娇绀间华鍦ㄥ懆浠e叿鏈夊叏鏂扮殑鎰忎箟銆�
           </p>
           <p>
-            鏄ョ鏃舵湡锛岀ぞ浼氱敓浜у姏鐨勫彂灞曪紝鏂板叴鍦颁富闃剁骇鐨勫嚭鐜板鑷粹�滅ぜ宕╀箰鍧忊�濓紝绀句細鍗佸垎娣蜂贡锛屾柊鏃у娍鍔涚殑鏂椾簤灏栭攼銆傚瓟瀛愬湪杩欎竴鏃舵湡鎻愬嚭鈥滀粊鈥濈殑鎬濇兂锛屽苟鎶婂畠鍚屸�滅ぜ鈥濇湁鏈虹粨鍚堝湪涓�璧凤紝褰㈡垚浜嗗剴瀹舵�濇兂浣撶郴鐨勬牳蹇冿紝鏋勬垚浜嗗剴瀹舵�濇兂鐨勭ぞ浼氶亾寰疯鑼冦�傚湪涓浗鏃╂湡鏂囨槑鍙蹭笂锛屽懆鐜嬫湞绀间箰鏂囨槑鎸佺画鏁扮櫨杞斤紝瀵逛腑鍗庢皯鏃忔枃鍖栧績鐞嗙殑濉戦�犱骇鐢熶簡閲嶈褰�
+            鏄ョ鏃舵湡锛岀ぞ浼氱敓浜у姏鐨勫彂灞曪紝鏂板叴鍦颁富闃剁骇鐨勫嚭鐜板鑷粹�滅ぜ宕╀箰鍧忊�濓紝绀句細鍗佸垎娣蜂贡锛屾柊鏃у娍鍔涚殑鏂椾簤灏栭攼銆傚瓟瀛愬湪杩欎竴鏃舵湡鎻愬嚭鈥滀粊鈥濈殑鎬濇兂锛屽苟鎶婂畠鍚屸�滅ぜ鈥濇湁鏈虹粨鍚堝湪涓�璧凤紝褰㈡垚浜嗗剴瀹舵�濇兂浣撶郴鐨勬牳蹇冿紝鏋勬垚浜嗗剴瀹舵�濇兂鐨勭ぞ浼氶亾寰疯鑼冦�傚湪涓浗鏃╂湡鏂囨槑鍙蹭笂锛屽懆鐜嬫湞绀间箰鏂囨槑鎸佺画鏁扮櫨杞斤紝瀵逛腑鍗庢皯鏃忔枃鍖栧績鐞嗙殑濉戦�犱骇鐢熶簡閲嶈褰卞搷锛屾渶缁堢‘绔嬩簡涓浗鈥滅ぜ浠箣閭︹�濈殑鍘嗗彶鍦颁綅銆�
           </p>
         </div>
       </div>
@@ -153,7 +174,6 @@
           </li>
         </ul>
         <div class="bodystyle">
-          <p class="td-0">鍝嶏紝鏈�缁堢‘绔嬩簡涓浗鈥滅ぜ浠箣閭︹�濈殑鍘嗗彶鍦颁綅銆�</p>
           <div class="bk2">
             <div class="zysx">
               <p>
@@ -242,7 +262,7 @@
           <h4 id="d004">浜屻�佲�滀华鈥濈殑鍚箟</h4>
           <h5 id="e005">锛堜竴锛夋寚鍏歌寖銆佽〃鐜�</h5>
           <p>
-            鈥滀笂鑰咃紝涓嬩箣浠篃銆傚郊灏嗗惉鍞辫�屽簲锛岃浠�屽姩銆傚敱榛樺垯姘戞棤搴斾篃锛屼华闅愬垯涓嬫棤鍔ㄤ篃銆備笉搴斾笉鍔紝鍒欎笂涓嬫棤浠ョ浉鏈変篃銆傗�濓紙銆婅崁瀛惵锋璁恒�嬶級鍚涗富锛屾槸鑷d笅鐨勫噯鍒欍�傜櫨濮撳惉鍒板�″灏卞搷搴旓紝鐪嬪埌鍑嗗垯灏辫鍔ㄣ�傚悰涓绘矇榛橈紝鐧惧灏辨棤娉曞搷搴旓紱鍑嗗垯闅愬尶锛岀櫨濮撳氨鏃�
+            鈥滀笂鑰咃紝涓嬩箣浠篃銆傚郊灏嗗惉鍞辫�屽簲锛岃浠�屽姩銆傚敱榛樺垯姘戞棤搴斾篃锛屼华闅愬垯涓嬫棤鍔ㄤ篃銆備笉搴斾笉鍔紝鍒欎笂涓嬫棤浠ョ浉鏈変篃銆傗�濓紙銆婅崁瀛惵锋璁恒�嬶級鍚涗富锛屾槸鑷d笅鐨勫噯鍒欍�傜櫨濮撳惉鍒板�″灏卞搷搴旓紝鐪嬪埌鍑嗗垯灏辫鍔ㄣ�傚悰涓绘矇榛橈紝鐧惧灏辨棤娉曞搷搴旓紱鍑嗗垯闅愬尶锛岀櫨濮撳氨鏃犳硶琛屽姩銆備笉鍝嶅簲銆佷笉琛屽姩锛岄偅涔堜笂涓嬪氨鏃犳硶鐩镐簰渚濋潬銆傝繖浣撶幇鍑衡�滀华鈥濈殑琛ㄧ巼銆佹鏍峰拰甯﹀ご浣滅敤銆�
           </p>
         </div>
       </div>
@@ -260,9 +280,6 @@
           </li>
         </ul>
         <div class="bodystyle">
-          <p class="td-0">
-            娉曡鍔ㄣ�備笉鍝嶅簲銆佷笉琛屽姩锛岄偅涔堜笂涓嬪氨鏃犳硶鐩镐簰渚濋潬銆傝繖浣撶幇鍑衡�滀华鈥濈殑琛ㄧ巼銆佹鏍峰拰甯﹀ご浣滅敤銆�
-          </p>
           <h5 id="e006">锛堜簩锛夋寚瀹硅矊銆侀搴�</h5>
           <p>
             鈥滃悰瀛愭鍏惰。鍐狅紝灏婂叾鐬昏锛屼卡鐒朵汉鏈涜�岀晱涔嬶紝鏂笉浜﹀▉鑰屼笉鐚涗箮锛熲�濓紙銆婅璇峰哀鏇般�嬶級鎰忔�濊锛屽悰瀛愯。鍐犳暣榻愶紝鐩笉鏂滆锛屼娇浜鸿浜嗗氨鐢熸暚鐣忎箣蹇冿紝杩欎笉涔熸槸濞佷弗鑰屼笉鍑剁寷鐨勪綋鐜板悧锛熸晠鑹ソ鐨勪华瀹逛华琛ㄤ篃鍙睍绀哄嚭涓汉鐨勫舰璞℃皵璐ㄣ��
@@ -442,7 +459,7 @@
           </div>
           <h4 id="d011">涓�銆佺ぜ鏁粬浜虹殑鍘熷垯</h4>
           <p>
-            绀兼暚浠栦汉鏄寚鍦ㄧぞ浜ゆ椿鍔ㄤ腑锛屼氦寰�瀵硅薄涔嬮棿鐩镐簰灏婃暚銆佽唉璁╋紝鍙嬪ソ鐩稿緟锛屽拰鐫﹀叡澶勶紱灏婇噸浜ゅ線瀵硅薄鐨勪汉鏍硷紝灏婇噸浜ゅ線瀵硅薄鐨勬劅鎯呫�佸枩濂姐�佷範淇楋紝灏婇噸浜ゅ線瀵硅薄鐨勫姵鍔紝
+            绀兼暚浠栦汉鏄寚鍦ㄧぞ浜ゆ椿鍔ㄤ腑锛屼氦寰�瀵硅薄涔嬮棿鐩镐簰灏婃暚銆佽唉璁╋紝鍙嬪ソ鐩稿緟锛屽拰鐫﹀叡澶勶紱灏婇噸浜ゅ線瀵硅薄鐨勪汉鏍硷紝灏婇噸浜ゅ線瀵硅薄鐨勬劅鎯呫�佸枩濂姐�佷範淇楋紝灏婇噸浜ゅ線瀵硅薄鐨勫姵鍔紝灏嗗浜ゅ線瀵硅薄鐨勯噸瑙嗐�佹伃鏁�佸弸濂芥斁鍦ㄩ浣嶃�傜ぜ鏁粬浜猴紝鏄笌浠栦汉寤虹珛鍜岃皭鐨勪汉闄呭叧绯荤殑鍩虹煶銆�
           </p>
         </div>
       </div>
@@ -460,9 +477,6 @@
           </li>
         </ul>
         <div class="bodystyle">
-          <p class="td-0">
-            灏嗗浜ゅ線瀵硅薄鐨勯噸瑙嗐�佹伃鏁�佸弸濂芥斁鍦ㄩ浣嶃�傜ぜ鏁粬浜猴紝鏄笌浠栦汉寤虹珛鍜岃皭鐨勪汉闄呭叧绯荤殑鍩虹煶銆�
-          </p>
           <h4 id="d012">浜屻�佺湡璇氬皧閲嶇殑鍘熷垯</h4>
           <p>
             鑻忔牸鎷夊簳璇达細鈥滀笉瑕侀潬棣堣禒鏉ヨ幏寰椾竴涓湅鍙嬶紝浣犲繀椤昏础鐚綘璇氭寶鐨勭埍锛屽涔犳�庢牱鐢ㄦ褰撶殑鏂规硶鏉ヨ耽寰椾竴涓汉鐨勫績銆傗�濈敱姝ゅ彲瑙佸湪涓庝汉浜ゅ線杩囩▼涓紝鐪熻瘹灏婇噸鏄ぜ浠殑閲嶈鍘熷垯銆傜湡璇氭槸浠ュ疄浜嬫眰鏄殑鎬佸害寰呬汉澶勪笘锛屾槸鍙嬪杽銆佽瘹鎰忕殑浣撶幇銆傚叿浣撹〃鐜板湪锛岄鍏堬紝浠ョ湡璇氱ず浜猴紝瀵瑰緟绀句氦瀵硅薄涓嶈櫄浼�佷笉娆洪獥锛涘叾娆★紝姝g‘璁よ瘑浠栦汉銆佺浉淇′粬浜恒�佸皧閲嶄粬浜恒�傚彧鏈夌湡璇氬緟浜恒�佸皧閲嶄粬浜猴紝鎵嶈兘鍒涢�犲拰璋愭剦蹇殑浜洪檯鍏崇郴銆�
@@ -481,7 +495,7 @@
           </p>
           <p class="td-0 mt-10 mb-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
           <p class="block">
-            鏈変竴澶╂棭鏅紝椴佽繀涓婂杩熷埌浜嗐�傛暀涔﹁鐪熺殑瀵块暅鍚捐�佸厛鐢熶弗鍘夊湴瀵逛粬璇达細鈥滀互鍚庤
+            鏈変竴澶╂棭鏅紝椴佽繀涓婂杩熷埌浜嗐�傛暀涔﹁鐪熺殑瀵块暅鍚捐�佸厛鐢熶弗鍘夊湴瀵逛粬璇达細鈥滀互鍚庤鏃╁埌锛佲�濋瞾杩呴粯榛樺湴鍥炲埌搴т綅涓婏紝鍦ㄩ偅寮犳棫涔︽涓婂埢浜嗕釜鈥滄棭鈥濆瓧锛屼篃鎶婁竴涓潥瀹氱殑淇″康娣辨繁鍦板埢鍦ㄥ績閲屻�備粠閭d互鍚庯紝椴佽繀涓婂鍐嶆病鏈夎繜鍒拌繃锛岃�屼笖鏃舵椂鏃┿�佷簨浜嬫棭锛屽鏂椾簡涓�鐢熴��
           </p>
         </div>
       </div>
@@ -500,9 +514,6 @@
           <li class="header-right-end"><br /></li>
         </ul>
         <div class="bodystyle">
-          <p class="td-0 block">
-            鏃╁埌锛佲�濋瞾杩呴粯榛樺湴鍥炲埌搴т綅涓婏紝鍦ㄩ偅寮犳棫涔︽涓婂埢浜嗕釜鈥滄棭鈥濆瓧锛屼篃鎶婁竴涓潥瀹氱殑淇″康娣辨繁鍦板埢鍦ㄥ績閲屻�備粠閭d互鍚庯紝椴佽繀涓婂鍐嶆病鏈夎繜鍒拌繃锛岃�屼笖鏃舵椂鏃┿�佷簨浜嬫棭锛屽鏂椾簡涓�鐢熴��
-          </p>
           <h4 id="d015">浜斻�佷俊鐢ㄥ瀹圭殑鍘熷垯</h4>
           <p>
             淇$敤鐨勫師鍒欏嵆璁茬┒淇¤獕銆傝瘹瀹炲畧淇℃槸涓崕姘戞棌鐨勪紭绉�浼犵粺缇庡痉銆傚湪绀句氦娲诲姩涓紝涓�鏄畧鏃讹紝涓庝汉绾﹀ソ鐨勪細瑙併�佷細璋堛�佷細璁瓑锛屽喅涓嶅簲鎷栧欢杩熷埌锛涗簩鏄畧绾︼紝涓庝汉绾﹀畾鐨勪簨涓�瀹氳璇村埌鍋氬埌锛屾墍璋撹█蹇呬俊锛岃蹇呮灉銆�
@@ -663,6 +674,24 @@
             <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">
+            <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"
+                xmlns="http://www.w3.org/2000/svg" p-id="2536" xmlns:xlink="http://www.w3.org/1999/xlink" width="28"
+                height="28">
+                <path
+                  d="M798.72 76.8H947.2v145.92h51.2V25.6h-199.68zM947.2 798.72v145.92h-148.48v51.2H998.4v-197.12zM66.56 222.72V76.8h148.48V25.6H12.8v197.12zM215.04 944.64H66.56v-145.92H12.8v197.12h202.24z"
+                  fill="#fff" p-id="2537"></path>
+                <path
+                  d="M826.88 522.24L512 207.36c0-2.56-2.56-2.56-7.68-2.56-2.56 0-5.12 0-7.68 2.56L184.32 524.8c-2.56 2.56-5.12 7.68-2.56 10.24 2.56 5.12 5.12 7.68 10.24 7.68h58.88V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6V504.32c0-5.12-5.12-10.24-10.24-10.24h-2.56l217.6-220.16 220.16 222.72c-5.12 0-10.24 5.12-10.24 10.24V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6v-250.88h51.2c5.12 0 10.24-5.12 10.24-10.24 2.56-5.12 0-7.68-2.56-10.24z"
+                  fill="#fff" p-id="2538"></path>
+                <path
+                  d="M386.56 762.88h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-69.12h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-71.68h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-7.68 7.68-17.92 17.92-17.92zM514.56 535.04h-20.48c-5.12 0-7.68-2.56-7.68-7.68v-2.56c0-17.92 5.12-30.72 23.04-46.08 17.92-15.36 23.04-23.04 23.04-33.28s-7.68-20.48-20.48-20.48c-15.36 0-25.6 7.68-30.72 25.6 0 5.12-5.12 5.12-10.24 5.12l-25.6-5.12c-5.12 0-7.68-5.12-5.12-10.24 10.24-38.4 33.28-53.76 79.36-53.76 38.4 0 61.44 25.6 61.44 51.2 0 20.48-7.68 35.84-33.28 53.76-20.48 15.36-23.04 20.48-23.04 33.28-2.56 7.68-7.68 10.24-10.24 10.24zM481.28 588.8v-28.16c0-5.12 2.56-7.68 7.68-7.68h30.72c5.12 0 7.68 2.56 7.68 7.68V588.8c0 5.12-2.56 7.68-7.68 7.68h-30.72c-5.12 0-7.68-5.12-7.68-7.68z"
+                  fill="#fff" p-id="2539"></path>
+              </svg>
+            </span>
+          </p>
         </div>
       </div>
     </div>
@@ -686,6 +715,8 @@
               <img class="img-b" alt="" src="../../assets/images/tb.png" />
             </p>
           </div>
+          <p class="td-0 mt-10 mb-10"><span class="bj2">路鎬濈淮瀵煎浘路</span></p>
+          <p class="td-0 openImgBox"><img class="img-0" src="../../assets//images/unitOne-02.png" alt=""></p>
           <div class="bk">
             <p class="bj1-qjms fl al-c">
               <span class="span-box"></span><span class="span-text">椤圭洰鎻忚堪</span><span class="span-box"></span>
@@ -698,11 +729,6 @@
             <p class="bj1-qjms fl al-c">
               <span class="span-box"></span><span class="span-text">绀煎湪韬竟</span><span class="span-box"></span>
             </p>
-            <p class="center"><span class="cs1">鏇惧瓙閬垮腑</span></p>
-            <p class="fz-15">
-              浠插凹灞咃紝鏇惧瓙渚嶃�傚瓙鏇帮細鈥滃厛鐜嬫湁鑷冲痉瑕侀亾锛屼互椤哄ぉ涓嬶紝姘戠敤鍜岀潶锛屼笂涓嬫棤鎬ㄣ�傛睗鐭ヤ箣涔庯紵鈥濇浘瀛愰伩甯洶锛氣�滃弬涓嶆晱锛屼綍瓒充互鐭ヤ箣锛熲��
-            </p>
-            <p class="fz-15">璇戞枃锛�</p>
             <p class="fz-15">
               鏌愭棩锛屽湪A鍒癇鐨勮埅鐝笂锛屽ご绛夎埍鐨勪竴鍚嶆梾瀹㈠悜涔樺姟鍛樿闂槸鍚︽湁榛戝阀鍏嬪姏锛屼箻鍔″憳鐭ラ亾杩欐鑸彮娌℃湁閰嶅锛屼絾濂瑰苟娌℃湁閲囧彇绠�鍗曞惁璁ょ殑鏂瑰紡澶勭悊锛岃�屾槸鍏堣闂満缁勬垚鍛橈紝鍚庢潵缁堜簬鍦ㄥ壇椹鹃┒閭i噷鎵惧埌浜嗛粦宸у厠鍔涘苟閫佺粰浜嗘梾瀹€�傚悗鏉ワ紝褰撲箻鍔″憳浜嗚В鍒拌繖鍚嶆梾瀹竴鍛ㄥ悗瑕佷箻鍧愯鍏徃鑸彮浠嶣杩斿洖A鍚庯紝涓诲姩涓庡綋澶╂墽琛岃埅鐝换鍔$殑澶寸瓑鑸变箻鍔″憳鑱旂郴锛岀壒鎰忎负杩欏悕鏃呭鍑嗗浜嗛粦宸у厠鍔涖�備粠姝わ紝杩欏悕鏃呭鎴愪簡杩欏鑸┖鍏徃鐨勫繝瀹為【瀹€��
             </p>
@@ -733,6 +759,25 @@
           <p>1.鐞嗚В姘戣埅鏈嶅姟鐨勫惈涔夈��</p>
           <p>2.鐞嗚В姘戣埅鏈嶅姟鐨勬湰璐ㄣ��</p>
           <p>3.浜嗚В骞舵帉鎻℃皯鑸湇鍔¤涓氱殑鍩烘湰鐗瑰緛銆�</p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathThree" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氭皯鑸湇鍔℃剰璇嗚鐭�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoTwo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '602e257498cd61657b759edd5be0221d'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-03')" />
+              </el-tooltip>
+            </p>
+          </div>
         </div>
       </div>
     </div>
@@ -1066,6 +1111,25 @@
           <p>1.浜嗚В涓诲姩鏈嶅姟鐨勫唴娑点��</p>
           <p>2.鐞嗚В涓诲姩鏈嶅姟鐨勯噸瑕佹�с��</p>
           <p>3.鎻愬崌涓诲姩鏈嶅姟鐨勬剰璇嗐��</p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathFour" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氱悊瑙d富鍔ㄦ湇鍔$殑閲嶈鎬�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoThree ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '571b9fb7962e8fc30749893919d2157b'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-04')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h4 id="d022">涓�銆佹纭璇嗘湇鍔℃剰璇�</h4>
           <p>
             濡傛灉璇存皯鑸湇鍔′汉鍛樼殑鐭ヨ瘑涓庢妧鑳芥槸鏈嶅姟鐨勬満缈硷紝閭d箞鏈嶅姟鎰忚瘑鎵嶆槸浣胯繖鏋堕鏈哄睍缈呴珮椋炵殑鍙戝姩鏈恒��
@@ -1126,7 +1190,7 @@
             鎵�浠ワ紝瀵规皯鑸湇鍔℃剰璇嗙殑鍩烘湰瑕佹眰鏄細鍦ㄤ繚璇侀琛屽畨鍏ㄧ殑鎯呭喌涓嬶紝浠ヨВ鍐虫梾瀹㈢殑瀹為檯闂銆佹弧瓒虫梾瀹㈢殑闇�姹備负鍋氬ソ鏈嶅姟宸ヤ綔鐨勫熀鏈墠鎻愩��
           </p>
           <p>
-            鍦ㄤ笉杩濆弽鐩稿叧椋炶瀹夊叏鏉′緥鐨勫熀纭�涓婏紝鎴戜滑搴旇灏嗛琛屼腑鍙戠敓鐨勬湇鍔′簨浠舵垨鏈嶅姟鐭涚浘锛屼互鍙婄敱姝や骇鐢熺殑浜夎銆佹彁鍑虹殑璧斿伩銆佸垝鍒嗙殑璐d换绛夐棶棰橈紝閮芥斁鍒板畨鎶氭梾瀹㈡儏缁�佹彁
+            鍦ㄤ笉杩濆弽鐩稿叧椋炶瀹夊叏鏉′緥鐨勫熀纭�涓婏紝鎴戜滑搴旇灏嗛琛屼腑鍙戠敓鐨勬湇鍔′簨浠舵垨鏈嶅姟鐭涚浘锛屼互鍙婄敱姝や骇鐢熺殑浜夎銆佹彁鍑虹殑璧斿伩銆佸垝鍒嗙殑璐d换绛夐棶棰橈紝閮芥斁鍒板畨鎶氭梾瀹㈡儏缁�佹彁渚涙湇鍔′箣鍚庢潵瑙e喅銆傚綋鐒讹紝鑻ヨ繚鍙嶇浉搴旂殑瀹夊叏鏉′緥鍜屾硶寰嬶紝搴斿綋绔嬪嵆璇蜂笓涓氫汉澹鐞嗗苟瑙e喅銆�
           </p>
         </div>
       </div>
@@ -1145,9 +1209,6 @@
           <li class="header-right-end"><br /></li>
         </ul>
         <div class="bodystyle">
-          <p class="td-0">
-            渚涙湇鍔′箣鍚庢潵瑙e喅銆傚綋鐒讹紝鑻ヨ繚鍙嶇浉搴旂殑瀹夊叏鏉′緥鍜屾硶寰嬶紝搴斿綋绔嬪嵆璇蜂笓涓氫汉澹鐞嗗苟瑙e喅銆�
-          </p>
           <p>
             姘戣埅鏈嶅姟浜哄憳搴斿叏蹇冨叏鎰忎负鏃呭鏈嶅姟锛屼互璁╂梾瀹㈡弧鎰忎綔涓烘湇鍔$洰鏍囷紝瀹炵幇浼佷笟鐨勬渶缁堣拷姹傚強鐩爣锛屽疄鐜颁紒涓氱殑鍙戝睍銆傛皯鑸湇鍔℃剰璇嗚姹傛垜浠淇″畧鏈嶅姟鎵胯锛岀敤蹇冪敤鐖辩敤娓╁害鏈嶅姟锛屽苟涔愪簬涓烘梾瀹㈡湇鍔★紝濡ュ杽瑙e喅鏃呭鍦ㄦ梾閫斾腑鐨勯棶棰樸��
           </p>
@@ -1441,6 +1502,24 @@
           <p>6.璇锋牴鎹墍瀛︾煡璇嗗垎鏋愭皯鑸湇鍔$殑鐜扮姸鍙婃湇鍔¤川閲忛棶棰樹骇鐢熺殑鍘熷洜銆�</p>
           <textarea v-model="questionData.projectTwo.six.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
             @change="setBookQuestion"></textarea>
+          <p class="dialogQuestion">
+            <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"
+                xmlns="http://www.w3.org/2000/svg" p-id="2536" xmlns:xlink="http://www.w3.org/1999/xlink" width="28"
+                height="28">
+                <path
+                  d="M798.72 76.8H947.2v145.92h51.2V25.6h-199.68zM947.2 798.72v145.92h-148.48v51.2H998.4v-197.12zM66.56 222.72V76.8h148.48V25.6H12.8v197.12zM215.04 944.64H66.56v-145.92H12.8v197.12h202.24z"
+                  fill="#fff" p-id="2537"></path>
+                <path
+                  d="M826.88 522.24L512 207.36c0-2.56-2.56-2.56-7.68-2.56-2.56 0-5.12 0-7.68 2.56L184.32 524.8c-2.56 2.56-5.12 7.68-2.56 10.24 2.56 5.12 5.12 7.68 10.24 7.68h58.88V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6V504.32c0-5.12-5.12-10.24-10.24-10.24h-2.56l217.6-220.16 220.16 222.72c-5.12 0-10.24 5.12-10.24 10.24V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6v-250.88h51.2c5.12 0 10.24-5.12 10.24-10.24 2.56-5.12 0-7.68-2.56-10.24z"
+                  fill="#fff" p-id="2538"></path>
+                <path
+                  d="M386.56 762.88h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-69.12h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-71.68h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-7.68 7.68-17.92 17.92-17.92zM514.56 535.04h-20.48c-5.12 0-7.68-2.56-7.68-7.68v-2.56c0-17.92 5.12-30.72 23.04-46.08 17.92-15.36 23.04-23.04 23.04-33.28s-7.68-20.48-20.48-20.48c-15.36 0-25.6 7.68-30.72 25.6 0 5.12-5.12 5.12-10.24 5.12l-25.6-5.12c-5.12 0-7.68-5.12-5.12-10.24 10.24-38.4 33.28-53.76 79.36-53.76 38.4 0 61.44 25.6 61.44 51.2 0 20.48-7.68 35.84-33.28 53.76-20.48 15.36-23.04 20.48-23.04 33.28-2.56 7.68-7.68 10.24-10.24 10.24zM481.28 588.8v-28.16c0-5.12 2.56-7.68 7.68-7.68h30.72c5.12 0 7.68 2.56 7.68 7.68V588.8c0 5.12-2.56 7.68-7.68 7.68h-30.72c-5.12 0-7.68-5.12-7.68-7.68z"
+                  fill="#fff" p-id="2539"></path>
+              </svg>
+            </span>
+          </p>
         </div>
       </div>
     </div>
@@ -1463,6 +1542,8 @@
               <img class="rwmb-4" alt="" src="../../assets/images/tb.png" />
             </p>
           </div>
+          <p class="td-0 mt-10 mb-10"><span class="bj2">路鎬濈淮瀵煎浘路</span></p>
+          <p class="td-0 openImgBox"><img class="img-0" src="../../assets//images/unitOne-03.png" alt=""></p>
           <div class="bk">
             <p class="bj1-qjms fl al-c">
               <span class="span-box"></span><span class="span-text">椤圭洰鎻忚堪</span><span class="span-box"></span>
@@ -1533,6 +1614,25 @@
             鏍规嵁銆婁腑鍗庝汉姘戝叡鍜屽浗姘戠敤鑸┖娉曘�嬬涓夊崄涔濇潯瑙勫畾锛屾皯鐢ㄨ埅绌轰汉鍛樻槸鎸囦粠浜嬫皯鐢ㄨ埅绌烘椿鍔ㄧ殑绌哄嫟浜哄憳鍜屽湴闈汉鍛樸�傜┖鍕や汉鍛橈紝鍖呮嫭椹鹃┒鍛樸�侀琛屾満姊颁汉鍛樸�佷箻鍔″憳锛涘湴闈汉鍛橈紝鍖呮嫭姘戠敤鑸┖鍣ㄧ淮淇汉鍛樸�佺┖涓氦閫氱鍒跺憳銆侀琛岀娲惧憳銆佽埅绌虹數鍙伴�氫俊鍛樸�傛棤璁烘槸璐熻矗鍦ㄨ埍鍐呮彁渚涙湇鍔$殑绌哄嫟浜哄憳杩樻槸璐熻矗涓烘梾瀹㈡彁渚涘湴闈㈡湇鍔★紝鍦ㄩ鏈鸿捣椋炲墠纭繚椋炶瀹夊叏锛屼负椋炶鎻愪緵蹇呬笉鍙皯鐨勯琛屽墠鍑嗗鐨勫湴闈汉鍛橈紝閮芥槸涓烘梾瀹㈢殑鑸掗�傚嚭琛屻�佸畨鍏ㄥ嚭琛屾湇鍔$殑銆�
           </p>
           <h4 id="d026">浜屻�佹皯鐢ㄨ埅绌轰汉鍛樼殑宀椾綅鑱岃矗</h4>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathFive" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氭皯鑸憳宸ュ簲鍏峰鐨勮兘鍔�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoFour ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '3b4d6a336fad79e9c4f137e142c26f0b'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-05')" />
+              </el-tooltip>
+            </p>
+          </div>
           <p>
             姘戠敤鑸┖浜哄憳鏈変笉鍚岀殑宀椾綅绉嶇被锛屽矖浣嶈亴璐d篃鏈夋墍涓嶅悓銆備互涓嬫槸瀵归儴鍒嗘皯鐢ㄨ埅绌轰汉鍛樺矖浣嶇绫诲強鍏蜂綋宸ヤ綔鑱岃矗鐨勯槓杩般��
           </p>
@@ -1599,9 +1699,6 @@
           <p>
             宸ヤ綔鑱岃矗锛氬椋炴満杩涜妫�鏌ャ�佺淮鎶ゅ拰淇悊锛屾帓闄ら鏈哄瓨鍦ㄧ殑瀹夊叏闅愭偅锛堣鍥�1-3-4锛夈��
           </p>
-          <p>
-            姘戠敤鑸┖缁翠慨浜哄憳璐熻矗椋炴満鐨勭淮淇伐浣滐紝鎸夌収缁翠慨鍗曞強鏃跺仛濂借瘖鏂笌缁翠慨锛涙寜椋炴満璁惧淇濆吇鎵嬪唽鍜岃澶囪鏄庝功鍒惰淇濆吇璁″垝寤鸿锛屽苟鎸夎鍒掑疄鏂戒繚鍏诲伐浣滐紱鏍规嵁搴撳瓨鎯呭喌鎻愪氦澶囦欢閲囪喘鐢宠喘琛紝璐熻矗澶囦欢鐨勯獙鏀朵笌鎬ヨ喘澶囦欢鐨勬彁浜わ紱鍋氬ソ鏃ュ父璁惧鐨勫贰瑙嗘鏌ュ伐
-          </p>
         </div>
       </div>
     </div>
@@ -1619,7 +1716,8 @@
           <li class="header-right-end"><br /></li>
         </ul>
         <div class="bodystyle">
-          <p class="td-0">
+          <p>
+            姘戠敤鑸┖缁翠慨浜哄憳璐熻矗椋炴満鐨勭淮淇伐浣滐紝鎸夌収缁翠慨鍗曞強鏃跺仛濂借瘖鏂笌缁翠慨锛涙寜椋炴満璁惧淇濆吇鎵嬪唽鍜岃澶囪鏄庝功鍒惰淇濆吇璁″垝寤鸿锛屽苟鎸夎鍒掑疄鏂戒繚鍏诲伐浣滐紱鏍规嵁搴撳瓨鎯呭喌鎻愪氦澶囦欢閲囪喘鐢宠喘琛紝璐熻矗澶囦欢鐨勯獙鏀朵笌鎬ヨ喘澶囦欢鐨勬彁浜わ紱鍋氬ソ鏃ュ父璁惧鐨勫贰瑙嗘鏌ュ伐
             浣滐紝鍙婃椂鍙戠幇闂锛屽鐞嗛殣鎮o紱鍋氬ソ棰勯槻鎬т繚鍏汇�佺淮鎶ゅ伐浣滐紝鍑忓皯鏈尯鍩熷洜鍋滄満宸ユ椂鍙婅澶囧師鍥犻�犳垚鐨勬潗鏂欐姤搴熼噺銆�
           </p>
           <p class="center openImgBox">
@@ -1775,6 +1873,25 @@
           <p>2.鐞嗚В鍚勯」鑳藉姏瀵逛笓涓氬拰宀椾綅鐨勬敮鎾戞�с��</p>
           <p>3.鑳藉鍦ㄥ疄闄呭伐浣滀腑鐏垫椿澶氬彉锛岃繍鐢ㄥ悇椤硅兘鍔涜В鍐冲疄闄呴棶棰樸��</p>
           <p>浠ョ┖涓箻鍔″憳涓轰緥锛屾皯鐢ㄨ埅绌轰汉鍛樺簲鍏峰鐨勮兘鍔涘簲鍖呭惈浠ヤ笅鍑犲ぇ绫汇��</p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathSix" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氭皯鑸憳宸ュ熀鏈兘鍔涜鐭�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoFive ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '2b112927d0029591bee2ad5de73e3e2a'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-06')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h4 id="d027">涓�銆佷翰鍜屽姏</h4>
           <p>
             绌轰腑涔樺姟鍛樼殑宸ヤ綔涓嶄粎鏄畝鍗曠殑绔尪閫掓按锛岃�屾槸涓�椤归渶瑕佲�滅溂瑙傚叚璺紝鑰冲惉鍏柟鈥濈殑鍏ㄦ柟浣嶅伐浣滐紝鎵�浠ワ紝婊¤冻鏃呭鐨勯渶姹傚拰涓烘梾瀹㈠甫鏉ヨ壇濂界殑涔樻満浣撻獙鏄箻鍔″憳鐨勯瑕佷换鍔°�傛梾瀹㈣壇濂界殑鍥為鍙堥鍏堟簮浜庣┖涔樹汉鍛樿壇濂界殑浜插拰鍔涳紝杩欏氨瑕佹眰涔樺姟鍛橀渶鍏峰姝ら」鍩烘湰鑳藉姏銆傚湪鏈嶅姟鏃呭鏃讹紝涔樺姟鍛樹粠鍐呭績鍒板鍦ㄩ兘搴斾紶閫掑弸鍠勪俊鎭紝浣挎梾瀹骇鐢熸剦鎮︺�佸紑蹇冦�佽垝閫傘�佹俯棣ㄣ�佷俊浠荤殑蹇冪悊鎰熷彈锛屼粠鑰屽缓绔嬩箻鍔″憳涓庢梾瀹箣闂寸殑鍙嬪ソ銆佸拰鐫︾殑鍏崇郴銆�
@@ -1943,7 +2060,7 @@
           <p class="td-0 mt-10 mb-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
           <p class="center"><span class="cs1">鍋氫竴鍚嶇湡姝g殑鍊惧惉鑰�</span></p>
           <p class="block">
-            涓�鏋跺浗闄呰埅鐝姷杈炬垚閮藉悗锛屾湁浣嶆梾瀹㈢殑琛屾潕鍑虹幇鐮存崯銆傛寜鐓ц瑙勶紝瀵逛簬姝ょ被鍥介檯鑸彮琛屾潕浜嬫晠涓�鑸槸涓嶄簣璧斿伩鐨勶紝鍊兼満鍛樺皬鍚翠究鍚戞梾瀹㈢粏鑷村湴瑙i噴骞惰嚧浠ユ瓑鎰忋�備絾杩欎綅鏃呭鐨勬儏缁嵈寮傚父婵�鍔紝闃愯堪浜嗘娆¤绋嬩腑鍙戠敓鐨勬墍鏈夎浜轰笉鎰夊揩鐨勪簨浠讹紝骞跺皢璐熼潰鎯呯华涓�骞跺彂娉勫嚭鏉ャ�傞潰瀵规梾瀹㈠妶澶寸洊鑴哥殑鍙戞硠鍜屾暟钀斤紝灏忓惔鍙仛浜嗕竴浠朵簨锛岄偅灏辨槸璁ょ湡鍦扳�滃�惧惉鈥濃�斺�旂洿鍒版梾瀹粠浠栫殑鐪肩涓鍒颁簡鐪熻瘹鍜屽叡鎯呫�傚綋鏃呭鐨勬儏缁�愭笎骞虫伅涓嬫潵
+            涓�鏋跺浗闄呰埅鐝姷杈炬垚閮藉悗锛屾湁浣嶆梾瀹㈢殑琛屾潕鍑虹幇鐮存崯銆傛寜鐓ц瑙勶紝瀵逛簬姝ょ被鍥介檯鑸彮琛屾潕浜嬫晠涓�鑸槸涓嶄簣璧斿伩鐨勶紝鍊兼満鍛樺皬鍚翠究鍚戞梾瀹㈢粏鑷村湴瑙i噴骞惰嚧浠ユ瓑鎰忋�備絾杩欎綅鏃呭鐨勬儏缁嵈寮傚父婵�鍔紝闃愯堪浜嗘娆¤绋嬩腑鍙戠敓鐨勬墍鏈夎浜轰笉鎰夊揩鐨勪簨浠讹紝骞跺皢璐熼潰鎯呯华涓�骞跺彂娉勫嚭鏉ャ�傞潰瀵规梾瀹㈠妶澶寸洊鑴哥殑鍙戞硠鍜屾暟钀斤紝灏忓惔鍙仛浜嗕竴浠朵簨锛岄偅灏辨槸璁ょ湡鍦扳�滃�惧惉鈥濃�斺�旂洿鍒版梾瀹粠浠栫殑鐪肩涓鍒颁簡鐪熻瘹鍜屽叡鎯呫�傚綋鏃呭鐨勬儏缁�愭笎骞虫伅涓嬫潵鍚庯紝灏忓惔鎶婃彙鏃舵満鍐嶆濮斿鍦板悜瀵规柟璇存槑浜嗘満鍦轰簨鏁呭鐞嗙殑娴佺▼锛屽苟鎵胯浼氱珛鍗充笌鑸┖鍏徃浠h〃鑱旂郴銆�
           </p>
         </div>
       </div>
@@ -1961,9 +2078,6 @@
           </li>
         </ul>
         <div class="bodystyle">
-          <p class="block td-0">
-            鍚庯紝灏忓惔鎶婃彙鏃舵満鍐嶆濮斿鍦板悜瀵规柟璇存槑浜嗘満鍦轰簨鏁呭鐞嗙殑娴佺▼锛屽苟鎵胯浼氱珛鍗充笌鑸┖鍏徃浠h〃鑱旂郴銆�
-          </p>
           <p class="block">
             褰撹埅绌哄叕鍙告寜鐓у父瑙勭粰鍑轰笉浜堣禂鍋挎剰瑙佸悗锛屽皬鍚翠竴杈瑰濠夊湴鍚戜箻瀹㈣浆杈撅紝涓�杈逛笉鎳堝湴鍚戣埅绌哄叕鍙镐簤鍙栥�傜粓浜庯紝灏忓惔鎬ユ梾瀹箣鎵�鎬ャ�佹兂鏃呭涔嬫墍鎯崇殑鏈嶅姟鎰熷姩浜嗚埅绌哄叕鍙革紝鑸┖鍏徃鏈�缁堝喅瀹氱粰浜堣ˉ鍋裤��
           </p>
@@ -2052,7 +2166,7 @@
             <span class="cs1">宸濊埅鎯婇瓊濮嬫湯 鏈洪暱鍒樹紶鍋ヨ繕鍘熺粏鑺�</span>
           </p>
           <p class="block">
-            9800绫筹紝9400绫筹紝7200绫筹紝椋炴満涓嬮檷寰楀緢蹇��3U8633鑸彮鐨�9鍚嶆満缁勪汉鍛樺拰119鍚嶄箻瀹紝缁忓巻浜嗙敓姝讳竴鍒汇��2018骞�5鏈�14鏃ヤ笂鍗堬紝鐢卞洓宸濊埅绌鸿偂浠芥湁闄愬叕鍙告壙杩愮殑3U8633鑸彮鐢遍噸搴嗛寰�鎷夎惃銆傞�斾腑锛岄鏈洪┚椹惰埍鍙冲骇椋庢尅鐜荤拑鐮寸鑴辫惤銆傚湪涓ゅ垎閽熷唴椋炴満鎬ラ檷2200绫筹紝涓斿湪缂烘哀銆佷綆娓┿�佸己姘旀祦鐨勬潯浠朵笅锛屾満闀垮垬浼犲仴椹鹃┒椋炴満浜�7鏃�42鍒嗘垚鍔熷闄�
+            9800绫筹紝9400绫筹紝7200绫筹紝椋炴満涓嬮檷寰楀緢蹇��3U8633鑸彮鐨�9鍚嶆満缁勪汉鍛樺拰119鍚嶄箻瀹紝缁忓巻浜嗙敓姝讳竴鍒汇��2018骞�5鏈�14鏃ヤ笂鍗堬紝鐢卞洓宸濊埅绌鸿偂浠芥湁闄愬叕鍙告壙杩愮殑3U8633鑸彮鐢遍噸搴嗛寰�鎷夎惃銆傞�斾腑锛岄鏈洪┚椹惰埍鍙冲骇椋庢尅鐜荤拑鐮寸鑴辫惤銆傚湪涓ゅ垎閽熷唴椋炴満鎬ラ檷2200绫筹紝涓斿湪缂烘哀銆佷綆娓┿�佸己姘旀祦鐨勬潯浠朵笅锛屾満闀垮垬浼犲仴椹鹃┒椋炴満浜�7鏃�42鍒嗘垚鍔熷闄嶆垚閮藉弻娴佹満鍦恒�傚垬浼犲仴鏁戜簡鑷繁锛屼篃鏁戜簡鏈虹粍鍚屼簨鍜屼笂鐧惧悕涔樺銆傚敖绠′粬涓�鍐嶈В閲婅繖鏄粬鐨勬湰鑱屽伐浣滐紝浣嗕粛鏈変笉灏戜汉灏嗗叾绉颁负鈥滆嫳闆勨�濄��
           </p>
         </div>
       </div>
@@ -2070,9 +2184,6 @@
           </li>
         </ul>
         <div class="bodystyle">
-          <p class="block td-0">
-            鎴愰兘鍙屾祦鏈哄満銆傚垬浼犲仴鏁戜簡鑷繁锛屼篃鏁戜簡鏈虹粍鍚屼簨鍜屼笂鐧惧悕涔樺銆傚敖绠′粬涓�鍐嶈В閲婅繖鏄粬鐨勬湰鑱屽伐浣滐紝浣嗕粛鏈変笉灏戜汉灏嗗叾绉颁负鈥滆嫳闆勨�濄��
-          </p>
           <p class="block">
             閭eぉ鑸彮涔樺姟闀挎瘯妤狅紝涔樺姟鍛樺紶绉嬪銆佸懆褰﹂洴銆侀粍濠枫�佹潹濠蜂竴濡傚線甯稿紩瀵间箻瀹㈠氨搴с�佹斁琛屾潕锛岀粰涔樺鎷挎瘺姣紝骞跺仛璧烽鍓嶇殑瀹夊叏妫�鏌ャ�傞┚椹惰埍鍐咃紝46宀佺殑鏈洪暱鍒樹紶鍋ュ拰鍓┚椹跺緪鐟炶景涔熷湪鍋氱潃璧烽鍓嶇殑鏈�鍚庡噯澶囥�傚垬浼犲仴姣曚笟浜庣┖鍐涚浜岄琛屽闄紝鍦ㄦ垚涓哄窛鑸琛屽憳涔嬪墠锛屼粬鍦ㄦ瘝鏍℃媴浠绘暀鍛樸�傞噸搴嗚嚦鎷夎惃杩欐潯绾匡紝浠栭浜嗕笉涓嬬櫨娆°�傞鏈哄湪鏅氱偣21鍒嗛挓鍚庨『鍒╄捣椋炪��
           </p>
@@ -2159,7 +2270,7 @@
           <p class="td-0 mb-10 mt-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
           <p class="center"><span class="cs1">娉曡埅绱ф�ユ挙绂讳簨浠�</span></p>
           <p class="block">
-            2005骞�8鏈堬紝娉曡埅鏌愮┖瀹㈤鏈虹殑309鍚嶆梾瀹笌鏈虹粍鎴愬憳涓婃紨浜嗏�滄暀绉戜功寮忔挙绂烩�濓紝涓ゅ垎閽熷唴鏈轰笂鍏ㄩ儴浜哄憳鎴愬姛閫冪褰撴椂宸茬噧璧风唺鐔婂ぇ鐏殑椋炴満锛岃繖娆¢�冪敓缁忓巻鎴愪簡绱ф�ラ�冪敓鐨勫吀鑼冦�傚綋鏃讹紝椋炴満宸︿晶琚浄鐢靛嚮涓紝椋炴満鍐呭椹笂琚粦鐑熺缃╋紝鎵�鏈夌殑鐢电伅閮界唲鐏簡銆傛嵁褰撴椂鐨勬梾瀹㈣锛屽懆鍥翠竴鐗囬粦鏆楋紝绱ф�ユ哀姘旈潰缃╅檷涓嬫潵銆傝椋炴満鍦ㄦ毚椋庨洦涓粦鍑鸿窇閬�183绫冲悗锛岀粓浜庡仠浣忋�傛満涓婄殑12浣嶆満缁勪汉鍛橀潪甯搁晣闈欙紝鍙嶅簲涔熺浉褰撳揩鎹枫�傛満闀垮湪椹鹃┒鑸变腑锛屼笉鏂湴鍛婅瘔鎵�鏈変箻瀹繚鎸佸钩闈欙紝鍚粠鎸囨尌銆傚叾浠栨満缁勪汉鍛樺揩閫熷湴浠庡骇妞呬笂璧疯韩锛�
+            2005骞�8鏈堬紝娉曡埅鏌愮┖瀹㈤鏈虹殑309鍚嶆梾瀹笌鏈虹粍鎴愬憳涓婃紨浜嗏�滄暀绉戜功寮忔挙绂烩�濓紝涓ゅ垎閽熷唴鏈轰笂鍏ㄩ儴浜哄憳鎴愬姛閫冪褰撴椂宸茬噧璧风唺鐔婂ぇ鐏殑椋炴満锛岃繖娆¢�冪敓缁忓巻鎴愪簡绱ф�ラ�冪敓鐨勫吀鑼冦�傚綋鏃讹紝椋炴満宸︿晶琚浄鐢靛嚮涓紝椋炴満鍐呭椹笂琚粦鐑熺缃╋紝鎵�鏈夌殑鐢电伅閮界唲鐏簡銆傛嵁褰撴椂鐨勬梾瀹㈣锛屽懆鍥翠竴鐗囬粦鏆楋紝绱ф�ユ哀姘旈潰缃╅檷涓嬫潵銆傝椋炴満鍦ㄦ毚椋庨洦涓粦鍑鸿窇閬�183绫冲悗锛岀粓浜庡仠浣忋�傛満涓婄殑12浣嶆満缁勪汉鍛橀潪甯搁晣闈欙紝鍙嶅簲涔熺浉褰撳揩鎹枫�傛満闀垮湪椹鹃┒鑸变腑锛屼笉鏂湴鍛婅瘔鎵�鏈変箻瀹繚鎸佸钩闈欙紝鍚粠鎸囨尌銆傚叾浠栨満缁勪汉鍛樺揩閫熷湴浠庡骇妞呬笂璧疯韩锛岃繀閫熸墦寮�椋炴満渚ч潰鐨勬晳鐢熼棬锛屾斁涓嬫粦姊紝涓�杈归�愪釜甯姪鏃呭鎾ょ锛屼竴杈逛笉鏂湴瀹夋叞姣忎釜浜猴紝浣挎暣涓枏鏁e伐浣滃钩绋宠繘琛屻��
           </p>
         </div>
       </div>
@@ -2177,9 +2288,6 @@
           </li>
         </ul>
         <div class="bodystyle">
-          <p class="block td-0">
-            杩呴�熸墦寮�椋炴満渚ч潰鐨勬晳鐢熼棬锛屾斁涓嬫粦姊紝涓�杈归�愪釜甯姪鏃呭鎾ょ锛屼竴杈逛笉鏂湴瀹夋叞姣忎釜浜猴紝浣挎暣涓枏鏁e伐浣滃钩绋宠繘琛屻��
-          </p>
           <p class="block">
             鏃呭浠湪浠栦滑鐨勬寚鎸ヤ笅锛屾病鏈夋厡涔憋紝渚濇鍏堢寮�搴ф锛屽啀婊戜笅婊戞銆傛渶鍚庯紝涔樺姟鍛樺拰椹鹃┒鍛樺仛浜嗗畬鍏ㄧ殑妫�鏌ワ紝璇佹槑鎵�鏈夋梾瀹㈤兘瀹夊叏鎾ょ锛屾病鏈変换浣曢仐婕忥紝鏂规墠绂诲紑椋炴満銆傚湴闈㈡�ユ晳浜哄憳閰嶅悎寰椾篃闈炲父鍙婃椂銆傞鏈鸿捣鐏悗涓嶅埌涓�鍒嗛挓锛屾満鍦烘晳鎶よ溅灏辫刀鍒颁簡椋炴満闄勮繎銆備粬浠皢鍙椾激鑰呴�佸線鍖婚櫌锛屽苟鍚戝ぇ闆ㄤ腑鐨勬梾瀹滑鎻愪緵浜嗕繚鏆栫殑姣瓙銆傚�煎嫟鐨勮瀵熶滑杩樺皢璺戞暎鐨勬梾瀹㈤泦涓埌瀹夊叏鍦扮偣銆傛暣椤瑰伐浣滄湁鏉′笉绱婂湴杩涜鐫�銆�
           </p>
@@ -2195,7 +2303,7 @@
           </p>
           <h5 id="e026">锛堝洓锛夊簲鎬ュ鐞嗚兘鍔涚殑鍩瑰吇闇�瑕佸洟闃熷崗浣滃仛淇濋殰</h5>
           <p>
-            褰撶揣鎬ユ儏鍐靛彂鐢熸椂锛屼箻鍔″憳涔嬮棿褰㈡垚榛樺锛屽洟缁撹捣鏉ワ紝淇濇寔鎬濇兂涓庤鍔ㄧ殑涓�鑷存�ф槸
+            褰撶揣鎬ユ儏鍐靛彂鐢熸椂锛屼箻鍔″憳涔嬮棿褰㈡垚榛樺锛屽洟缁撹捣鏉ワ紝淇濇寔鎬濇兂涓庤鍔ㄧ殑涓�鑷存�ф槸鑷冲叧閲嶈鐨勩�傝繖闆嗕腑琛ㄧ幇鍦紝鍦ㄨ埅鐝琛岃繃绋嬩腑涔樺姟鍛樺簲鏄庣‘鍚勮嚜璐熻矗鐨勫矖浣嶅拰鑱岃矗锛屽湪鏃ュ父椋炶涓浉浜掑崗浣溿�佺浉浜掗厤鍚堬紝褰㈡垚鑹ソ鐨勯粯濂戯紝浠庤�屼繚璇佺揣鎬ユ儏鍐靛嚭鐜版椂锛屼箻鍔″憳缁勭粐鎾ょ鏃朵笉鍑虹幇鎷ユ尋韪╄笍鎴栬�呭奖鍝嶇揣鎬ユ儏鍐靛缃殑鎯呭喌锛屼粠鑰屾彁楂樻挙绂绘晥鐜囷紝淇濋殰鏃呭鐨勫畨鍏ㄣ��
           </p>
         </div>
       </div>
@@ -2214,9 +2322,6 @@
           <li class="header-right-end"><br /></li>
         </ul>
         <div class="bodystyle">
-          <p class="td-0">
-            鑷冲叧閲嶈鐨勩�傝繖闆嗕腑琛ㄧ幇鍦紝鍦ㄨ埅鐝琛岃繃绋嬩腑涔樺姟鍛樺簲鏄庣‘鍚勮嚜璐熻矗鐨勫矖浣嶅拰鑱岃矗锛屽湪鏃ュ父椋炶涓浉浜掑崗浣溿�佺浉浜掗厤鍚堬紝褰㈡垚鑹ソ鐨勯粯濂戯紝浠庤�屼繚璇佺揣鎬ユ儏鍐靛嚭鐜版椂锛屼箻鍔″憳缁勭粐鎾ょ鏃朵笉鍑虹幇鎷ユ尋韪╄笍鎴栬�呭奖鍝嶇揣鎬ユ儏鍐靛缃殑鎯呭喌锛屼粠鑰屾彁楂樻挙绂绘晥鐜囷紝淇濋殰鏃呭鐨勫畨鍏ㄣ��
-          </p>
           <p class="td-0"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
           <p class="center"><span class="cs1">鍥㈤槦绮剧</span></p>
           <p class="block">
@@ -2229,6 +2334,44 @@
           <p>1.閫氳繃璁粌鍩瑰吇浜插拰鍔涖��</p>
           <p>2.閫氳繃璁粌鍩瑰吇瑙傚療鑳藉姏銆�</p>
           <p>3.閫氳繃璁粌鍩瑰吇鍊惧惉鑳藉姏銆�</p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathSeven" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氭皯鑸憳宸ユ湇鍔¤兘鍔涙儏鏅睍鐜�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoSix ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'e483ec3b940fcc8616b8aea894d5ded0'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-07')" />
+              </el-tooltip>
+            </p>
+          </div>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathEight" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氭皯鑸憳宸ユ湇鍔℃剰璇嗘儏鏅睍鐜�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoSeven ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'be07f31967532a808843e53df1a436d5'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-08')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h4 id="d033">涓�銆佷翰鍜屽姏鐨勮缁�</h4>
           <h5 id="e027">锛堜竴锛夊闀滆缁冩硶</h5>
           <p>
@@ -2756,7 +2899,7 @@
           </p>
           <p class="block">3.瀹屾垚鍔ㄤ綔鍚庣潄寮�鐪硷紝鎽婂紑绾哥湅鐪嬫槸鍚︾浉鍚屻��</p>
           <p class="block">
-            4.杩囩▼涓鍛樺鏈夊彂闂渶缁欎簣鍝嶅簲锛屼絾瀛﹀憳濡備繚鎸佹矇榛橈紝鍒欏湪瀛﹀憳瀹屾垚姣忎竴涓姩浣�
+            4.杩囩▼涓鍛樺鏈夊彂闂渶缁欎簣鍝嶅簲锛屼絾瀛﹀憳濡備繚鎸佹矇榛橈紝鍒欏湪瀛﹀憳瀹屾垚姣忎竴涓姩浣滃悗缁х画涓嬫寚浠ゃ��
           </p>
         </div>
       </div>
@@ -2775,7 +2918,6 @@
           <li class="header-right-end"><br /></li>
         </ul>
         <div class="bodystyle">
-          <p class="block td-0">鍚庣户缁笅鎸囦护銆�</p>
           <p class="block">
             5.涔熷彲閲囧彇涓嶅厑璁稿彂闂殑鏂瑰紡杩涜绗竴娆℃父鎴忔椿鍔紝娲诲姩鍚庤繘琛岃璁猴紝鐒跺悗鍐嶄互鍚屾牱鏂瑰紡鍐嶅仛涓�娆★紝瀹屾垚鍚庣潄寮�鐪硷紝鎽婂紑绾哥湅鐪嬫槸鍚︾浉鍚屻��
           </p>
@@ -2861,6 +3003,10 @@
         </div>
       </div>
     </div>
+    <dialogExaminations :isClear="dialogVisibleOne" :primaryColor="themeColor"
+      :cardList="interfaceQuestion[questionNum]" v-if="interfaceQuestion" :chapter="1" :page="questionNum"
+      :questionTitle="questionTitleMain" ref="dialogRef">
+    </dialogExaminations>
   </div>
 </template>
 
@@ -2870,18 +3016,32 @@
   getCollectResource,
   setCollectResource,
 } from "@/assets/methods/resources";
+import dialogExaminations from "@/components/dialogExaminations/index.vue";
 export default {
   name: "chapterOne",
   props: {
     showPageList: {
       type: Array,
     },
+    interfaceQuestion: {
+      type: Object,
+    },
+  },
+  components: {
+    dialogExaminations,
   },
   data() {
     return {
       collectImg: require("../../assets/images/icon/heart.png"),
       collectCheck: require("../../assets/images/icon/heart-check.png"),
       videoPathOne: "",
+      videoPathTwo: "",
+      videoPathThree: "",
+      videoPathFour: "",
+      videoPathFive: "",
+      videoPathSix: "",
+      videoPathSeven: "",
+      videoPathEight: "",
       collectResourceList: [],
       showQuestionAnswer: false,
       showChoiceAnswer: false,
@@ -2889,6 +3049,14 @@
       isFocused: null,
       chapterData: {
         isCollectVideo: false,
+        isCollectVideoOne: false,
+        isCollectVideoTwo: false,
+        isCollectVideoThree: false,
+        isCollectVideoFour: false,
+        isCollectVideoFive: false,
+        isCollectVideoSix: false,
+        isCollectVideoSeven: false,
+        isCollectVideoEight: false,
       },
       questionData: {
         isComplete: false,
@@ -3037,7 +3205,23 @@
       },
       evaluationOneResults: "", //娴嬭瘎缁撴灉
       evaluationTwoResults: "", //娴嬭瘎缁撴灉
-
+      // 棰樼洰鐩稿叧
+      dialogVisibleOne: false,
+      themeColor: "#6E85AF",
+      questionNum: 0,
+      questionTitleMain: "",
+      chapter001: {
+        question: {
+          1: {
+            questionTitleMain: "妯″潡涓�銆�绀间华璁ょ煡",
+            questionNum: 18,
+          },
+          2: {
+            questionTitleMain: "妯″潡涓�銆�姘戣埅鏈嶅姟鎰忚瘑璁ょ煡",
+            questionNum: 31,
+          },
+        },
+      },
     };
   },
 
@@ -3073,12 +3257,6 @@
       this.evaluationTwoResults = evaluationTwoData;
     }
 
-
-    const videoData = localStorage.getItem("aviationEtiquette-book-chapter01-Data");
-    if (videoData) {
-      this.chapterData = JSON.parse(videoData);
-    }
-
     this.getVidoePath();
     this.collectResourceList = await getCollectResource(
       this.config.activeBook.bookId
@@ -3089,6 +3267,28 @@
       this.videoPathOne = await getResourcePath(
         "4f0afd466e16bde40a447ff467452181"
       );
+      this.videoPathTwo = await getResourcePath(
+        "dfa7f3d64168acde32e4ca07a9001e79"
+      );
+      this.videoPathThree = await getResourcePath(
+        "602e257498cd61657b759edd5be0221d"
+      );
+      this.videoPathFour = await getResourcePath(
+        "571b9fb7962e8fc30749893919d2157b"
+      );
+      this.videoPathFive = await getResourcePath(
+        "3b4d6a336fad79e9c4f137e142c26f0b"
+      );
+      this.videoPathSix = await getResourcePath(
+        "2b112927d0029591bee2ad5de73e3e2a"
+      );
+      this.videoPathSeven = await getResourcePath(
+        "e483ec3b940fcc8616b8aea894d5ded0"
+      );
+      this.videoPathEight = await getResourcePath(
+        "be07f31967532a808843e53df1a436d5"
+      );
+
     },
     setBookQuestion() {
       localStorage.setItem(
@@ -3191,16 +3391,79 @@
           "瑙嗛锛氬窛鑸揣鎬ユ挙绂�"
         );
         this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo;
+      } else if (e == "video-02") {
+        this.handleCollectResource(
+          "dfa7f3d64168acde32e4ca07a9001e79",
+          "dfa7f3d64168acde32e4ca07a9001e79",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氱ぜ浠鐭�"
+        );
+        this.chapterData.isCollectVideoOne = !this.chapterData.isCollectVideoOne;
+      } else if (e == "video-03") {
+        this.handleCollectResource(
+          "602e257498cd61657b759edd5be0221d",
+          "602e257498cd61657b759edd5be0221d",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氭皯鑸湇鍔℃剰璇嗚鐭�"
+        );
+        this.chapterData.isCollectVideoTwo = !this.chapterData.isCollectVideoTwo;
+      } else if (e == "video-04") {
+        this.handleCollectResource(
+          "571b9fb7962e8fc30749893919d2157b",
+          "571b9fb7962e8fc30749893919d2157b",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氱悊瑙d富鍔ㄦ湇鍔$殑閲嶈鎬�"
+        );
+        this.chapterData.isCollectVideoThree = !this.chapterData.isCollectVideoThree;
+      } else if (e == "video-05") {
+        this.handleCollectResource(
+          "3b4d6a336fad79e9c4f137e142c26f0b",
+          "3b4d6a336fad79e9c4f137e142c26f0b",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氭皯鑸憳宸ュ簲鍏峰鐨勮兘鍔�"
+        );
+        this.chapterData.isCollectVideoFour = !this.chapterData.isCollectVideoFour;
+      } else if (e == "video-06") {
+        this.handleCollectResource(
+          "2b112927d0029591bee2ad5de73e3e2a",
+          "2b112927d0029591bee2ad5de73e3e2a",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氭皯鑸憳宸ュ熀鏈兘鍔涜鐭�"
+        );
+        this.chapterData.isCollectVideoFive = !this.chapterData.isCollectVideoFive;
+      } else if (e == "video-07") {
+        this.handleCollectResource(
+          "e483ec3b940fcc8616b8aea894d5ded0",
+          "e483ec3b940fcc8616b8aea894d5ded0",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氭皯鑸憳宸ユ湇鍔¤兘鍔涙儏鏅睍鐜�"
+        );
+        this.chapterData.isCollectVideoSix = !this.chapterData.isCollectVideoSix;
+      } else if (e == "video-08") {
+        this.handleCollectResource(
+          "be07f31967532a808843e53df1a436d5",
+          "be07f31967532a808843e53df1a436d5",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氭皯鑸憳宸ユ湇鍔℃剰璇嗘儏鏅睍鐜�"
+        );
+        this.chapterData.isCollectVideoSeven = !this.chapterData.isCollectVideoSeven;
       }
-      this.handleChapterData();
     },
 
-    handleChapterData() {
-      localStorage.setItem(
-        "aviationEtiquette-book-chapter01-Data",
-        JSON.stringify(this.chapterData)
-      );
-    },
     //璧勬簮鏀惰棌浜嬩欢
     // resourcePath  鏂囦欢璺緞锛�
     // resourceType  鏂囦欢绫诲瀷
@@ -3232,6 +3495,14 @@
         this.collectResourceList
       );
     },
+
+    openQuestion(num) {
+      if (num) {
+        this.questionNum = this.chapter001.question[num].questionNum;
+        this.questionTitleMain = this.chapter001.question[num].questionTitleMain;
+        this.$refs.dialogRef.openDialogQuestion();
+      }
+    },
   },
 };
 </script>
diff --git a/src/books/aviationEtiquette/view/components/chapter003.vue b/src/books/aviationEtiquette/view/components/chapter003.vue
index 136350c..0d3ab3b 100644
--- a/src/books/aviationEtiquette/view/components/chapter003.vue
+++ b/src/books/aviationEtiquette/view/components/chapter003.vue
@@ -17,6 +17,8 @@
               <img class="rwmb-4" alt="" src="../../assets/images/tb.png" />
             </p>
           </div>
+          <p class="td-0 mt-10 mb-10"><span class="bj2">路鎬濈淮瀵煎浘路</span></p>
+          <p class="td-0 openImgBox"><img class="img-0" src="../../assets//images/unitThree-01.png" alt=""></p>
           <div class="bk">
             <p class="bj1-qjms fl al-c">
               <span class="span-box"></span><span class="span-text">椤圭洰鎻忚堪</span><span class="span-box"></span>
@@ -40,6 +42,63 @@
           <p>1.浜嗚В姘戣埅娌熼�氱殑鐗圭偣銆�</p>
           <p>2.璁よ瘑姘戣埅娌熼�氱殑浣滅敤銆�</p>
           <p>3.鎺屾彙涓婁笅绾ф矡閫氱殑鏂规硶銆�</p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氭皯鑸簲绉嶆矡閫氶鏍�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '6f3a3b8b1b5eb8b942f57b7c6ef20ff7'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-01')" />
+              </el-tooltip>
+            </p>
+          </div>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathTwo" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氬鑸辨湇鍔℃矡閫�--鏈夋晥娌熼��</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoOne ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '45d4dc432a32a81d20421fa6b8ebe50b'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-02')" />
+              </el-tooltip>
+            </p>
+          </div>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathThree" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氬鑸辨湇鍔℃矡閫�--鏃犳晥娌熼��</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoTwo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '45d4dc432a32a81d20421fa6b8ebe50b'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-03')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h4 id="d071">涓�銆佹皯鑸亴鍦烘矡閫氭杩�</h4>
           <p>
             姘戣埅娌熼�氫竴鑸寘鎷鍙版寚鎸ヤ腑蹇冧笌涔樺姟缁勭殑娌熼�氥�佺┖涓箻鍔$粍鍦ㄥ鑸卞唴涓庡悓浜嬪強鏃呭鐨勬矡閫氥�佸湴闈㈡湇鍔′汉鍛樺湪鏈哄満澶у巺涓庡悓浜嬪強鏃呭鐨勬矡閫氱瓑銆�
@@ -67,6 +126,25 @@
             涓嶅悓鐨勪紒涓氭枃鍖栥�佷笉鍚岀殑绠$悊鍒跺害銆佷笉鍚岀殑涓氬姟閮ㄩ棬锛屾矡閫氶鏍奸兘浼氭湁鎵�涓嶅悓锛屾垜浠椤哄簲姘戣埅涓氱殑瀹夊叏鎬с�佸揩閫熸�с�佹満鍔ㄦ�с�佸浗闄呮�х瓑鐗瑰緛锛屽疄鐜版湁鏁堟矡閫氥��
           </p>
           <h4 id="d072">浜屻�佹皯鑸汉鍛樹笌鏃呭鐨勬矡閫氭妧宸�</h4>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathFour" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氬垵娆′箻鏈烘梾瀹㈢櫥鏈烘湇鍔℃祦绋嬭瘽鏈�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoThree ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'f768963b0e70d05a065c3094c9a6a6af'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-04')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h5 id="e070">锛堜竴锛夊鍒濇涔樻満鐨勬梾瀹�</h5>
           <p>
             鍒濇涔樺潗椋炴満锛屾梾瀹㈡棦濂藉鍙堢揣寮犮�備负婊¤冻鏃呭鐨勫ソ濂囧績锛屼箻鍔″憳瑕佷富鍔ㄤ负浠栦滑浠嬬粛鏈鑸彮鐨勬儏鍐碉紝濡傛満鍨嬨�侀琛岄珮搴︺�佸潗鏍囩瓑銆傚垵娆′箻鍧愰鏈虹殑鏃呭缂哄皯涔樺潗椋炴満鐨勫父璇嗐�備竴鏂归潰锛屼箻鍔″憳瑕佽�愬績鍦颁粙缁嶏紝涓嶈鍢茬瑧浠栦滑锛岄伩鍏嶄娇鏃呭鎰熷埌鑷崙锛涘彟涓�鏂归潰锛屼箻鍔″憳杩樿閫氳繃浜插垏浜よ皥鍒嗘暎浠栦滑绱у紶鐨勬儏缁紝浣夸粬浠劅鍒颁箻鍧愰鏈烘槸瀹夊叏鐨勩��
@@ -80,12 +158,31 @@
             渚嬪锛岄噸瑕佹梾瀹竴涓婇鏈猴紝涔樺姟鍛樺簲鑳藉噯纭棤璇湴鐢ㄤ粬浠殑濮撴皬鍜岃亴鍔℃潵闂�欎粬浠紱褰撻噸瑕佹梾瀹㈤�掔粰涔樺姟鍛樺悕鐗囨椂锛屼箻鍔″憳搴斿綋闈㈣鍑烘潵锛屼娇浠栦滑鍦ㄥ績鐞嗕笂浜х敓涓�绉嶆弧瓒虫劅锛涗箻鍔″憳瑕佹敞鎰忎笌鏃呭杩涜娌熼�氾紝浣夸粬浠殑鏁翠釜鏃呯▼閮芥矇娴稿湪鎰夋偊鐨勫績鎯呬腑銆�
           </p>
           <h5 id="e072">锛堜笁锛夊鑰佸勾鏃呭</h5>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathFive" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氳�佸勾鏃呭鏈嶅姟娌熼�氳瘽鏈�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoFour ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'ada8ecd6349bf5d0c6ee2b6642e9effc'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-05')" />
+              </el-tooltip>
+            </p>
+          </div>
           <p>
             鑰佸勾鏃呭鏈�鍏冲績鑸彮鐨勫畨鍏ㄩ棶棰橈紝灏ゅ叾鍦ㄩ鏈鸿捣钀芥椂銆傚洜姝ゅ鑰佸勾浜鸿繘琛屾湇鍔℃椂瑕佺粏鑷达紝涓庤�佸勾浜鸿璇濊閫熻鎱紝闊抽噺瑕佺暐澶э紝搴斾富鍔ㄥ叧蹇冧粬浠渶瑕佷粈涔堟湇鍔★紝娲炲療骞跺強鏃舵弧瓒充粬浠殑蹇冪悊闇�姹傦紝灏介噺娑堥櫎浠栦滑鐨勫鐙劅銆�
           </p>
           <h5 id="e073">锛堝洓锛夊鐢熺梾鏃呭</h5>
           <p>
-            杩樻湁涓�浜涚敓鐥呯殑鏃呭浠ュ強鍦ㄤ箻鏈鸿繃绋嬩腑绐佺劧鍙戠梾鐨勬梾瀹紝浠栦滑涓庢甯哥殑鏃呭鐩告瘮鑷悊鑳藉姏杈冨樊锛岃揩鍒囬渶瑕佸緱鍒颁箻鍔$粍鐨勭収椤俱�傛皯鑸湇鍔′汉鍛樹竴瀹氳瀵嗗垏鍏虫敞浠栦滑锛屽浠栦滑浣撹创銆佽�愬績锛屽繀瑕佹椂鍙姩鍛樻満鍦虹殑鍏朵粬鏃呭浜堜互鏀彺鍜屽府鍔┿�傞亣鍒伴渶鎶㈡晳鐨勯噸鐥囨偅鑰咃紝瑕佹彁鍓嶄笌鏈哄満鍜屽尰闄㈠彇寰楄仈绯伙紝璁╂晳鎶よ溅鎶婄梾浜哄強鏃堕�佸埌鍖婚櫌锛屼簤鍙栨姠鏁戞椂闂淬�傚鐥呮儏杈冭交鐨勬梾瀹㈡垨涓�旀偅鎰熷啋鐨勬梾瀹紝闇�瑕佸湪鏈轰笂缁欎簣鏁戝姪锛屾帶鍒剁梾鎯咃紝骞跺瘑鍒囨敞鎰忕梾鎯呭彉鍖栵紝闃叉鐥呮儏鎭跺寲銆傚寰呬粬浠竴瀹氳鐪熻瘹锛岀湡璇氬湴瀹夋叞浠栦滑銆佸府鍔╀粬浠��
+            杩樻湁涓�浜涚敓鐥呯殑鏃呭浠ュ強鍦ㄤ箻鏈鸿繃绋嬩腑绐佺劧鍙戠梾鐨勬梾瀹紝浠栦滑涓庢甯哥殑鏃呭鐩告瘮鑷悊鑳藉姏杈冨樊锛岃揩鍒囬渶瑕佸緱鍒颁箻鍔$粍鐨勭収椤俱�傛皯鑸湇鍔′汉鍛樹竴瀹氳瀵嗗垏鍏虫敞浠栦滑锛屽浠栦滑浣撹创銆佽�愬績锛屽繀瑕佹椂鍙姩鍛樻満鍦虹殑鍏朵粬鏃呭浜堜互鏀彺鍜屽府鍔┿�傞亣鍒伴渶鎶㈡晳鐨勯噸鐥囨偅鑰咃紝瑕佹彁鍓嶄笌鏈哄満鍜屽尰闄㈠彇寰楄仈绯伙紝璁╂晳鎶よ溅鎶婄梾浜哄強鏃堕�佸埌鍖婚櫌锛屼簤鍙栨姠鏁戞椂闂淬�傚鐥呮儏杈冭交鐨勬梾瀹㈡垨涓�旀偅鎰熷啋鐨勬梾瀹紝闇�瑕佸湪鏈轰笂缁欎簣鏁戝姪锛屾帶鍒剁梾鎯咃紝骞跺瘑鍒囧叧娉ㄧ梾鎯呭彉鍖栵紝闃叉鐥呮儏鎭跺寲銆傚寰呬粬浠竴瀹氳鐪熻瘹锛岀湡璇氬湴瀹夋叞浠栦滑銆佸府鍔╀粬浠��
           </p>
         </div>
       </div>
@@ -103,6 +200,25 @@
         </ul>
         <div class="bodystyle">
           <h5 id="e074">锛堜簲锛夊鎸戝墧鏃呭</h5>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathSix" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氭梾瀹㈡寫鍓旀椂鐨勬湇鍔℃矡閫氳瘽鏈�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoFive ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '9c6c01fac88c9dda705bdfd05df3b0ec'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-06')" />
+              </el-tooltip>
+            </p>
+          </div>
           <p>
             椋炴満涓婂伓灏旀湁涓埆姣旇緝鎸戝墧鐨勬梾瀹紝浠栦滑瀵规湇鍔″拰璁惧浠ュ強椁愰ギ绛変細鎻愬嚭闅句互杈惧埌鐨勮姹傘�傚湪涓庢梾瀹㈡矡閫氱殑杩囩▼涓紝鍔″繀瑕佽浣忎互鏃呭涓轰腑蹇冿紝鏀惧純鑷垜涓績璁恒�傚仛鍒板績骞虫皵鍜屻�佷笉涔卞彂鐗㈤獨锛岃繖鏍蜂笉浠呰嚜宸卞揩涔愶紝鏃呭涔熶細蹇冩儏鎰夋偊銆�
           </p>
@@ -110,6 +226,25 @@
             瀵规锛屾皯鑸湇鍔′汉鍛樹竴瀹氳鑰愬績銆佷笉鎬ヨ簛锛屼互骞抽潤鐨勫績鎬佸惉鏃呭鐨勫�捐瘔锛岀敤鐑績銆佸懆鍒扮殑鏈嶅姟锛屼娇鏃呭鐨勫績鎯呮參鎱㈠湴骞抽潤涓嬫潵锛屼笉瑕佹�ヤ簬瑙i噴鍜岃京瑙o紝閬垮厤寮曡捣鏃呭鏇村ぇ鐨勫弽鎰熴��
           </p>
           <h4 id="d073">涓夈�佷紭璐ㄦ湇鍔$殑鈥滀簲蹇冣�濇矡閫�</h4>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathSeven" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氭梾瀹㈤敊杩囬�侀璇夋眰澶勭悊璇濇湳婕旂ず</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoSix ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '81574f24a780ca2ed16b023eb795ce04'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-07')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h5 id="e075">锛堜竴锛夎矗浠诲績</h5>
           <p>
             璐d换蹇冨氨鏄竴绉嶈嚜瑙夊湴鎶婂垎鍐呯殑浜嬫儏鍋氬ソ骞舵効鎰忔壙鎷呯浉搴旇矗浠荤殑鎯呮劅銆傛皯鑸伐浣滄棦鏄湇鍔″伐浣滐紝涔熸槸瀹夊叏宸ヤ綔锛屾棦鍏崇郴鍒拌埅绌哄叕鍙哥殑鏈嶅姟姘村钩锛屼篃鍏崇郴鍒版梾瀹㈢敓鍛藉拰鍥藉璐骇瀹夊叏锛岃矗浠婚噸澶э紝闇�瑕佹皯鑸湇鍔′汉鍛樹互楂樺害鐨勮矗浠诲績璁ょ湡瀵瑰緟銆傚彲浠ヨ锛岃矗浠诲績鏄竴鍚嶆皯鑸湇鍔′汉鍛樺簲璇ュ叿澶囩殑鍩烘湰鏉′欢銆�
@@ -121,10 +256,6 @@
           <h5 id="e077">锛堜笁锛夊寘瀹瑰績</h5>
           <p>
             涓�涓ソ鐨勬皯鑸湇鍔′汉鍛樹竴瀹氭槸涓�涓彲浠ュ寘瀹规梾瀹⑩�滆繃澶扁�濈殑浜恒�傛梾瀹綔涓虹浉瀵圭殑鈥滆嚜鐢变汉鈥濓紝鍙互鍦ㄦ硶寰嬫硶瑙勫厑璁哥殑鑼冨洿鍐呮彁鍑鸿嚜宸辩殑闇�姹傦紝瀹f硠涓汉鐨勬儏缁�傛湁鏃讹紝杩欎簺闇�姹傚拰鎯呯华鍙兘瓒呭嚭鏅�氫汉鐨勫績鐞嗘壙鍙楄寖鍥达紝缁欏埆浜哄甫鏉ヤ激瀹炽�傝�屾皯鑸湇鍔′汉鍛樺繀椤昏兘澶熷寘瀹硅繖浜涜█琛岋紝瑕佸叿鏈夎秴杩囨櫘閫氫汉鐨勫浼ゅ鐨勬帴鍙楀害鈥斺�旇繖灏辫�冮獙鐫�姘戣埅鏈嶅姟浜哄憳鐨勫寘瀹瑰績銆�
-          </p>
-          <h5 id="e078">锛堝洓锛夊悓鎯呭績</h5>
-          <p>
-            鍚屾儏蹇冨氨鏄綋浠栦汉鏈夊洶闅炬垨閬埌涓嶅垢鏃讹紝鑷繁鐨勫唴蹇冧笘鐣屼骇鐢熺殑涓�绉嶄笉濂藉彈銆佹�滄偗锛岃繘鑰屾兂鍦ㄩ亾涔変笂銆佹柟娉曚笂鎴栫墿璐ㄤ笂甯姪浠栦汉瑙e喅鍥伴毦鐨勫唴蹇冩劅鍙楋紝鏄劅浜轰箣鎵�鎰燂紝鐢氳嚦鏄汉涓庝汉涔嬮棿鐨勪竴绉嶄簰鐩哥殑鈥滃績鐏垫劅搴斺�濄�傚鏋滄妸鐖卞績姣斿柣鎴愬骞跨殑澶ф捣锛屽悓鎯呭績灏辨槸閭f捣闈笂涓�鏈垫湹缇庝附鐨勬氮鑺憋紝钄氳摑鐨勬捣闈护浜哄钩闈欙紝鑰屾磥鐧界殑娴姳浣夸汉婵�鍔ㄣ�傛湇鍔�
           </p>
         </div>
       </div>
@@ -142,8 +273,9 @@
           </li>
         </ul>
         <div class="bodystyle">
-          <p class="td-0">
-            宸ヤ綔闈㈠鐨勬梾瀹㈡潵鑷ぉ鍗楁捣鍖楋紝浠栦滑鏈夌潃涓嶅悓鐨勮儗鏅拰缁忓巻锛屽綋浠栦滑鑱氶泦鍦ㄥ鑸辫繖涓壒娈婄殑绌洪棿閲岋紝浼氭湁鍚勭涓嶅悓鐨勫績鐞嗘劅鍙椼�備竴鑸潵璇达紝鍒濇涔樻満鐨勬梾瀹㈠笇鏈涘緱鍒版皯鑸湇鍔′汉鍛樹笉鍔ㄥ0鑹层�佸強鏃剁殑鎸囩偣鏉ュ寲瑙g揣寮犵殑鎯呯华鍜岃尗鐒剁殑鎰熻锛涚敓鐥呯殑鏃呭闇�瑕佺壒鎰忕殑鍏崇収鍜岄棶鍊欐潵鍏嬫湇涓嶅畨銆佺紦瑙g梾鐥涳紱鑰佸勾鏃呭闇�瑕佸強鏃剁殑甯姪浠ラ伩鍏嶅洜琛屽姩涓嶄究閫犳垚鐨勫洶闅惧拰灏村艾鈥︹�﹀瘜鏈夊悓鎯呭績鐨勬皯鑸湇鍔′汉鍛樺簲浠庢梾瀹㈢殑涓炬瑷�璋堜腑鏁忛攼鍦板療瑙夊埌涓嶅悓鏃呭鐨勫洶闅惧拰闇�姹傦紝浠庤�屽強鏃舵彁渚涚粏蹇冪殑銆佸懆鍒扮殑銆佹湁閽堝鎬х殑鏈嶅姟銆傚湪鏈嶅姟瀹炶返涓紝鏈夊緢澶氫緥瀛愯瘉鏄庯細瀵屾湁鍚屾儏蹇冪殑姘戣埅鏈嶅姟浜哄憳鑳藉寰堝ソ鍦板睍绀烘湇鍔$殑榄呭姏锛屼粠鑰屼娇鏈嶅姟宸ヤ綔杈惧埌浠や汉鈥滃姩蹇冣�濈殑鏁堟灉銆�
+          <h5 id="e078">锛堝洓锛夊悓鎯呭績</h5>
+          <p>
+            鍚屾儏蹇冨氨鏄綋浠栦汉鏈夊洶闅炬垨閬埌涓嶅垢鏃讹紝鑷繁鐨勫唴蹇冧笘鐣屼骇鐢熺殑涓�绉嶄笉濂藉彈銆佹�滄偗锛岃繘鑰屾兂鍦ㄩ亾涔変笂銆佹柟娉曚笂鎴栫墿璐ㄤ笂甯姪浠栦汉瑙e喅鍥伴毦鐨勫唴蹇冩劅鍙楋紝鏄劅浜轰箣鎵�鎰燂紝鐢氳嚦鏄汉涓庝汉涔嬮棿鐨勪竴绉嶄簰鐩哥殑鈥滃績鐏垫劅搴斺�濄�傚鏋滄妸鐖卞績姣斿柣鎴愬骞跨殑澶ф捣锛屽悓鎯呭績灏辨槸閭f捣闈笂涓�鏈垫湹缇庝附鐨勬氮鑺憋紝钄氳摑鐨勬捣闈护浜哄钩闈欙紝鑰屾磥鐧界殑娴姳浣夸汉婵�鍔ㄣ�傛湇鍔″伐浣滈潰瀵圭殑鏃呭鏉ヨ嚜澶╁崡娴峰寳锛屼粬浠湁鐫�涓嶅悓鐨勮儗鏅拰缁忓巻锛屽綋浠栦滑鑱氶泦鍦ㄥ鑸辫繖涓壒娈婄殑绌洪棿閲岋紝浼氭湁鍚勭涓嶅悓鐨勫績鐞嗘劅鍙椼�備竴鑸潵璇达紝鍒濇涔樻満鐨勬梾瀹㈠笇鏈涘緱鍒版皯鑸湇鍔′汉鍛樹笉鍔ㄥ0鑹层�佸強鏃剁殑鎸囩偣鏉ュ寲瑙g揣寮犵殑鎯呯华鍜岃尗鐒剁殑鎰熻锛涚敓鐥呯殑鏃呭闇�瑕佺壒鎰忕殑鍏崇収鍜岄棶鍊欐潵鍏嬫湇涓嶅畨銆佺紦瑙g梾鐥涳紱鑰佸勾鏃呭闇�瑕佸強鏃剁殑甯姪浠ラ伩鍏嶅洜琛屽姩涓嶄究閫犳垚鐨勫洶闅惧拰灏村艾鈥︹�﹀瘜鏈夊悓鎯呭績鐨勬皯鑸湇鍔′汉鍛樺簲浠庢梾瀹㈢殑涓炬瑷�璋堜腑鏁忛攼鍦板療瑙夊埌涓嶅悓鏃呭鐨勫洶闅惧拰闇�姹傦紝浠庤�屽強鏃舵彁渚涚粏蹇冪殑銆佸懆鍒扮殑銆佹湁閽堝鎬х殑鏈嶅姟銆傚湪鏈嶅姟瀹炶返涓紝鏈夊緢澶氫緥瀛愯瘉鏄庯細瀵屾湁鍚屾儏蹇冪殑姘戣埅鏈嶅姟浜哄憳鑳藉寰堝ソ鍦板睍绀烘湇鍔$殑榄呭姏锛屼粠鑰屼娇鏈嶅姟宸ヤ綔杈惧埌浠や汉鈥滃姩蹇冣�濈殑鏁堟灉銆�
           </p>
           <h5 id="e079">锛堜簲锛夎�愬績</h5>
           <p>
@@ -168,7 +300,7 @@
           </p>
           <h6 id="f027">4.寰佽璇�</h6>
           <p>
-            寰佽璇槸鍦ㄦ湇鍔¤繃绋嬩腑灏辨煇浠朵簨鎯呯殑鍙戝睍璧板悜鎴栬�呭鏌愪簨鐗╃殑閫夋嫨鍚戞梾瀹㈣繘琛屽緛璇�
+            寰佽璇槸鍦ㄦ湇鍔¤繃绋嬩腑灏辨煇浠朵簨鎯呯殑鍙戝睍璧板悜鎴栬�呭鏌愪簨鐗╃殑閫夋嫨鍚戞梾瀹㈣繘琛屽緛璇㈣�岄噰鐢ㄧ殑绀艰矊鐢ㄨ銆備緥濡傦紝鍦ㄥ悜鏃呭鎻愪緵甯姪涓庢湇鍔℃椂甯稿父浣跨敤鈥滆闂偍闇�瑕佸府鍔╁悧鈥濃�滄偍濂斤紝鑳戒负鎮ㄥ仛鐐逛粈涔堝悧鈥濃�滄偍濂斤紝璇烽棶鎮ㄩ渶瑕佸摢绉嶉ギ鏂欌�濃�滆闂偍闇�瑕佸皬姣涙鍚椻�濄��
           </p>
         </div>
       </div>
@@ -185,9 +317,6 @@
           <li class="header-right-end" style=""><br></li>
         </ul>
         <div class="bodystyle">
-          <p class="td-0">
-            鑰岄噰鐢ㄧ殑绀艰矊鐢ㄨ銆備緥濡傦紝鍦ㄥ悜鏃呭鎻愪緵甯姪涓庢湇鍔℃椂甯稿父浣跨敤鈥滆闂偍闇�瑕佸府鍔╁悧鈥濃�滄偍濂斤紝鑳戒负鎮ㄥ仛鐐逛粈涔堝悧鈥濃�滄偍濂斤紝璇烽棶鎮ㄩ渶瑕佸摢绉嶉ギ鏂欌�濃�滆闂偍闇�瑕佸皬姣涙鍚椻�濄��
-          </p>
           <h6 id="f028">5.璇锋墭璇�</h6>
           <p>
             璇锋墭璇�氬父鎸囩殑鏄湪璇锋眰浠栦汉甯繖鎴栨槸鎵樹粯浠栦汉浠e姵鏃朵娇鐢ㄧ殑绀艰矊鐢ㄨ銆傚湪鏈嶅姟杩囩▼涓闇�璇锋眰鏃呭甯繖锛屽簲浣跨敤绀艰矊鐢ㄨ锛岃璇濆墠閮借鍔犱笂涓�涓�滆鈥濆瓧锛屾垨鑰呯ぜ璨屽湴璇粹�滈夯鐑︽偍鈥濃�滄嫓鎵樻偍鈥濄�備緥濡傦紝鈥滃厛鐢熸偍濂斤紝椋炴満椹笂灏辫璧烽浜嗭紝楹荤儲鎮ㄥ皢搴ф闈犺儗璋冪洿鈥濃�滄偍濂斤紝椋炴満椹笂璧烽浜嗭紝璇峰皢鎵嬫満鍏虫満鎴栬皟鏁翠负椋炶妯″紡鈥濃�滄偍濂藉コ澹紝璇峰皢灏忔鏉挎敹璧封�濄�備娇鐢ㄦ绫荤敤璇椂闇�瑕佹敞鎰忚姘斿簲鏌斿拰涓嶈兘鐢熺‖锛屾洿涓嶈兘鐢ㄥ懡浠ゅ紡鐨勫彛鍚绘潵璇淬��
@@ -211,8 +340,8 @@
               <p>
                 鍦ㄥ伐浣滀腑锛屽綋姘戣埅鏈嶅姟浜哄憳閬囧埌瀹汉鎻愬嚭鐨勮姹傛垨闂鑷韩鏃犳硶婊¤冻鎴栬В鍐虫椂锛岃濡備綍鍥炵瓟锛�
               </p>
-              <textarea v-model="questionData.askAbout.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h5 id="e081">锛堜簩锛夋湇鍔″繉璇�</h5>
@@ -246,7 +375,7 @@
         <div class="bodystyle">
           <h6 id="f034">4.璁ヨ銆佽交瑙嗙殑璇彞</h6>
           <p>
-            鍦ㄤ笌鏃呭浜よ皥鐨勮繃绋嬩腑锛屼笉瑕佽交鐜囧湴缁欐梾瀹笅瀹氳锛屽苟琛ㄧ幇鍑轰笉灞戠殑鎯呯华銆備笉瑕佸仛鍑衡�滃牭鍢粹�濃�滅炕鐧界溂鈥濃�滃徆姘斺�濈瓑琛屼负涓炬銆�
+            鍦ㄤ笌鏃呭浜よ皥鐨勮繃绋嬩腑锛屼笉瑕佽交鐜囧湴缁欐梾瀹笅瀹氳锛屽苟琛ㄧ幇鍑轰笉灞戠殑鎯呯华銆備笉瑕佸仛鍑衡�滃槦鍢粹�濃�滅炕鐧界溂鈥濃�滃徆姘斺�濈瓑琛屼负涓炬銆�
           </p>
           <h6 id="f035">5.鍌績鍛戒护寮忕殑璇彞</h6>
           <p>
@@ -282,8 +411,8 @@
             </div>
             <div class="bj3 fz-15">
               <p>鍦ㄦ湇鍔¤繃绋嬩腑锛岄渶瑕侀伩鍏嶄娇鐢ㄥ摢浜涙墜鍔匡紵</p>
-              <textarea v-model="questionData.askAbout.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <div class="bk4">
@@ -315,6 +444,25 @@
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.浜嗚В姘戣埅鏈嶅姟涓湁鍏虫矡閫氱殑妗堜緥銆�</p>
           <p>2.浠庢渚嬩腑鍒嗘瀽瀹炶返缁忛獙銆�</p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathEight" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氭皯鑸亴鍦烘矡閫氳鐭�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoSeven ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '65f1f06c69581442b53aefac9da33353'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-08')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h4 id="d075">涓�銆佸疄璁渚嬩竴 鍚屼簨鐩稿</h4>
           <p>
             鐜嬮懌鏄煇鑸┖鍏徃浜哄姏璧勬簮閮ㄧ殑涓�鍚嶅憳宸ワ紝浜烘瘮杈冮殢鍜岋紝涓嶅枩浜夋墽锛屽拰鍚屼簨澶勫緱閮芥瘮杈冨ソ銆備絾鏄紝鍓嶄竴娈垫椂闂达紝涓嶇煡閬撲负浠�涔堬紝鍚屼竴閮ㄩ棬鐨勬潕鍝嶈�佹槸澶勫鍜屼粬杩囦笉鍘伙紝鏈夋椂鍊欐晠鎰忓湪鍒汉闈㈠墠鎸囨楠傛锛屼笌浠栧悎浣滃伐浣滄椂涔熼兘鏈夋剰璁╃帇閼鍋氾紝鐢氳嚦杩樻姠浜嗙帇閼ソ澶氫笟鍔°��
@@ -337,13 +485,10 @@
               <p>
                 鐜嬮懌鍦ㄥ繊涓嶄笅鍘荤殑鏃跺�欙紝閫夋嫨浜嗗憡鐘躲�傚湪杩欓噷锛岀帇閼�佹�荤粡鐞嗐�佹潕鍝嶄笁浜虹姱浜嗗悓鏍风殑閿欒锛岄偅灏辨槸娌℃湁鍧氭寔鈥滃浜嬩笉瀵逛汉鈥濓紝鎬荤粡鐞嗗仛浜嬩篃杩囦簬鑽夌巼锛屾病鏈夎捣鍒板簲鏈夌殑璋冭妭浣滅敤锛屼粬鐨勪竴鐣壒璇勫弽鑰屽姞鍓т簡浜屼汉涔嬮棿鐨勭煕鐩俱�傛纭殑鍋氭硶鏄妸鍙屾柟涔嬮棿鐨勮浼氥�佺煕鐩捐В寮�锛岀鐫�浠ヤ簨涓氫负閲嶏紝鍔犲己鍛樺伐鐨勬矡閫氭潵澶勭悊杩欎欢浜嬨�傝繖鏍峰仛鐨勮瘽锛岀粨鏋滆偗瀹氫細濂藉緱澶氥��
               </p>
-              <textarea v-model="questionData.askAbout.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
-          <p>
-            绮鹃�氣�滀汉闄呮矡閫氭妧宸р�濅笉鏄负浜嗘妸鍒汉韪╁湪鑴氫笅锛岃�屾槸涓轰簡鍑忓皯宸ヤ綔涓殑闃诲姏銆傝亴鍦烘槸涓�涓ぇ鑸炲彴锛岀悍绻佸鏉傘�備竴涓汉鍦ㄧぞ浼氫笂闅惧厤浼氫笌浜轰骇鐢熺煕鐩撅紝闅惧厤浼氬嚭鐜拌繖鏍锋垨
-          </p>
         </div>
       </div>
     </div>
@@ -360,8 +505,8 @@
           </li>
         </ul>
         <div class="bodystyle">
-          <p class="td-0">
-            閭f牱鐨勪笉鎰夊揩銆傛湁浜嗙煕鐩炬�庝箞鍔烇紵鍑虹幇浜嗛棶棰樻�庝箞澶勭悊锛熻繖灏遍渶瑕佹垜浠娌熼�氾紝澶氫氦娴併�傛矡閫氭槸涓�鐩忔寚鏄庣伅锛屽彲浠ラ殢鏃舵牎姝f垜浠埅琛岀殑鏂瑰悜銆傛鏄洜涓烘湁浜嗘矡閫氾紝璇█鎵嶆樉寰楅偅涔堢編涓介鎵��
+          <p>
+            绮鹃�氣�滀汉闄呮矡閫氭妧宸р�濅笉鏄负浜嗘妸鍒汉韪╁湪鑴氫笅锛岃�屾槸涓轰簡鍑忓皯宸ヤ綔涓殑闃诲姏銆傝亴鍦烘槸涓�涓ぇ鑸炲彴锛岀悍绻佸鏉傘�備竴涓汉鍦ㄧぞ浼氫笂闅惧厤浼氫笌浜轰骇鐢熺煕鐩撅紝闅惧厤浼氬嚭鐜拌繖鏍锋垨閭f牱鐨勪笉鎰夊揩銆傛湁浜嗙煕鐩炬�庝箞鍔烇紵鍑虹幇浜嗛棶棰樻�庝箞澶勭悊锛熻繖灏遍渶瑕佹垜浠娌熼�氾紝澶氫氦娴併�傛矡閫氭槸涓�鐩忔寚鏄庣伅锛屽彲浠ラ殢鏃舵牎姝f垜浠埅琛岀殑鏂瑰悜銆傛鏄洜涓烘湁浜嗘矡閫氾紝璇█鎵嶆樉寰楅偅涔堢編涓介鎵��
           </p>
           <h4 id="d076">浜屻�佸疄璁渚嬩簩 鍏徃濂栧姳浜嬩欢</h4>
           <p>
@@ -379,11 +524,11 @@
             </div>
             <div class="bj3 fz-15">
               <p>1.璇峰垎鏋愭湰妗堜緥涓儴闂ㄧ粡鐞嗗拰涓婄骇娌熻�屼笉閫氱殑鍘熷洜銆�</p>
-              <textarea v-model="questionData.askAbout.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
               <p>2.钁f�荤殑瑙e喅鍔炴硶鏈夊摢浜涢棶棰橈紵</p>
-              <textarea v-model="questionData.askAbout.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h4 id="d077">涓夈�佸疄璁渚嬩笁 绱ф�ヨ揩闄�</h4>
@@ -405,8 +550,8 @@
             </div>
             <div class="bj3 fz-15">
               <p>鏈渚嬩腑锛岃鐐硅瘎涔樺姟浜哄憳鐨勮涓恒�傚摢浜涘湴鏂瑰�煎緱鎴戜滑瀛︿範锛�</p>
-              <textarea v-model="questionData.askAbout.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
         </div>
@@ -431,175 +576,50 @@
           <p class="center block"><span class="cs1">娴嬭瘯涓� 鑱屽満娌熼�氳兘鍔涙祴璇�</span></p>
           <p class="block">锛堜竴锛夋儏鏅弿杩�</p>
           <p class="block">1.濡傛灉浣犵殑鏈嬪弸鍜屼綘鍙戠敓浜嗕簤鍚碉紝浣犲皢鎬庝箞鍔烇紵</p>
-          <p class="block"><input
-              type="radio"
-              name="eovOne"
-              value="1"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.one"
-              @change="setEvaluation"
-            />A.涓嶇悊浠栵紝鏂粷鏈嬪弸鍏崇郴</p>
-          <p class="block"><input
-              type="radio"
-              name="eovOne"
-              value="2"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.one"
-              @change="setEvaluation"
-            />B.鏆傛椂涓嶈皥杩欎釜闂锛屾眰鍚屽瓨寮傦紝浠ュ悗鍐嶈</p>
-          <p class="block"><input
-              type="radio"
-              name="eovOne"
-              value="3"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.one"
-              @change="setEvaluation"
-            />C.璇蜂袱涓汉鍏卞悓鐨勫ソ鏈嬪弸鍔濆拰锛屾墦鐮村兊灞�</p>
+          <p class="block"><input type="radio" name="eovOne" value="1" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.one" @change="setEvaluation" />A.涓嶇悊浠栵紝鏂粷鏈嬪弸鍏崇郴</p>
+          <p class="block"><input type="radio" name="eovOne" value="2" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.one" @change="setEvaluation" />B.鏆傛椂涓嶈皥杩欎釜闂锛屾眰鍚屽瓨寮傦紝浠ュ悗鍐嶈</p>
+          <p class="block"><input type="radio" name="eovOne" value="3" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.one" @change="setEvaluation" />C.璇蜂袱涓汉鍏卞悓鐨勫ソ鏈嬪弸鍔濆拰锛屾墦鐮村兊灞�</p>
           <p class="block">2.浣犲惉璇存湁鍚屼簨鍚戦瀵兼墦浣犵殑灏忔姤鍛婏紝浣犱細鎬庝箞鍔烇紵</p>
-          <p class="block"><input
-              type="radio"
-              name="eovTwo"
-              value="1"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.two"
-              @change="setEvaluation"
-            />A.鐩存帴鍐插埌閭d釜鍚屼簨闈㈠墠锛屽拰浠栧ぇ鍚典竴椤�</p>
-          <p class="block"><input
-              type="radio"
-              name="eovTwo"
-              value="2"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.two"
-              @change="setEvaluation"
-            />B.鍚戦瀵艰鏄庢儏鍐碉紝璇烽瀵艰皟鏌ョ湡鐩�</p>
-          <p class="block"><input
-              type="radio"
-              name="eovTwo"
-              value="3"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.two"
-              @change="setEvaluation"
-            />C.娓呰�呰嚜娓咃紝涓嶅幓鐞嗙潿锛屽拰浠ュ墠涓�鏍峰共濂藉伐浣�</p>
+          <p class="block"><input type="radio" name="eovTwo" value="1" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.two" @change="setEvaluation" />A.鐩存帴鍐插埌閭d釜鍚屼簨闈㈠墠锛屽拰浠栧ぇ鍚典竴椤�</p>
+          <p class="block"><input type="radio" name="eovTwo" value="2" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.two" @change="setEvaluation" />B.鍚戦瀵艰鏄庢儏鍐碉紝璇烽瀵艰皟鏌ョ湡鐩�</p>
+          <p class="block"><input type="radio" name="eovTwo" value="3" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.two" @change="setEvaluation" />C.娓呰�呰嚜娓咃紝涓嶅幓鐞嗙潿锛屽拰浠ュ墠涓�鏍峰共濂藉伐浣�</p>
           <p class="block">3.濡傛灉鐖舵瘝鎬ф牸涓嶅悎锛岀粡甯稿惖鏋讹紝浣犱細鎬庝箞鍔烇紵</p>
-          <p class="block"><input
-              type="radio"
-              name="eovThree"
-              value="1"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.three"
-              @change="setEvaluation"
-            />A.澶у0濞佽儊浠栦滑锛氬啀鍚垫垜灏辨惉鍑哄幓浣�</p>
-          <p class="block"><input
-              type="radio"
-              name="eovThree"
-              value="2"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.three"
-              @change="setEvaluation"
-            />B.灏戝洖瀹讹紝涔愬緱娓呴潤</p>
-          <p class="block"><input
-              type="radio"
-              name="eovThree"
-              value="3"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.three"
-              @change="setEvaluation"
-            />C.鍦ㄧ埗浜查潰鍓嶅じ姣嶄翰锛屽湪姣嶄翰闈㈠墠澶哥埗浜诧紝璁炬硶澧炶繘浠栦滑鐨勬劅鎯�</p>
+          <p class="block"><input type="radio" name="eovThree" value="1" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.three" @change="setEvaluation" />A.澶у0濞佽儊浠栦滑锛氬啀鍚垫垜灏辨惉鍑哄幓浣�</p>
+          <p class="block"><input type="radio" name="eovThree" value="2" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.three" @change="setEvaluation" />B.灏戝洖瀹讹紝涔愬緱娓呴潤</p>
+          <p class="block"><input type="radio" name="eovThree" value="3" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.three" @change="setEvaluation" />C.鍦ㄧ埗浜查潰鍓嶅じ姣嶄翰锛屽湪姣嶄翰闈㈠墠澶哥埗浜诧紝璁炬硶澧炶繘浠栦滑鐨勬劅鎯�
+          </p>
           <p class="block">
             4.鍚屼簨璺熶綘鐐��濂逛拱浜嗕竴鏉℃柊瑁欏瓙锛屽叾瀹炰綘瑙夊緱寰堜竴鑸�傜湅鐫�濂瑰叴楂橀噰鐑堢殑鏍峰瓙锛屼綘浼氭�庝箞鍋氾紵
           </p>
-          <p class="block"><input
-              type="radio"
-              name="eovFour"
-              value="1"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.four"
-              @change="setEvaluation"
-            />A.鐩存帴鍛婅瘔濂硅瀛愪笉鎬庝箞鏍�</p>
-          <p class="block"><input
-              type="radio"
-              name="eovFour"
-              value="2"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.four"
-              @change="setEvaluation"
-            />B.寰瑧鐫�鍊惧惉锛屼笉璇磋瘽</p>
-          <p class="block"><input
-              type="radio"
-              name="eovFour"
-              value="3"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.four"
-              @change="setEvaluation"
-            />C.鍛婅瘔濂硅繖鏉¤瀛愭瘮濂逛箣鍓嶄拱鐨勯偅鏉¤濂界湅</p>
+          <p class="block"><input type="radio" name="eovFour" value="1" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.four" @change="setEvaluation" />A.鐩存帴鍛婅瘔濂硅瀛愪笉鎬庝箞鏍�</p>
+          <p class="block"><input type="radio" name="eovFour" value="2" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.four" @change="setEvaluation" />B.寰瑧鐫�鍊惧惉锛屼笉璇磋瘽</p>
+          <p class="block"><input type="radio" name="eovFour" value="3" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.four" @change="setEvaluation" />C.鍛婅瘔濂硅繖鏉¤瀛愭瘮濂逛箣鍓嶄拱鐨勯偅鏉¤濂界湅</p>
           <p class="block">5.鍚屼簨浠竴璧峰湪澶栬仛椁愶紝浣犲埌杈惧悗浼氬仛浠�涔堬紵</p>
-          <p class="block"><input
-              type="radio"
-              name="eovFive"
-              value="1"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.five"
-              @change="setEvaluation"
-            />A.璧炵編楗簵鐨勮豹鍗庢垨鑰呰彍鑲寸殑绮剧編</p>
-          <p class="block"><input
-              type="radio"
-              name="eovFive"
-              value="2"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.five"
-              @change="setEvaluation"
-            />B.鐪嬬湅妞呭瓙銆侀鍏锋槸鍚﹁冻澶�</p>
-          <p class="block"><input
-              type="radio"
-              name="eovFive"
-              value="3"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.five"
-              @change="setEvaluation"
-            />C.鐪嬬湅浜烘槸鍚﹀埌榻愶紝鎷涘懠鍚庢潵鐨勪汉</p>
+          <p class="block"><input type="radio" name="eovFive" value="1" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.five" @change="setEvaluation" />A.璧炵編楗簵鐨勮豹鍗庢垨鑰呰彍鑲寸殑绮剧編</p>
+          <p class="block"><input type="radio" name="eovFive" value="2" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.five" @change="setEvaluation" />B.鐪嬬湅妞呭瓙銆侀鍏锋槸鍚﹁冻澶�</p>
+          <p class="block"><input type="radio" name="eovFive" value="3" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.five" @change="setEvaluation" />C.鐪嬬湅浜烘槸鍚﹀埌榻愶紝鎷涘懠鍚庢潵鐨勪汉</p>
           <p class="block">6.鍧愬叕浜よ溅鐨勬椂鍊欙紝浣犱竴鑸範鎯簬鍋氫粈涔堬紵</p>
-          <p class="block"><input
-              type="radio"
-              name="eovSix"
-              value="1"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.six"
-              @change="setEvaluation"
-            />A.鍧愮潃鐫¤鎴栧彂鍛�</p>
-          <p class="block"><input
-              type="radio"
-              name="eovSix"
-              value="2"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.six"
-              @change="setEvaluation"
-            />B.鐪嬬湅绔欏湪鏃佽竟鐨勪汉</p>
-          <p class="block"><input
-              type="radio"
-              name="eovSix"
-              value="3"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.six"
-              @change="setEvaluation"
-            />C.鐪嬬獥澶栫殑鏅壊锛屽彂鐜颁竴浜涙柊寮�鐨勫簵</p>
+          <p class="block"><input type="radio" name="eovSix" value="1" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.six" @change="setEvaluation" />A.鍧愮潃鐫¤鎴栧彂鍛�</p>
+          <p class="block"><input type="radio" name="eovSix" value="2" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.six" @change="setEvaluation" />B.鐪嬬湅绔欏湪鏃佽竟鐨勪汉</p>
+          <p class="block"><input type="radio" name="eovSix" value="3" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.six" @change="setEvaluation" />C.鐪嬬獥澶栫殑鏅壊锛屽彂鐜颁竴浜涙柊寮�鐨勫簵</p>
         </div>
       </div>
     </div>
@@ -617,117 +637,33 @@
         </ul>
         <div class="bodystyle">
           <p class="block">7.涓婁簡鍏氦鍚庝綘鍙戠幇鑷繁娌″甫闆堕挶锛屼綘浼氭�庝箞鍔烇紵</p>
-          <p class="block"><input
-              type="radio"
-              name="eovSeven"
-              value="1"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.seven"
-              @change="setEvaluation"
-            />A.鍋峰伔鍦拌翰鍦ㄤ汉鍫嗛噷</p>
-          <p class="block"><input
-              type="radio"
-              name="eovSeven"
-              value="2"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.seven"
-              @change="setEvaluation"
-            />B.鎬ョ潃涓嬭溅</p>
-          <p class="block"><input
-              type="radio"
-              name="eovSeven"
-              value="3"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.seven"
-              @change="setEvaluation"
-            />C.璺熷徃鏈鸿鏄庢儏鍐碉紝甯屾湜鍏嶆帀杞﹁垂</p>
+          <p class="block"><input type="radio" name="eovSeven" value="1" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.seven" @change="setEvaluation" />A.鍋峰伔鍦拌翰鍦ㄤ汉鍫嗛噷</p>
+          <p class="block"><input type="radio" name="eovSeven" value="2" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.seven" @change="setEvaluation" />B.鎬ョ潃涓嬭溅</p>
+          <p class="block"><input type="radio" name="eovSeven" value="3" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.seven" @change="setEvaluation" />C.璺熷徃鏈鸿鏄庢儏鍐碉紝甯屾湜鍏嶆帀杞﹁垂</p>
           <p class="block">8.鍚屼簨甯︽潵瀹朵埂鐗逛骇鍜屼綘鍒嗕韩锛屼綘浼氭�庝箞鍋氾紵</p>
-          <p class="block"> <input
-              type="radio"
-              name="eovEight"
-              value="1"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.eight"
-              @change="setEvaluation"
-            />A.瀹㈡皵鍦版嫆缁濓紝璇磋嚜宸变笉涔犳儻鍚冭繖浜�</p>
-          <p class="block"><input
-              type="radio"
-              name="eovEight"
-              value="2"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.eight"
-              @change="setEvaluation"
-            />B.琛ㄨ揪鎰熻阿骞朵笖鎺ュ彈</p>
-          <p class="block"><input
-              type="radio"
-              name="eovEight"
-              value="3"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.eight"
-              @change="setEvaluation"
-            />C.鎺ュ彈骞朵笖涔嬪悗涔熷甫闆堕鍜屽悓浜嬪垎浜�</p>
+          <p class="block"> <input type="radio" name="eovEight" value="1" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.eight" @change="setEvaluation" />A.瀹㈡皵鍦版嫆缁濓紝璇磋嚜宸变笉涔犳儻鍚冭繖浜�</p>
+          <p class="block"><input type="radio" name="eovEight" value="2" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.eight" @change="setEvaluation" />B.琛ㄨ揪鎰熻阿骞朵笖鎺ュ彈</p>
+          <p class="block"><input type="radio" name="eovEight" value="3" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.eight" @change="setEvaluation" />C.鎺ュ彈骞朵笖涔嬪悗涔熷甫闆堕鍜屽悓浜嬪垎浜�</p>
           <p class="block">9.棰嗗浜ょ粰浣犱竴椤规湰鏉ヤ笉褰掍綘绠$殑浠诲姟锛屼綘浼氭�庝箞鍔烇紵</p>
-          <p class="block"><input
-              type="radio"
-              name="eovNine"
-              value="1"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.nine"
-              @change="setEvaluation"
-            />A.寰堣繜鐤戯紝娴侀湶鍑烘兂鎷掔粷鐨勬剰鎬�</p>
-          <p class="block"><input
-              type="radio"
-              name="eovNine"
-              value="2"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.nine"
-              @change="setEvaluation"
-            />B.涓嶇敱寰楃瓟搴斾笅鏉ワ紝鑳戒笉鑳藉姙濂藉氨涓嶇浜�</p>
-          <p class="block"><input
-              type="radio"
-              name="eovNine"
-              value="3"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.nine"
-              @change="setEvaluation"
-            />C.浠庨瀵奸偅閲屽敖閲忚幏寰楁湁鍏充俊鎭紝绉佷笅璇锋暀鍚屼簨锛屽姏姹傚仛濂�</p>
+          <p class="block"><input type="radio" name="eovNine" value="1" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.nine" @change="setEvaluation" />A.寰堣繜鐤戯紝娴侀湶鍑烘兂鎷掔粷鐨勬剰鎬�</p>
+          <p class="block"><input type="radio" name="eovNine" value="2" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.nine" @change="setEvaluation" />B.涓嶇敱寰楃瓟搴斾笅鏉ワ紝鑳戒笉鑳藉姙濂藉氨涓嶇浜�</p>
+          <p class="block"><input type="radio" name="eovNine" value="3" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.nine" @change="setEvaluation" />C.浠庨瀵奸偅閲屽敖閲忚幏寰楁湁鍏充俊鎭紝绉佷笅璇锋暀鍚屼簨锛屽姏姹傚仛濂�</p>
           <p class="block">10.鍚屼簨璁蹭簡涓�涓綘浠ュ墠灏卞惉杩囩殑绗戣瘽锛屼綘浼氳〃鐜板嚭浠�涔堟牱鐨勫弽搴旓紵</p>
-          <p class="block"><input
-              type="radio"
-              name="eovTen"
-              value="1"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.ten"
-              @change="setEvaluation"
-            />A.绔嬮┈璇达細鈥滃搱锛岃繖涓垜鏃╁氨鍚繃浜嗭紒鈥�</p>
-          <p class="block"><input
-              type="radio"
-              name="eovTen"
-              value="2"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.ten"
-              @change="setEvaluation"
-            />B.寰瑧涓嶈</p>
-          <p class="block"><input
-              type="radio"
-              name="eovTen"
-              value="3"
-              id="1"
-              :disabled="evaluation.isCompleteThree"
-              v-model="evaluation.evaluationThreeValue.ten"
-              @change="setEvaluation"
-            />C.鍝堝搱澶х瑧</p>
+          <p class="block"><input type="radio" name="eovTen" value="1" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.ten" @change="setEvaluation" />A.绔嬮┈璇达細鈥滃搱锛岃繖涓垜鏃╁氨鍚繃浜嗭紒鈥�</p>
+          <p class="block"><input type="radio" name="eovTen" value="2" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.ten" @change="setEvaluation" />B.寰瑧涓嶈</p>
+          <p class="block"><input type="radio" name="eovTen" value="3" id="1" :disabled="evaluation.isCompleteThree"
+              v-model="evaluation.evaluationThreeValue.ten" @change="setEvaluation" />C.鍝堝搱澶х瑧</p>
           <!-- 鎻愪氦鎸夐挳 -->
           <div class="w100 fl ju-cn">
             <ul class="fl ju-ev w80 choice">
@@ -742,7 +678,8 @@
                 </button>
               </li>
               <li>
-                <button @click="evaluation.showCheckAnswerThree = !evaluation.showCheckAnswerThree" class="parimary-btn">
+                <button @click="evaluation.showCheckAnswerThree = !evaluation.showCheckAnswerThree"
+                  class="parimary-btn">
                   璇勫垎鏍囧噯
                 </button>
               </li>
@@ -751,25 +688,25 @@
           <div class="c-r block" v-if="evaluatioThreeResults">鎮ㄧ殑寰楀垎锛歿{ evaluatioThreeResults }}</div>
           <div v-show="evaluation.showCheckAnswerThree" class="mb-30">
             <p class="block">锛堜簩锛夎瘎鍒嗘爣鍑嗕笌缁撴灉鍒嗘瀽</p>
-          <p class="block">
-            姝ゆ祴璇曚负璁″垎寮忥紝閫堿寰�1鍒嗭紝閫塀寰�2鍒嗭紝閫塁寰�3鍒嗭紝鏈�鍚庡皢姣忛亾棰樼殑寰楀垎鐩稿姞銆�
-          </p>
-          <p class="block">1.寰楀垎10锝�15鍒嗭紝鑱屽満娌熼�氬姏锛�20鍒嗐��</p>
-          <p class="block">
-            浣犵殑鑱屽満娌熼�氬姏杩樺仠鐣欏湪鏈夊緟鍙婃牸鐨勭骇鍒摝锛佽澶氬瑙傚療閭d簺浜虹紭濂界殑浜烘槸鎬庢牱璇磋瘽鍋氫簨鐨勫惂锛屼笉鐒舵兂鏅嬪崌鍙槸鏈変簺鍥伴毦鍝︼紒
-          </p>
-          <p class="block">2.寰楀垎16锝�20鍒嗭紝鑱屽満娌熼�氬姏锛�50鍒嗐��</p>
-          <p class="block">
-            浣犺繕鍦ㄥ強鏍肩殑鍒嗘暟绾垮乏鍙冲緲寰婂摝锛佷綘鍜屽悓浜嬬殑鍏崇郴涓嶅捀涓嶆贰锛屼綘鐨勫伐浣滆亴浣嶄篃涓嶉珮涓嶄綆锛屽緢澶у師鍥犲湪浜庝綘骞朵笉鏄偅涔堜細瀵熻█瑙傝壊銆傚鏋滀綘鑳藉湪浜洪檯鍏崇郴涓婂姞鐐规补锛岀浉淇′綘浼氭湁鏇村ぇ鐨勫彂灞曪紒
-          </p>
-          <p class="block">3.寰楀垎21锝�24鍒嗭紝鑱屽満娌熼�氬姏锛�70鍒嗐��</p>
-          <p class="block">
-            涓嶉敊鍛�锛屼綘涔熺畻鏄竴涓儏鍟嗛珮銆佸杽瑙d汉鎰忋�佷綋璐村悓浜嬬殑浜哄暒锛佽櫧鐒朵綘璇翠笉涓婃槸鍏潰鐜茬彂锛屼絾鍦ㄥ叕鍙镐篃绠楁槸浜虹紭闈炲父涓嶉敊鐨勪竴涓汉浜嗭紝鍙渶澶氬娉ㄦ剰涓�浜涘皬缁嗚妭锛屼綘寰堟湁娼滃姏鎴愪负鑱屽満绾汉銆�
-          </p>
-          <p class="block">4.寰楀垎25锝�30鍒嗭紝鑱屽満娌熼�氬姏锛�99鍒嗐��</p>
-          <p class="block">
-            鎭枩浣犺幏寰楀姝ら珮鐨勫垎鏁帮紒鏄剧劧浣犳槸涓�涓儏鍟嗘櫤鍟嗗弻楂樸�佸浜嬪懆璇︺�佷负浜哄拰鍠勭殑浜猴紒鏃犺闈㈠鎬庢牱鐨勬儏鍐碉紝浣犲熀鏈笂閮界煡閬撳浣曞鎵炬渶鍦嗘弧鐨勮В鍐冲姙娉曘��
-          </p>
+            <p class="block">
+              姝ゆ祴璇曚负璁″垎寮忥紝閫堿寰�1鍒嗭紝閫塀寰�2鍒嗭紝閫塁寰�3鍒嗭紝鏈�鍚庡皢姣忛亾棰樼殑寰楀垎鐩稿姞銆�
+            </p>
+            <p class="block">1.寰楀垎10锝�15鍒嗭紝鑱屽満娌熼�氬姏锛�20鍒嗐��</p>
+            <p class="block">
+              浣犵殑鑱屽満娌熼�氬姏杩樺仠鐣欏湪鏈夊緟鍙婃牸鐨勭骇鍒摝锛佽澶氬瑙傚療閭d簺浜虹紭濂界殑浜烘槸鎬庢牱璇磋瘽鍋氫簨鐨勫惂锛屼笉鐒舵兂鏅嬪崌鍙槸鏈変簺鍥伴毦鍝︼紒
+            </p>
+            <p class="block">2.寰楀垎16锝�20鍒嗭紝鑱屽満娌熼�氬姏锛�50鍒嗐��</p>
+            <p class="block">
+              浣犺繕鍦ㄥ強鏍肩殑鍒嗘暟绾垮乏鍙冲緲寰婂摝锛佷綘鍜屽悓浜嬬殑鍏崇郴涓嶅捀涓嶆贰锛屼綘鐨勫伐浣滆亴浣嶄篃涓嶉珮涓嶄綆锛屽緢澶у師鍥犲湪浜庝綘骞朵笉鏄偅涔堜細瀵熻█瑙傝壊銆傚鏋滀綘鑳藉湪浜洪檯鍏崇郴涓婂姞鐐规补锛岀浉淇′綘浼氭湁鏇村ぇ鐨勫彂灞曪紒
+            </p>
+            <p class="block">3.寰楀垎21锝�24鍒嗭紝鑱屽満娌熼�氬姏锛�70鍒嗐��</p>
+            <p class="block">
+              涓嶉敊鍛�锛屼綘涔熺畻鏄竴涓儏鍟嗛珮銆佸杽瑙d汉鎰忋�佷綋璐村悓浜嬬殑浜哄暒锛佽櫧鐒朵綘璇翠笉涓婃槸鍏潰鐜茬彂锛屼絾鍦ㄥ叕鍙镐篃绠楁槸浜虹紭闈炲父涓嶉敊鐨勪竴涓汉浜嗭紝鍙渶澶氬娉ㄦ剰涓�浜涘皬缁嗚妭锛屼綘寰堟湁娼滃姏鎴愪负鑱屽満绾汉銆�
+            </p>
+            <p class="block">4.寰楀垎25锝�30鍒嗭紝鑱屽満娌熼�氬姏锛�99鍒嗐��</p>
+            <p class="block">
+              鎭枩浣犺幏寰楀姝ら珮鐨勫垎鏁帮紒鏄剧劧浣犳槸涓�涓儏鍟嗘櫤鍟嗗弻楂樸�佸浜嬪懆璇︺�佷负浜哄拰鍠勭殑浜猴紒鏃犺闈㈠鎬庢牱鐨勬儏鍐碉紝浣犲熀鏈笂閮界煡閬撳浣曞鎵炬渶鍦嗘弧鐨勮В鍐冲姙娉曘��
+            </p>
           </div>
         </div>
       </div>
@@ -786,7 +723,7 @@
           <li class="header-right-end" style=""><br></li>
         </ul>
         <div class="bodystyle">
-          
+
           <p class="center block">
             <span class="cs1">娴嬭瘯浜� 涓庝笂绾ф矡閫氳兘鍔涙祴璇�</span>
           </p>
@@ -795,178 +732,52 @@
             閬囧埌濡備笅鐨勬儏鏅綘浼氭�庝箞鍋氾紵璇锋牴鎹矡閫氭儏鍐垫墦鍒嗐�傗�滀竴璐姝も�濆緱3鍒嗭紝鈥滅粡甯稿姝も�濆緱2鍒嗭紝鈥滃緢灏戝姝も�濆緱1鍒嗭紝鏈�鍚庡皢姣忛亾棰樼殑寰楀垎鐩稿姞銆�
           </p>
           <p class="block">1.棰嗗甯冪疆浠诲姟鍚庯紝浣犱細椹笂澶勭悊銆�</p>
-          <p class="block"><input
-              type="radio"
-              name="etvone"
-              value="3"
-              id="1"
-              :disabled="evaluation.isCompleteFour"
-              v-model="evaluation.evaluationFourValue.one"
-              @change="setEvaluation"
-            />涓�璐姝�</p>
-          <p class="block"><input
-              type="radio"
-              name="etvone"
-              value="2"
-              id="1"
-              :disabled="evaluation.isCompleteFour"
-              v-model="evaluation.evaluationFourValue.one"
-              @change="setEvaluation"
-            />缁忓父濡傛</p>
-          <p class="block"><input
-              type="radio"
-              name="etvone"
-              value="1"
-              id="1"
-              :disabled="evaluation.isCompleteFour"
-              v-model="evaluation.evaluationFourValue.one"
-              @change="setEvaluation"
-            />寰堝皯濡傛</p>
+          <p class="block"><input type="radio" name="etvone" value="3" id="1" :disabled="evaluation.isCompleteFour"
+              v-model="evaluation.evaluationFourValue.one" @change="setEvaluation" />涓�璐姝�</p>
+          <p class="block"><input type="radio" name="etvone" value="2" id="1" :disabled="evaluation.isCompleteFour"
+              v-model="evaluation.evaluationFourValue.one" @change="setEvaluation" />缁忓父濡傛</p>
+          <p class="block"><input type="radio" name="etvone" value="1" id="1" :disabled="evaluation.isCompleteFour"
+              v-model="evaluation.evaluationFourValue.one" @change="setEvaluation" />寰堝皯濡傛</p>
           <p class="block">
             2.鍚屼簨鎯冲嚭浜嗕竴涓偣瀛愶紝棰嗗璧炴壃杩欐槸缁濆濂借锛屼綘浼氳锛氣�滆繖涓绘剰鐪熶笉閿欍�傗��
           </p>
-          <p class="block"><input
-              type="radio"
-              name="etvtwo"
-              value="3"
-              id="1"
-              :disabled="evaluation.isCompleteFour"
-              v-model="evaluation.evaluationFourValue.two"
-              @change="setEvaluation"
-            />涓�璐姝�</p>
-          <p class="block"><input
-              type="radio"
-              name="etvtwo"
-              value="2"
-              id="1"
-              :disabled="evaluation.isCompleteFour"
-              v-model="evaluation.evaluationFourValue.two"
-              @change="setEvaluation"
-            />缁忓父濡傛</p>
-          <p class="block"><input
-              type="radio"
-              name="etvtwo"
-              value="1"
-              id="1"
-              :disabled="evaluation.isCompleteFour"
-              v-model="evaluation.evaluationFourValue.two"
-              @change="setEvaluation"
-            />寰堝皯濡傛</p>
+          <p class="block"><input type="radio" name="etvtwo" value="3" id="1" :disabled="evaluation.isCompleteFour"
+              v-model="evaluation.evaluationFourValue.two" @change="setEvaluation" />涓�璐姝�</p>
+          <p class="block"><input type="radio" name="etvtwo" value="2" id="1" :disabled="evaluation.isCompleteFour"
+              v-model="evaluation.evaluationFourValue.two" @change="setEvaluation" />缁忓父濡傛</p>
+          <p class="block"><input type="radio" name="etvtwo" value="1" id="1" :disabled="evaluation.isCompleteFour"
+              v-model="evaluation.evaluationFourValue.two" @change="setEvaluation" />寰堝皯濡傛</p>
           <p class="block">
             3.棰嗗闂簡浣犳煇涓笌涓氬姟鏈夊叧鐨勯棶棰橈紝鑰屼綘涓嶇煡璇ュ浣曞洖绛旓紝浣犱細璇达細鈥滆鎴戝啀璁ょ湡鍦版兂涓�鎯筹紝15鐐逛互鍓嶇粰浣犵瓟澶嶅ソ鍚楋紵鈥�
           </p>
-          <p class="block"><input
-              type="radio"
-              name="etvthree"
-              value="3"
-              id="1"
-              :disabled="evaluation.isCompleteFour"
-              v-model="evaluation.evaluationFourValue.three"
-              @change="setEvaluation"
-            />涓�璐姝�</p>
-          <p class="block"><input
-              type="radio"
-              name="etvthree"
-              value="2"
-              id="1"
-              :disabled="evaluation.isCompleteFour"
-              v-model="evaluation.evaluationFourValue.three"
-              @change="setEvaluation"
-            />缁忓父濡傛</p>
-          <p class="block"><input
-              type="radio"
-              name="etvthree"
-              value="1"
-              id="1"
-              :disabled="evaluation.isCompleteFour"
-              v-model="evaluation.evaluationFourValue.three"
-              @change="setEvaluation"
-            />寰堝皯濡傛</p>
+          <p class="block"><input type="radio" name="etvthree" value="3" id="1" :disabled="evaluation.isCompleteFour"
+              v-model="evaluation.evaluationFourValue.three" @change="setEvaluation" />涓�璐姝�</p>
+          <p class="block"><input type="radio" name="etvthree" value="2" id="1" :disabled="evaluation.isCompleteFour"
+              v-model="evaluation.evaluationFourValue.three" @change="setEvaluation" />缁忓父濡傛</p>
+          <p class="block"><input type="radio" name="etvthree" value="1" id="1" :disabled="evaluation.isCompleteFour"
+              v-model="evaluation.evaluationFourValue.three" @change="setEvaluation" />寰堝皯濡傛</p>
           <p class="block">4.闈㈠鎵硅瘎琛ㄧ幇鍐烽潤锛氣�滆阿璋綘鍛婅瘔鎴戯紝鎴戜細浠旂粏鑰冭檻浣犵殑寤鸿銆傗��</p>
-          <p class="block"><input
-              type="radio"
-              name="etvfour"
-              value="3"
-              id="1"
-              :disabled="evaluation.isCompleteFour"
-              v-model="evaluation.evaluationFourValue.four"
-              @change="setEvaluation"
-            />涓�璐姝�</p>
-          <p class="block"><input
-              type="radio"
-              name="etvfour"
-              value="2"
-              id="1"
-              :disabled="evaluation.isCompleteFour"
-              v-model="evaluation.evaluationFourValue.four"
-              @change="setEvaluation"
-            />缁忓父濡傛</p>
-          <p class="block"><input
-              type="radio"
-              name="etvfour"
-              value="1"
-              id="1"
-              :disabled="evaluation.isCompleteFour"
-              v-model="evaluation.evaluationFourValue.four"
-              @change="setEvaluation"
-            />寰堝皯濡傛</p>
+          <p class="block"><input type="radio" name="etvfour" value="3" id="1" :disabled="evaluation.isCompleteFour"
+              v-model="evaluation.evaluationFourValue.four" @change="setEvaluation" />涓�璐姝�</p>
+          <p class="block"><input type="radio" name="etvfour" value="2" id="1" :disabled="evaluation.isCompleteFour"
+              v-model="evaluation.evaluationFourValue.four" @change="setEvaluation" />缁忓父濡傛</p>
+          <p class="block"><input type="radio" name="etvfour" value="1" id="1" :disabled="evaluation.isCompleteFour"
+              v-model="evaluation.evaluationFourValue.four" @change="setEvaluation" />寰堝皯濡傛</p>
           <p class="block">5.鍜岄瀵间氦璋堬紝閫夋嫨棰嗗蹇冩儏鎰夋偊銆佺簿鍔涘厖娌涚殑鏃跺�欍��</p>
-          <p class="block"><input
-              type="radio"
-              name="etvfive"
-              value="3"
-              id="1"
-              :disabled="evaluation.isCompleteFour"
-              v-model="evaluation.evaluationFourValue.five"
-              @change="setEvaluation"
-            />涓�璐姝�</p>
-          <p class="block"><input
-              type="radio"
-              name="etvfive"
-              value="2"
-              id="1"
-              :disabled="evaluation.isCompleteFour"
-              v-model="evaluation.evaluationFourValue.five"
-              @change="setEvaluation"
-            />缁忓父濡傛</p>
-          <p class="block"><input
-              type="radio"
-              name="etvfive"
-              value="1"
-              id="1"
-              :disabled="evaluation.isCompleteFour"
-              v-model="evaluation.evaluationFourValue.five"
-              @change="setEvaluation"
-            />寰堝皯濡傛</p>
+          <p class="block"><input type="radio" name="etvfive" value="3" id="1" :disabled="evaluation.isCompleteFour"
+              v-model="evaluation.evaluationFourValue.five" @change="setEvaluation" />涓�璐姝�</p>
+          <p class="block"><input type="radio" name="etvfive" value="2" id="1" :disabled="evaluation.isCompleteFour"
+              v-model="evaluation.evaluationFourValue.five" @change="setEvaluation" />缁忓父濡傛</p>
+          <p class="block"><input type="radio" name="etvfive" value="1" id="1" :disabled="evaluation.isCompleteFour"
+              v-model="evaluation.evaluationFourValue.five" @change="setEvaluation" />寰堝皯濡傛</p>
           <p class="block">6.鍚戦瀵兼眹鎶ュ伐浣滃墠宸插噯澶囧ソ浜嗚缁嗙殑璧勬枡鍜屾暟鎹��</p>
-          <p class="block"><input
-              type="radio"
-              name="etvsix"
-              value="3"
-              id="1"
-              :disabled="evaluation.isCompleteFour"
-              v-model="evaluation.evaluationFourValue.six"
-              @change="setEvaluation"
-            />涓�璐姝�</p>
-          <p class="block"><input
-              type="radio"
-              name="etvsix"
-              value="2"
-              id="1"
-              :disabled="evaluation.isCompleteFour"
-              v-model="evaluation.evaluationFourValue.six"
-              @change="setEvaluation"
-            />缁忓父濡傛</p>
-          <p class="block"><input
-              type="radio"
-              name="etvsix"
-              value="1"
-              id="1"
-              :disabled="evaluation.isCompleteFour"
-              v-model="evaluation.evaluationFourValue.six"
-              @change="setEvaluation"
-            />寰堝皯濡傛</p>
-            <!-- 鎻愪氦鎸夐挳 -->
+          <p class="block"><input type="radio" name="etvsix" value="3" id="1" :disabled="evaluation.isCompleteFour"
+              v-model="evaluation.evaluationFourValue.six" @change="setEvaluation" />涓�璐姝�</p>
+          <p class="block"><input type="radio" name="etvsix" value="2" id="1" :disabled="evaluation.isCompleteFour"
+              v-model="evaluation.evaluationFourValue.six" @change="setEvaluation" />缁忓父濡傛</p>
+          <p class="block"><input type="radio" name="etvsix" value="1" id="1" :disabled="evaluation.isCompleteFour"
+              v-model="evaluation.evaluationFourValue.six" @change="setEvaluation" />寰堝皯濡傛</p>
+          <!-- 鎻愪氦鎸夐挳 -->
           <div class="w100 fl ju-cn">
             <ul class="fl ju-ev w80 choice">
               <li>
@@ -988,75 +799,33 @@
           </div>
           <div class="c-r block" v-if="evaluationFourResults">鎮ㄧ殑寰楀垎锛歿{ evaluationFourResults }}</div>
           <div v-show="evaluation.showCheckAnswerFour" class="mb-30">
-          <p class="block">锛堜簩锛夎瘎鍒嗘爣鍑嗗強缁撴灉鍒嗘瀽</p>
-          <p class="block">寰楀垎13锝�18鍒嗭細鑳藉湪宸ヤ綔涓緢濂藉湴杩愮敤娌熼�氭妧宸э紝棰嗗涔熷緢娆h祻浣犮��</p>
-          <p class="block">
-            寰楀垎5锝�12鍒嗭細浣犲凡缁忔帉鎻′簡涓�浜涙矡閫氭妧宸э紝浣犵殑棰嗗浼氳涓轰綘鏄竴涓湁娼滃姏鐨勪汉锛屼絾鏄繕闇�瑕佷笉鏂姫鍔涖��
-          </p>
-          <p class="block">
-            寰楀垎5鍒嗕互涓嬶細浣犻渶瑕佸涔犱竴浜涘拰棰嗗娌熼�氱殑鎶�宸т簡銆傞�傚綋鏀瑰杽涓�涓嬫矡閫氭柟寮忥紝浼氫娇浣犲厖鍒嗗湴灞曠ず鑷繁鐨勬墠鑳斤紝浜夊彇鏇村箍闃旂殑鍙戝睍绌洪棿銆�
-          </p>
-        </div>
+            <p class="block">锛堜簩锛夎瘎鍒嗘爣鍑嗗強缁撴灉鍒嗘瀽</p>
+            <p class="block">寰楀垎13锝�18鍒嗭細鑳藉湪宸ヤ綔涓緢濂藉湴杩愮敤娌熼�氭妧宸э紝棰嗗涔熷緢娆h祻浣犮��</p>
+            <p class="block">
+              寰楀垎5锝�12鍒嗭細浣犲凡缁忔帉鎻′簡涓�浜涙矡閫氭妧宸э紝浣犵殑棰嗗浼氳涓轰綘鏄竴涓湁娼滃姏鐨勪汉锛屼絾鏄繕闇�瑕佷笉鏂姫鍔涖��
+            </p>
+            <p class="block">
+              寰楀垎5鍒嗕互涓嬶細浣犻渶瑕佸涔犱竴浜涘拰棰嗗娌熼�氱殑鎶�宸т簡銆傞�傚綋鏀瑰杽涓�涓嬫矡閫氭柟寮忥紝浼氫娇浣犲厖鍒嗗湴灞曠ず鑷繁鐨勬墠鑳斤紝浜夊彇鏇村箍闃旂殑鍙戝睍绌洪棿銆�
+            </p>
+          </div>
           <p class="center block mt-30">
             <span class="cs1">娴嬭瘯涓� 涓庡悓浜嬬殑娌熼�氳兘鍔涜瘎浠�</span>
           </p>
           <p class="block">锛堜竴锛夋牴鎹儏鏅弿杩拌繘琛岄�夋嫨銆�</p>
           <p class="block">1.闈㈠鍚屼簨鐨勭己鐐瑰拰閿欒锛屼綘浼氾紙銆�銆�锛夈��</p>
-          <p class="block"><input
-              type="radio"
-              name="ethvone"
-              value="3"
-              id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.one"
-              @change="setEvaluation"
-            />A.濮斿娌熼�氾紝寮曞瀵规柟鍙戠幇</p>
-          <p class="block"><input
-              type="radio"
-              name="ethvone"
-              value="2"
-              id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.one"
-              @change="setEvaluation"
-            />B.鐩磋█鐩稿憡</p>
-          <p class="block"><input
-              type="radio"
-              name="ethvone"
-              value="1"
-              id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.one"
-              @change="setEvaluation"
-            />C.鍜岃嚜宸辨鏃犲叧绯�</p>
-          <p class="block"><input
-              type="radio"
-              name="ethvone"
-              value="0"
-              id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.one"
-              @change="setEvaluation"
-            />D.褰撻潰涓嶈锛屼簨鍚庡拰鍒汉璋堣捣</p>
+          <p class="block"><input type="radio" name="ethvone" value="3" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.one" @change="setEvaluation" />A.濮斿娌熼�氾紝寮曞瀵规柟鍙戠幇</p>
+          <p class="block"><input type="radio" name="ethvone" value="2" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.one" @change="setEvaluation" />B.鐩磋█鐩稿憡</p>
+          <p class="block"><input type="radio" name="ethvone" value="1" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.one" @change="setEvaluation" />C.鍜岃嚜宸辨鏃犲叧绯�</p>
+          <p class="block"><input type="radio" name="ethvone" value="0" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.one" @change="setEvaluation" />D.褰撻潰涓嶈锛屼簨鍚庡拰鍒汉璋堣捣</p>
           <p class="block">2.鍙戠幇鍚屼簨鐨勪紭鐐规垨鍚屼簨鍙栧緱浜嗘垚缁╋紝浣犱細锛堛��銆�锛夈��</p>
-          <p class="block"><input
-              type="radio"
-              name="ethvtwo"
-              value="3"
-              id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.two"
-              @change="setEvaluation"
-            />A.鍙婃椂璧炵編鍜岀绂�</p>
-          <p class="block"><input
-              type="radio"
-              name="ethvtwo"
-              value="2"
-              id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.two"
-              @change="setEvaluation"
-            />B.闈炲父鍏冲績锛屾兂瑕佸悜浠栧涔�</p>
+          <p class="block"><input type="radio" name="ethvtwo" value="3" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.two" @change="setEvaluation" />A.鍙婃椂璧炵編鍜岀绂�</p>
+          <p class="block"><input type="radio" name="ethvtwo" value="2" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.two" @change="setEvaluation" />B.闈炲父鍏冲績锛屾兂瑕佸悜浠栧涔�</p>
         </div>
       </div>
     </div>
@@ -1073,189 +842,64 @@
           </li>
         </ul>
         <div class="bodystyle">
-          <p class="block"><input
-              type="radio"
-              name="ethvtwo"
-              value="1"
-              id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.two"
-              @change="setEvaluation"
-            />C.缇℃厱</p>
-          <p class="block"><input
-              type="radio"
-              name="ethvtwo"
-              value="0"
-              id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.two"
-              @change="setEvaluation"
-            />D.蹇冨瓨瀚夊</p>
+          <p class="block"><input type="radio" name="ethvtwo" value="1" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.two" @change="setEvaluation" />C.缇℃厱</p>
+          <p class="block"><input type="radio" name="ethvtwo" value="0" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.two" @change="setEvaluation" />D.蹇冨瓨瀚夊</p>
           <p class="block">3.褰撲綘鍚埌鍚屼簨鍦ㄤ綘闈㈠墠璇村叾浠栦汉鍧忚瘽鐨勬椂鍊欙紝浣犱細锛堛��銆�锛夈��</p>
-          <p class="block"><input
-              type="radio"
-              name="ethvthree"
-              value="3"
-              id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.three"
-              @change="setEvaluation"
-            />A.涓嶄紶璇濓紝鍙槸闈欓潤鍦板惉</p>
-          <p class="block"><input
-              type="radio"
-              name="ethvthree"
-              value="2"
-              id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.three"
-              @change="setEvaluation"
-            />B.褰撻潰鍒舵</p>
-          <p class="block"><input
-              type="radio"
-              name="ethvthree"
-              value="1"
-              id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.three"
-              @change="setEvaluation"
-            />C.褰撻潰鍒舵锛屽苟鎸囧嚭鍚屼簨鐨勭己鐐�</p>
-          <p class="block"><input
-              type="radio"
-              name="ethvthree"
-              value="0"
-              id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.three"
-              @change="setEvaluation"
-            />D.褰撻潰涓嶈锛屼簨鍚庢倓鎮勫憡璇夎璇嬫瘉鐨勯偅涓汉</p>
+          <p class="block"><input type="radio" name="ethvthree" value="3" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.three" @change="setEvaluation" />A.涓嶄紶璇濓紝鍙槸闈欓潤鍦板惉</p>
+          <p class="block"><input type="radio" name="ethvthree" value="2" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.three" @change="setEvaluation" />B.褰撻潰鍒舵</p>
+          <p class="block"><input type="radio" name="ethvthree" value="1" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.three" @change="setEvaluation" />C.褰撻潰鍒舵锛屽苟鎸囧嚭鍚屼簨鐨勭己鐐�</p>
+          <p class="block"><input type="radio" name="ethvthree" value="0" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.three" @change="setEvaluation" />D.褰撻潰涓嶈锛屼簨鍚庢倓鎮勫憡璇夎璇嬫瘉鐨勯偅涓汉</p>
           <p class="block">4.璇锋眰涓庤嚜宸卞叧绯诲緢濂界殑鍚屼簨甯繖鏃讹紝浣狅紙銆�銆�锛夈��</p>
-          <p class="block"><input
-              type="radio"
-              name="ethvfour"
-              value="3"
-              id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.four"
-              @change="setEvaluation"
-            />A.绀艰矊銆佸濠�</p>
-          <p class="block"><input
-              type="radio"
-              name="ethvfour"
-              value="2"
-              id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.four"
-              @change="setEvaluation"
-            />B.鏈夊浜哄湪鏃剁ぜ璨岋紝浜屼汉鍗曠嫭鍦ㄤ竴璧锋椂鐩存帴璇�</p>
-          <p class="block"><input
-              type="radio"
-              name="ethvfour"
-              value="1"
-              id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.four"
-              @change="setEvaluation"
-            />C.閮藉緢鐩存帴</p>
-          <p class="block"><input
-              type="radio"
-              name="ethvfour"
-              value="0"
-              id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.four"
-              @change="setEvaluation"
-            />D.浠ュ懡浠ょ殑鍙e惢</p>
+          <p class="block"><input type="radio" name="ethvfour" value="3" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.four" @change="setEvaluation" />A.绀艰矊銆佸濠�</p>
+          <p class="block"><input type="radio" name="ethvfour" value="2" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.four" @change="setEvaluation" />B.鏈夊浜哄湪鏃剁ぜ璨岋紝浜屼汉鍗曠嫭鍦ㄤ竴璧锋椂鐩存帴璇�</p>
+          <p class="block"><input type="radio" name="ethvfour" value="1" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.four" @change="setEvaluation" />C.閮藉緢鐩存帴</p>
+          <p class="block"><input type="radio" name="ethvfour" value="0" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.four" @change="setEvaluation" />D.浠ュ懡浠ょ殑鍙e惢</p>
           <p class="block">
             5.浣犲弬鍔犱簡鑰佸悓瀛︾殑濠氱ぜ锛岃�屼綘鐨勬湅鍙嬪濠氱ぜ寰堟劅鍏磋叮锛屼綘浼氾紙銆�銆�锛夈��
           </p>
-          <p class="block"><input
-              type="radio"
-              name="ethvfive"
-              value="3"
-              id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.five"
-              @change="setEvaluation"
-            />A.璇︾粏鍙欒浠庝綘杩涙潵鍒扮寮�鏃舵墍鐪嬪埌鍜屾劅瑙夊埌鐨勭浉鍏崇粏鑺�</p>
-          <p class="block"><input
-              type="radio"
-              name="ethvfour"
-              value="2"
-              id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.five"
-              @change="setEvaluation"
-            />B.璇翠簺鑷繁璁や负閲嶈鐨�</p>
-          <p class="block"><input
-              type="radio"
-              name="ethvfive"
-              value="1"
-              id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.five"
-              @change="setEvaluation"
-            />C.鏈嬪弸闂粈涔堝氨绛斾粈涔�</p>
-          <p class="block"><input
-              type="radio"
-              name="ethvfive"
-              value="0"
-              id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.five"
-              @change="setEvaluation"
-            />D.鎰熻寰堢疮浜嗭紝娌′粈涔堝ソ璇寸殑</p>
+          <p class="block"><input type="radio" name="ethvfive" value="3" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.five" @change="setEvaluation" />A.璇︾粏鍙欒浠庝綘杩涙潵鍒扮寮�鏃舵墍鐪嬪埌鍜屾劅瑙夊埌鐨勭浉鍏崇粏鑺�</p>
+          <p class="block"><input type="radio" name="ethvfour" value="2" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.five" @change="setEvaluation" />B.璇翠簺鑷繁璁や负閲嶈鐨�</p>
+          <p class="block"><input type="radio" name="ethvfive" value="1" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.five" @change="setEvaluation" />C.鏈嬪弸闂粈涔堝氨绛斾粈涔�</p>
+          <p class="block"><input type="radio" name="ethvfive" value="0" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.five" @change="setEvaluation" />D.鎰熻寰堢疮浜嗭紝娌′粈涔堝ソ璇寸殑</p>
           <p class="block">
             6.鐢变簬鍗曚綅闇�瑕侊紝浣犲拰鍚屼簨闇�瑕佷箻闀块�旀苯杞﹀幓鍙︿竴涓湴鏂癸紝杞︾▼鏄�10灏忔椂銆傝�屼笌浣犲悓琛岀殑鏄竴涓笉鐖卞璁茶瘽鐨勫悓浜嬶紝浣犱細锛堛��銆�锛夈��
           </p>
-          <p class="block"><input type="radio" name="ethvsix" value="3" id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.six"
-              @change="setEvaluation"
-            />A.璇曞浘浜嗚В浠栵紝鎵惧嚭浠栨劅鍏磋叮鐨勮瘽棰�</p>
-          <p class="block"><input type="radio" name="ethvsix" value="2" id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.six"
-              @change="setEvaluation"
-            />B.涓诲姩娌熼�氾紝鎵惧嚭鍏卞悓璇濋</p>
-          <p class="block"><input type="radio" name="ethvfive" value="1" id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.six"
-              @change="setEvaluation"
-            />C.鍜屼粬浜よ皥锛岃皥璋堣嚜宸辩殑鎰熷彈</p>
-          <p class="block"><input type="radio" name="ethvsix" value="0" id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.six"
-              @change="setEvaluation"
-            />D.鐪嬩功銆佺潯瑙夋垨鍚冧笢瑗�</p>
+          <p class="block"><input type="radio" name="ethvsix" value="3" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.six" @change="setEvaluation" />A.璇曞浘浜嗚В浠栵紝鎵惧嚭浠栨劅鍏磋叮鐨勮瘽棰�</p>
+          <p class="block"><input type="radio" name="ethvsix" value="2" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.six" @change="setEvaluation" />B.涓诲姩娌熼�氾紝鎵惧嚭鍏卞悓璇濋</p>
+          <p class="block"><input type="radio" name="ethvfive" value="1" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.six" @change="setEvaluation" />C.鍜屼粬浜よ皥锛岃皥璋堣嚜宸辩殑鎰熷彈</p>
+          <p class="block"><input type="radio" name="ethvsix" value="0" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.six" @change="setEvaluation" />D.鐪嬩功銆佺潯瑙夋垨鍚冧笢瑗�</p>
           <p class="block">
             7.浣犲垰灏变换涓�瀹惰埅绌哄叕鍙稿湴闈㈡湇鍔¢儴涓荤锛屼笂鐝笉涔咃紝浣犱簡瑙e埌鏈潵鍏徃涓湁鍑犱釜鍚屼簨鎯冲氨浠讳綘鐨勮亴浣嶏紝鎬荤粡鐞嗕笉鍚屾剰鎻愭嫈浠栦滑鎵嶆嫑鑱樹簡浣犮�傚杩欏嚑涓悓浜嬶紝浣犱細锛堛��銆�锛夈��
           </p>
-          <p class="block"><input type="radio" name="ethvseven" value="3" id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.seven"
-              @change="setEvaluation"
-            />A.涓诲姩璁よ瘑浠栦滑锛屼簡瑙d粬浠殑闀垮锛屼簤鍙栨垚涓烘湅鍙�</p>
-          <p class="block"><input type="radio" name="ethvseven" value="2" id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.seven"
-              @change="setEvaluation"
-            />B.涓嶅叧蹇冭繖涓棶棰橈紝鍋氬ソ鑷繁鐨勬湰鑱屽伐浣滃氨濂�</p>
-          <p class="block"><input type="radio" name="ethvseven" value="1" id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.seven"
-              @change="setEvaluation"
-            />C.鏆椾腑鎵撳惉浠栦滑锛屼簡瑙d粬浠槸鍚﹁繕浼氬拰浣犵珵浜�</p>
-          <p class="block"><input type="radio" name="ethvseven" value="0" id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.seven"
-              @change="setEvaluation"
-            />D.鏆椾腑鎵撳惉浠栦滑锛屽苟鎵炬満浼氫负闅句粬浠�</p>
+          <p class="block"><input type="radio" name="ethvseven" value="3" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.seven" @change="setEvaluation" />A.涓诲姩璁よ瘑浠栦滑锛屼簡瑙d粬浠殑闀垮锛屼簤鍙栨垚涓烘湅鍙�</p>
+          <p class="block"><input type="radio" name="ethvseven" value="2" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.seven" @change="setEvaluation" />B.涓嶅叧蹇冭繖涓棶棰橈紝鍋氬ソ鑷繁鐨勬湰鑱屽伐浣滃氨濂�</p>
+          <p class="block"><input type="radio" name="ethvseven" value="1" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.seven" @change="setEvaluation" />C.鏆椾腑鎵撳惉浠栦滑锛屼簡瑙d粬浠槸鍚﹁繕浼氬拰浣犵珵浜�</p>
+          <p class="block"><input type="radio" name="ethvseven" value="0" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.seven" @change="setEvaluation" />D.鏆椾腑鎵撳惉浠栦滑锛屽苟鎵炬満浼氫负闅句粬浠�</p>
           <p class="block">8.涓庝笉鍚岃韩浠界殑瀵硅薄璁茶瘽锛屼綘浼氾紙銆�銆�锛夈��</p>
-          <p class="block"><input type="radio" name="ethveight" value="3" id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.eight"
-              @change="setEvaluation"
-            />A.涓嶇鏄粈涔堝満鍚堬紝浣犻兘鐢ㄤ竴鏍风殑鎬佸害涓庝箣璁茶瘽</p>
+          <p class="block"><input type="radio" name="ethveight" value="3" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.eight" @change="setEvaluation" />A.涓嶇鏄粈涔堝満鍚堬紝浣犻兘鐢ㄤ竴鏍风殑鎬佸害涓庝箣璁茶瘽</p>
         </div>
       </div>
     </div>
@@ -1271,106 +915,49 @@
           <li class="header-right-end" style=""><br></li>
         </ul>
         <div class="bodystyle">
-          <p class="block"><input type="radio" name="ethveight" value="2" id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.eight"
-              @change="setEvaluation"
-            />B.鍦ㄤ笉鍚岀殑鍦哄悎锛屼綘浼氱敤涓嶅悓鐨勬�佸害涓庝箣璁茶瘽</p>
-          <p class="block"><input type="radio" name="ethveight" value="1" id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.eight"
-              @change="setEvaluation"
-            />C.涓庡湴浣嶉珮鐨勪汉璇磋瘽锛屼綘鎬绘槸鏈夌偣绱у紶</p>
-          <p class="block"><input type="radio" name="ethveight" value="0" id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.eight"
-              @change="setEvaluation"
-            />D.涓庡湴浣嶄綆鐨勪汉璇磋瘽锛屼綘鎬绘槸婕笉缁忓績</p>
+          <p class="block"><input type="radio" name="ethveight" value="2" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.eight" @change="setEvaluation" />B.鍦ㄤ笉鍚岀殑鍦哄悎锛屼綘浼氱敤涓嶅悓鐨勬�佸害涓庝箣璁茶瘽</p>
+          <p class="block"><input type="radio" name="ethveight" value="1" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.eight" @change="setEvaluation" />C.涓庡湴浣嶉珮鐨勪汉璇磋瘽锛屼綘鎬绘槸鏈夌偣绱у紶</p>
+          <p class="block"><input type="radio" name="ethveight" value="0" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.eight" @change="setEvaluation" />D.涓庡湴浣嶄綆鐨勪汉璇磋瘽锛屼綘鎬绘槸婕笉缁忓績</p>
           <p class="block">9.鍚埆浜鸿璇濇椂锛屼綘鎬绘槸浼氾紙銆�銆�锛夈��</p>
-          <p class="block"><input type="radio" name="ethvnine" value="3" id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.nine"
-              @change="setEvaluation"
-            />A.瀵瑰埆浜虹殑璇濊〃绀烘劅鍏磋叮锛岃浣忔墍璁茬殑瑕佺偣</p>
-          <p class="block"><input type="radio" name="ethvnine" value="2" id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.nine"
-              @change="setEvaluation"
-            />B.璇峰鏂硅鍑洪棶棰樼殑閲嶇偣</p>
-          <p class="block"><input type="radio" name="ethvnine" value="1" id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.nine"
-              @change="setEvaluation"
-            />C.瀵规柟鑰佹槸璁蹭簺娌″繀瑕佺殑璇濇椂锛屼綘浼氱珛鍗虫墦鏂粬</p>
-          <p class="block"><input type="radio" name="ethvnine" value="0" id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.nine"
-              @change="setEvaluation"
-            />D.瀵规柟涓嶇煡鎵�浜戞椂锛屼綘浼氬緢鐑﹁簛锛屽氨鍘绘兂鎴栧仛鍒殑浜�</p>
+          <p class="block"><input type="radio" name="ethvnine" value="3" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.nine" @change="setEvaluation" />A.瀵瑰埆浜虹殑璇濊〃绀烘劅鍏磋叮锛岃浣忔墍璁茬殑瑕佺偣</p>
+          <p class="block"><input type="radio" name="ethvnine" value="2" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.nine" @change="setEvaluation" />B.璇峰鏂硅鍑洪棶棰樼殑閲嶇偣</p>
+          <p class="block"><input type="radio" name="ethvnine" value="1" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.nine" @change="setEvaluation" />C.瀵规柟鑰佹槸璁蹭簺娌″繀瑕佺殑璇濇椂锛屼綘浼氱珛鍗虫墦鏂粬</p>
+          <p class="block"><input type="radio" name="ethvnine" value="0" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.nine" @change="setEvaluation" />D.瀵规柟涓嶇煡鎵�浜戞椂锛屼綘浼氬緢鐑﹁簛锛屽氨鍘绘兂鎴栧仛鍒殑浜�</p>
           <p class="block">10.褰撲綘鍦ㄥ彂琛ㄨ嚜宸辩殑鐪嬫硶锛屽埆浜哄嵈涓嶆兂鍚綘璇存椂锛屼綘浼氾紙銆�銆�锛夈��</p>
-          <p class="block"><input type="radio" name="ethvten" value="3" id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.ten"
-              @change="setEvaluation"
-            />A.浠旂粏鍒嗘瀽瀵规柟涓嶆兂鍚殑鍘熷洜锛屾壘鏈轰細鎹竴涓柟寮忓幓璇�</p>
-          <p class="block"><input type="radio" name="ethvten" value="2" id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.ten"
-              @change="setEvaluation"
-            />B.绛夌瓑鐪嬭繕鏈夋病鏈夎鐨勬満浼�</p>
-          <p class="block"><input type="radio" name="ethvten" value="1" id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.ten"
-              @change="setEvaluation"
-            />C.灏变笉璇翠簡锛屼絾浣犲彲鑳戒細寰堢敓姘�</p>
-          <p class="block"><input type="radio" name="ethvten" value="0" id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.ten"
-              @change="setEvaluation"
-            />D.椹笂姘旀劋鍦拌蛋寮�</p>
+          <p class="block"><input type="radio" name="ethvten" value="3" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.ten" @change="setEvaluation" />A.浠旂粏鍒嗘瀽瀵规柟涓嶆兂鍚殑鍘熷洜锛屾壘鏈轰細鎹竴涓柟寮忓幓璇�</p>
+          <p class="block"><input type="radio" name="ethvten" value="2" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.ten" @change="setEvaluation" />B.绛夌瓑鐪嬭繕鏈夋病鏈夎鐨勬満浼�</p>
+          <p class="block"><input type="radio" name="ethvten" value="1" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.ten" @change="setEvaluation" />C.灏变笉璇翠簡锛屼絾浣犲彲鑳戒細寰堢敓姘�</p>
+          <p class="block"><input type="radio" name="ethvten" value="0" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.ten" @change="setEvaluation" />D.椹笂姘旀劋鍦拌蛋寮�</p>
           <p class="block">11.褰撲綘鍜屽悓浜嬩骇鐢熻浼氭椂锛屼綘浼氾紙銆�銆�锛夈��</p>
-          <p class="block"><input type="radio" name="ethveleven" value="3" id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.eleven"
-              @change="setEvaluation"
-            />A.涓诲姩銆佸強鏃舵壘瀵规柟娌熼�氾紝娑堥櫎璇細</p>
-          <p class="block"><input type="radio" name="ethveleven" value="2" id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.eleven"
-              @change="setEvaluation"
-            />B.閫氳繃绗笁鏂瑰崗璋冿紝娑堥櫎璇細</p>
-          <p class="block"><input type="radio" name="ethveleven" value="1" id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.eleven"
-              @change="setEvaluation"
-            />C.绛夊�欏鏂规壘鑷繁娑堥櫎璇細</p>
-          <p class="block"><input type="radio" name="ethveleven" value="0" id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.eleven"
-              @change="setEvaluation"
-            />D.鎬�鎭ㄥ湪蹇冿紝鎵炬満浼氱粰瀵规柟鐐归鑹茬湅鐪�</p>
+          <p class="block"><input type="radio" name="ethveleven" value="3" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.eleven" @change="setEvaluation" />A.涓诲姩銆佸強鏃舵壘瀵规柟娌熼�氾紝娑堥櫎璇細</p>
+          <p class="block"><input type="radio" name="ethveleven" value="2" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.eleven" @change="setEvaluation" />B.閫氳繃绗笁鏂瑰崗璋冿紝娑堥櫎璇細</p>
+          <p class="block"><input type="radio" name="ethveleven" value="1" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.eleven" @change="setEvaluation" />C.绛夊�欏鏂规壘鑷繁娑堥櫎璇細</p>
+          <p class="block"><input type="radio" name="ethveleven" value="0" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.eleven" @change="setEvaluation" />D.鎬�鎭ㄥ湪蹇冿紝鎵炬満浼氱粰瀵规柟鐐归鑹茬湅鐪�</p>
           <p class="block">12.褰撲綘杩涘叆涓�瀹舵柊鍏徃鏃讹紝浣犺璇嗘柊鍚屼簨鐨勬柟娉曟槸锛堛��銆�锛夈��</p>
-          <p class="block"><input type="radio" name="ethvtwelve" value="3" id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.twelve"
-              @change="setEvaluation"
-            />A.鎵炬満浼氫富鍔ㄤ粙缁嶈嚜宸憋紝璁よ瘑姣忎竴涓汉</p>
-          <p class="block"><input type="radio" name="ethvtwelve" value="2" id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.twelve"
-              @change="setEvaluation"
-            />B.绉瀬璁よ瘑鏈儴闂ㄧ殑浜�</p>
-          <p class="block"><input type="radio" name="ethvtwelve" value="1" id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.twelve"
-              @change="setEvaluation"
-            />C.鍦ㄥ伐浣滀腑鎱㈡參鐔熸倝</p>
-          <p class="block"><input type="radio" name="ethvtwelve" value="0" id="1"
-              :disabled="evaluation.isCompleteFive"
-              v-model="evaluation.evaluationFiveValue.twelve"
-              @change="setEvaluation"
-            />D.绛夊緟鍒汉鏉ヨ璇嗕綘</p>
-            <div class="w100 fl ju-cn">
+          <p class="block"><input type="radio" name="ethvtwelve" value="3" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.twelve" @change="setEvaluation" />A.鎵炬満浼氫富鍔ㄤ粙缁嶈嚜宸憋紝璁よ瘑姣忎竴涓汉</p>
+          <p class="block"><input type="radio" name="ethvtwelve" value="2" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.twelve" @change="setEvaluation" />B.绉瀬璁よ瘑鏈儴闂ㄧ殑浜�</p>
+          <p class="block"><input type="radio" name="ethvtwelve" value="1" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.twelve" @change="setEvaluation" />C.鍦ㄥ伐浣滀腑鎱㈡參鐔熸倝</p>
+          <p class="block"><input type="radio" name="ethvtwelve" value="0" id="1" :disabled="evaluation.isCompleteFive"
+              v-model="evaluation.evaluationFiveValue.twelve" @change="setEvaluation" />D.绛夊緟鍒汉鏉ヨ璇嗕綘</p>
+          <div class="w100 fl ju-cn">
             <ul class="fl ju-ev w80 choice">
               <li>
                 <button class="btn-border btn-w" @click="goCheckFive">
@@ -1389,16 +976,17 @@
               </li>
             </ul>
           </div>
-          <div class="c-r block" v-if="evaluationFiveResults || evaluationFiveResults === 0">鎮ㄧ殑寰楀垎锛歿{ evaluationFiveResults }}</div>
-            <div v-show="evaluation.showCheckAnswerFive" class="mb-30">
-          <p class="block">
-            浠ヤ笂鍚勯锛岄�堿寰�3鍒嗭紝閫塀寰�2鍒嗭紝閫塁寰�1鍒嗭紝閫塂寰�0鍒嗭紝鏈�鍚庡皢姣忛亾棰樼殑寰楀垎鐩稿姞銆�
-          </p>
-          <p class="block">锛堜簩锛夎瘎鍒嗘爣鍑嗗強缁撴灉鍒嗘瀽</p>
-          <p class="block">寰楀垎涓�28鍒嗕互涓婏細浣犱笌鍚屼簨鐨勬矡閫氳兘鍔涘緢濂斤紝璇风户缁繚鎸併��</p>
-          <p class="block">寰楀垎涓�18锝�28鍒嗭細浣犱笌鍚屼簨鐨勬矡閫氳兘鍔涗竴鑸紝璇峰姫鍔涙彁鍗囥��</p>
-          <p class="block">寰楀垎涓�18鍒嗕互涓嬶細浣犱笌鍚屼簨鐨勬矡閫氳兘鍔涘崄鍒嗘瑺缂猴紝闇�瑕佸姫鍔涙彁鍗囥��</p>
-        </div>
+          <div class="c-r block" v-if="evaluationFiveResults || evaluationFiveResults === 0">鎮ㄧ殑寰楀垎锛歿{
+            evaluationFiveResults }}</div>
+          <div v-show="evaluation.showCheckAnswerFive" class="mb-30">
+            <p class="block">
+              浠ヤ笂鍚勯锛岄�堿寰�3鍒嗭紝閫塀寰�2鍒嗭紝閫塁寰�1鍒嗭紝閫塂寰�0鍒嗭紝鏈�鍚庡皢姣忛亾棰樼殑寰楀垎鐩稿姞銆�
+            </p>
+            <p class="block">锛堜簩锛夎瘎鍒嗘爣鍑嗗強缁撴灉鍒嗘瀽</p>
+            <p class="block">寰楀垎涓�28鍒嗕互涓婏細浣犱笌鍚屼簨鐨勬矡閫氳兘鍔涘緢濂斤紝璇风户缁繚鎸併��</p>
+            <p class="block">寰楀垎涓�18锝�28鍒嗭細浣犱笌鍚屼簨鐨勬矡閫氳兘鍔涗竴鑸紝璇峰姫鍔涙彁鍗囥��</p>
+            <p class="block">寰楀垎涓�18鍒嗕互涓嬶細浣犱笌鍚屼簨鐨勬矡閫氳兘鍔涘崄鍒嗘瑺缂猴紝闇�瑕佸姫鍔涙彁鍗囥��</p>
+          </div>
         </div>
       </div>
     </div>
@@ -1427,57 +1015,48 @@
           <p>瀛﹀畬鏈」鐩唴瀹癸紝璇疯皥璋堜綘鍦ㄧ敓娲诲涔犱腑娌熼�氱殑鏂规硶鍜屼笉瓒充箣澶勩��</p>
           <p class="td-0 mb-10 mt-10"><span class="bj2">路椤圭洰鑷祴路</span></p>
           <p>1.绠�杩颁笌鍚屼簨娌熼�氱殑鎶�宸с��</p>
-          <textarea v-model="questionData.projectOne.one.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+          <textarea v-model="questionData.projectOne.one.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+            @change="setBookQuestion"></textarea>
           <p>2.绠�杩板伐浣滀腑鍒嗘鐨勫鐞嗘柟寮忋��</p>
-          <textarea v-model="questionData.projectOne.two.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+          <textarea v-model="questionData.projectOne.two.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+            @change="setBookQuestion"></textarea>
           <p>3.绠�杩颁笌鐢熺梾鏃呭鐨勬矡閫氭柟娉曘��</p>
           <textarea v-model="questionData.projectOne.three.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+            class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
           <p>4.姘戣埅鏈嶅姟浜哄憳涓庝汉娌熼�氱殑鍘熷垯搴斿寘鎷紙銆�銆�锛夈�傦紙澶氶�夐锛�</p>
-          <p><input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="1"
-              v-model="questionData.projectOne.four.value"
-              @change="setBookQuestion"
-            />A.鐖卞績</p>
-          <p><input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="1"
-              v-model="questionData.projectOne.four.value"
-              @change="setBookQuestion"
-            />B.璐d换蹇�</p>
-          <p><input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="1"
-              v-model="questionData.projectOne.four.value"
-              @change="setBookQuestion"
-            />C.鍖呭蹇�</p>
-          <p><input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="1"
-              v-model="questionData.projectOne.four.value"
-              @change="setBookQuestion"
-            />D.鍚屾儏蹇�</p>
+          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="1"
+              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />A.鐖卞績</p>
+          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="1"
+              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />B.璐d换蹇�</p>
+          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="1"
+              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />C.鍖呭蹇�</p>
+          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="1"
+              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />D.鍚屾儏蹇�</p>
           <p>5.涓庨噸瑕佹梾瀹㈣濡備綍娌熼�氾紵璋堣皥浣犵殑瑙佽В銆�</p>
-          <textarea v-model="questionData.projectOne.five.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+          <textarea v-model="questionData.projectOne.five.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+            @change="setBookQuestion"></textarea>
           <p>6.娌熼�氫腑鈥滀簲蹇冩湇鍔♀�濇槸鎸囧摢浜斿績锛�</p>
-          <textarea v-model="questionData.projectOne.six.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+          <textarea v-model="questionData.projectOne.six.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+            @change="setBookQuestion"></textarea>
+            <p class="dialogQuestion">
+            <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"
+                xmlns="http://www.w3.org/2000/svg" p-id="2536" xmlns:xlink="http://www.w3.org/1999/xlink" width="28"
+                height="28">
+                <path
+                  d="M798.72 76.8H947.2v145.92h51.2V25.6h-199.68zM947.2 798.72v145.92h-148.48v51.2H998.4v-197.12zM66.56 222.72V76.8h148.48V25.6H12.8v197.12zM215.04 944.64H66.56v-145.92H12.8v197.12h202.24z"
+                  fill="#fff" p-id="2537"></path>
+                <path
+                  d="M826.88 522.24L512 207.36c0-2.56-2.56-2.56-7.68-2.56-2.56 0-5.12 0-7.68 2.56L184.32 524.8c-2.56 2.56-5.12 7.68-2.56 10.24 2.56 5.12 5.12 7.68 10.24 7.68h58.88V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6V504.32c0-5.12-5.12-10.24-10.24-10.24h-2.56l217.6-220.16 220.16 222.72c-5.12 0-10.24 5.12-10.24 10.24V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6v-250.88h51.2c5.12 0 10.24-5.12 10.24-10.24 2.56-5.12 0-7.68-2.56-10.24z"
+                  fill="#fff" p-id="2538"></path>
+                <path
+                  d="M386.56 762.88h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-69.12h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-71.68h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-7.68 7.68-17.92 17.92-17.92zM514.56 535.04h-20.48c-5.12 0-7.68-2.56-7.68-7.68v-2.56c0-17.92 5.12-30.72 23.04-46.08 17.92-15.36 23.04-23.04 23.04-33.28s-7.68-20.48-20.48-20.48c-15.36 0-25.6 7.68-30.72 25.6 0 5.12-5.12 5.12-10.24 5.12l-25.6-5.12c-5.12 0-7.68-5.12-5.12-10.24 10.24-38.4 33.28-53.76 79.36-53.76 38.4 0 61.44 25.6 61.44 51.2 0 20.48-7.68 35.84-33.28 53.76-20.48 15.36-23.04 20.48-23.04 33.28-2.56 7.68-7.68 10.24-10.24 10.24zM481.28 588.8v-28.16c0-5.12 2.56-7.68 7.68-7.68h30.72c5.12 0 7.68 2.56 7.68 7.68V588.8c0 5.12-2.56 7.68-7.68 7.68h-30.72c-5.12 0-7.68-5.12-7.68-7.68z"
+                  fill="#fff" p-id="2539"></path>
+              </svg>
+            </span>
+          </p>
+
         </div>
       </div>
     </div>
@@ -1499,7 +1078,8 @@
               <img class="rwmb-4" alt="" src="../../assets/images/tb.png" />
             </p>
           </div>
-
+          <p class="td-0 mt-10 mb-10"><span class="bj2">路鎬濈淮瀵煎浘路</span></p>
+          <p class="td-0 openImgBox"><img class="img-0" src="../../assets//images/unitThree-02.png" alt=""></p>
           <div class="bk">
             <p class="bj1-qjms fl al-c">
               <span class="span-box"></span><span class="span-text">椤圭洰鎻忚堪</span><span class="span-box"></span>
@@ -1521,7 +1101,7 @@
             <p class="fz-15">
               鑸▼涓紝褰撲箻鍔″憳鍦ㄤ负鏃呭鍙戞斁楗枡鍋氬噯澶囨椂锛屼竴鍚嶆儏缁縺鍔ㄧ殑鏃呭鍐茶繘鏈嶅姟闂撮樆纰嶄箻鍔″憳宸ヤ綔銆傚彂鐜伴棶棰樺悗锛屼箻鍔¢暱绗竴鏃堕棿璧朵簡杩囨潵锛屽惉瑙佽繖浣嶄腑骞存梾瀹㈡鍦ㄥぇ澹版枼璐o細鈥滀綘浠槸浠�涔堟�佸害锛佹垜鎯宠姣涙锛屾寜浜嗕袱娆″懠鍞ら搩锛屼箻鍔″憳閮芥病鏈夌粰鎴戙�傛垜瑕佹姇璇変綘浠�傗��
             </p>
-            <p  class="fz-15">
+            <p class="fz-15">
               鍘熸潵锛岃繖浣嶆槸浠庡晢鍔¤埍璋冩暣鍒版櫘閫氳埍鐨勬梾瀹紝鍥犱负鎰熻绌鸿皟娓╁害澶綆锛屾壘涔樺姟鍛樿姣涙锛屼箻鍔″憳浜嗚В闇�姹傚苟鍥炲伐浣滈棿鍙栨瘺姣殑杩囩▼涓紝閬囧埌鍚屼簨鍦ㄨ繘琛岄楗噯澶囷紝涔樺姟鍛樺氨椤轰究甯悓浜嬪仛璧蜂簡澶囬宸ヤ綔銆�
             </p>
           </div>
@@ -1534,11 +1114,11 @@
             </div>
             <div class="bj3 fz-15">
               <p>1.鎮ㄨ涓烘梾瀹㈢殑鎶曡瘔鏈夐亾鐞嗗悧锛�</p>
-              <textarea v-model="questionData.askAbout.seven" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.seven" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
               <p>2.濡傛灉浣犳槸杩欏悕涔樺姟闀匡紝浣犱細鎬庝箞澶勭悊璇ユ姇璇夊憿锛�</p>
-              <textarea v-model="questionData.askAbout.eight" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.eight" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
         </div>
@@ -1564,6 +1144,25 @@
           <p>1.浜嗚В鏃呭鎶曡瘔鐨勬蹇点��</p>
           <p>2.浜嗚В鏃呭鎶曡瘔鐨勫師鍥犮��</p>
           <p>3.鐞嗚В姝g‘澶勭悊鏃呭鎶曡瘔鐨勬剰涔夈��</p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathNine" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氭皯鑸梾瀹㈡姇璇夊簲瀵规妧宸�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoEight ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '1f04f081f61aa13373daa7b8b92cc750'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-09')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h4 id="d078">涓�銆佹梾瀹㈡姇璇夌殑姒傚康</h4>
           <p>
             鏃呭鎶曡瘔鏄寚鏃呭閫氳繃淇″嚱銆佺數璇濄�佷紶鐪熴�佹潵璁跨瓑褰㈠紡鍙嶆槧浜у搧鎴栨湇鍔¤川閲忛棶棰樼殑琛屽姩銆�
@@ -1575,6 +1174,25 @@
             鏃呭鎶曡瘔鍦ㄤ竴瀹氱▼搴︿笂鍙嶆槧浜嗚埅绌哄叕鍙哥殑鏈嶅姟鎬佸害鍜屾湇鍔¤川閲忥紝鎶樺皠鍑烘湇鍔′汉鍛樼殑鏈嶅姟鎶�宸у拰缁煎悎绱犲吇锛屼細瀵硅埅绌哄叕鍙哥殑鍝佺墝鍜屽競鍦哄彂灞曞甫鏉ラ噸瑕佺殑褰卞搷銆�
           </p>
           <h4 id="d079">浜屻�佹皯鑸梾瀹㈡姇璇夌殑鍘熷洜</h4>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathTen" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氶鏈烘晠闅滃鑷存姇璇夌殑澶勭悊璇濇湳</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoNine ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '222a20d4bcb6805836684e0d96752ae3'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-10')" />
+              </el-tooltip>
+            </p>
+          </div>
           <p>
             姘戣埅鏈嶅姟鏄竴绉嶆棤褰㈢殑浜у搧锛屽叿鏈変笉鍙偍瀛樻�с�佺敓浜у拰娑堣垂鐨勫悓姝ユ�с�傚洜姝わ紝鏃呭瀵规湇鍔$殑婊℃剰绋嬪害鏉ヨ嚜鏃呭鍦ㄦ湇鍔$幇鍦轰笌鏈嶅姟浜哄憳浜ゅ線杩囩▼涓殑鐐规淮浣撻獙銆傛垜浠彲浠ョ患鍚堜互涓嬪洜绱犲垎鏋愭皯鑸梾瀹㈡姇璇夌殑鍘熷洜銆�
           </p>
@@ -1586,9 +1204,6 @@
           <p class="td-0 mb-10 mt-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
           <p class="block">
             2018骞�6鏈堬紝鏌愯埅绌哄叕鍙镐粠鍐呰挋鍙ら寰�鍖椾含鐨勮埅鐝洜鎺у埗绠″埗鍘熷洜寤惰浜�8灏忔椂锛岃埅鐝惤鍦板悗鏈轰笂19鍚嶆梾瀹㈠洜涓嶆弧鑰屾嫆缁濅笅椋炴満銆�
-          </p>
-          <p class="block">
-            閫氳繃浜嗚В鍚庡緱鐭ワ紝鍦�8灏忔椂鐨勭瓑寰呰繃绋嬩腑锛屾梾瀹骇鐢熶簡璐熼潰鎯呯华锛屼絾鍦伴潰宸ヤ綔浜哄憳
           </p>
         </div>
       </div>
@@ -1605,8 +1220,8 @@
           <li class="header-right-end" style=""><br></li>
         </ul>
         <div class="bodystyle">
-          <p class="block td-0">
-            娌℃湁缁欎簣鏃呭搴旀湁鐨勭収椤惧拰瀹夋叞锛屽鑷村湪閫氱煡鐧绘満鏃朵竴浜涙梾瀹㈡彁鍑哄厛璧斿伩鍐嶇櫥鏈恒�傜劧鑰岋紝鍦伴潰宸ヤ綔浜哄憳鍗磋锛氣�滀綘浠埍涓婁笉涓婏紝涓嶄笂鎷夊�掞紒琛屾潕闅忔満甯﹁蛋锛屽甫鍒板摢閲屾槸鍝噷銆傗��
+          <p class="block">
+            閫氳繃浜嗚В鍚庡緱鐭ワ紝鍦�8灏忔椂鐨勭瓑寰呰繃绋嬩腑锛屾梾瀹骇鐢熶簡璐熼潰鎯呯华锛屼絾鍦伴潰宸ヤ綔浜哄憳娌℃湁缁欎簣鏃呭搴旀湁鐨勭収椤惧拰瀹夋叞锛屽鑷村湪閫氱煡鐧绘満鏃朵竴浜涙梾瀹㈡彁鍑哄厛璧斿伩鍐嶇櫥鏈恒�傜劧鑰岋紝鍦伴潰宸ヤ綔浜哄憳鍗磋锛氣�滀綘浠埍涓婁笉涓婏紝涓嶄笂鎷夊�掞紒琛屾潕闅忔満甯﹁蛋锛屽甫鍒板摢閲屾槸鍝噷銆傗��
           </p>
           <p class="block">
             杩欎竴绯诲垪鐨勫仛娉曞鑷�19鍚嶆梾瀹㈤泦浣撴嫆缁濅笅鏈哄苟鍚戣鑸┖鍏徃鎻愬嚭鎶曡瘔鍜岀粡娴庤禂鍋裤��
@@ -1620,13 +1235,13 @@
             </div>
             <div class="bj3 fz-15">
               <p>1.璇ユ渚嬩腑寮曞彂鏃呭鎶曡瘔鐨勫師鍥犳槸浠�涔堬紵</p>
-              <textarea v-model="questionData.askAbout.nine" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.nine" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
               <p>
                 2.浣犺寰楁梾瀹㈡姇璇夎涓烘槸鍚﹀悎鐞嗭紵姘戣埅鏈嶅姟浼佷笟璇ュ浣曢伩鍏嶈繖绉嶆儏鍐碉紵
               </p>
-              <textarea v-model="questionData.askAbout.ten" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.ten" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -1652,11 +1267,11 @@
             </div>
             <div class="bj3 fz-15">
               <p>1.鏃呭瀵硅浜嬩欢鎻愬嚭鎶曡瘔鏄惁鍚堢悊锛熷鑷存姇璇夌殑鍘熷洜鏄粈涔堬紵</p>
-              <textarea v-model="questionData.askAbout.eleven" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.eleven" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
               <p>2.鑸┖鍏徃鍚庣画搴斿浣曞鐞嗘墠鑳芥秷闄ゆ梾瀹㈢殑璇В锛�</p>
-              <textarea v-model="questionData.askAbout.twelve" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.twelve" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
         </div>
@@ -1741,11 +1356,11 @@
             </div>
             <div class="bj3 fz-15">
               <p>1.鑸┖鍏徃瀵规浜嬩欢鏄惁搴旀壙鎷呰矗浠伙紵</p>
-              <textarea v-model="questionData.askAbout.thirteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.thirteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
               <p>2.浣犱綔涓鸿埅绌哄叕鍙哥殑璐熻矗浜鸿濡備綍澶勭悊姝や簨锛�</p>
-              <textarea v-model="questionData.askAbout.fourteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.fourteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -1810,8 +1425,8 @@
             </div>
             <div class="bj3 fz-15">
               <p>璇ユ渚嬩腑锛屾▕灏忓鎶曡瘔鐨勫師鍥犳槸浠�涔堬紵</p>
-              <textarea v-model="questionData.askAbout.fifteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.fifteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -1820,6 +1435,7 @@
           <p>
             濡傛灉鑸徃鑳芥彁鍓嶅憡鐭ユ梾瀹紝缁欐梾瀹㈠厖鍒嗙殑鐭ユ儏鏉冨拰閫夋嫨鏉冿紝灏辫兘閬垮厤寰堝鐭涚浘鍜屾姇璇夈��
           </p>
+
         </div>
       </div>
     </div>
@@ -1853,8 +1469,8 @@
               <p>
                 瀵逛簬淇濇寔淇℃伅鍏紑浠ュ強绉瀬閲囩撼鏃呭鎶曡瘔鐨勯�斿緞锛屼綘杩樻湁鍝簺寤鸿锛�
               </p>
-              <textarea v-model="questionData.askAbout.sixteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.sixteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h5 id="e092">锛堜笁锛夌Н鏋佹矡閫氾紝涓诲姩鎵挎媴鍘熷垯</h5>
@@ -1912,7 +1528,7 @@
             <div class="bj3 fz-15">
               <p>浠庡皬寮犵殑缁忓巻涓紝浣犲鍒颁簡浠�涔堝憿锛�</p>
               <textarea v-model="questionData.askAbout.seventeen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h4 id="d082">浜屻�佹皯鑸梾瀹㈡姇璇夊鐞嗙殑绛栫暐</h4>
@@ -1937,6 +1553,25 @@
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.鑳藉鏍规嵁璁惧畾鐨勫満鏅畬鎴愭梾瀹㈡姇璇夌殑娴嬭瘯銆�</p>
           <p>2.鑳藉瀹屾垚澶勭悊鏃呭鎶曡瘔鐨勫疄璁换鍔°��</p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathEleven" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氭梾瀹㈡姇璇夊師鍥犵殑璁ょ煡</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoTen ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'b0ff55db0549ccb2f6c1b332798aa8d3'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-11')" />
+              </el-tooltip>
+            </p>
+          </div>
         </div>
       </div>
     </div>
@@ -1959,197 +1594,80 @@
           <p>
             1.姘戣埅鏈嶅姟杩囩▼涓毦鍏嶄細鍑虹幇涓�浜涗笉鍙鐭ョ殑绐佸彂鐘跺喌锛岃�屽杩欎簺绐佸彂鐘跺喌鐨勫缃紝鏈夊彲鑳戒細寮曡捣鎶曡瘔鎴栧叾浠栬繛閿佺殑鍙嶅簲銆備笅鍒楀摢浜涘睘浜庢皯鑸梾瀹㈡姇璇夌殑鍘熷洜锛燂紙銆�銆�锛夛紙澶氶�夐锛�
           </p>
-          <p><input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="1"
-              v-model="questionData.projectTwo.one.value"
-              @change="setBookQuestion"
-            />A.闈㈠鏃呭鎶曡瘔鏃剁鐞嗘粸鍚庡拰涓嶅仴鍏紝浣挎梾瀹㈡姇璇夋棤鐢ㄦ垨鎶曡瘔鏃犻棬</p>
-          <p><input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="1"
-              v-model="questionData.projectTwo.one.value"
-              @change="setBookQuestion"
-            />B.姘戣埅鏈嶅姟浜哄憳鐨勬湇鍔℃剰璇嗕笉瓒筹紝鍥犱负琛屼负涓炬鎴栬瑷�瀵艰嚧鐭涚浘浜х敓</p>
-          <p><input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="1"
-              v-model="questionData.projectTwo.one.value"
-              @change="setBookQuestion"
-            />C.姘戣埅鏈嶅姟浜哄憳棰滃�间笉楂�</p>
-          <p><input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="1"
-              v-model="questionData.projectTwo.one.value"
-              @change="setBookQuestion"
-            />D.姘戣埅鏈嶅姟浜哄憳鐨勪笓涓氱煡璇嗘按骞充笉楂樺強鏈嶅姟鎶�鑳戒笉瓒�</p>
+          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="1"
+              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />A.闈㈠鏃呭鎶曡瘔鏃剁鐞嗘粸鍚庡拰涓嶅仴鍏紝浣挎梾瀹㈡姇璇夋棤鐢ㄦ垨鎶曡瘔鏃犻棬</p>
+          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="1"
+              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />B.姘戣埅鏈嶅姟浜哄憳鐨勬湇鍔℃剰璇嗕笉瓒筹紝鍥犱负琛屼负涓炬鎴栬瑷�瀵艰嚧鐭涚浘浜х敓
+          </p>
+          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="1"
+              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />C.姘戣埅鏈嶅姟浜哄憳棰滃�间笉楂�</p>
+          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="1"
+              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />D.姘戣埅鏈嶅姟浜哄憳鐨勪笓涓氱煡璇嗘按骞充笉楂樺強鏈嶅姟鎶�鑳戒笉瓒�</p>
           <p>
             2.鏃呭鎶曡瘔鏄竴鎶婂弻鍒冨墤锛屽綋鍑虹幇鏃呭鎶曡瘔鐨勬椂鍊欙紝搴旈伒寰摢浜涘鐞嗙殑鍩烘湰鍘熷垯锛燂紙銆�銆�锛夛紙澶氶�夐锛�
           </p>
-          <p><input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="2"
-              v-model="questionData.projectTwo.two.value"
-              @change="setBookQuestion"
-            />A.鏃呭涓哄厛銆佺湡璇氭湇鍔$殑鍘熷垯</p>
-          <p><input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="2"
-              v-model="questionData.projectTwo.two.value"
-              @change="setBookQuestion"
-            />B.绉瀬娌熼�氥�佷富鍔ㄦ媴璐g殑鍘熷垯</p>
-          <p><input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="2"
-              v-model="questionData.projectTwo.two.value"
-              @change="setBookQuestion"
-            />C.浜嬩笉鍏冲繁銆侀珮楂樺湪涓婄殑鍘熷垯</p>
-          <p><input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="2"
-              v-model="questionData.projectTwo.two.value"
-              @change="setBookQuestion"
-            />D.鍙婃椂瑙e喅銆佺粷涓嶆嫋寤剁殑鍘熷垯</p>
+          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="2"
+              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />A.鏃呭涓哄厛銆佺湡璇氭湇鍔$殑鍘熷垯</p>
+          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="2"
+              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />B.绉瀬娌熼�氥�佷富鍔ㄦ媴璐g殑鍘熷垯</p>
+          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="2"
+              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />C.浜嬩笉鍏冲繁銆侀珮楂樺湪涓婄殑鍘熷垯</p>
+          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="2"
+              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />D.鍙婃椂瑙e喅銆佺粷涓嶆嫋寤剁殑鍘熷垯</p>
           <p>3.鍏充簬瀹㈡埛鎶曡瘔瀵硅埅鍙哥殑鎰忎箟锛岃〃杩颁笉姝g‘鐨勬槸锛堛��銆�锛夈�傦紙鍗曢�夐锛�</p>
-          <p><input
-              type="radio"
-              name="QThree"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="3"
-              v-model="questionData.projectTwo.three.value"
-              @change="setBookQuestion"
-            />A.鍙互鎸界暀浣忛【瀹�</p>
-          <p><input
-              type="radio"
-              name="QThree"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="3"
-              v-model="questionData.projectTwo.three.value"
-              @change="setBookQuestion"
-            />B.鎸藉洖瀹㈡埛瀵硅埅鍙哥殑淇′换</p>
-          <p><input
-              type="radio"
-              name="QThree"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="3"
-              v-model="questionData.projectTwo.three.value"
-              @change="setBookQuestion"
-            />C.澧炲姞鑸徃鐭ュ悕搴�</p>
-          <p><input
-              type="radio"
-              name="QThree"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="3"
-              v-model="questionData.projectTwo.three.value"
-              @change="setBookQuestion"
-            />D.甯姪浼佷笟鍙婃椂鍙戠幇闂</p>
+          <p><input type="radio" name="QThree" :disabled="questionData.isComplete" value="A" id="3"
+              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />A.鍙互鎸界暀浣忛【瀹�</p>
+          <p><input type="radio" name="QThree" :disabled="questionData.isComplete" value="B" id="3"
+              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />B.鎸藉洖瀹㈡埛瀵硅埅鍙哥殑淇′换</p>
+          <p><input type="radio" name="QThree" :disabled="questionData.isComplete" value="C" id="3"
+              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />C.澧炲姞鑸徃鐭ュ悕搴�</p>
+          <p><input type="radio" name="QThree" :disabled="questionData.isComplete" value="D" id="3"
+              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />D.甯姪浼佷笟鍙婃椂鍙戠幇闂</p>
           <p>4.鍦ㄦ姇璇夊鐞嗗悗锛屽鏈嶄汉鍛樼殑宸ヤ綔涓嶅寘鎷紙銆�銆�锛夈�傦紙鍗曢�夐锛�</p>
-          <p><input
-              type="radio"
-              name="QFour"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="4"
-              v-model="questionData.projectTwo.four.value"
-              @change="setBookQuestion"
-            />A.鑷垜鎺у埗</p>
-          <p><input
-              type="radio"
-              name="QFour"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="4"
-              v-model="questionData.projectTwo.four.value"
-              @change="setBookQuestion"
-            />B.鑷垜瀵硅瘽</p>
-          <p><input
-              type="radio"
-              name="QFour"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="4"
-              v-model="questionData.projectTwo.four.value"
-              @change="setBookQuestion"
-            />C.鑷垜妫�璁�</p>
-          <p><input
-              type="radio"
-              name="QFour"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="4"
-              v-model="questionData.projectTwo.four.value"
-              @change="setBookQuestion"
-            />D.鑷垜瀹夋叞</p>
+          <p><input type="radio" name="QFour" :disabled="questionData.isComplete" value="A" id="4"
+              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />A.鑷垜鎺у埗</p>
+          <p><input type="radio" name="QFour" :disabled="questionData.isComplete" value="B" id="4"
+              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />B.鑷垜瀵硅瘽</p>
+          <p><input type="radio" name="QFour" :disabled="questionData.isComplete" value="C" id="4"
+              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />C.鑷垜妫�璁�</p>
+          <p><input type="radio" name="QFour" :disabled="questionData.isComplete" value="D" id="4"
+              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />D.鑷垜瀹夋叞</p>
           <p>
             5.涓嬪垪閫夐」涓笉灞炰簬姘戣埅鍛樺伐姝g‘澶勭悊鏃呭鎶曡瘔鐨勫師鍒欑殑鏄紙銆�銆�锛夈�傦紙鍗曢�夐锛�
           </p>
-          <p><input
-              type="radio"
-              name="QFive"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="5"
-              v-model="questionData.projectTwo.five.value"
-              @change="setBookQuestion"
-            />A.杩呴�熼噰鍙栬鍔�</p>
-          <p><input
-              type="radio"
-              name="QFive"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="5"
-              v-model="questionData.projectTwo.five.value"
-              @change="setBookQuestion"
-            />B.绔欏湪鏃呭鐨勭珛鍦哄皢蹇冩瘮蹇�</p>
-          <p><input
-              type="radio"
-              name="QFive"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="5"
-              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>
-        </div>
+          <p><input type="radio" name="QFive" :disabled="questionData.isComplete" value="A" id="5"
+              v-model="questionData.projectTwo.five.value" @change="setBookQuestion" />A.杩呴�熼噰鍙栬鍔�</p>
+          <p><input type="radio" name="QFive" :disabled="questionData.isComplete" value="B" id="5"
+              v-model="questionData.projectTwo.five.value" @change="setBookQuestion" />B.绔欏湪鏃呭鐨勭珛鍦哄皢蹇冩瘮蹇�</p>
+          <p><input type="radio" name="QFive" :disabled="questionData.isComplete" value="C" id="5"
+              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">
+            <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"
+                xmlns="http://www.w3.org/2000/svg" p-id="2536" xmlns:xlink="http://www.w3.org/1999/xlink" width="28"
+                height="28">
+                <path
+                  d="M798.72 76.8H947.2v145.92h51.2V25.6h-199.68zM947.2 798.72v145.92h-148.48v51.2H998.4v-197.12zM66.56 222.72V76.8h148.48V25.6H12.8v197.12zM215.04 944.64H66.56v-145.92H12.8v197.12h202.24z"
+                  fill="#fff" p-id="2537"></path>
+                <path
+                  d="M826.88 522.24L512 207.36c0-2.56-2.56-2.56-7.68-2.56-2.56 0-5.12 0-7.68 2.56L184.32 524.8c-2.56 2.56-5.12 7.68-2.56 10.24 2.56 5.12 5.12 7.68 10.24 7.68h58.88V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6V504.32c0-5.12-5.12-10.24-10.24-10.24h-2.56l217.6-220.16 220.16 222.72c-5.12 0-10.24 5.12-10.24 10.24V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6v-250.88h51.2c5.12 0 10.24-5.12 10.24-10.24 2.56-5.12 0-7.68-2.56-10.24z"
+                  fill="#fff" p-id="2538"></path>
+                <path
+                  d="M386.56 762.88h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-69.12h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-71.68h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-7.68 7.68-17.92 17.92-17.92zM514.56 535.04h-20.48c-5.12 0-7.68-2.56-7.68-7.68v-2.56c0-17.92 5.12-30.72 23.04-46.08 17.92-15.36 23.04-23.04 23.04-33.28s-7.68-20.48-20.48-20.48c-15.36 0-25.6 7.68-30.72 25.6 0 5.12-5.12 5.12-10.24 5.12l-25.6-5.12c-5.12 0-7.68-5.12-5.12-10.24 10.24-38.4 33.28-53.76 79.36-53.76 38.4 0 61.44 25.6 61.44 51.2 0 20.48-7.68 35.84-33.28 53.76-20.48 15.36-23.04 20.48-23.04 33.28-2.56 7.68-7.68 10.24-10.24 10.24zM481.28 588.8v-28.16c0-5.12 2.56-7.68 7.68-7.68h30.72c5.12 0 7.68 2.56 7.68 7.68V588.8c0 5.12-2.56 7.68-7.68 7.68h-30.72c-5.12 0-7.68-5.12-7.68-7.68z"
+                  fill="#fff" p-id="2539"></path>
+              </svg>
+            </span>
+          </p>
+            </div>
       </div>
     </div>
+    <dialogExaminations :isClear="dialogVisibleOne" :primaryColor="themeColor"
+      :cardList="interfaceQuestion[questionNum]" v-if="interfaceQuestion" :chapter="1" :page="questionNum"
+      :questionTitle="questionTitleMain" ref="dialogRef">
+    </dialogExaminations>
   </div>
 </template>
 
@@ -2159,117 +1677,134 @@
   getCollectResource,
   setCollectResource,
 } from "@/assets/methods/resources";
+import dialogExaminations from "@/components/dialogExaminations/index.vue";
 export default {
   name: "chapterThree",
   props: {
     showPageList: {
       type: Array,
     },
+    interfaceQuestion: {
+      type: Object,
+    },
+  },
+  components: {
+    dialogExaminations,
   },
   data() {
     return {
       collectImg: require("../../assets/images/icon/heart.png"),
       collectCheck: require("../../assets/images/icon/heart-check.png"),
       videoPathOne: "",
+      videoPathTwo: "",
+      videoPathThree: "",
+      videoPathFour: "",
+      videoPathFive: "",
+      videoPathSix: "",
+      videoPathSeven: "",
+      videoPathEight: "",
+      videoPathNine: "",
+      videoPathTen: "",
+      videoPathEleven: "",
       collectResourceList: [],
       questionData: {
         isComplete: false,
-        askAbout:{
-          one:'',
-          two:'',
-          three:'',
-          four:'',
-          five:'',
-          six:'',
-          seven:'',
-          eight:'',
-          nine:'',
-          ten:'',
-          eleven:'',
-          twelve:'',
-          thirteen:'',
-          fourteen:'',
-          fifteen:'',
-          sixteen:'', 
-          seventeen:''
+        askAbout: {
+          one: '',
+          two: '',
+          three: '',
+          four: '',
+          five: '',
+          six: '',
+          seven: '',
+          eight: '',
+          nine: '',
+          ten: '',
+          eleven: '',
+          twelve: '',
+          thirteen: '',
+          fourteen: '',
+          fifteen: '',
+          sixteen: '',
+          seventeen: ''
         },
-        projectOne:{
-          one:{
-            value:""
+        projectOne: {
+          one: {
+            value: ""
           },
-          two:{
-            value:""
+          two: {
+            value: ""
           },
-          three:{
-            value:""
+          three: {
+            value: ""
           },
-          four:{
-            value:[]
+          four: {
+            value: []
           },
-          five:{
-            value:""
+          five: {
+            value: ""
           },
-          six:{
-            value:""
+          six: {
+            value: ""
           }
-          
+
         },
-        projectTwo:{
-          one:{
-            value:[]
+        projectTwo: {
+          one: {
+            value: []
           },
-          two:{
-            value:[]
+          two: {
+            value: []
           },
-          three:{
-            value:""
+          three: {
+            value: ""
           },
-          four:{
-            value:""
+          four: {
+            value: ""
           },
-          five:{
-            value:""
+          five: {
+            value: ""
           },
-          
-          
+
+
         },
 
       },
-      evaluation:{
+      evaluation: {
         isCompleteThree: false,
         isCompleteFour: false,
         isCompleteFive: false,
-        showCheckAnswerThree:false,
-        showCheckAnswerFour:false,
-        showCheckAnswerFive:false,
+        showCheckAnswerThree: false,
+        showCheckAnswerFour: false,
+        showCheckAnswerFive: false,
         evaluationThreeValue: {
-          one:"",
+          one: "",
           two: "",
           three: "",
           four: "",
           five: "",
-          six:"",
+          six: "",
           seven: "",
           eight: "",
           nine: "",
           ten: "",
         }, //娴嬭瘎绛旀
-        
+
         evaluationFourValue: {
-          one:"",
+          one: "",
           two: "",
           three: "",
           four: "",
           five: "",
-          six:"",
+          six: "",
         }, //娴嬭瘎绛旀
         evaluationFiveValue: {
-          one:"",
+          one: "",
           two: "",
           three: "",
           four: "",
           five: "",
-          six:"",
+          six: "",
           seven: "",
           eight: "",
           nine: "",
@@ -2278,10 +1813,40 @@
           twelve: "",
         }, //娴嬭瘎绛旀
       },
+      chapterData: {
+        isCollectVideo: false,
+        isCollectVideoOne: false,
+        isCollectVideoTwo: false,
+        isCollectVideoThree: false,
+        isCollectVideoFour: false,
+        isCollectVideoFive: false,
+        isCollectVideoSix: false,
+        isCollectVideoSeven: false,
+        isCollectVideoEight: false,
+        isCollectVideoNine: false,
+        isCollectVideoTen: false,
+        isCollectVideoEleven: false,
+      },
       evaluatioThreeResults: '', //娴嬭瘎缁撴灉
       evaluationFourResults: '', //娴嬭瘎缁撴灉
       evaluationFiveResults: '', //娴嬭瘎缁撴灉
-      
+      // 棰樼洰鐩稿叧
+      dialogVisibleOne: false,
+      themeColor: "#6E85AF",
+      questionNum: 0,
+      questionTitleMain: "",
+      chapter001: {
+        question: {
+          1: {
+            questionTitleMain: "妯″潡涓夈��姘戣埅鑱屽満娌熼��",
+            questionNum: 108,
+          },
+          2: {
+            questionTitleMain: "妯″潡涓夈��姘戣埅鏃呭鎶曡瘔搴斿鎶�宸�",
+            questionNum: 117,
+          },
+        },
+      },
     };
   },
   async mounted() {
@@ -2313,17 +1878,55 @@
     if (evaluationFourData) {
       this.evaluationFourResults = evaluationFourData;
     }
-    
+
     const evaluationFiveData = localStorage.getItem(
       "aviationEtiquette-book-evaluation-five"
     );
     if (evaluationFiveData) {
       this.evaluationFiveResults = evaluationFiveData;
     }
-  
-   
+
+    this.getVidoePath();
+    this.collectResourceList = await getCollectResource(
+      this.config.activeBook.bookId
+    );
   },
   methods: {
+    async getVidoePath() {
+      this.videoPathOne = await getResourcePath(
+        "6f3a3b8b1b5eb8b942f57b7c6ef20ff7"
+      );
+      this.videoPathTwo = await getResourcePath(
+        "45d4dc432a32a81d20421fa6b8ebe50b"
+      );
+      this.videoPathThree = await getResourcePath(
+        "05d9e675723ecfe512ae2aba64ba08fa"
+      );
+      this.videoPathFour = await getResourcePath(
+        "f768963b0e70d05a065c3094c9a6a6af"
+      );
+      this.videoPathFive = await getResourcePath(
+        "ada8ecd6349bf5d0c6ee2b6642e9effc"
+      );
+      this.videoPathSix = await getResourcePath(
+        "9c6c01fac88c9dda705bdfd05df3b0ec"
+      );
+      this.videoPathSeven = await getResourcePath(
+        "81574f24a780ca2ed16b023eb795ce04"
+      );
+      this.videoPathEight = await getResourcePath(
+        "65f1f06c69581442b53aefac9da33353"
+      );
+      this.videoPathNine = await getResourcePath(
+        "1f04f081f61aa13373daa7b8b92cc750"
+      );
+      this.videoPathTen = await getResourcePath(
+        "222a20d4bcb6805836684e0d96752ae3"
+      );
+      this.videoPathEleven = await getResourcePath(
+        "b0ff55db0549ccb2f6c1b332798aa8d3"
+      );
+    },
 
     setBookQuestion() {
       localStorage.setItem(
@@ -2331,111 +1934,225 @@
         JSON.stringify(this.questionData)
       );
     },
-
     //娴嬭瘯鎻愪氦
-    setEvaluation(){
+    setEvaluation() {
       // localStorage.setItem(
       //   "aviationEtiquette-book-chapter01-evaluation",
       //   JSON.stringify(this.evaluation)
       // );
     },
 
-    goCheckThree(){
+    goCheckThree() {
       let obj = 0
       let index = 0
       for (let key in this.evaluation.evaluationThreeValue) {
         if (this.evaluation.evaluationThreeValue[key] !== '') {
           let cont = Number(this.evaluation.evaluationThreeValue[key])
           obj = obj + cont
-        }else{
-          index ++ 
+        } else {
+          index++
         }
       }
-      console.log(index,this.evaluation.evaluationThreeValue)
-      if(index > 0 || Object.keys(this.evaluation.evaluationThreeValue).length < 10) {
+      console.log(index, this.evaluation.evaluationThreeValue)
+      if (index > 0 || Object.keys(this.evaluation.evaluationThreeValue).length < 10) {
         this.$message({
-            message: "鎮ㄨ繕鏈夐鐩湭閫夋嫨绛旀",
-            type: "warning"
-          });
-          return;
-      }else{
+          message: "鎮ㄨ繕鏈夐鐩湭閫夋嫨绛旀",
+          type: "warning"
+        });
+        return;
+      } else {
         this.evaluatioThreeResults = obj
         this.evaluation.showCheckAnswerThree = true
         this.evaluation.isCompleteThree = true
-        localStorage.setItem("aviationEtiquette-book-evaluation-chapter003",JSON.stringify(this.evaluation));
-        localStorage.setItem("aviationEtiquette-book-evaluation-three",this.evaluatioThreeResults);
+        localStorage.setItem("aviationEtiquette-book-evaluation-chapter003", JSON.stringify(this.evaluation));
+        localStorage.setItem("aviationEtiquette-book-evaluation-three", this.evaluatioThreeResults);
       }
     },
-    changeCheckThree(){
+    changeCheckThree() {
       this.evaluatioThreeResults = ''
       this.evaluation.evaluationThreeValue = {}
       this.evaluation.isCompleteThree = false
-      localStorage.setItem("aviationEtiquette-book-evaluation-chapter003",JSON.stringify(this.evaluation));
+      localStorage.setItem("aviationEtiquette-book-evaluation-chapter003", JSON.stringify(this.evaluation));
       localStorage.removeItem("aviationEtiquette-book-evaluation-three");
     },
-    goCheckFour(){
+    goCheckFour() {
       let obj = 0
       let index = 0
       for (let key in this.evaluation.evaluationFourValue) {
         if (this.evaluation.evaluationFourValue[key] !== '') {
           let cont = Number(this.evaluation.evaluationFourValue[key])
           obj = obj + cont
-        }else{
+        } else {
           index++
         }
       }
-      if(index > 0 || Object.keys(this.evaluation.evaluationFourValue).length < 6) {
+      if (index > 0 || Object.keys(this.evaluation.evaluationFourValue).length < 6) {
         this.$message({
-            message: "鎮ㄨ繕鏈夐鐩湭閫夋嫨绛旀",
-            type: "warning"
-          });
-          return;
-      }else{
+          message: "鎮ㄨ繕鏈夐鐩湭閫夋嫨绛旀",
+          type: "warning"
+        });
+        return;
+      } else {
         this.evaluationFourResults = obj
         this.evaluation.showCheckAnswerFour = true
         this.evaluation.isCompleteFour = true
-        localStorage.setItem("aviationEtiquette-book-evaluation-chapter003",JSON.stringify(this.evaluation));
-        localStorage.setItem("aviationEtiquette-book-evaluation-four",this.evaluationFourResults);
+        localStorage.setItem("aviationEtiquette-book-evaluation-chapter003", JSON.stringify(this.evaluation));
+        localStorage.setItem("aviationEtiquette-book-evaluation-four", this.evaluationFourResults);
       }
     },
-    changeCheckFour(){
+    changeCheckFour() {
       this.evaluationFourResults = ''
       this.evaluation.evaluationFourValue = {}
       this.evaluation.isCompleteFour = false
-      localStorage.setItem("aviationEtiquette-book-evaluation-chapter003",JSON.stringify(this.evaluation));
+      localStorage.setItem("aviationEtiquette-book-evaluation-chapter003", JSON.stringify(this.evaluation));
       localStorage.removeItem("aviationEtiquette-book-evaluation-four");
     },
-    goCheckFive(){
+    goCheckFive() {
       let obj = 0
       let index = 0
       for (let key in this.evaluation.evaluationFiveValue) {
         if (this.evaluation.evaluationFiveValue[key] !== '') {
           let cont = Number(this.evaluation.evaluationFiveValue[key])
           obj = obj + cont
-        }else{
+        } else {
           index++
         }
       }
-      if(index > 0 || Object.keys(this.evaluation.evaluationFiveValue).length < 12) {
+      if (index > 0 || Object.keys(this.evaluation.evaluationFiveValue).length < 12) {
         this.$message({
-            message: "鎮ㄨ繕鏈夐鐩湭閫夋嫨绛旀",
-            type: "warning"
-          });
-          return;
-      }else{
+          message: "鎮ㄨ繕鏈夐鐩湭閫夋嫨绛旀",
+          type: "warning"
+        });
+        return;
+      } else {
         this.evaluationFiveResults = obj
         this.evaluation.showCheckAnswerFive = true
         this.evaluation.isCompleteFive = true
-        localStorage.setItem("aviationEtiquette-book-evaluation-chapter003",JSON.stringify(this.evaluation));
-        localStorage.setItem("aviationEtiquette-book-evaluation-five",this.evaluationFiveResults);
+        localStorage.setItem("aviationEtiquette-book-evaluation-chapter003", JSON.stringify(this.evaluation));
+        localStorage.setItem("aviationEtiquette-book-evaluation-five", this.evaluationFiveResults);
       }
     },
-    changeCheckFive(){
+    changeCheckFive() {
       this.evaluationFiveResults = ''
       this.evaluation.evaluationFiveValue = {}
       this.evaluation.isCompleteFive = false
-      localStorage.setItem("aviationEtiquette-book-evaluation-chapter003",JSON.stringify(this.evaluation));
+      localStorage.setItem("aviationEtiquette-book-evaluation-chapter003", JSON.stringify(this.evaluation));
       localStorage.removeItem("aviationEtiquette-book-evaluation-five");
+    },
+
+    handleCollect(e) {
+      if (e == "video-01") {
+        this.handleCollectResource(
+          "4f0afd466e16bde40a447ff467452181",
+          "4f0afd466e16bde40a447ff467452181",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氬窛鑸揣鎬ユ挙绂�"
+        );
+        this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo;
+      } else if (e == "video-02") {
+        this.handleCollectResource(
+          "6f3a3b8b1b5eb8b942f57b7c6ef20ff7",
+          "6f3a3b8b1b5eb8b942f57b7c6ef20ff7",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氭皯鑸簲绉嶆矡閫氶鏍�"
+        );
+        this.chapterData.isCollectVideoOne = !this.chapterData.isCollectVideoOne;
+      } else if (e == "video-03") {
+        this.handleCollectResource(
+          "45d4dc432a32a81d20421fa6b8ebe50b",
+          "45d4dc432a32a81d20421fa6b8ebe50b",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氬鑸辨湇鍔℃矡閫�--鏈夋晥娌熼��"
+        );
+        this.chapterData.isCollectVideoTwo = !this.chapterData.isCollectVideoTwo;
+      } else if (e == "video-04") {
+        this.handleCollectResource(
+          "571b9fb7962e8fc30749893919d2157b",
+          "571b9fb7962e8fc30749893919d2157b",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氬鑸辨湇鍔℃矡閫�--鏃犳晥娌熼��"
+        );
+        this.chapterData.isCollectVideoThree = !this.chapterData.isCollectVideoThree;
+      } else if (e == "video-05") {
+        this.handleCollectResource(
+          "05d9e675723ecfe512ae2aba64ba08fa",
+          "05d9e675723ecfe512ae2aba64ba08fa",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氳�佸勾鏃呭鏈嶅姟娌熼�氳瘽鏈�"
+        );
+        this.chapterData.isCollectVideoFour = !this.chapterData.isCollectVideoFour;
+      } else if (e == "video-06") {
+        this.handleCollectResource(
+          "9c6c01fac88c9dda705bdfd05df3b0ec",
+          "9c6c01fac88c9dda705bdfd05df3b0ec",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氭梾瀹㈡寫鍓旀椂鐨勬湇鍔℃矡閫氳瘽鏈�"
+        );
+        this.chapterData.isCollectVideoFive = !this.chapterData.isCollectVideoFive;
+      } else if (e == "video-07") {
+        this.handleCollectResource(
+          "81574f24a780ca2ed16b023eb795ce04",
+          "81574f24a780ca2ed16b023eb795ce04",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氭梾瀹㈤敊杩囬�侀璇夋眰澶勭悊璇濇湳婕旂ず"
+        );
+        this.chapterData.isCollectVideoSix = !this.chapterData.isCollectVideoSix;
+      } else if (e == "video-08") {
+        this.handleCollectResource(
+          "65f1f06c69581442b53aefac9da33353",
+          "65f1f06c69581442b53aefac9da33353",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氭皯鑸亴鍦烘矡閫氳鐭�"
+        );
+        this.chapterData.isCollectVideoSeven = !this.chapterData.isCollectVideoSeven;
+      }else if (e == "video-09") {
+        this.handleCollectResource(
+          "1f04f081f61aa13373daa7b8b92cc750",
+          "1f04f081f61aa13373daa7b8b92cc750",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氭皯鑸梾瀹㈡姇璇夊簲瀵规妧宸�"
+        );
+        this.chapterData.isCollectVideoSeven = !this.chapterData.isCollectVideoSeven;
+      }else if (e == "video-10") {
+        this.handleCollectResource(
+          "222a20d4bcb6805836684e0d96752ae3",
+          "222a20d4bcb6805836684e0d96752ae3",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氶鏈烘晠闅滃鑷存姇璇夌殑澶勭悊璇濇湳"
+        );
+        this.chapterData.isCollectVideoSeven = !this.chapterData.isCollectVideoSeven;
+      }else if (e == "video-11") {
+        this.handleCollectResource(
+          "b0ff55db0549ccb2f6c1b332798aa8d3",
+          "b0ff55db0549ccb2f6c1b332798aa8d3",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氭梾瀹㈡姇璇夊師鍥犵殑璁ょ煡"
+        );
+        this.chapterData.isCollectVideoSeven = !this.chapterData.isCollectVideoSeven;
+      }
+      this.handleChapterData();
     },
 
 
@@ -2444,6 +2161,13 @@
     },
     handleBlur() {
       this.isFocused = null; // 褰搕extarea澶卞幓鐒︾偣鏃讹紝璁剧疆涓篺alse
+    },
+
+    handleChapterData() {
+      localStorage.setItem(
+        "aviationEtiquette-book-chapter03-Data",
+        JSON.stringify(this.chapterData)
+      );
     },
 
     //璧勬簮鏀惰棌浜嬩欢
@@ -2477,6 +2201,13 @@
         this.collectResourceList
       );
     },
+    openQuestion(num) {
+      if (num) {
+        this.questionNum = this.chapter001.question[num].questionNum;
+        this.questionTitleMain = this.chapter001.question[num].questionTitleMain;
+        this.$refs.dialogRef.openDialogQuestion();
+      }
+    },
   },
 };
 </script>
diff --git a/src/books/aviationEtiquette/view/components/chapter004.vue b/src/books/aviationEtiquette/view/components/chapter004.vue
index ab751db..a1e9a6e 100644
--- a/src/books/aviationEtiquette/view/components/chapter004.vue
+++ b/src/books/aviationEtiquette/view/components/chapter004.vue
@@ -5,16 +5,11 @@
       <div v-if="showPageList.indexOf(118) > -1">
         <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
           <li class="headerText pNum">112</li>
-          <img
-            class="headerImg mr-10"
-            src="../../assets/images/yemei.png"
-            alt=""
-          />
+          <img class="headerImg mr-10" src="../../assets/images/yemei.png" alt="" />
         </ul>
         <div class="bodystyle">
           <h1 id="a008">
-            <span class="h1-bj">妯″潡鍥�</span
-            ><span class="h1-bk">姘戣埅涓撲笟绀间华瀹炶</span>
+            <span class="h1-bj">妯″潡鍥�</span><span class="h1-bk">姘戣埅涓撲笟绀间华瀹炶</span>
           </h1>
           <h2 id="b008">椤圭洰涓�銆�鍊欐満妤兼湇鍔$ぜ浠�</h2>
           <div class="tp-3">
@@ -22,11 +17,11 @@
               <img class="rwmb-4" alt="" src="../../assets/images/tb.png" />
             </p>
           </div>
+          <p class="td-0 mt-10 mb-10"><span class="bj2">路鎬濈淮瀵煎浘路</span></p>
+          <p class="td-0 openImgBox"><img class="img-0" src="../../assets//images/unitFour-01.png" alt=""></p>
           <div class="bk">
             <p class="bj1-qjms fl al-c">
-              <span class="span-box"></span
-              ><span class="span-text">椤圭洰鎻忚堪</span
-              ><span class="span-box"></span>
+              <span class="span-box"></span><span class="span-text">椤圭洰鎻忚堪</span><span class="span-box"></span>
             </p>
             <p class="fz-15">
               鏉庝附鍗冲皢鍜屽悓瀛︿滑涓�璧峰幓鍊欐満妤艰繘琛屼负鏈熶袱涓湀鐨勫矖浣嶅涔犮�傚ス杩垏鎯崇煡閬撳�欐満妤兼湇鍔$殑鍒嗙被锛岄渶瑕佹帉鎻′粈涔堟牱鐨勭煡璇嗗拰鎶�鑳斤紝鍙兘浼氶亣鍒板摢浜涙梾瀹㈢殑鐤戦棶锛岃鎬庢牱澶勭悊銆傚涔犺�呴�氳繃鏈」鐩殑瀛︿範锛屼簡瑙e�欐満妤奸棶璇€�佸涔樸�佸�兼満鍜岃吹瀹惧巺鏈嶅姟鐨勮亴璐h姹傚強绀间华瑙勮寖锛屽舰鎴愬鍊欐満妤煎父瑙佺殑鍑犱釜涓昏宀椾綅鏈嶅姟瑙勮寖鍜屾搷浣滄祦绋嬬殑鍏ㄩ潰璁ょ煡锛屾彁楂樺鍊欐満妤兼梾瀹㈢殑鏈嶅姟鏁堢巼锛屼负姘戣埅浼佷笟鐨勬湇鍔″搧鐗屻�佹湇鍔″嵃璞$鐞嗗仛璐$尞锛屽苟閫氳繃浼樿川鏈嶅姟锛屾惌寤鸿壇濂界殑瀹㈡埛鍏崇郴銆�
@@ -34,9 +29,7 @@
           </div>
           <div class="bk">
             <p class="bj1-qjms fl al-c">
-              <span class="span-box"></span
-              ><span class="span-text">绀煎湪韬竟</span
-              ><span class="span-box"></span>
+              <span class="span-box"></span><span class="span-text">绀煎湪韬竟</span><span class="span-box"></span>
             </p>
             <p class="fz-15">
               2018骞�6鏈�11鏃ワ紝涓嬪崍涓ょ偣鍗婏紝涓�鍚嶅绫嶆梾瀹㈢劍鎬ュ湴鏉ュ埌闂鍙帮紝鏈嶅姟浜哄憳灏忔潕绔嬪嵆璧疯韩杩庢帴鏃呭骞朵富鍔ㄨ闂湁浠�涔堣兘甯繖鐨勩�傞�氳繃杩欏悕澶栫睄鏃呭鐨勮〃杈撅紝灏忔潕浜嗚В鍒帮紝鏃呭鍦ㄦ暣鐞嗚鏉庢椂锛屼笉鎱庢妸鎶ょ収寮勪涪浜嗐�傚皬鏉庣珛鍗抽�氱煡骞挎挱绔欒繘琛屽け鐗╂嫑棰嗘挱鎶ワ紝闅忓悗瀹夋姎鏃呭鎯呯华锛屽ぇ姒�5鍒嗛挓锛屽氨鎺ュ埌宸ヤ綔浜哄憳鍥炲锛屾壘鍒颁簡璇ュ悕鏃呭鐨勬姢鐓э紝鑰屾鏃惰窛绂昏鍚嶆梾瀹箻鍧愮殑鑸彮鍏抽棴杩樻湁6鍒嗛挓銆備负浜嗚鏃呭鑳藉椤哄埄涔樺潗鑸彮锛屽皬鏉庣洿鎺ヤ负杩欏悕澶栫睄鏃呭瀹夋帓浜嗕笓闂ㄧ殑瀵间箻鍛橈紝鍏ㄧ▼寮曞锛屽湪鏈�鍚庝竴鍒绘梾瀹㈡垚鍔熷姙鐞嗕簡鍊兼満鎵嬬画銆�
@@ -45,32 +38,21 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3 fz-15">
               <p>
                 1.妗堜緥涓紝澶栫睄鏃呭椤哄埄鐧绘満浣撶幇浜嗗�欐満妤兼湇鍔′腑鍝簺宀椾綅浜哄憳鐨勪紭璐ㄦ湇鍔″憿锛�
               </p>
-              <textarea
-                v-model="questionData.askAbout.one"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-15 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
               <p>
                 2.鏈哄満闂鏈嶅姟宀椾綅閫氬父鏄�欐満妤间腑瑙g瓟鏃呭鐤戦毦鐨勯噸瑕佺獥鍙o紝浣犺寰楀湪闂鏈嶅姟涓垜浠簲璇ユ敞鎰忓摢浜涚ぜ浠鑼冨憿锛�
               </p>
-              <textarea
-                v-model="questionData.askAbout.two"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-16 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
         </div>
@@ -91,13 +73,50 @@
         </ul>
         <div class="bodystyle">
           <h3 id="c026">
-            <span class="h3-zt1">浠诲姟1</span
-            ><span class="h3-bk">闂鏈嶅姟绀间华瀹炶</span>
+            <span class="h3-zt1">浠诲姟1</span><span class="h3-bk">闂鏈嶅姟绀间华瀹炶</span>
           </h3>
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.浜嗚В鍊欐満妤奸棶璇㈡湇鍔$殑鍒嗙被銆�</p>
           <p>2.浜嗚В鍊欐満妤奸棶璇㈡湇鍔″矖浣嶈亴璐c��</p>
           <p>3.鎺屾彙鍊欐満妤奸棶璇㈡湇鍔″矖浣嶅伐浣滀汉鍛樼ぜ浠鑼冦��</p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氳吹瀹惧巺鏈嶅姟姒傝堪</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'e9002557d1ba0b28dbddf10c52612e3f'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-01')" />
+              </el-tooltip>
+            </p>
+          </div>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathTwo" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氬�欐満妤煎�兼満鏈嶅姟姒傝堪</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo01 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'da82b43c7571108d00a19ffcb5233a2e'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-02')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h4 id="d083">涓�銆佸�欐満妤奸棶璇㈡湇鍔$殑鍒嗙被</h4>
           <p>
             鏈哄満闂鏈嶅姟浜哄憳鏄埅绌哄叕鍙哥殑瀵瑰褰㈣薄澶т娇锛岃繖涓矖浣嶆槸涓轰箻瀹㈠揩閫熻В鍐崇枒闅鹃棶棰樸�佸紩瀵间箻瀹㈤『鍒╃櫥鏈鸿�岃绔嬬殑锛屾槸鑸┖鍏徃瀵瑰鎵胯鈥滄梾瀹㈣嚦涓婏紝鎵撻�犵粏鑷村叆寰殑鏈嶅姟鈥濈殑涓�绉嶄綋鐜般�傞棶璇㈡湇鍔″矖浣嶄汉鍛樺簲褰撻伒寰満鍦哄拰鑸徃鍒跺畾鐨勫伐浣滆鑼冧互鍙婂伐浣滄爣鍑嗭紝鍋氬埌娉ㄩ噸浠〃銆佸睍鐜扮ぜ璨屻�傚�欐満妤奸棶璇㈡湇鍔″彲閫氳繃浠ヤ笅鏂瑰紡杩涜鍒嗙被銆�
@@ -113,21 +132,13 @@
           <div class="fl al-fe mt-10">
             <span>
               <p class="center openImgBox">
-                <img
-                  class="img-b"
-                  alt=""
-                  src="../../assets/images/0119-1.jpg"
-                />
+                <img class="img-b" alt="" src="../../assets/images/0119-1.jpg" />
               </p>
               <p class="img">鍥�4-1-1 鐜板満闂</p>
             </span>
             <span>
               <p class="center openImgBox">
-                <img
-                  class="img-b"
-                  alt=""
-                  src="../../assets/images/0119-2.jpg"
-                />
+                <img class="img-b" alt="" src="../../assets/images/0119-2.jpg" />
               </p>
               <p class="img">鍥�4-1-2 鐢佃瘽闂</p>
             </span>
@@ -141,11 +152,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">114</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -184,7 +191,7 @@
             锛�3锛夊簲绛旀梾瀹㈢殑鎻愰棶鎴栧緛璇㈡椂锛岃瑷�搴旂畝娲併�佸噯纭紝璇皵濠夎浆锛岄煶閲忛�備腑锛屼笉鑳借瘝涓嶈揪鎰忥紝搴斾粠瀹逛笉杩紝鎸夊厛鏉ュ悗鍒扮殑娆″簭锛屽垎杞婚噸缂撴�ワ紝涓�涓�鍥炵瓟锛屼笉鑳藉彧椤句竴浣嶆梾瀹紝鑰屽拷鐣ヤ簡鍏朵粬鏃呭鐨勫瓨鍦ㄣ��
           </p>
           <p>
-            锛�4锛夊浜庢梾瀹㈡彁鍑虹殑鏃犵悊瑕佹眰锛岄渶瑕佹矇浣忔皵锛屽瑷�鎷掔粷锛屾垨宸у鍥炵瓟锛屽仛鍒版湁淇吇銆佹湁椋庡害銆佷笉澶辩ぜ锛涘浜庢梾瀹㈢殑鎵硅瘎鎸囪矗瑕佸寘瀹瑰拰璋﹁櫄銆傚鏋滈棶棰樼‘瀹炴槸鎴戜滑鐨勪笉褰撴垨澶辫亴瀵艰嚧鐨勶紝搴旂珛鍒诲悜涔樺璧旂ぜ閬撴瓑锛屽涔樺鐨勫叧娉ㄨ〃绀烘劅璋紝绔嬪嵆鎶ュ憡鎴栧Ε鍠勫鐞嗐�傚鏋滄梾瀹㈡彁鍑虹殑鎵硅瘎鎸囪矗鏄洜涓鸿浼氬拰璇В锛屾垜浠篃瑕佺涓�鏃堕棿鍚戞梾瀹㈣〃杈炬瓑鎰忥紝
+            锛�4锛夊浜庢梾瀹㈡彁鍑虹殑鏃犵悊瑕佹眰锛岄渶瑕佹矇浣忔皵锛屽瑷�鎷掔粷锛屾垨宸у鍥炵瓟锛屽仛鍒版湁淇吇銆佹湁椋庡害銆佷笉澶辩ぜ锛涘浜庢梾瀹㈢殑鎵硅瘎鎸囪矗瑕佸寘瀹瑰拰璋﹁櫄銆傚鏋滈棶棰樼‘瀹炴槸鎴戜滑鐨勪笉褰撴垨澶辫亴瀵艰嚧鐨勶紝搴旂珛鍒诲悜涔樺璧旂ぜ閬撴瓑锛屽涔樺鐨勫叧娉ㄨ〃绀烘劅璋紝绔嬪嵆鎶ュ憡鎴栧Ε鍠勫鐞嗐�傚鏋滄梾瀹㈡彁鍑虹殑鎵硅瘎鎸囪矗鏄洜涓鸿浼氬拰璇В锛屾垜浠篃瑕佺涓�鏃堕棿鍚戞梾瀹㈣〃杈炬瓑鎰忥紝瀹夋姎鏃呭鎯呯华銆�
           </p>
         </div>
       </div>
@@ -203,7 +210,6 @@
           <li class="header-right-end" style=""><br /></li>
         </ul>
         <div class="bodystyle">
-          <p class="td-0">瀹夋姎鏃呭鎯呯华銆�</p>
           <p>
             锛�5锛夐亣鍒拌В鍐充笉浜嗙殑闂鏃讹紝搴斿厛鍚戞梾瀹㈣〃杈炬瓑鎰忥紝骞跺紩瀵兼梾瀹㈠埌鑳芥彁渚涙湁鏁堟湇鍔$殑閮ㄩ棬鎴栧矖浣嶏紝绂佹璇翠竴浜涘惁瀹氬彞銆�
           </p>
@@ -218,9 +224,8 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3 fz-15">
@@ -228,13 +233,8 @@
               <p>
                 鍒嗘瀽锛氬湪鏈哄満锛岄亣鍒拌埅鐝欢璇紝骞挎挱鎾姤鏈�澶氱殑鏄�滃ぉ姘斿師鍥犫�濓紝鑰屽線寰�鏃呭鐪煎墠鐪嬪埌鐨勬槸鏈楁湕鏅寸┖锛屽啀鍘绘煡鐪嬬洰鐨勫湴鐨勫ぉ姘旀椂锛屽彂鐜颁篃鏄剧ず鏅存湕锛屾鏃舵梾瀹㈤毦鍏嶄細瀵硅埅鐝欢璇殑鍘熷洜浜х敓鎬�鐤戙�備簨瀹炰笂锛屸�滃ぉ姘斿師鍥犫�濇湁寰堝绉嶆儏鍐碉細涓�鏄鏈哄洜鍑哄彂鍦板ぉ姘旂姸鍐典笉閫傚疁璧烽锛涗簩鏄鏈哄洜鐩殑鍦板ぉ姘旂姸鍐典笉閫傚疁璧烽锛涗笁鏄鏈哄洜椋炶鑸矾涓婄殑澶╂皵鐘跺喌涓嶉�傚疁璧烽绛夈�傚湪鍏ㄧ▼鑸嚎涓婏紝鍙鏈変竴涓湴鏂圭殑澶╂皵鐘跺喌鍑虹幇寮傚父锛岄鏈哄氨鍙兘鐢变簬鈥滃ぉ姘斿師鍥犫�濆湪鍘熷湴鍋滅暀銆傛墍浠ワ紝鏅寸┖涓囬噷涓嶄唬琛ㄩ琛屾剰涔変笂鐨勩�佹梾瀹㈣涓虹殑姝e父澶╂皵銆�
               </p>
-              <textarea
-                v-model="questionData.askAbout.three"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-15 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h5 id="e097">锛堜簩锛夌數璇濋棶璇㈡湇鍔$ぜ浠�</h5>
@@ -254,11 +254,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">116</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -315,9 +311,27 @@
           <p class="td-0 mb-10 mt-10"><span class="bj2">路绀间箣鍙嶆�澛�</span></p>
           <p>閫氳繃瀵归棶璇㈡湇鍔$殑瀛︿範锛屽悓瀛︿滑鏈変綍鎰熸偀鍜屾柊棰栫殑鎯虫硶锛�</p>
           <h3 id="c027">
-            <span class="h3-zt1">浠诲姟2</span
-            ><span class="h3-bk">瀵间箻鏈嶅姟绀间华瀹炶銆�</span>
+            <span class="h3-zt1">浠诲姟2</span><span class="h3-bk">瀵间箻鏈嶅姟绀间华瀹炶銆�</span>
           </h3>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathThree" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氭満鍦哄箍鎾�氱煡寤惰</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo02 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '36f02743b633758c2ecdee90af20fe34'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-03')" />
+              </el-tooltip>
+            </p>
+          </div>
           <p class="td-0 mb-10 mt-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
           <p class="center"><span class="cs1">鑳岃�佷汉璧惰埅鐝殑鈥滃皬璺戝摜鈥�</span></p>
           <p class="block">
@@ -326,20 +340,14 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3 fz-15">
               <p>閫氳繃涓婅堪鎻忚堪锛屼綘璁や负鍦ㄥ涔樻湇鍔′腑搴旀敞鎰忎粈涔堬紵鏈変粈涔堜綔鐢紵</p>
-              <textarea
-                v-model="questionData.askAbout.four"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-15 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p><b>浠诲姟鐩爣锛�</b></p>
@@ -365,11 +373,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">118</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -392,6 +396,44 @@
             闅旂妗╃殑缁存姢锛氶殧绂绘々瀹屽ソ鐜�100%锛屽鏈夋晠闅滈渶閫氱煡鍊兼満涓讳换锛涢殧绂绘々涓嶅緱鏈夌矘绾搞�佸皹鍦熴�佹墦缁撱�佺紶缁曘�佹澗鍔ㄣ�佺己鎹熺瓑鐜拌薄锛涢殧绂诲甫鏁寸悊棰戠巼涓嶅緱灏戜簬10鍒嗛挓/娆★紝鎽嗘斁闂磋窛鐩哥瓑锛屾í骞崇珫鐩达紝妯悜鍜岀旱鍚戝憟90掳锛涢伒寰�滀笁妗╀袱甯︹�濆師鍒欙紝鍗虫瘡涓�涓殧绂诲甫鐢变袱涓珫妗╅厤涓�鏍归殧绂诲甫锛屽苟鍛堜竴鏉$洿绾裤�傞殧绂诲甫涓嶅緱瓒呰繃涓�绫抽粍绾夸綅缃紱涓嶅緱瓒呰繃鍒掑畾鍖哄煙锛屼笉寰楀奖鍝嶆梾瀹㈤�氳銆�
           </p>
           <h4 id="d089">涓夈�佸�欐満妤煎涔樻湇鍔$ぜ浠鑼�</h4>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathFour" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氭梾瀹涪澶辩墿鍝佺殑鏈嶅姟</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo03 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '810345cbf8f3d003d9ff7247a5247570'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-04')" />
+              </el-tooltip>
+            </p>
+          </div>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathFive" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氬�欐満妤煎憳宸ヤ笌鏃呭鍐茬獊浜嬩欢瑙e喅</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo04 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '2336e67a853728fa6a1d2b7a4a2d9abf'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-05')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h5 id="e098">锛堜竴锛夌Н鏋佷富鍔ㄥ搷搴旀梾瀹㈤渶姹�</h5>
           <p>
             鍝嶅簲鎬ф槸鎸囧涔樹汉鍛樺悜鏃呭鎻愪緵鏈嶅姟鐨勮嚜鍙戞�э紝鍝嶅簲鎬у喅瀹氫簡鏃呭涓烘湇鍔$瓑寰呯殑鏃堕棿鍜岄棶棰樿В鍐崇殑鏁堢巼銆傚涔樹汉鍛樺鏃呭鍝嶅簲鍙婃椂锛岃兘澶熷鍔犳梾瀹㈢殑淇′换搴﹀拰婊℃剰搴︼紝閬垮厤鏃呭鍑虹幇涓嶆弧鎯呯华銆�
@@ -424,28 +466,17 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3 fz-15">
               <p>1.妗堜緥涓紝鍊兼満鍛樺皬钁d负鏃呭鎻愪緵浜嗗摢浜涙殩蹇冩湇鍔★紵</p>
-              <textarea
-                v-model="questionData.askAbout.five"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-15 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
               <p>2.璋堜竴璋堬紝浣犱粠璇ユ渚嬩腑寰楀埌浜嗗摢浜涘惎绀猴紵</p>
-              <textarea
-                v-model="questionData.askAbout.six"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-15 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h5 id="e100">锛堜笁锛変弗瀹堣鑼冩彁鍗囨湇鍔¤川閲�</h5>
@@ -467,11 +498,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">120</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -484,82 +511,39 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3 fz-15">
               <p>璇峰皢鍒氭墠鎻愬埌鐨勬湇鍔″繉璇繘琛屾敼杩涳紝鍙樻垚娓╂殩瑙勮寖鐨勬湇鍔$敤璇��</p>
               <p>
-                涓嶈鈥滀笉鐭ラ亾锛屼笉娓呮鈥濃�斺�旀垜浠彲浠ヨ锛�<input
-                  type="text"
-                  name="ball1"
-                  class="fz-15 input-box"
-                  style="width: 200px"
-                  v-model="questionData.askAbout.seven"
-                  @change="setBookQuestion"
-                />
+                涓嶈鈥滀笉鐭ラ亾锛屼笉娓呮鈥濃�斺�旀垜浠彲浠ヨ锛�<input type="text" name="ball1" class="fz-15 input-box" style="width: 200px"
+                  v-model="questionData.askAbout.seven" @change="setBookQuestion" />
               </p>
               <p>
-                涓嶈鈥滀綘鎬庝箞杩樹笉鏄庣櫧鈥濃�斺�旀垜浠彲浠ヨ锛�<input
-                  type="text"
-                  name="ball1"
-                  class="fz-15 input-box"
-                  style="width: 200px"
-                  v-model="questionData.askAbout.eight"
-                  @change="setBookQuestion"
-                />
+                涓嶈鈥滀綘鎬庝箞杩樹笉鏄庣櫧鈥濃�斺�旀垜浠彲浠ヨ锛�<input type="text" name="ball1" class="fz-15 input-box" style="width: 200px"
+                  v-model="questionData.askAbout.eight" @change="setBookQuestion" />
               </p>
               <p>
-                涓嶈鈥滃垰鎵嶄笉鏄凡缁忓憡璇変綘浜嗗悧鈥濃�斺�旀垜浠彲浠ヨ锛�<input
-                  type="text"
-                  name="ball1"
-                  class="fz-16 input-box"
-                  style="width: 130px"
-                  v-model="questionData.askAbout.nine"
-                  @change="setBookQuestion"
-                />
+                涓嶈鈥滃垰鎵嶄笉鏄凡缁忓憡璇変綘浜嗗悧鈥濃�斺�旀垜浠彲浠ヨ锛�<input type="text" name="ball1" class="fz-16 input-box" style="width: 130px"
+                  v-model="questionData.askAbout.nine" @change="setBookQuestion" />
               </p>
               <p>
-                涓嶈鈥滃摢涔扮殑绁ㄥ摢閫�鍘伙紝鍒壘鎴戜滑鈥濃�斺�旀垜浠彲浠ヨ锛�<input
-                  type="text"
-                  name="ball1"
-                  class="fz-16 input-box"
-                  style="width: 115px"
-                  v-model="questionData.askAbout.ten"
-                  @change="setBookQuestion"
-                />
+                涓嶈鈥滃摢涔扮殑绁ㄥ摢閫�鍘伙紝鍒壘鎴戜滑鈥濃�斺�旀垜浠彲浠ヨ锛�<input type="text" name="ball1" class="fz-16 input-box" style="width: 115px"
+                  v-model="questionData.askAbout.ten" @change="setBookQuestion" />
               </p>
               <p>
-                涓嶈鈥滄�ヤ粈涔堬紝鍒偓鎴戔�濃�斺�旀垜浠彲浠ヨ锛�<input
-                  type="text"
-                  name="ball1"
-                  class="fz-16 input-box"
-                  style="width: 200px"
-                  v-model="questionData.askAbout.eleven"
-                  @change="setBookQuestion"
-                />
+                涓嶈鈥滄�ヤ粈涔堬紝鍒偓鎴戔�濃�斺�旀垜浠彲浠ヨ锛�<input type="text" name="ball1" class="fz-16 input-box" style="width: 200px"
+                  v-model="questionData.askAbout.eleven" @change="setBookQuestion" />
               </p>
               <p>
-                涓嶈鈥滅埍鎵捐皝鎵捐皝锛屾垜瑙e喅涓嶄簡鈥濃�斺�旀垜浠彲浠ヨ锛�<input
-                  type="text"
-                  name="ball1"
-                  class="fz-16 input-box"
-                  style="width: 130px"
-                  v-model="questionData.askAbout.twelve"
-                  @change="setBookQuestion"
-                />
+                涓嶈鈥滅埍鎵捐皝鎵捐皝锛屾垜瑙e喅涓嶄簡鈥濃�斺�旀垜浠彲浠ヨ锛�<input type="text" name="ball1" class="fz-16 input-box" style="width: 130px"
+                  v-model="questionData.askAbout.twelve" @change="setBookQuestion" />
               </p>
               <p>
-                涓嶈鈥滄尋浠�涔堟尋锛屽悗闈㈢瓑鐫�鍘烩�濃�斺�旀垜浠彲浠ヨ锛�<input
-                  type="text"
-                  name="ball1"
-                  class="fz-16 input-box"
-                  style="width: 140px"
-                  v-model="questionData.askAbout.thirteen"
-                  @change="setBookQuestion"
-                />
+                涓嶈鈥滄尋浠�涔堟尋锛屽悗闈㈢瓑鐫�鍘烩�濃�斺�旀垜浠彲浠ヨ锛�<input type="text" name="ball1" class="fz-16 input-box" style="width: 140px"
+                  v-model="questionData.askAbout.thirteen" @change="setBookQuestion" />
               </p>
             </div>
           </div>
@@ -568,17 +552,31 @@
             <img class="img-0" alt="" src="../../assets/images/0126-1.jpg" />
           </p>
           <h3 id="c028">
-            <span class="h3-zt1">浠诲姟3</span
-            ><span class="h3-bk">鍊兼満鏈嶅姟绀间华瀹炶</span>
+            <span class="h3-zt1">浠诲姟3</span><span class="h3-bk">鍊兼満鏈嶅姟绀间华瀹炶</span>
           </h3>
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.鐭ラ亾鍊欐満妤煎�兼満鏈嶅姟宀椾綅宸ヤ綔浜哄憳鐨勫伐浣滄祦绋嬨��</p>
           <p>2.浜嗚В鍊欐満妤煎�兼満鏈嶅姟宀椾綅宸ヤ綔浜哄憳鐨勭ぜ浠鑼冦��</p>
           <p>3.鑳界啛缁冭繍鐢ㄧぜ浠鑼冦��</p>
-          <h4 id="d090">涓�銆佸�欐満妤煎�兼満鏈嶅姟姒傝堪</h4>
-          <p>
-            鍊兼満鏈嶅姟鏄寚鑸┖鍏徃涓烘梾瀹㈠姙鐞嗕箻鏈烘墜缁殑鍏ㄦ祦绋嬫湇鍔★紝鍩烘湰娴佺▼鍖呮嫭锛氳繋鎺ユ梾
-          </p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathSix" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氬�欐満妤兼湇鍔$ぜ浠疄璁�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo05 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'f60bcf0daea848fdd87d931e0debffe7'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-06')" />
+              </el-tooltip>
+            </p>
+          </div>
         </div>
       </div>
     </div>
@@ -596,8 +594,9 @@
           <li class="header-right-end" style=""><br /></li>
         </ul>
         <div class="bodystyle">
+          <h4 id="d090">涓�銆佸�欐満妤煎�兼満鏈嶅姟姒傝堪</h4>
           <p>
-            瀹€�佹煡楠屾梾瀹㈠绁ㄥ強璇佷欢銆佷负鏃呭瀹夋帓搴т綅銆佹敹杩愭墭杩愭梾瀹㈣鏉庛�佸拰鏃呭鍛婂埆銆傛瘡涓�涓祦绋嬶紝鍊兼満浜哄憳閮藉簲閬靛畧鐩稿簲鐨勭ぜ浠鑼冿紝涓烘梾瀹㈡彁渚涙弧鎰忕殑鏈嶅姟锛屼互鎻愰珮姘戣埅浼佷笟鐨勫舰璞★紝杩涜�屼績杩涙皯鑸紒涓氱殑鍙戝睍銆�
+            鍊兼満鏈嶅姟鏄寚鑸┖鍏徃涓烘梾瀹㈠姙鐞嗕箻鏈烘墜缁殑鍏ㄦ祦绋嬫湇鍔★紝鍩烘湰娴佺▼鍖呮嫭锛氳繋鎺ユ梾瀹€�佹煡楠屾梾瀹㈠绁ㄥ強璇佷欢銆佷负鏃呭瀹夋帓搴т綅銆佹敹杩愭墭杩愭梾瀹㈣鏉庛�佸拰鏃呭鍛婂埆銆傛瘡涓�涓祦绋嬶紝鍊兼満浜哄憳閮藉簲閬靛畧鐩稿簲鐨勭ぜ浠鑼冿紝涓烘梾瀹㈡彁渚涙弧鎰忕殑鏈嶅姟锛屼互鎻愰珮姘戣埅浼佷笟鐨勫舰璞★紝杩涜�屼績杩涙皯鑸紒涓氱殑鍙戝睍銆�
           </p>
           <p class="td-0 mb-10 mt-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
           <p class="block">
@@ -611,21 +610,13 @@
           <div class="fl al-fe mt-10">
             <span>
               <p class="center openImgBox">
-                <img
-                  class="img-a"
-                  alt=""
-                  src="../../assets/images/0127-1.jpg"
-                />
+                <img class="img-a" alt="" src="../../assets/images/0127-1.jpg" />
               </p>
               <p class="img">鍥�4-1-3 杩庢帴鏃呭</p>
             </span>
             <span>
               <p class="center openImgBox">
-                <img
-                  class="img-a"
-                  alt=""
-                  src="../../assets/images/0127-2.jpg"
-                />
+                <img class="img-a" alt="" src="../../assets/images/0127-2.jpg" />
               </p>
               <p class="img">鍥�4-1-4 寰瑧</p>
             </span>
@@ -634,20 +625,14 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3 fz-15">
               <p>鍦ㄦ鏌ユ梾瀹㈠绁ㄥ拰璇佷欢鏃讹紝搴旀敞鎰忓摢浜涙柟闈紵</p>
-              <textarea
-                v-model="questionData.askAbout.fourteen"
-                placeholder="璇疯緭鍏ュ唴瀹�"
-                rows="4"
-                class="fz-15 textarea-box"
-                @change="setBookQuestion"
-              ></textarea>
+              <textarea v-model="questionData.askAbout.fourteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h5 id="e102">锛堜簩锛夋煡楠屾梾瀹㈠绁ㄥ強璇佷欢绀间华</h5>
@@ -666,11 +651,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">122</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -696,19 +677,18 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3 fz-15">
               <p>浣犵煡閬撳鑸卞骇浣嶇殑瀹夋帓涓�鑸兘閬靛惊鍝簺鍘熷垯鍚楋紵</p>
-              <textarea v-model="questionData.askAbout.fifteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.fifteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
-            鍦ㄩ�氬父鎯呭喌涓嬶紝鍊兼満鍛樹负鏃呭瀹夋帓搴т綅閬靛惊浠ヤ笅鍑犱釜鍘熷垯锛氬鏋滄槸鍚岃鏃呭锛屽簲灏介噺瀹夋帓鍦ㄩ偦杩戠殑搴т綅涓婏紱濡傛灉閬囧埌瀛曞绛夐渶瑕佺壒娈婄収椤剧殑鏃呭锛屼竴鑸畨鎺掑湪闈犺繎瀹㈣埍鏈嶅姟鍛樻垨鑰呮柟渚垮嚭鍏ョ殑鐩稿瀹芥暈鐨勫骇浣嶄笂锛屼絾鏄笉鑳藉畨鎺掑湪绱ф�ュ嚭鍙o紱濡傛灉鏄埅鍙哥殑閲嶈鏃呭锛屼竴鑸細瀹夋帓鍦ㄩ潬鍓嶇殑搴т綅涓婏紝鎴栬�呭湪鍏徃鍏佽鏉′欢涓嬩负鍏惰繘琛屽崌鑸辨湇鍔★紱濡傛灉鏈�
+            鍦ㄩ�氬父鎯呭喌涓嬶紝鍊兼満鍛樹负鏃呭瀹夋帓搴т綅閬靛惊浠ヤ笅鍑犱釜鍘熷垯锛氬鏋滄槸鍚岃鏃呭锛屽簲灏介噺瀹夋帓鍦ㄩ偦杩戠殑搴т綅涓婏紱濡傛灉閬囧埌瀛曞绛夐渶瑕佺壒娈婄収椤剧殑鏃呭锛屼竴鑸畨鎺掑湪闈犺繎瀹㈣埍鏈嶅姟鍛樻垨鑰呮柟渚垮嚭鍏ョ殑鐩稿瀹芥暈鐨勫骇浣嶄笂锛屼絾鏄笉鑳藉畨鎺掑湪绱ф�ュ嚭鍙o紱濡傛灉鏄埅鍙哥殑閲嶈鏃呭锛屼竴鑸細瀹夋帓鍦ㄩ潬鍓嶇殑搴т綅涓婏紝鎴栬�呭湪鍏徃鍏佽鏉′欢涓嬩负鍏惰繘琛屽崌鑸辨湇鍔★紱濡傛灉鏈轰笂鏈夋洿鍔犵壒娈婄殑鏃呭锛屽鍏畨鏈哄叧闇�瑕佹娂閫佺殑鐘汉鏃呭锛屼笉鑳藉畨鎺掑湪闈犺繎绱ф�ュ嚭鍙g殑搴т綅涓婏紝涔熶笉鑳藉畨鎺掑湪闈犵獥鐨勫骇浣嶄笂锛岃淇濊瘉鍏畨浜哄憳鐨勫骇浣嶅湪鐘汉鏃呭搴т綅鐨勬梺杈广��
           </p>
         </div>
       </div>
@@ -727,9 +707,6 @@
           <li class="header-right-end" style=""><br /></li>
         </ul>
         <div class="bodystyle">
-          <p class="td-0">
-            涓婃湁鏇村姞鐗规畩鐨勬梾瀹紝濡傚叕瀹夋満鍏抽渶瑕佹娂閫佺殑鐘汉鏃呭锛屼笉鑳藉畨鎺掑湪闈犺繎绱ф�ュ嚭鍙g殑搴т綅涓婏紝涔熶笉鑳藉畨鎺掑湪闈犵獥鐨勫骇浣嶄笂锛岃淇濊瘉鍏畨浜哄憳鐨勫骇浣嶅湪鐘汉鏃呭搴т綅鐨勬梺杈广��
-          </p>
           <h5 id="e104">锛堝洓锛夋敹杩愭墭杩愭梾瀹㈣鏉庣ぜ浠�</h5>
           <p>
             鍊兼満浜哄憳鍦ㄧ粰鏃呭鍔炵悊鏀惰繍銆佹墭杩愯鏉庢椂锛屽鏋滄梾瀹㈡病鏈変富鍔ㄨ鏈夎鏉庨渶瑕佹墭杩愶紝鍊兼満浜哄憳鍦ㄤ负鏃呭鎵撳嵃濂界櫥鏈虹墝鍚庯紝搴斾富鍔ㄨ闂梾瀹㈡槸鍚︽湁鎵樿繍鐨勮鏉庛�傚鏋滄梾瀹㈡湁琛屾潕瑕佹墭杩愶紝鏀惰繍鏃呭琛屾潕鏃讹紝鍊兼満浜哄憳闇�瑕佹敞鎰忎互涓嬩簨椤广��
@@ -756,25 +733,63 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3 fz-15">
               <p>鍦ㄩ�掓帴瀹㈢エ銆佽韩浠借瘉鍙婄櫥鏈虹墝鏃讹紝鍊兼満浜哄憳搴旀敞鎰忓摢浜涙柟闈紵</p>
-              <textarea v-model="questionData.askAbout.sixteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.sixteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
-          <div class="bk4">
-            <div class="bk5">
-              <p><span class="bj2">路鎬濇斂鍥湴路</span></p>
-            </div>
-            <p>
-              鍊兼満浜哄憳鍦ㄦ暣涓皯鑸梾瀹㈣繍杈撴祦绋嬩腑鎵紨鐫�闈炲父閲嶈鐨勮鑹层�傚�兼満浜哄憳涓嶄粎闇�瑕佹敞鎰忚嚜韬殑绀间华涓炬锛岃繕瑕佹敞鎰忚瀵熸梾瀹㈢殑瑷�琛屼妇姝紝浠庤�屾爲绔嬪拰濉戦�犺壇濂界殑褰㈣薄锛屾彁鍗囦翰鍜屽姏銆�
-            </p>
-          </div>
+          <h5 id="e105">锛堝叚锛夋満鍦烘櫤鎱у�兼満鏈嶅姟</h5>
+          <p>
+            涓轰簡缁欐梾瀹㈡彁渚涙洿鍔犲畨鍏ㄣ�佷究鎹枫�侀珮鏁堛�佹櫤鑳界殑鏈嶅姟锛岃繎骞存潵锛屾皯鑸笟姝e姞蹇柊鎶�鏈殑鍒涙柊搴旂敤锛屾寔缁彁鍗囨湇鍔″伐浣滅殑鏁板瓧鍖栥�佹櫤鎱у寲姘村钩銆傛垜鍥界殑鍚勭褰㈠紡鐨勭壒鑹插�兼満涓氬姟鍙戝睍涔熷緢蹇紝杩戝勾鏉USS鏈哄湪姘戠敤鏈哄満鐨勬櫘鍙婄巼鏄捐憲鎻愰珮锛屽悇鑸┖鍏徃缃戠珯涓婃櫘閬嶈缃簡鑷姪鍊兼満鏉垮潡锛屾梾瀹娇鐢ㄧ殑鏂逛究鎬т篃澶уぇ鏀瑰杽銆備腑鍥借埅绌哄叕鍙哥殑鐗硅壊鍊兼満鍙戝睍鍦ㄥ叏鐞冨凡缁忓浜庡墠鍒椼��
+          </p>
+          <p>
+            浠庢満鍦烘湇鍔″埌鑸彮杩愯锛屼粠绌轰腑浜ら�氬埌鍦伴潰淇濋殰锛屽綋鍓嶏紝鏅烘収姘戣埅寤鸿鎻愬崌浜嗘皯鑸繍钀ユ晥鐜囧拰鏈嶅姟姘村钩锛屾垚鏋滄儬鍙婁竾鍗冩梾瀹€�傞櫎浜嗘満鍦哄畨妫�锛屽湪鍊兼満銆佽鏉庢墭杩愬拰鐧绘満鐨勫悇涓幆鑺傦紝鏃呭鍦ㄥ畬鎴愬埛鑴稿悗渚胯兘蹇�熷姙鐞嗘墜缁�傚湪瑙嗚璇嗗埆銆佷汉宸ユ櫤鑳界畻娉曠瓑鎶�鏈殑甯姪涓嬶紝鏃呭涓嶄粎鍙互浜彈鏇翠究鎹风殑鐧绘満鏈嶅姟锛岃繕鍙互浣撻獙鏇撮珮鏁堝畨鍏ㄧ殑琛屾潕鎵樿繍鏈嶅姟銆�
+          </p>
+          <p class="center openImgBox">
+            <img class="img-b" alt="" src="../../assets/images/0129-1.jpg" />
+          </p>
+          <p class="img">鍥�4-1-6 CUSS鏈�</p>
+          <p>
+            鑷姪鍊兼満涔熸垚涓哄緢澶氭梾瀹㈠嚭琛岀殑棣栭�夛紝鑷姪鍊兼満鏄梾瀹㈣嚜涓荤嫭绔嬪畬鎴愬�兼満鐨勫叏杩囩▼銆�
+          </p>
+          <p>
+            鏃呭鍦ㄨ嚜鍔╁�兼満鏃舵満鍦哄伐浣滀汉鍛樼殑绀间华鏈嶅姟涔熼潪甯搁噸瑕併��
+          </p>
+          <p>
+            璐熻矗鑷姪鍊兼満鐨勬湇鍔′汉鍛樹笉浠呴渶瑕佺啛鎮夋櫤鑳藉寲璁惧鐨勬搷浣滐紝杩橀渶涓烘梾瀹㈡彁渚涢珮鏁堛�佸弸濂界殑鏈嶅姟锛屽叾鏈嶅姟瑙勮寖涓昏鍖呮嫭浠ヤ笅鍐呭锛�
+          </p>
+          <p>
+            锛�1锛夌敤瑙勮寖涓撲笟鐨勬湇鍔$敤璇噯纭В绛旀梾瀹娇鐢ㄨ嚜鍔╁�兼満缁堢銆佽嚜鍔╄鏉庢墭杩愯澶囩瓑鐨勬搷浣滈棶棰樸��
+          </p>
+          <p>
+            锛�2锛夊叧娉ㄥ�兼満璁惧锛岀‘淇濊澶囨甯歌繍琛屻�傚閬囦笉鑳芥湇鍔℃梾瀹㈢殑鏁呴殰璁惧锛岄櫎鍙婃椂澶勭悊鎴栬仈绯绘妧鏈敮鎸佸锛屾洿瑕佸仛濂芥梾瀹㈢殑鍒嗘祦寮曞鍜岃В閲婂伐浣溿��
+          </p>
+          <p>
+            锛�3锛夊紩瀵兼梾瀹㈠畬鎴愯嚜鍔╁�兼満銆佽鏉庢墭杩愩�佸畨妫�绛夋祦绋嬶紝鎸夋搷浣滆鑼冨噺灏戞帓闃熸椂闂淬��
+          </p>
+          <p>
+            锛�4锛変负鐗规畩鏃呭鏈嶅姟锛屽鑰佷汉銆佸効绔ャ�佹畫闅滀汉澹瓑鎻愪緵涓�瀵逛竴鍗忓姪锛岀‘淇濋『鍒╁�兼満銆�
+          </p>
+          <p>
+            锛�5锛夊強鏃朵负鏃呭鎻愪緵鑸彮鍔ㄦ�併�佺櫥鏈哄彛淇℃伅銆佽鏉庢斂绛栫瓑鍜ㄨ鏈嶅姟锛岃В绛旀梾瀹㈠叧浜庡�兼満鏃堕棿銆佽鏉庨檺棰濄�侀�夊骇瑙勫垯绛夐棶棰樸��
+          </p>
+          <p>
+            锛�6锛夊府鍔╂梾瀹㈠畬鎴愪汉鑴歌瘑鍒�兼満锛岀‘淇濊韩浠戒俊鎭噯纭棤璇�傚強鏃惰繘琛屽紓甯告儏鍐靛鐞嗭紝鍥犺韩浠戒俊鎭笉绗︽垨绯荤粺璇嗗埆澶辫触瀵艰嚧鐨勯棶棰樸��
+          </p>
+          <p>
+            锛�7锛夊湪鏃呭楂樺嘲鏈熷悎鐞嗗垎娴侊紝寮曞鏃呭鍚堢悊浣跨敤鑷姪璁惧鎴栦汉宸ユ煖鍙帮紝浠庤�屾彁楂樺�兼満鏁堢巼鍜岀‘淇濆�兼満鍖哄煙绉╁簭浜曠劧锛岄伩鍏嶆嫢鍫靛拰娣蜂贡銆�
+          </p>
+          <p>
+            锛�8锛変负閮ㄥ垎鏃呭鎻愪緵涓�у寲鏈嶅姟锛屼负鍏舵彁渚涢�夊骇銆佸崌鑸便�佺壒娈婇椋熺瓑鏈嶅姟銆備负鑸┖鍏徃甯告梾瀹㈡垨VIP鏃呭鎻愪緵涓撳睘鍊兼満閫氶亾鍜屼紭鍏堟湇鍔$瓑銆�
+          </p>
+          <p>
+            锛�9锛夎褰曟梾瀹㈠湪浣跨敤鏅烘収鍊兼満鏈嶅姟鏃堕亣鍒扮殑甯歌闂锛岀敱鎵�鍦ㄩ儴闂ㄥ弽棣堢粰鎶�鏈洟闃熶紭鍖栫郴缁熴�傛牴鎹梾瀹㈠弽棣堬紝鎻愬嚭鏀硅繘鍊兼満娴佺▼鍜屾湇鍔¤川閲忕殑寤鸿銆�
+          </p>
         </div>
       </div>
     </div>
@@ -784,28 +799,119 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">124</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
           </li>
         </ul>
         <div class="bodystyle">
+          <p>
+            锛�10锛夋櫤鎱у�兼満浼氳妭鐪侀儴鍒嗕汉鍔涙湇鍔★紝浣嗗鍦ㄥ矖鐨勫伐浣滀汉鍛樼‘鏈夋洿楂樼殑鏈嶅姟瑕佹眰锛屾満鍦哄悇宀椾綅宸ヤ綔浜哄憳锛屽湪鏈嶅姟杩囩▼涓渶鍏ㄧ▼淇濇寔寰瑧鏈嶅姟锛岃�愬績瑙g瓟鏃呭鎻愬嚭鐨勫悇绫婚棶棰橈紝骞舵彁渚涙俯棣ㄦ湇鍔′綋楠屻�傝繕瑕佷繚鎸佸ソ涓撲笟鐨勮亴涓氬舰璞★紝鐫�瑁呮暣娲侊紝瑷�琛屽緱浣擄紝灞曠幇鏈哄満鏈嶅姟浜哄憳鐨勪笓涓氱礌鍏汇��
+          </p>
+          <p>
+            鍗忓姪鏅烘収鍊兼満鐨勫伐浣滀汉鍛樹笉浠呮槸鎶�鏈搷浣滅殑鏀寔鑰咃紝鏇存槸鏃呭鏈嶅姟鐨勬牳蹇冦�傞渶瑕侀�氳繃涓撲笟鐨勬妧鏈兘鍔涖�佺粏鑷寸殑鏈嶅姟鎬佸害鍜岄珮鏁堢殑搴旀�ュ鐞嗚兘鍔涳紝纭繚鏃呭鍦ㄦ櫤鎱у�兼満杩囩▼涓幏寰楅『鐣呫�佽垝閫傜殑浣撻獙銆傞殢鐫�鏅烘収鏈哄満鐨勪笉鏂彂灞曪紝鏈哄満宸ヤ綔浜哄憳鐨勮鑹插皢鏇村姞澶氬厓鍖栧拰涓撲笟鍖栥��
+          </p>
+          <div class="bk2">
+            <div class="zysx">
+              <p>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
+              </p>
+            </div>
+            <div class="bj3 fz-15">
+              <p class="fl al-c">閭d箞鍦ㄥ紩瀵兼梾瀹㈣繘琛岃嚜鍔╁�兼満鏃讹紝鎴戜滑搴斿綋浣跨敤浠�涔堟牱鐨勬湇鍔℃墜鍔垮憿锛�
+                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="30" viewBox="0 0 20.501 20.501" class="c-p"
+                  title="鏌ョ湅瑙f瀽" @click="showAnswerOne = !showAnswerOne">
+                  <path class="a"
+                    d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+                    transform="translate(-3327.144 15329)" />
+                </svg>
+              </p>
+              <textarea v-model="questionData.askAbout.twentyEight" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <div class="event-header-text-bc" style="width: 90%;margin-left: 2em; padding: 0 10px;"
+                v-if="showAnswerOne">
+                <p>
+                  瑙f瀽锛氳嚜鍔╁�兼満寮曞鏃讹紝鏈嶅姟鎵嬪娍鏄潪甯搁噸瑕佺殑鑲綋璇█銆傛湇鍔″憳搴斿綋浜旀寚骞舵嫝锛屽悜鏃呭闇�瑕佺偣鍑荤殑鍦版柟绀烘剰锛岄伩鍏嶇敤鎵嬫寚鎸囨寚鐐圭偣锛屼娇鏃呭浜х敓鈥滆鍛戒护鈥濈殑涓嶈灏婇噸鐨勬劅瑙夈��
+                </p>
+                <p>
+                  鎺屾彙鑷姪鍊兼満鏈嶅姟甯哥敤鐨勬湇鍔$敤璇篃鏄紭璐ㄦ湇鍔$殑灏忔妧宸у摝
+                </p>
+                <p>
+                  1.鎮ㄥソ锛岃鍒拌繖杈圭殑*鍙锋満鍣ㄥ�兼満銆�
+                </p>
+                <p>
+                  2.璇锋斁蹇冿紝鎴戜細鍗忓姪鎮ㄧ殑鍊兼満宸ヤ綔銆�
+                </p>
+                <p>
+                  3.璇峰皢韬唤璇佹闈㈡湞涓婃斁鍒拌繖閲岀殑鍖哄煙銆�
+                </p>
+                <p>
+                  4.璇烽棶鎮ㄥ搴т綅鏈変粈涔堣姹傦紵杩欓噷鏄洰鍓嶆偍鍙互閫夋嫨鐨勫骇浣嶅浘锛屾偍鐪嬬湅鏈夋偍鍠滄鐨勫悧锛�
+                </p>
+                <p>
+                  5.杩欎釜搴т綅鍖哄煙鏄寚鈥︹�︽偍鐪嬫槸鍚︽効鎰忛�夋嫨杩欎釜搴т綅銆�
+                </p>
+                <p>
+                  6.闈炲父鎶辨瓑鐩墠娌℃湁鎮ㄦ渶鍠滄鐨勫骇浣嶏紝濡傛灉瑕侀�夋嫨绱ф�ラ�氶亾搴т綅锛屾偍鍙互鍘讳汉宸ュ�兼満鏌滃彴锛岃浠庤繖閲屽線鍓嶇洿琛岋紝鍒�20鍙锋煖鍙般��
+                </p>
+                <p>
+                  7.涓嶇敤鐫�鎬ワ紝鎴戜滑鍐嶈瘯涓�娆°��
+                </p>
+                <p>
+                  8.璇锋嬁濂芥偍鐨勭櫥鏈虹墝锛岀鎮ㄦ梾閫旀剦蹇��
+                </p>
+              </div>
+            </div>
+          </div>
+          <p class="td-0 mb-10 mt-10"><span class="bj2">路绀间箣瀹炶返路</span></p>
+          <p>
+            璇蜂互灏忕粍涓哄崟浣嶏紝妯℃嫙涓鸿嚜鍔╁�兼満鏃呭鐨勬湇鍔★紝浣撲細骞舵�荤粨鏈嶅姟鐢ㄨ銆�
+          </p>
+          <p class="td-0 mb-10 mt-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
+          <p>瀹炰範鐢熷皬鏄庡湪鏈哄満鑷姪鍊兼満鍖哄煙宸ヤ綔锛屼竴浣嶈�佸勾鏃呭鎬庝箞涔熷惉涓嶆槑鐧藉皬鏄庣粰浠栧仛鐨勬寚瀵硷紝涔熶笉澶兘鐞嗚В鑷姪鍊兼満鏈哄櫒鐨勬彁绀哄拰鎸囦护锛屽皬鏄庡績鐞嗗緢鐫�鎬ワ紝涔熷緢鐑﹁簛锛屽湪鏃呭闈㈠墠琛ㄧ幇鐨勫緢涓嶈�愮儲锛屽鑷存梾瀹㈤潪甯稿眬淇冦��</p>
+          <p class="td-0 mb-10 mt-10"><span class="bj2">路瀵荤ぜ涔嬮棶路</span></p>
+          <p>
+            鎮ㄦ槸灏忔槑鐨勫笀鍌呫�傛偍灏嗘�庢牱澶勭悊鍜岃В鍐崇幇鍦虹殑杩欎釜鍦烘櫙闂鍛紵
+          </p>
+          <div class="bk4">
+            <div class="bk5">
+              <p><span class="bj2">路鎬濇斂鍥湴路</span></p>
+            </div>
+            <p>
+              鍊兼満浜哄憳鍦ㄦ暣涓皯鑸梾瀹㈣繍杈撴祦绋嬩腑鎵紨鐫�闈炲父閲嶈鐨勮鑹层�傚�兼満浜哄憳涓嶄粎闇�瑕佹敞鎰忚嚜韬殑绀间华涓炬锛岃繕瑕佹敞鎰忚瀵熸梾瀹㈢殑瑷�琛屼妇姝紝浠庤�屾爲绔嬪拰濉戦�犺壇濂界殑褰㈣薄锛屾彁鍗囦翰鍜屽姏銆�
+            </p>
+          </div>
           <p class="td-0 mb-10 mt-10"><span class="bj2">路绀间箣瀹炶返路</span></p>
           <p class="center">
             <img class="img-0" alt="" src="../../assets/images/0130-1.jpg" />
           </p>
           <h3 id="c029">
-            <span class="h3-zt1">浠诲姟4</span
-            ><span class="h3-bk">璐靛鍘呮湇鍔$ぜ浠疄璁�</span>
+            <span class="h3-zt1">浠诲姟4</span><span class="h3-bk">璐靛鍘呮湇鍔$ぜ浠疄璁�</span>
           </h3>
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.鐭ラ亾璐靛鍘呮湇鍔$殑娴佺▼鍙婂唴瀹广��</p>
           <p>2.鎺屾彙璐靛鍘呮湇鍔$ぜ浠苟鑳藉湪瀹炶返涓啛缁冭繍鐢ㄣ��</p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathSeven" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氳吹瀹惧巺鏈嶅姟鍏ㄦ祦绋�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo06 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '51ee040702ff1402026c948b82f8df55'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-07')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h4 id="d092">涓�銆佽吹瀹惧巺鏈嶅姟姒傝堪</h4>
           <p>
             鍊欐満妤艰吹瀹惧巺鏈嶅姟鏄寚涓洪噸瑕佷汉澹彁渚涙満鍦哄叏绋嬪紩瀵笺�佸崗鍔╁姙鐞嗙櫥鏈烘墜缁瓑鏈嶅姟銆傝吹瀹炬湇鍔′富瑕佸垎涓鸿繋鏈烘湇鍔″拰閫佹満鏈嶅姟涓ょ銆�
@@ -820,7 +926,7 @@
             鏈哄満璐靛鍊欐満鍘呮槸璐靛绂绘腐鏃剁浉瀵瑰仠鐣欒緝闀跨殑鍖哄煙锛屼篃鏄湇鍔′汉鍛樹笌璐靛鎺ヨЕ鏃堕棿杈冮暱銆佸鏈嶅姟涓�у寲瑕佹眰鐩稿鏇撮珮鐨勫尯鍩熴�傚洜姝わ紝鏈嶅姟浜哄憳闇�鎺屾彙鐙壒鐨勭ぜ浠鑼冭姹傘�傝吹瀹惧巺鏈嶅姟浜哄憳鐨勫熀鏈鑼冨寘鎷互涓嬪嚑鏂归潰銆�
           </p>
           <p>
-            锛�1锛夆�滀笁杞烩�濇湇鍔♀�斺�旇璇濊交銆佸姩浣滆交銆佽蛋璺交銆傚贰瑙嗘椂闇�鑴氭杞荤紦锛屼娇鐢ㄦ棤澹�
+            锛�1锛夆�滀笁杞烩�濇湇鍔♀�斺�旇璇濊交銆佸姩浣滆交銆佽蛋璺交銆傚贰瑙嗘椂闇�鑴氭杞荤紦锛屼娇鐢ㄦ棤澹拌澶囥�傚浼戞伅瀹ゅ唴闊抽噺杩囧ぇ鎴栬涓轰笉闆呯殑鏃呭杩涜蹇呰鐨勬彁閱掓垨鏈夋晥骞查銆�
           </p>
         </div>
       </div>
@@ -839,9 +945,6 @@
           <li class="header-right-end" style=""><br /></li>
         </ul>
         <div class="bodystyle">
-          <p class="td-0">
-            璁惧銆傚浼戞伅瀹ゅ唴闊抽噺杩囧ぇ鎴栬涓轰笉闆呯殑鏃呭杩涜蹇呰鐨勬彁閱掓垨鏈夋晥骞查銆�
-          </p>
           <p>
             锛�2锛夆�滃惊鐜紡涓嶉棿鏂湇鍔♀�濃�斺�斿湪涓嶆墦鎵版梾瀹㈢殑鍩虹涓婏紝姣�15鍒嗛挓宸¤涓�娆℃梾瀹紤鎭尯鍩熴��
           </p>
@@ -864,9 +967,8 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3 fz-15">
@@ -874,7 +976,7 @@
                 浠庡皬涓滅殑鏈嶅姟鏁呬簨涓紝浣犵湅鍑轰簡璐靛鍘呮湇鍔$殑鍝簺鍐呭锛熶綘瑙夊緱璐靛鍘呮湇鍔′汉鍛橀渶瑕佹敞鎰忓摢浜涚ぜ浠憿锛�
               </p>
               <textarea v-model="questionData.askAbout.seventeen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h4 id="d093">浜屻�佽吹瀹惧巺鏈嶅姟绀间华</h4>
@@ -884,7 +986,7 @@
           </p>
           <h5 id="e107">锛堜簩锛夌數姊紩瀵肩ぜ浠�</h5>
           <p>
-            锛�1锛夐伒寰厛杩涘悗鍑哄師鍒欍�傚湪寮曞鏃呭涔樺潗鏃犱汉椹鹃┒鐨勭數姊椂锛屾湇鍔′汉鍛樺簲鍏堝湪鐢�
+            锛�1锛夐伒寰厛杩涘悗鍑哄師鍒欍�傚湪寮曞鏃呭涔樺潗鏃犱汉椹鹃┒鐨勭數姊椂锛屾湇鍔′汉鍛樺簲鍏堝湪鐢垫闂ㄥ墠鎸夊懠姊寜閽紝褰撶數姊棬鎵撳紑鍚庯紝鏈嶅姟浜哄憳鍏堣繘鍏ョ數姊紝绔欏湪鎸夋搷浣滈敭鐨勫湴鏂癸紝浠ヤ究鏈嶅姟鏃呭銆傝繘鍏ョ數姊悗涓�鎵嬫壎浣忕數姊棬涓�渚ф垨鑰呬竴鎵嬫寜寮�鐢垫闂ㄦ寜閽紙闃叉澶瑰埌鎴栧す浼ゆ梾瀹級锛岃鏃呭杩涘叆鐢垫銆�
           </p>
         </div>
       </div>
@@ -895,20 +997,13 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">126</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
           </li>
         </ul>
         <div class="bodystyle">
-          <p class="td-0">
-            姊棬鍓嶆寜鍛兼鎸夐挳锛屽綋鐢垫闂ㄦ墦寮�鍚庯紝鏈嶅姟浜哄憳鍏堣繘鍏ョ數姊紝绔欏湪鎸夋搷浣滈敭鐨勫湴鏂癸紝浠ヤ究鏈嶅姟鏃呭銆傝繘鍏ョ數姊悗涓�鎵嬫壎浣忕數姊棬涓�渚ф垨鑰呬竴鎵嬫寜寮�鐢垫闂ㄦ寜閽紙闃叉澶瑰埌鎴栧す浼ゆ梾瀹級锛岃鏃呭杩涘叆鐢垫銆�
-          </p>
           <p>
             鍑虹數姊椂锛屽簲璁╂梾瀹㈠厛鍑虹數姊紝鏈嶅姟浜哄憳搴斾竴鎵嬪仛鍑鸿鐨勫姩浣滐紝骞舵寜浣忓紑闂ㄦ寜閽�傜瓑鏃呭璧板嚭鐢垫鍚庯紝鏈嶅姟浜哄憳搴旂珛鍒昏蛋鍑虹數姊紝骞跺紩瀵兼梾瀹㈣杩涚殑鏂瑰悜銆�
           </p>
@@ -927,6 +1022,25 @@
             鍦ㄤ负鏃呭鏈嶅姟鏃讹紝鐑瘺宸惧簲鏀剧疆浜庡浜哄乏鎵嬫柟鍚戙�傞�佸嚭鏃讹紝鏈嶅姟浜哄憳搴旂敤鎵嬫彙浣忔瘺宸剧洏杈圭紭锛屾敞鎰忔墜鎸囦笉瑕佽Е鎽稿埌姣涘肪锛屽洖鏀舵椂锛屼娇鐢ㄦ瘺宸惧す鍜屽彟澶栫殑姣涘肪鐩樸��
           </p>
           <h6 id="f041">2.鑼舵按鏈嶅姟绀间华</h6>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathEight" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氳吹瀹惧巺鑼舵按鏈嶅姟鍏ㄦ祦绋�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo07 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '14ada4ec3e004795ecb3a9c2ad8ea386'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-08')" />
+              </el-tooltip>
+            </p>
+          </div>
           <p>
             锛�1锛夊湪涓烘梾瀹㈣繘琛岃尪姘存湇鍔″墠锛屽簲娉ㄦ剰涓嶈浣跨敤鏈夌己鍙f垨瑁傜棔鐨勮尪鏉紝淇濇寔鑼舵澂骞插噣鍗敓銆�
           </p>
@@ -994,11 +1108,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">128</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -1008,241 +1118,113 @@
           <p class="td-0 mb-10 mt-10"><span class="bj2">路椤圭洰鑷祴路</span></p>
           <p>1.鍊欐満妤奸棶璇㈡湇鍔℃牴鎹彁渚涙柟鍙垎涓猴紙銆�銆�锛夈��</p>
           <p>
-            <input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="1"
-              v-model="questionData.projectOne.one.value"
-              @change="setBookQuestion"
-            />A.鏈哄満闂
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="1"
+              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />A.鏈哄満闂
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="1"
-              v-model="questionData.projectOne.one.value"
-              @change="setBookQuestion"
-            />B.鑱斿悎闂
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="1"
+              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />B.鑱斿悎闂
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="1"
-              v-model="questionData.projectOne.one.value"
-              @change="setBookQuestion"
-            />C.鑱斿悎闂銆佽埅绌哄叕鍙搁棶璇€�佹満鍦洪棶璇�
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="1"
+              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />C.鑱斿悎闂銆佽埅绌哄叕鍙搁棶璇€�佹満鍦洪棶璇�
           </p>
           <p>2.鍊欐満妤肩幇鍦洪棶璇㈡湇鍔$ぜ浠湁鍝簺锛燂紙銆�銆�锛夈��</p>
           <p>
-            <input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="2"
-              v-model="questionData.projectOne.two.value"
-              @change="setBookQuestion"
-            />A.杩庢帴鏃呭绀间华
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="2"
+              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />A.杩庢帴鏃呭绀间华
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="2"
-              v-model="questionData.projectOne.two.value"
-              @change="setBookQuestion"
-            />B.搴旂瓟鏃呭闂绀间华
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="2"
+              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />B.搴旂瓟鏃呭闂绀间华
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="2"
-              v-model="questionData.projectOne.two.value"
-              @change="setBookQuestion"
-            />C.鍛婂埆鏃呭绀间华
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="2"
+              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />C.鍛婂埆鏃呭绀间华
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="2"
-              v-model="questionData.projectOne.two.value"
-              @change="setBookQuestion"
-            />D.浠ヤ笂閮芥槸
+            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="2"
+              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />D.浠ヤ笂閮芥槸
           </p>
           <p>
             3.鐩磋甯﹀伐浣滆姹傦細鎺掗槦瓒呰繃锛堛��銆�锛変汉鏃讹紝澧炲姞鏌滃彴锛涘洟闃熻秴杩囷紙銆�銆�锛変汉鏃讹紝澧炲姞鏌滃彴銆�
           </p>
           <p>
-            <input
-              type="radio"
-              name="QThree"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="3"
-              v-model="questionData.projectOne.three.value"
-              @change="setBookQuestion"
-            />A.4锝�5锛�6
+            <input type="radio" name="QThree" :disabled="questionData.isComplete" value="A" id="3"
+              v-model="questionData.projectOne.three.value" @change="setBookQuestion" />A.4锝�5锛�6
           </p>
           <p>
-            <input
-              type="radio"
-              name="QThree"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="3"
-              v-model="questionData.projectOne.three.value"
-              @change="setBookQuestion"
-            />B.6锝�8锛�8
+            <input type="radio" name="QThree" :disabled="questionData.isComplete" value="B" id="3"
+              v-model="questionData.projectOne.three.value" @change="setBookQuestion" />B.6锝�8锛�8
           </p>
           <p>
-            <input
-              type="radio"
-              name="QThree"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="3"
-              v-model="questionData.projectOne.three.value"
-              @change="setBookQuestion"
-            />C.8锝�10锛�9
+            <input type="radio" name="QThree" :disabled="questionData.isComplete" value="C" id="3"
+              v-model="questionData.projectOne.three.value" @change="setBookQuestion" />C.8锝�10锛�9
           </p>
           <p>
-            <input
-              type="radio"
-              name="QThree"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="3"
-              v-model="questionData.projectOne.three.value"
-              @change="setBookQuestion"
-            />D.8锝�10锛�10
+            <input type="radio" name="QThree" :disabled="questionData.isComplete" value="D" id="3"
+              v-model="questionData.projectOne.three.value" @change="setBookQuestion" />D.8锝�10锛�10
           </p>
           <p>4.鍊欐満妤煎�兼満鏈嶅姟鐨勫熀鏈祦绋嬫湁锛堛��銆�锛夈��</p>
           <p>
-            <input
-              type="checkbox"
-              name="QFour"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="4"
-              v-model="questionData.projectOne.four.value"
-              @change="setBookQuestion"
-            />A.杩庢帴鏃呭锛屾敹杩愩�佹墭杩愭梾瀹㈣鏉�
+            <input type="checkbox" name="QFour" :disabled="questionData.isComplete" value="A" id="4"
+              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />A.杩庢帴鏃呭锛屾敹杩愩�佹墭杩愭梾瀹㈣鏉�
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="QFour"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="4"
-              v-model="questionData.projectOne.four.value"
-              @change="setBookQuestion"
-            />B.鏌ユ鏃呭瀹㈢エ鍙婅瘉浠讹紝鍚屾梾瀹㈠憡鍒�
+            <input type="checkbox" name="QFour" :disabled="questionData.isComplete" value="B" id="4"
+              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />B.鏌ユ鏃呭瀹㈢エ鍙婅瘉浠讹紝鍚屾梾瀹㈠憡鍒�
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="QFour"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="4"
-              v-model="questionData.projectOne.four.value"
-              @change="setBookQuestion"
-            />C.涓烘梾瀹㈠畨鎺掑骇浣�
+            <input type="checkbox" name="QFour" :disabled="questionData.isComplete" value="C" id="4"
+              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />C.涓烘梾瀹㈠畨鎺掑骇浣�
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="QFour"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="4"
-              v-model="questionData.projectOne.four.value"
-              @change="setBookQuestion"
-            />D.杩庢帴鏃呭锛屾鏌ユ梾瀹㈠绁ㄥ強璇佷欢锛屼负鏃呭瀹夋帓搴т綅锛屾敹杩愭墭杩愭梾瀹㈣鏉�
+            <input type="checkbox" name="QFour" :disabled="questionData.isComplete" value="D" id="4"
+              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />D.杩庢帴鏃呭锛屾鏌ユ梾瀹㈠绁ㄥ強璇佷欢锛屼负鏃呭瀹夋帓搴т綅锛屾敹杩愭墭杩愭梾瀹㈣鏉�
           </p>
           <p>5.閰掓按鏈嶅姟绀间华涓紝绾㈣憽钀勯厭搴斿�掓弧鏉瓙鐨勶紙銆�銆�锛夈��</p>
           <p>
-            <input
-              type="radio"
-              name="QFive"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="5"
-              v-model="questionData.projectOne.five.value"
-              @change="setBookQuestion"
-            />A.1/3
+            <input type="radio" name="QFive" :disabled="questionData.isComplete" value="A" id="5"
+              v-model="questionData.projectOne.five.value" @change="setBookQuestion" />A.1/3
           </p>
           <p>
-            <input
-              type="radio"
-              name="QFive"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="5"
-              v-model="questionData.projectOne.five.value"
-              @change="setBookQuestion"
-            />B.2/3
+            <input type="radio" name="QFive" :disabled="questionData.isComplete" value="B" id="5"
+              v-model="questionData.projectOne.five.value" @change="setBookQuestion" />B.2/3
           </p>
           <p>
-            <input
-              type="radio"
-              name="QFive"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="5"
-              v-model="questionData.projectOne.five.value"
-              @change="setBookQuestion"
-            />C.鍊掓弧
+            <input type="radio" name="QFive" :disabled="questionData.isComplete" value="C" id="5"
+              v-model="questionData.projectOne.five.value" @change="setBookQuestion" />C.鍊掓弧
           </p>
           <p>6.鏈夋晥鐨勮韩浠借瘉浠跺寘鎷粈涔堬紵</p>
-          <textarea
-            v-model="questionData.projectOne.six.value"
-            placeholder="璇疯緭鍏ュ唴瀹�"
-            rows="4"
-            class="fz-16 textarea-box"
-            @change="setBookQuestion"
-          ></textarea>
+          <textarea v-model="questionData.projectOne.six.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+            @change="setBookQuestion"></textarea>
           <p>7.绠�杩板洖绛旀梾瀹㈤棶棰樼殑鎶�宸с��</p>
-          <textarea
-            v-model="questionData.projectOne.seven.value"
-            placeholder="璇疯緭鍏ュ唴瀹�"
-            rows="4"
-            class="fz-16 textarea-box"
-            @change="setBookQuestion"
-          ></textarea>
+          <textarea v-model="questionData.projectOne.seven.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+            class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
           <p>8.绠�杩拌吹瀹惧巺鏈嶅姟涓殑鈥滀笁杞绘湇鍔♀�濃�滃惊鐜紡涓嶉棿鏂湇鍔♀�濃�滈浂鍛煎敜绠$悊鈥濄��</p>
-          <textarea
-            v-model="questionData.projectOne.eight.value"
-            placeholder="璇疯緭鍏ュ唴瀹�"
-            rows="4"
-            class="fz-16 textarea-box"
-            @change="setBookQuestion"
-          ></textarea>
+          <textarea v-model="questionData.projectOne.eight.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+            class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
           <p>9.鐢垫寮曞绀间华搴旈伒寰摢浜涘師鍒欙紵</p>
-          <textarea
-            v-model="questionData.projectOne.nine.value"
-            placeholder="璇疯緭鍏ュ唴瀹�"
-            rows="4"
-            class="fz-16 textarea-box"
-            @change="setBookQuestion"
-          ></textarea>
+          <textarea v-model="questionData.projectOne.nine.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+            @change="setBookQuestion"></textarea>
+          <p class="dialogQuestion">
+            <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"
+                xmlns="http://www.w3.org/2000/svg" p-id="2536" xmlns:xlink="http://www.w3.org/1999/xlink" width="28"
+                height="28">
+                <path
+                  d="M798.72 76.8H947.2v145.92h51.2V25.6h-199.68zM947.2 798.72v145.92h-148.48v51.2H998.4v-197.12zM66.56 222.72V76.8h148.48V25.6H12.8v197.12zM215.04 944.64H66.56v-145.92H12.8v197.12h202.24z"
+                  fill="#fff" p-id="2537"></path>
+                <path
+                  d="M826.88 522.24L512 207.36c0-2.56-2.56-2.56-7.68-2.56-2.56 0-5.12 0-7.68 2.56L184.32 524.8c-2.56 2.56-5.12 7.68-2.56 10.24 2.56 5.12 5.12 7.68 10.24 7.68h58.88V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6V504.32c0-5.12-5.12-10.24-10.24-10.24h-2.56l217.6-220.16 220.16 222.72c-5.12 0-10.24 5.12-10.24 10.24V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6v-250.88h51.2c5.12 0 10.24-5.12 10.24-10.24 2.56-5.12 0-7.68-2.56-10.24z"
+                  fill="#fff" p-id="2538"></path>
+                <path
+                  d="M386.56 762.88h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-69.12h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-71.68h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-7.68 7.68-17.92 17.92-17.92zM514.56 535.04h-20.48c-5.12 0-7.68-2.56-7.68-7.68v-2.56c0-17.92 5.12-30.72 23.04-46.08 17.92-15.36 23.04-23.04 23.04-33.28s-7.68-20.48-20.48-20.48c-15.36 0-25.6 7.68-30.72 25.6 0 5.12-5.12 5.12-10.24 5.12l-25.6-5.12c-5.12 0-7.68-5.12-5.12-10.24 10.24-38.4 33.28-53.76 79.36-53.76 38.4 0 61.44 25.6 61.44 51.2 0 20.48-7.68 35.84-33.28 53.76-20.48 15.36-23.04 20.48-23.04 33.28-2.56 7.68-7.68 10.24-10.24 10.24zM481.28 588.8v-28.16c0-5.12 2.56-7.68 7.68-7.68h30.72c5.12 0 7.68 2.56 7.68 7.68V588.8c0 5.12-2.56 7.68-7.68 7.68h-30.72c-5.12 0-7.68-5.12-7.68-7.68z"
+                  fill="#fff" p-id="2539"></path>
+              </svg>
+            </span>
+          </p>
         </div>
       </div>
     </div>
@@ -1266,11 +1248,30 @@
               <img class="rwmb-4" alt="" src="../../assets/images/tb.png" />
             </p>
           </div>
+          <p class="td-0 mt-10 mb-10"><span class="bj2">路鎬濈淮瀵煎浘路</span></p>
+          <p class="td-0 openImgBox"><img class="img-0" src="../../assets//images/unitFour-02.png" alt=""></p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathNine" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氬畨妫�鏈嶅姟绀间华姒傝堪</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo08 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '808ca04bce334463e3e10b26edecec82'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-09')" />
+              </el-tooltip>
+            </p>
+          </div>
           <div class="bk">
             <p class="bj1-qjms fl al-c">
-              <span class="span-box"></span
-              ><span class="span-text">椤圭洰鎻忚堪</span
-              ><span class="span-box"></span>
+              <span class="span-box"></span><span class="span-text">椤圭洰鎻忚堪</span><span class="span-box"></span>
             </p>
             <p class="fz-15">
               鍦ㄥ�欐満妤兼湇鍔″疄涔犱腑锛屾潕涓界湅鍒颁竴浣嶆梾瀹㈠洜涓鸿鏉庢�绘槸鏃犳硶閫氳繃瀹夋鏈鸿�屼笉婊★紝鏉庝附鏃㈤渶瑕佸悜浠栧仛濂借В閲婂拰鏈嶅姟锛屾洿瑕佺‘淇濇皯鑸畨鍏紝纭繚鏈嶅姟绗﹀悎瑙勮寖銆傛潕涓藉簲璇ユ�庢牱鍋氭墠鑳借濂圭殑瀹夋鏈嶅姟鑾峰緱鏃呭鐨勮鍙憿锛熼�氳繃鏈」鐩殑瀛︿範锛屼簡瑙e畨妫�鏈嶅姟鐨勮亴璐h姹傚強鏈嶅姟绀间华瑙勮寖锛屽舰鎴愬瀹夋鏈嶅姟鐨勫叏闈㈣鐭ュ苟鍙婃椂鏈夋晥鍦板畬鎴愭梾瀹㈠畨鍏ㄦ鏌ワ紝鎻愰珮鏈嶅姟鏃呭鐨勬晥鐜囷紝閬垮厤瀹夊叏闅愭偅鐨勫彂鐢燂紝涓烘梾瀹繚椹炬姢鑸��
@@ -1278,9 +1279,7 @@
           </div>
           <div class="bk">
             <p class="bj1-qjms fl al-c">
-              <span class="span-box"></span
-              ><span class="span-text">绀煎湪韬竟</span
-              ><span class="span-box"></span>
+              <span class="span-box"></span><span class="span-text">绀煎湪韬竟</span><span class="span-box"></span>
             </p>
             <p class="fz-15">
               鏃呭寮犲コ澹姙鐞嗗畬鐧绘満鎵嬬画鍑嗗杩涜瀹夊叏妫�鏌ワ紝瀹夋鍛樿姹傚叾鑴辨帀澶ц。鍐嶈繃妫�锛岀敱浜庡紶濂冲+澶ц。閲岄潰鍙┛浜嗘棤琚栫殑T鎭わ紝渚胯涓嶆柟渚胯劚澶ц。銆傜湅鍒板紶濂冲+涓嶉厤鍚堝畨妫�鐨勮姹傦紝瀹夋鍛樺緢鐢熸皵锛屽氨杩炴帴杩囧紶濂冲+鐨勬墜鎻愯鏉庢椂涔熸病鑳芥帶鍒惰嚜宸辩殑涓嶆弧锛岄殢鎵嬪皢寮犲コ澹殑鎵嬫彁琛屾潕鎵斿埌浼犻�佸甫涓娿�傜湅鍒拌嚜宸辩殑琛屾潕琚墧鍒颁紶閫佸甫涓婏紝寮犲コ澹潪甯哥敓姘斿湴璇达細鈥滀负浠�涔堟墧鎴戠殑鍖咃紵鈥濆畨妫�鍛樿锛氣�滀綘涓嶉厤鍚堟垜浠殑宸ヤ綔锛屾垜涓轰粈涔堜笉鑳芥墧锛佲�濅袱浜哄彂鐢熶簡鍙h涔嬩簤鍜岃偄浣撳啿绐併��
@@ -1289,15 +1288,14 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3 fz-15">
               <p>浣犺涓哄湪瀹夋鏈嶅姟涓簲鎬庢牱瑙勮寖鑷繁鐨勮█琛屼妇姝紵</p>
-              <textarea v-model="questionData.askAbout.eighteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.eighteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -1315,11 +1313,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">130</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -1327,12 +1321,30 @@
         </ul>
         <div class="bodystyle">
           <h3 id="c030">
-            <span class="h3-zt1">浠诲姟1</span
-            ><span class="h3-bk">浜鸿韩瀹夊叏妫�鏌ョぜ浠疄璁�</span>
+            <span class="h3-zt1">浠诲姟1</span><span class="h3-bk">浜鸿韩瀹夊叏妫�鏌ョぜ浠疄璁�</span>
           </h3>
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.鐭ラ亾浜鸿韩瀹夊叏妫�鏌ユ湇鍔′汉鍛樼殑宀椾綅鑱岃矗鍙婅姹傘��</p>
           <p>2.鎺屾彙浜鸿韩瀹夊叏妫�鏌ユ湇鍔′汉鍛樼ぜ浠鑼冿紝骞跺湪瀹炶返涓啛缁冭繍鐢�</p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathTen" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氫汉韬畨鍏ㄦ鏌ョぜ浠搷浣滆鑼�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo09 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '8086dfd8f1307041be4e7e4b15aee1b4'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-10')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h4 id="d094">涓�銆佷汉韬畨鍏ㄦ鏌ユ湇鍔$殑姒傝堪</h4>
           <p>
             浜鸿韩瀹夊叏妫�鏌ヤ富瑕佹槸閫氳繃妫�鏌ユ梾瀹㈣韩涓婃槸鍚︽惡甯︽灙鏀�佹槗鐕冩槗鐖嗙墿鍝併�佽厫铓�鎬х墿鍝併�佹湁姣掔墿鍝佺瓑锛屼繚闅滆埅绌哄櫒鍙婃梾瀹㈢殑瀹夊叏銆備汉韬畨鍏ㄦ鏌ヤ笉瀛樺湪鍏嶆鎯呭喌锛屽繀椤诲湪鏃呭鐧绘満鍓嶈繘琛岋紝鍚﹀垯涓嶅厑璁哥櫥鏈猴紙瑙佸浘4-2-1锛夈��
@@ -1373,9 +1385,8 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3 fz-15">
@@ -1385,16 +1396,35 @@
               <p>
                 1.涓婅堪妗堜緥涓弿杩扮殑鏄摢涓畨妫�宀椾綅瀹夋鍛樼殑宸ヤ綔鍦烘櫙锛熷綋鍊煎畨妫�鍛樻湁鍝簺绀间华缂哄け鐨勫湴鏂癸紵
               </p>
-              <textarea v-model="questionData.askAbout.nineteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.nineteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
               <p>
                 2.涓婅堪妗堜緥涓紝璐熻矗浜鸿韩妫�鏌ョ殑瀹夋鍛樻槸鍚﹀彲浠ュ湪涓�瀹氱▼搴︿笂瀵瑰洜鍓嶅簭宸ヤ綔瀵艰嚧涓嶆弧鎯呯华鐨勬梾瀹㈣繘琛屽畨鎶氬憿锛熷鏋滃彲浠ワ紝搴旇鎬庝箞鍋氬憿锛�
               </p>
-              <textarea v-model="questionData.askAbout.twenty" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.twenty" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h4 id="d096">涓夈�佷汉韬畨鍏ㄦ鏌ユ湇鍔$殑绀间华瑙勮寖</h4>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathEleven" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氫汉韬畨鍏ㄦ鏌ユ湇鍔$敤璇鑼�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo10 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'a77181ba5fdb0f851bb43cb61ec3fed2'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-11')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h5 id="e112">锛堜竴锛変汉韬畨鍏ㄦ鏌ュ憳鎵у嫟绀间华瑙勮寖</h5>
           <p>
             锛�1锛夊畨妫�鍛樹笂鐝墠涓嶅悆鏈夊紓鍛崇殑椋熺墿锛屼笉鍠濋厭銆佹娊鐑燂紝涓嶅悆闆堕锛屼笂鐝华鎬佽绔簞銆�
@@ -1427,11 +1457,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">132</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -1439,12 +1465,30 @@
         </ul>
         <div class="bodystyle">
           <h3 id="c031">
-            <span class="h3-zt1">浠诲姟2</span
-            ><span class="h3-bk">寮�绠卞寘妫�鏌ョぜ浠疄璁�</span>
+            <span class="h3-zt1">浠诲姟2</span><span class="h3-bk">寮�绠卞寘妫�鏌ョぜ浠疄璁�</span>
           </h3>
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.鐭ラ亾寮�绠卞寘妫�鏌ヤ汉鍛樼殑宀椾綅鑱岃矗鍙婃鏌ユ柟娉曘��</p>
           <p>2.鎺屾彙寮�绠卞寘妫�鏌ヤ汉鍛樼殑绀间华瑙勮寖锛屽苟鍦ㄥ疄闄呰缁冧腑鐔熺粌杩愮敤銆�</p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathTwelve" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氬畨妫�宸ヤ綔浜哄憳鏈嶅姟鎬佸害鎯呮櫙灞曠ず</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo11 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'c583ec4fcdef8acae289d050c6e7eb78'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-12')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h4 id="d097">涓�銆佸紑绠卞寘妫�鏌ユ湇鍔℃杩�</h4>
           <p>
             寮�绠卞寘妫�鏌ユ槸鎸囧鐢╔灏勭嚎鏈烘鏌ユ椂锛屽浘鍍忔ā绯婁笉娓呯殑锛孹灏勭嚎鏈哄彂鐜扮被浼肩數姹犮�佺矇鐘剁墿銆佹恫浣撶姸銆佸绾跨瓑鍙枒鐗╁搧锛孹灏勭嚎鏈哄浘鍍忎腑鏄剧ず鏈夊鍣ㄧ殑鐗╁搧锛屾潵鍘嗕笉鏄庣殑鐗╁搧绛夎繘琛岀殑妫�鏌ャ��
@@ -1526,48 +1570,20 @@
             1.寮�绠卞寘妫�鏌ョ殑姝g‘姝ラ鏄紙銆�銆�锛夈�傦紙鍗曢�夐锛�
           </p>
           <p>
-            <input
-              type="radio"
-              name="QusOne"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="1"
-              v-model="questionData.projectTwo.one.value"
-              @change="setBookQuestion"
-            />A.妫�鏌ュ唴灞傘�佹鏌ョ鍖呭唴鐗╁搧
+            <input type="radio" name="QusOne" :disabled="questionData.isComplete" value="A" id="1"
+              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />A.妫�鏌ュ唴灞傘�佹鏌ョ鍖呭唴鐗╁搧
           </p>
           <p>
-            <input
-              type="radio"
-              name="QusOne"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="1"
-              v-model="questionData.projectTwo.one.value"
-              @change="setBookQuestion"
-            />B.瑙傚療澶栬銆佹鏌ョ鍖呭唴鐗╁搧
+            <input type="radio" name="QusOne" :disabled="questionData.isComplete" value="B" id="1"
+              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />B.瑙傚療澶栬銆佹鏌ョ鍖呭唴鐗╁搧
           </p>
           <p>
-            <input
-              type="radio"
-              name="QusOne"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="1"
-              v-model="questionData.projectTwo.one.value"
-              @change="setBookQuestion"
-            />C.瑙傚療澶栬銆佹鏌ュ唴灞傚拰澶瑰眰銆佹鏌ョ鍖呭唴鐗╁搧銆佸杽鍚庡鐞�
+            <input type="radio" name="QusOne" :disabled="questionData.isComplete" value="C" id="1"
+              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />C.瑙傚療澶栬銆佹鏌ュ唴灞傚拰澶瑰眰銆佹鏌ョ鍖呭唴鐗╁搧銆佸杽鍚庡鐞�
           </p>
           <p>
-            <input
-              type="radio"
-              name="QusOne"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="1"
-              v-model="questionData.projectTwo.one.value"
-              @change="setBookQuestion"
-            />D.瑙傚療澶栬銆佹鏌ュす灞傘�佹鏌ョ鍖呭唴鐗╁搧銆佸杽鍚庡鐞�
+            <input type="radio" name="QusOne" :disabled="questionData.isComplete" value="D" id="1"
+              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />D.瑙傚療澶栬銆佹鏌ュす灞傘�佹鏌ョ鍖呭唴鐗╁搧銆佸杽鍚庡鐞�
           </p>
         </div>
       </div>
@@ -1578,11 +1594,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">134</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -1591,118 +1603,65 @@
         <div class="bodystyle">
           <p>2.寮�绠卞寘妫�鏌ユ椂锛屼互涓嬪摢浜涗笉鏄彲鐤戠墿鍝侊紵锛堛��銆�锛夛紙鍗曢�夐锛�</p>
           <p>
-            <input
-              type="radio"
-              name="QusTwo"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="2"
-              v-model="questionData.projectTwo.two.value"
-              @change="setBookQuestion"
-            />A.鐢垫睜
+            <input type="radio" name="QusTwo" :disabled="questionData.isComplete" value="A" id="2"
+              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />A.鐢垫睜
           </p>
           <p>
-            <input
-              type="radio"
-              name="QusTwo"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="2"
-              v-model="questionData.projectTwo.two.value"
-              @change="setBookQuestion"
-            />B.绮夌姸鐗�
+            <input type="radio" name="QusTwo" :disabled="questionData.isComplete" value="B" id="2"
+              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />B.绮夌姸鐗�
           </p>
           <p>
-            <input
-              type="radio"
-              name="QusTwo"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="2"
-              v-model="questionData.projectTwo.two.value"
-              @change="setBookQuestion"
-            />C.鍥轰綋鐘剁墿
+            <input type="radio" name="QusTwo" :disabled="questionData.isComplete" value="C" id="2"
+              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />C.鍥轰綋鐘剁墿
           </p>
           <p>
-            <input
-              type="radio"
-              name="QusTwo"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="2"
-              v-model="questionData.projectTwo.two.value"
-              @change="setBookQuestion"
-            />D.瀵肩嚎
+            <input type="radio" name="QusTwo" :disabled="questionData.isComplete" value="D" id="2"
+              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />D.瀵肩嚎
           </p>
           <p>3.甯歌鐨勫紑绠卞寘妫�鏌ユ墜娉曟湁锛堛��銆�锛夛紙澶氶�夐锛�</p>
           <p>
-            <input
-              type="checkbox"
-              name="QusThree"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="3"
-              v-model="questionData.projectTwo.three.value"
-              @change="setBookQuestion"
-            />A.鍚�
+            <input type="checkbox" name="QusThree" :disabled="questionData.isComplete" value="A" id="3"
+              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />A.鍚�
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="QusThree"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="3"
-              v-model="questionData.projectTwo.three.value"
-              @change="setBookQuestion"
-            />B.鍡�
+            <input type="checkbox" name="QusThree" :disabled="questionData.isComplete" value="B" id="3"
+              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />B.鍡�
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="QusThree"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="3"
-              v-model="questionData.projectTwo.three.value"
-              @change="setBookQuestion"
-            />C.鏁�
+            <input type="checkbox" name="QusThree" :disabled="questionData.isComplete" value="C" id="3"
+              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />C.鏁�
           </p>
           <p>
-            <input
-              type="checkbox"
-              name="QusThree"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="3"
-              v-model="questionData.projectTwo.three.value"
-              @change="setBookQuestion"
-            />D.鎽�
+            <input type="checkbox" name="QusThree" :disabled="questionData.isComplete" value="D" id="3"
+              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />D.鎽�
           </p>
           <p>4.绠�杩颁汉韬畨鍏ㄦ鏌ョ殑鍒嗙被銆�</p>
-          <textarea
-            v-model="questionData.projectTwo.four.value"
-            placeholder="璇疯緭鍏ュ唴瀹�"
-            rows="4"
-            class="fz-16 textarea-box"
-            @change="setBookQuestion"
-          ></textarea>
+          <textarea v-model="questionData.projectTwo.four.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+            @change="setBookQuestion"></textarea>
           <p>5.绠�杩颁汉韬畨鍏ㄦ鏌ユ湇鍔′汉鍛樻墽鍕ょぜ浠鑼冦��</p>
-          <textarea
-            v-model="questionData.projectTwo.five.value"
-            placeholder="璇疯緭鍏ュ唴瀹�"
-            rows="4"
-            class="fz-16 textarea-box"
-            @change="setBookQuestion"
-          ></textarea>
+          <textarea v-model="questionData.projectTwo.five.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+            @change="setBookQuestion"></textarea>
           <p>6.绠�杩颁汉韬畨鍏ㄦ鏌ユ湇鍔′汉鍛樼殑浠浠〃绀间华瑙勮寖銆�</p>
-          <textarea
-            v-model="questionData.projectTwo.six.value"
-            placeholder="璇疯緭鍏ュ唴瀹�"
-            rows="4"
-            class="fz-16 textarea-box"
-            @change="setBookQuestion"
-          ></textarea>
+          <textarea v-model="questionData.projectTwo.six.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+            @change="setBookQuestion"></textarea>
+          <p class="dialogQuestion">
+            <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"
+                xmlns="http://www.w3.org/2000/svg" p-id="2536" xmlns:xlink="http://www.w3.org/1999/xlink" width="28"
+                height="28">
+                <path
+                  d="M798.72 76.8H947.2v145.92h51.2V25.6h-199.68zM947.2 798.72v145.92h-148.48v51.2H998.4v-197.12zM66.56 222.72V76.8h148.48V25.6H12.8v197.12zM215.04 944.64H66.56v-145.92H12.8v197.12h202.24z"
+                  fill="#fff" p-id="2537"></path>
+                <path
+                  d="M826.88 522.24L512 207.36c0-2.56-2.56-2.56-7.68-2.56-2.56 0-5.12 0-7.68 2.56L184.32 524.8c-2.56 2.56-5.12 7.68-2.56 10.24 2.56 5.12 5.12 7.68 10.24 7.68h58.88V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6V504.32c0-5.12-5.12-10.24-10.24-10.24h-2.56l217.6-220.16 220.16 222.72c-5.12 0-10.24 5.12-10.24 10.24V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6v-250.88h51.2c5.12 0 10.24-5.12 10.24-10.24 2.56-5.12 0-7.68-2.56-10.24z"
+                  fill="#fff" p-id="2538"></path>
+                <path
+                  d="M386.56 762.88h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-69.12h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-71.68h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-7.68 7.68-17.92 17.92-17.92zM514.56 535.04h-20.48c-5.12 0-7.68-2.56-7.68-7.68v-2.56c0-17.92 5.12-30.72 23.04-46.08 17.92-15.36 23.04-23.04 23.04-33.28s-7.68-20.48-20.48-20.48c-15.36 0-25.6 7.68-30.72 25.6 0 5.12-5.12 5.12-10.24 5.12l-25.6-5.12c-5.12 0-7.68-5.12-5.12-10.24 10.24-38.4 33.28-53.76 79.36-53.76 38.4 0 61.44 25.6 61.44 51.2 0 20.48-7.68 35.84-33.28 53.76-20.48 15.36-23.04 20.48-23.04 33.28-2.56 7.68-7.68 10.24-10.24 10.24zM481.28 588.8v-28.16c0-5.12 2.56-7.68 7.68-7.68h30.72c5.12 0 7.68 2.56 7.68 7.68V588.8c0 5.12-2.56 7.68-7.68 7.68h-30.72c-5.12 0-7.68-5.12-7.68-7.68z"
+                  fill="#fff" p-id="2539"></path>
+              </svg>
+            </span>
+          </p>
         </div>
       </div>
     </div>
@@ -1726,11 +1685,30 @@
               <img class="rwmb-4" alt="" src="../../assets/images/tb.png" />
             </p>
           </div>
+          <p class="td-0 mt-10 mb-10"><span class="bj2">路鎬濈淮瀵煎浘路</span></p>
+          <p class="td-0 openImgBox"><img class="img-0" src="../../assets//images/unitFour-03.png" alt=""></p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathThirteen" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氱┖鍕や汉鍛樼潃瑁呮儏鏅睍绀�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo12 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '027d59276957d481732b80db9aad6768'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-13')" />
+              </el-tooltip>
+            </p>
+          </div>
           <div class="bk">
             <p class="bj1-qjms fl al-c">
-              <span class="span-box"></span
-              ><span class="span-text">椤圭洰鎻忚堪</span
-              ><span class="span-box"></span>
+              <span class="span-box"></span><span class="span-text">椤圭洰鎻忚堪</span><span class="span-box"></span>
             </p>
             <p class="fz-15">
               鏉庝附鐨勮亴涓氳鍒掓槸鎴愪负涓�鍚嶇┖涓箻鍔″憳锛屽湪鍊欐満妤肩殑鏈嶅姟涓ス浜嗚В浜嗙┖鍦拌仈鍔ㄧ殑閲嶈鎬э紝鐞嗚В浜嗗湴闈㈡湇鍔′笌绌轰腑鏈嶅姟鐨勫叧绯汇�傚鑸辨湇鍔℃槸鑸┖鏈嶅姟鐨勫叧閿疄鏂介樁娈碉紝瑕佹垚涓轰竴鍚嶅悎鏍肩殑绌轰腑涔樺姟鍛橈紝涓嶄粎闇�瑕佹帉鎻″鑸辨湇鍔$殑鎶�鑳斤紝鏇磋鐢ㄥ績閿ょ偧瀹㈣埍鏈嶅姟鑹烘湳銆傛潕涓借揩鍒囧湴闇�瑕佸皢鎵�瀛︾殑娌熼�氱ぜ浠�佺潃瑁呯ぜ浠�佽涓虹ぜ浠�佸Э鎬佺ぜ浠笌绌轰箻涓撲笟鎶�鑳芥湁鏁堣瀺鍚堝苟鍛堢幇鍦ㄥ鑸辨湇鍔′腑銆傚涔犺�呴�氳繃鏈」鐩殑瀛︿範锛屽皢鍓嶆湡鎵�瀛︾殑绀间华鐭ヨ瘑鍜屾妧鑳借瀺浼氳疮閫氬湴杩愮敤鍒版ā鎷熷疄璁腑锛屾彁鍗囧瀹㈣埍鏈嶅姟绀间华鐨勫疄鎴樿兘鍔涳紝鍏绘垚鑹ソ鐨勫伐浣滅ぜ浠範鎯紝鎻愬崌瀹㈣埍鏈嶅姟绱犲吇銆�
@@ -1738,9 +1716,7 @@
           </div>
           <div class="bk">
             <p class="bj1-qjms fl al-c">
-              <span class="span-box"></span
-              ><span class="span-text">绀煎湪韬竟</span
-              ><span class="span-box"></span>
+              <span class="span-box"></span><span class="span-text">绀煎湪韬竟</span><span class="span-box"></span>
             </p>
             <p class="fz-15">
               鏉庝附鐨勫濮愭潕闈欓�氳繃闈㈣瘯鎴愪簡鑸┖鍏徃鐨勫疄涔犱箻鍔″憳锛岀粡杩囧煿璁悗锛屽ス缁堜簬瑕佽蛋鍚戣嚜宸辩殑绗竴涓墽椋炶埅鐝簡銆傜敱浜庤埅鐝椂鍒昏緝鏃╋紝鏉庨潤鍙戠幇濂圭殑澶忓鍒舵湇瑁欐竻娲楀悗鏈共锛屼簬鏄┛涓婄瀛e埗鏈嶈锛屽苟鐢讳笂绮捐嚧鐨勫瀹癸紝杩樼壒鎰忔埓涓婁簡鐢熸棩鏃跺濡堥�佺殑杩愬姩鎵嬭〃銆傛病鎯冲埌鍙紑鍑嗗浼氭椂涔樺姟闀垮嵈瀵瑰ス鐨勭潃瑁呭拰閰嶉グ閮芥彁鍑轰簡鎵硅瘎銆傛潕闈欏緢闅捐繃锛屾槑鏄庡凡缁忓緢鐢ㄥ績鏁寸悊浜嗭紝涓轰粈涔堜箻鍔¢暱瑕佹壒璇勫ス鍛紵
@@ -1749,30 +1725,47 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3 fz-15">
               <p>1.浣滀负鏉庨潤鐨勫濡癸紝闈㈠闅捐繃鐨勬潕闈欙紝鏉庝附鍙互璺熷ス璇翠簺浠�涔堬紵</p>
               <textarea v-model="questionData.askAbout.twentyOne" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
               <p>2.鍏充簬涔樺姟鍛樿埅鍓嶇殑浠浠〃瑙勮寖锛屾垜浠簡瑙e灏戝憿锛�</p>
               <textarea v-model="questionData.askAbout.twentyTwo" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
               <p>3.鑸墠鍑嗗闃舵杩橀渶瑕佹帉鎻″摢浜涚ぜ浠鑼冨憿锛�</p>
               <textarea v-model="questionData.askAbout.twentyThree" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h3 id="c032">
-            <span class="h3-zt1">浠诲姟1</span
-            ><span class="h3-bk">鑸墠鍑嗗闃舵绀间华瀹炶</span>
+            <span class="h3-zt1">浠诲姟1</span><span class="h3-bk">鑸墠鍑嗗闃舵绀间华瀹炶</span>
           </h3>
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.浜嗚В涔樺姟鍛樼潃瑁呯ぜ浠鑼冦��</p>
           <p>2.浜嗚В鍑嗗浼氱ぜ浠鑼冦��</p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathFourteen" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氳埅鍓嶅噯澶囦細闃舵绀间华瀹炶</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo13 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '0ca2f6d71dca30320627286ffbf5d60c'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-14')" />
+              </el-tooltip>
+            </p>
+          </div>
         </div>
       </div>
     </div>
@@ -1782,11 +1775,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">136</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -1794,6 +1783,63 @@
         </ul>
         <div class="bodystyle">
           <h4 id="d101">涓�銆佷箻鍔″憳鐫�瑁呯ぜ浠鑼�</h4>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathFifteen" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氱┖鍕や汉鍛樼潃瑁呯ぜ浠鑼�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo14 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '7923cd0317296eaea5fa8c513fe7dcca'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-15')" />
+              </el-tooltip>
+            </p>
+          </div>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathSixteen" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氱┖鍕ゅコ澹潃瑁呮暀瀛﹁棰�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo15 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'c1fa8a017a5538ff2e560b31d35232e1'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-16')" />
+              </el-tooltip>
+            </p>
+          </div>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathSeventeen" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氱┖鍕ょ敺澹潃瑁呮暀瀛﹁棰�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo16 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'ea653cf2afa7376a6a032053596d9773'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-17')" />
+              </el-tooltip>
+            </p>
+          </div>
           <p>
             涔樺姟鍛樿亴涓氳鑳藉鍑告樉浼佷笟鏂囧寲鍜岃亴涓氱壒鎬э紝瀹冧笉浠呮槸鑸┖鍏徃鍜屼箻鍔″憳鑷韩瀹$編鐨勪綋鐜帮紝涔熸槸婊¤冻琚湇鍔℃梾瀹㈢殑瀹$編銆佽埅绋嬮绾﹀拰鑹ソ涔樻満浣撻獙鐨勯渶瑕併�備箻鍔″憳鍦ㄧ┛鐫�鍒舵湇鏃讹紝鏇磋鐗瑰埆娉ㄦ剰鑷繁鐨勪华琛ㄥ舰璞★紝浣胯嚜宸辩殑瑷�琛屻�佷妇姝㈢鍚堝埗鏈嶅簲琛ㄧ幇鍑虹殑浼佷笟鏂囧寲鍜屽搧鐗屼环鍊笺��
           </p>
@@ -1822,10 +1868,6 @@
           <p>
             淇濇寔鍒舵湇鐨勫共鍑�銆佹暣娲併�佹尯鎷紝鏄埗鏈嶄繚鍏荤殑鍩烘湰瑕佹眰銆傛瘡涓埅鐝粨鏉熷悗锛屽簲骞叉礂鍒舵湇锛涙瘡娆℃墽琛岃埅鐝换鍔″墠锛屽簲鐔ㄧ儷鍒舵湇銆傝鍏绘垚妫�鏌ュ埗鏈嶆湁鏃犳崯鍧忋�佹薄娓嶃�佹帀鎵c�佸紑绾跨瓑鎯呭喌鐨勪範鎯紝鑻ュ彂鐜版媺閾炬崯鍧忋�佹墸瀛愭帀钀界瓑闂锛屽簲绔嬪嵆淇悊琛ユ晳銆�
           </p>
-          <h5 id="e122">锛堜簲锛夌鐞嗗拰浣跨敤鐨勮鑼�</h5>
-          <p>
-            鍒舵湇鍙厑璁稿湪鎵ц鑸彮浠诲姟鏃剁┛锛屽鏋滃洜鍑哄腑閲嶅ぇ娲诲姩鎴栬�呭湪鐗规畩鍦哄悎闇�瑕佺┛鐫�鍒�
-          </p>
         </div>
       </div>
     </div>
@@ -1843,10 +1885,30 @@
           <li class="header-right-end" style=""><br /></li>
         </ul>
         <div class="bodystyle">
-          <p class="td-0">
-            鏈嶆椂锛屼篃搴旀寜瑕佹眰绌跨潃鍒舵湇锛岄櫎姝や箣澶栫殑鍏朵粬鏃堕棿銆佸満鍚堜笉鑳界┛鐫�鍒舵湇锛屾洿涓嶅厑璁稿皢鍒舵湇鍊熺粰浠栦汉浣跨敤銆�
+          <h5 id="e122">锛堜簲锛夌鐞嗗拰浣跨敤鐨勮鑼�</h5>
+          <p>
+            鍒舵湇鍙厑璁稿湪鎵ц鑸彮浠诲姟鏃剁┛锛屽鏋滃洜鍑哄腑閲嶅ぇ娲诲姩鎴栬�呭湪鐗规畩鍦哄悎闇�瑕佺┛鐫�鍒舵湇鏃讹紝涔熷簲鎸夎姹傜┛鐫�鍒舵湇锛岄櫎姝や箣澶栫殑鍏朵粬鏃堕棿銆佸満鍚堜笉鑳界┛鐫�鍒舵湇锛屾洿涓嶅厑璁稿皢鍒舵湇鍊熺粰浠栦汉浣跨敤銆�
           </p>
           <h4 id="d102">浜屻�佸噯澶囦細绀间华瑙勮寖</h4>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathEighteen" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氳埅鍓嶅噯澶囦細鍏ㄦ祦绋�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo17 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '53644acc8e99901f5794c047c6bb9c0c'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-18')" />
+              </el-tooltip>
+            </p>
+          </div>
           <p>
             鑸墠鍑嗗浼氭槸瀹㈣埍涔樺姟浜哄憳椋炶浠诲姟鍓嶇殑涓�娆℃�诲姩鍛橈紝鐢变箻鍔¢暱涓绘寔鍙紑銆傝埅鍓嶅噯澶囦細鐨勪富瑕佸唴瀹瑰寘鎷細鑷垜浠嬬粛銆佹鏌ユ湁鏁堣瘉浠跺拰浠浠〃銆佺‘璁よ埅鐝俊鎭�佸伐浣滆亴璐e垎閰嶃�佸噯澶囩┖闃查妗堝拰搴旀�ラ妗堛�傚噯澶囦細绀间华瑙勮寖鍖呮嫭瑙侀潰鐨勭ぜ浠鑼冦�佺墿鍝佹憜鏀剧殑绀间华瑙勮寖銆佸骇搴忕殑绀间华瑙勮寖銆佷細璁殑绀间华瑙勮寖銆備互涓嬪唴瀹瑰皢璇︾粏浠嬬粛鍑嗗浼氱ぜ浠鑼冦��
           </p>
@@ -1876,7 +1938,7 @@
           </p>
           <p class="td-0 mb-10 mt-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
           <p class="block">
-            鍙蜂綅绾у埆锛氬湪鎵ц鑸彮浠诲姟鏃讹紝姣忎釜涔樺姟鍛橀兘鏈変笉鍚岀殑鍙蜂綅锛屼笉鍚岀殑鍙蜂綅浠h〃涓嶅悓鐨勫矖浣嶈亴璐e尯鍩燂紝鎵�浠ユ槸涓嶅瓨鍦ㄩ噸澶嶇殑鍙蜂綅鐨勩�傚垎鍙蜂綅鏄负浜嗚澶у鍒嗗伐鏇村姞鏄庣‘锛屼粠鑰岃兘澶熸洿濂藉湴瀹屾垚绌轰腑鏈嶅姟鍜屽畨鍏ㄤ繚闅滃伐浣溿�備笉鍚岀殑鏈哄瀷锛屼笉鍚岀殑鍙蜂綅鑱岃矗涔熸槸涓嶅敖鐩�
+            鍙蜂綅绾у埆锛氬湪鎵ц鑸彮浠诲姟鏃讹紝姣忎釜涔樺姟鍛橀兘鏈変笉鍚岀殑鍙蜂綅锛屼笉鍚岀殑鍙蜂綅浠h〃涓嶅悓鐨勫矖浣嶈亴璐e尯鍩燂紝鎵�浠ユ槸涓嶅瓨鍦ㄩ噸澶嶇殑鍙蜂綅鐨勩�傚垎鍙蜂綅鏄负浜嗚澶у鍒嗗伐鏇村姞鏄庣‘锛屼粠鑰岃兘澶熸洿濂藉湴瀹屾垚绌轰腑鏈嶅姟鍜屽畨鍏ㄤ繚闅滃伐浣溿�備笉鍚岀殑鏈哄瀷锛屼笉鍚岀殑鍙蜂綅鑱岃矗涔熸槸涓嶅敖鐩稿悓鐨勶紝瑙勫畾鐩稿綋缁嗚嚧澶嶆潅銆備笉鍚屽彿浣嶇殑鍩烘湰鑱岃矗锛氳礋璐e嚑鎺掑埌鍑犳帓鐨勬湇鍔★紝鍒嗗彂鎶ョ焊锛岀揣鎬ヨ劚绂婚棬銆佺獥鐨勬搷浣滐紝鐏儏澶勭疆绛夈��
           </p>
         </div>
       </div>
@@ -1887,20 +1949,13 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">138</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
           </li>
         </ul>
         <div class="bodystyle">
-          <p class="td-0 block">
-            鍚岀殑锛岃瀹氱浉褰撶粏鑷村鏉傘�備笉鍚屽彿浣嶇殑鍩烘湰鑱岃矗锛氳礋璐e嚑鎺掑埌鍑犳帓鐨勬湇鍔★紝鍒嗗彂鎶ョ焊锛岀揣鎬ヨ劚绂婚棬銆佺獥鐨勬搷浣滐紝鐏儏澶勭疆绛夈��
-          </p>
           <h5 id="e126">锛堝洓锛変細璁殑绀间华瑙勮寖</h5>
           <p>
             鑸墠鍑嗗浼氶�氬父鍖呮嫭鈥滃鑸辨湇鍔¤鏄庘�濃�滃鑸卞畨鍏ㄧ浉鍏抽噸鐐瑰伐浣滀俊鎭鏄庘�濃�滅┖闃插畨鍏ㄥ伐浣滃唴瀹光�濈瓑銆傗�滃鑸辨湇鍔¤鏄庘�濆拰鈥滃鑸卞畨鍏ㄧ浉鍏抽噸鐐瑰伐浣滀俊鎭鏄庘�濅竴鑸敱浼氳涓绘寔浜鸿礋璐h瑙o紝鈥滅┖闃插畨鍏ㄥ伐浣滃唴瀹光�濅竴鑸敱瀹夊叏鍛樿礋璐h瑙c��
@@ -1911,15 +1966,14 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3 fz-15">
               <p>鑸墠鍑嗗闃舵鐨勭ぜ浠腑铻嶅悎浜嗗墠闈㈣绋嬩腑鐨勫摢浜涢噸鐐圭煡璇嗭紵</p>
               <textarea v-model="questionData.askAbout.twentyFour" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p class="td-0 mb-10 mt-10"><span class="bj2">路绀间箣瀹炶返路</span></p>
@@ -1943,9 +1997,8 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3 fz-15">
@@ -1954,10 +2007,10 @@
               </p>
               <p>1.浣犺寰楀垬鎱у仛寰楀鍚楋紵</p>
               <textarea v-model="questionData.askAbout.twentyFive" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
               <p>2.瀵逛簬杩庡鐨勭ぜ浠鑼冿紝浣犵煡閬撳灏戯紵</p>
               <textarea v-model="questionData.askAbout.twentySix" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
         </div>
@@ -1978,14 +2031,70 @@
         </ul>
         <div class="bodystyle">
           <h3 id="c033">
-            <span class="h3-zt1">浠诲姟2</span
-            ><span class="h3-bk">绌轰腑瀹炴柦闃舵绀间华瀹炶</span>
+            <span class="h3-zt1">浠诲姟2</span><span class="h3-bk">绌轰腑瀹炴柦闃舵绀间华瀹炶</span>
           </h3>
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.浜嗚В杩庡绀间华瑙勮寖銆�</p>
           <p>2.鎺屾彙椁愰ギ鍙戞斁绀间华瑙勮寖銆�</p>
           <p>3.鎺屾彙鑸▼涓棶璇㈢ぜ浠鑼冦��</p>
           <p>4.浜嗚В瀹㈣埍瀹夊叏妫�鏌ョぜ浠鑼冦��</p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathNineteen" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氱┖鍕や汉鍛樿繋瀹㈢ぜ浠鑼�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo18 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '9a3ca4974c773071810305bc71d0686c'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-19')" />
+              </el-tooltip>
+            </p>
+          </div>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathTwenty" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氱┖鍕や汉鍛樺鑸辫繋瀹㈡祦绋�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo19 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '992d774600338d541b8311e623488367'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-20')" />
+              </el-tooltip>
+            </p>
+          </div>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathTwentyOne" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氱┖鍕や汉鍛樻湇鍔$敤璇鑼�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo20 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '6f51dba939e06ba2e93109dc99576899'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-21')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h4 id="d103">涓�銆佽繋瀹㈢ぜ浠鑼�</h4>
           <p>
             鑹ソ銆佸緱浣撶殑绀间华杩愮敤锛屼細甯︾粰鏃呭涓撲笟銆佷翰鍒囥�佹俯棣ㄧ殑鍗拌薄锛屼负鍚庣画鎻愪緵鐨勫鑸辨湇鍔″瀹氳壇濂界殑鍩虹銆�
@@ -2000,15 +2109,14 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3 fz-15">
               <p>鏃呭鐧绘満鏃讹紝杩庡鐨勫鑸变箻鍔″憳搴旇绔欏湪鍝噷鍛紵</p>
               <textarea v-model="questionData.askAbout.twentySeven" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h5 id="e128">锛堜簩锛夎繋瀹㈢珯浣嶄笌绔欏Э鐨勮鑼�</h5>
@@ -2022,10 +2130,6 @@
           <p>
             锛�3锛夎繋瀹㈡椂濂充箻鍔″憳閲囧彇鈥滃墠鑵瑰紡锛屼竵瀛楁绔欏Э鈥濓紝鐢蜂箻鍔″憳閲囧彇鈥滃墠鑵瑰紡锛屽钩琛屾绔欏Э鈥濄��
           </p>
-          <h5 id="e129">锛堜笁锛夎繋瀹㈢殑鎵嬪娍瑙勮寖</h5>
-          <p>
-            杩庡鏃惰涓�鐩翠繚鎸佸井绗戯紝骞惰�愬績涓烘梾瀹㈠紩瀵煎骇浣嶆垨鍗忓姪瀹夋斁琛屾潕銆備箻鍔″憳搴斿弻鎵嬫帴
-          </p>
         </div>
       </div>
     </div>
@@ -2035,19 +2139,16 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">140</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
           </li>
         </ul>
         <div class="bodystyle">
-          <p class="td-0">
-            杩囨梾瀹㈢櫥鏈虹墝锛屽苟涓旀墜鎸囧苟鎷紝鎵嬪績鏈濅笂涓庢按骞抽潰鍛�45掳锛涙媷鎸囦笌椋熸寚杞绘嬁鐧绘満鐗岃竟缂橈紝杩呴�熸煡鐪嬩俊鎭悗浜よ繕鏃呭锛屽悓鏃舵牴鎹梾瀹㈠骇浣嶈窛绂荤殑杩滆繎锛岄噰鐢ㄩ珮銆佷腑銆佷綆浣嶆墜鍔挎寚寮曘��
+          <h5 id="e129">锛堜笁锛夎繋瀹㈢殑鎵嬪娍瑙勮寖</h5>
+          <p>
+            杩庡鏃惰涓�鐩翠繚鎸佸井绗戯紝骞惰�愬績涓烘梾瀹㈠紩瀵煎骇浣嶆垨鍗忓姪瀹夋斁琛屾潕銆備箻鍔″憳搴斿弻鎵嬫帴杩囨梾瀹㈢櫥鏈虹墝锛屽苟涓旀墜鎸囧苟鎷紝鎵嬪績鏈濅笂涓庢按骞抽潰鍛�45掳锛涙媷鎸囦笌椋熸寚杞绘嬁鐧绘満鐗岃竟缂橈紝杩呴�熸煡鐪嬩俊鎭悗浜よ繕鏃呭锛屽悓鏃舵牴鎹梾瀹㈠骇浣嶈窛绂荤殑杩滆繎锛岄噰鐢ㄩ珮銆佷腑銆佷綆浣嶆墜鍔挎寚寮曘��
           </p>
           <h5 id="e130">锛堝洓锛夎绀肩殑瑙勮寖</h5>
           <p>
@@ -2134,10 +2235,6 @@
           <p>
             鏀剁墿鍝佺殑鏃跺�欏簲璇ュ厛鏀惰繃閬撴梾瀹㈢殑鐗╁搧锛屽悗鏀堕潬绐楁梾瀹㈢殑鐗╁搧锛屽仛鍒板厛澶栧悗閲屻�傛敹鏃呭鐨勯ギ鏂欐澂鏃惰鐢ㄦ墭鐩橈紝鏀堕鐩樺垯蹇呴』浣跨敤椁愯溅鏀跺彇銆傛敹鍙栨椂閮借鍦ㄦ墭鐩樻垨鑰呴杞︿笂鐢遍噷鍚戝鎽嗘斁锛岄鐩掑瀿鍦ㄤ竴璧锋椂锛屾渶澶氫笉瓒呰繃5涓��
           </p>
-          <h6 id="f051">7.鎺ㄦ媺鐨勭ぜ浠鑼�</h6>
-          <p>
-            鎺ㄩ杞︽椂锛屽弻鎵嬪簲鎵跺湪椁愯溅涓婃柟宸﹀彸涓や晶锛屽弻鎵嬬暐鐢ㄥ姏鎺ㄥ姩椁愯溅锛屼絾涓嶅彲鐢ㄥ姏杩�
-          </p>
         </div>
       </div>
     </div>
@@ -2147,19 +2244,16 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">142</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
           </li>
         </ul>
         <div class="bodystyle">
-          <p class="td-0">
-            澶с�佽繃蹇紝浠ヤ繚鎸侀杞︿笂鐨勭墿鍝佸钩绋筹紝娉ㄦ剰涓嶈鎾炲埌鏃呭鐨勬墜鑴氬拰搴ф鎵舵墜銆�
+          <h6 id="f051">7.鎺ㄦ媺鐨勭ぜ浠鑼�</h6>
+          <p>
+            鎺ㄩ杞︽椂锛屽弻鎵嬪簲鎵跺湪椁愯溅涓婃柟宸﹀彸涓や晶锛屽弻鎵嬬暐鐢ㄥ姏鎺ㄥ姩椁愯溅锛屼絾涓嶅彲鐢ㄥ姏杩囧ぇ銆佽繃蹇紝浠ヤ繚鎸侀杞︿笂鐨勭墿鍝佸钩绋筹紝娉ㄦ剰涓嶈鎾炲埌鏃呭鐨勬墜鑴氬拰搴ф鎵舵墜銆�
           </p>
           <h5 id="e134">锛堜簩锛夐楗湇鍔¤瑷�鐨勭ぜ浠鑼�</h5>
           <p>
@@ -2192,10 +2286,6 @@
           <p>
             鍦ㄥ鑸辨湇鍔′腑锛屾皯鑸鑸变箻鍔″憳浼氫笌涓嶅悓鏃呭鎵撲氦閬撱�傞噰鐢ㄥ悎閫傜殑璇█鎶�宸э紝鎺屾彙瑙勮寖鐨勬湇鍔¤瘽鏈紝鍙互鎻愬崌娌熼�氭晥鐜囷紝鎻愬崌鏈嶅姟鍝佽川銆�
           </p>
-          <h5 id="e135">锛堜竴锛夊鐗规畩鏃呭鐨勭О鍛艰鑼�</h5>
-          <p>
-            瀵圭敺鎬ф梾瀹㈡垜浠О鍛间负鈥滃厛鐢熲�濓紝瀵瑰コ鎬ф梾瀹㈡垜浠О鍛间负鈥滃コ澹�濄�傚湪鑸彮涓婁箻鍔�
-          </p>
         </div>
       </div>
     </div>
@@ -2213,8 +2303,9 @@
           <li class="header-right-end" style=""><br /></li>
         </ul>
         <div class="bodystyle">
-          <p class="td-0">
-            鍛樹細鎻愬墠鑾峰緱涓�浜涢噸瑕佹梾瀹箻鏈虹殑淇℃伅锛屽杩欑被鏃呭鐨勭О鍛艰閲囩敤鍏舵渶澶х殑鑱屽姟锛屽鈥滈闀挎偍濂解�濃�滃闀挎偍濂解�濄�傛湇鍔″晢鍔¤埍鐨勬梾瀹㈡椂鍒欒閲囩敤濮撴皬涓庤亴浣嶇浉缁撳悎鐨勫皧绉帮紝濡傗�滄潕鎬绘偍濂解�濃�滅帇钁f偍濂解�濓紝鍦ㄤ笉纭鏃呭鑱屼綅鐨勬儏鍐典笅锛屽彲閲囩敤濮撴皬涓庢�у埆鐩哥粨鍚堢殑鏂规硶锛屽鈥滃紶鍏堢敓鎮ㄥソ鈥濃�滅帇濂冲+鎮ㄥソ鈥濄��
+          <h5 id="e135">锛堜竴锛夊鐗规畩鏃呭鐨勭О鍛艰鑼�</h5>
+          <p>
+            瀵圭敺鎬ф梾瀹㈡垜浠О鍛间负鈥滃厛鐢熲�濓紝瀵瑰コ鎬ф梾瀹㈡垜浠О鍛间负鈥滃コ澹�濄�傚湪鑸彮涓婁箻鍔″憳浼氭彁鍓嶈幏寰椾竴浜涢噸瑕佹梾瀹箻鏈虹殑淇℃伅锛屽杩欑被鏃呭鐨勭О鍛艰閲囩敤鍏舵渶澶х殑鑱屽姟锛屽鈥滈闀挎偍濂解�濃�滃闀挎偍濂解�濄�傛湇鍔″晢鍔¤埍鐨勬梾瀹㈡椂鍒欒閲囩敤濮撴皬涓庤亴浣嶇浉缁撳悎鐨勫皧绉帮紝濡傗�滄潕鎬绘偍濂解�濃�滅帇钁f偍濂解�濓紝鍦ㄤ笉纭鏃呭鑱屼綅鐨勬儏鍐典笅锛屽彲閲囩敤濮撴皬涓庢�у埆鐩哥粨鍚堢殑鏂规硶锛屽鈥滃紶鍏堢敓鎮ㄥソ鈥濃�滅帇濂冲+鎮ㄥソ鈥濄��
           </p>
           <h5 id="e136">锛堜簩锛夊悜瑕佸浠嬬粛鏃剁殑瑙勮寖</h5>
           <p>
@@ -2249,18 +2340,14 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">144</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
           </li>
         </ul>
         <div class="bodystyle">
-          <p class="block td-0">
+          <p class="block">
             琛ㄨ揪鎶�宸э細涓嶆伆褰撳湴杩愮敤娌熼�氭妧宸э紝浼氬奖鍝嶆湁鏁堟矡閫氾紝濡傛敼鍙樿瘽棰橈紝缁欐梾瀹竴绉嶄笉鎰夸笌涔嬫矡閫氱殑鎰熻锛涗富瑙傚垽鏂垨鍖嗗繖涓嬬粨璁哄父甯镐細浣挎矡閫氫腑鏂紱铏氬亣銆佷笉鎭板綋鐨勫畨鎱帮紝閽堝鎬т笉寮虹殑瑙i噴浼氱粰鏃呭涓�绉嶆暦琛嶄簡浜嬨�佷笉璐熻矗鐨勬劅瑙夈��
           </p>
           <p class="block">涓汉鍥犵礌锛氫釜浜鸿〃杈捐兘鍔涗笉瓒虫椂浼氫骇鐢熸矡閫氶殰纰嶃��</p>
@@ -2330,130 +2417,53 @@
           <p class="mb-10 mt-10 td-0"><span class="bj2">路椤圭洰妫�娴嬄�</span></p>
           <p>1.鍒舵湇缁熶竴瑙勮寖瑕佹眰涓紝鏈嶈鐨勶紙銆�銆�锛夊繀椤荤粺涓�銆�</p>
           <p>
-            <input
-              type="radio"
-              name="Qusone"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="1"
-              v-model="questionData.projectThree.one.value"
-              @change="setBookQuestion"
-            />A.澶у皬銆侀鑹层�佽叞甯�
+            <input type="radio" name="Qusone" :disabled="questionData.isComplete" value="A" id="1"
+              v-model="questionData.projectThree.one.value" @change="setBookQuestion" />A.澶у皬銆侀鑹层�佽叞甯�
           </p>
           <p>
-            <input
-              type="radio"
-              name="Qusone"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="1"
-              v-model="questionData.projectThree.one.value"
-              @change="setBookQuestion"
-            />B.閰嶉グ銆侀瀷瀛愩�侀鑹�
+            <input type="radio" name="Qusone" :disabled="questionData.isComplete" value="B" id="1"
+              v-model="questionData.projectThree.one.value" @change="setBookQuestion" />B.閰嶉グ銆侀瀷瀛愩�侀鑹�
           </p>
           <p>
-            <input
-              type="radio"
-              name="Qusone"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="1"
-              v-model="questionData.projectThree.one.value"
-              @change="setBookQuestion"
-            />C.瀛h妭銆佹寮忋�侀厤楗�
+            <input type="radio" name="Qusone" :disabled="questionData.isComplete" value="C" id="1"
+              v-model="questionData.projectThree.one.value" @change="setBookQuestion" />C.瀛h妭銆佹寮忋�侀厤楗�
           </p>
           <p>2.鐫�鍒舵湇鏃讹紝宸ュ彿鐗岃浣╂埓鍦紙銆�銆�锛夈��</p>
           <p>
-            <input
-              type="radio"
-              name="Qustwo"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="2"
-              v-model="questionData.projectThree.two.value"
-              @change="setBookQuestion"
-            />A.鍙宠兏
+            <input type="radio" name="Qustwo" :disabled="questionData.isComplete" value="A" id="2"
+              v-model="questionData.projectThree.two.value" @change="setBookQuestion" />A.鍙宠兏
           </p>
           <p>
-            <input
-              type="radio"
-              name="Qustwo"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="2"
-              v-model="questionData.projectThree.two.value"
-              @change="setBookQuestion"
-            />B.鍙宠兏姝d笂鏂�
+            <input type="radio" name="Qustwo" :disabled="questionData.isComplete" value="B" id="2"
+              v-model="questionData.projectThree.two.value" @change="setBookQuestion" />B.鍙宠兏姝d笂鏂�
           </p>
           <p>
-            <input
-              type="radio"
-              name="Qustwo"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="2"
-              v-model="questionData.projectThree.two.value"
-              @change="setBookQuestion"
-            />C.宸﹁兏姝d笂鏂�
+            <input type="radio" name="Qustwo" :disabled="questionData.isComplete" value="C" id="2"
+              v-model="questionData.projectThree.two.value" @change="setBookQuestion" />C.宸﹁兏姝d笂鏂�
           </p>
           <p>3.鎵嬭〃鏄┖鍕や汉鍛樺繀澶囩殑閰嶉グ锛屽鎵嬭〃鐨勮姹傛槸蹇呴』鍏峰锛堛��銆�锛夈��</p>
           <p>
-            <input
-              type="radio"
-              name="Qusthree"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="3"
-              v-model="questionData.projectThree.three.value"
-              @change="setBookQuestion"
-            />A.2閽�6鍒诲害
+            <input type="radio" name="Qusthree" :disabled="questionData.isComplete" value="A" id="3"
+              v-model="questionData.projectThree.three.value" @change="setBookQuestion" />A.2閽�6鍒诲害
           </p>
           <p>
-            <input
-              type="radio"
-              name="Qusthree"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="3"
-              v-model="questionData.projectThree.three.value"
-              @change="setBookQuestion"
-            />B.3閽�12鍒诲害
+            <input type="radio" name="Qusthree" :disabled="questionData.isComplete" value="B" id="3"
+              v-model="questionData.projectThree.three.value" @change="setBookQuestion" />B.3閽�12鍒诲害
           </p>
           <p>
-            <input
-              type="radio"
-              name="Qusthree"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="3"
-              v-model="questionData.projectThree.three.value"
-              @change="setBookQuestion"
-            />C.浠绘剰鍒诲害
+            <input type="radio" name="Qusthree" :disabled="questionData.isComplete" value="C" id="3"
+              v-model="questionData.projectThree.three.value" @change="setBookQuestion" />C.浠绘剰鍒诲害
           </p>
           <p>
             4.鎴磋繎瑙嗙溂闀滅殑涔樺姟鍛樺湪鎵ц鑸彮浠诲姟鏃讹紝蹇呴』浣╂埓锛堛��銆�锛夛紝鍚屾椂涓洪槻姝㈢獊鍙戞儏鍐碉紝杩橀渶瑕佸涓�鍓紙銆�銆�锛夈��
           </p>
           <p>
-            <input
-              type="radio"
-              name="Qusfour"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="4"
-              v-model="questionData.projectThree.four.value"
-              @change="setBookQuestion"
-            />A.闅愬舰鐪奸暅銆佹鏋剁溂闀�
+            <input type="radio" name="Qusfour" :disabled="questionData.isComplete" value="A" id="4"
+              v-model="questionData.projectThree.four.value" @change="setBookQuestion" />A.闅愬舰鐪奸暅銆佹鏋剁溂闀�
           </p>
           <p>
-            <input
-              type="radio"
-              name="Qusfour"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="4"
-              v-model="questionData.projectThree.four.value"
-              @change="setBookQuestion"
-            />B.褰╄壊鐪奸暅銆侀殣褰㈢溂闀�
+            <input type="radio" name="Qusfour" :disabled="questionData.isComplete" value="B" id="4"
+              v-model="questionData.projectThree.four.value" @change="setBookQuestion" />B.褰╄壊鐪奸暅銆侀殣褰㈢溂闀�
           </p>
         </div>
       </div>
@@ -2464,11 +2474,7 @@
         <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
           <li class="header-left-Number">
             <span class="mr-10 pNum">146</span>
-            <span
-              ><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span
-                class="span-box-title"
-              ></span
-            ></span>
+            <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
           </li>
           <li class="header-left-text">
             <img class="w80" src="../../assets/images/yemei01.png" alt="" />
@@ -2476,97 +2482,66 @@
         </ul>
         <div class="bodystyle">
           <p>
-            <input
-              type="radio"
-              name="Qusfour"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="4"
-              v-model="questionData.projectThree.four.value"
-              @change="setBookQuestion"
-            />C.妗嗘灦鐪奸暅銆佺編鐬�
+            <input type="radio" name="Qusfour" :disabled="questionData.isComplete" value="C" id="4"
+              v-model="questionData.projectThree.four.value" @change="setBookQuestion" />C.妗嗘灦鐪奸暅銆佺編鐬�
           </p>
           <p>
             5.鍙紑鑸墠鍑嗗浼氭椂搴旇娉ㄦ剰涔樺姟鍛樺埌鍦哄悗锛屽簲鍏堝皢绠卞寘锛堛��銆�锛夌劧鍚庡啀钀藉骇銆�
           </p>
           <p>
-            <input
-              type="radio"
-              name="Qusfive"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="5"
-              v-model="questionData.projectThree.five.value"
-              @change="setBookQuestion"
-            />A.闅忔剰瀹夋斁
+            <input type="radio" name="Qusfive" :disabled="questionData.isComplete" value="A" id="5"
+              v-model="questionData.projectThree.five.value" @change="setBookQuestion" />A.闅忔剰瀹夋斁
           </p>
           <p>
-            <input
-              type="radio"
-              name="Qusfive"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="5"
-              v-model="questionData.projectThree.five.value"
-              @change="setBookQuestion"
-            />B.鏀惧湪鑵胯竟
+            <input type="radio" name="Qusfive" :disabled="questionData.isComplete" value="B" id="5"
+              v-model="questionData.projectThree.five.value" @change="setBookQuestion" />B.鏀惧湪鑵胯竟
           </p>
           <p>
-            <input
-              type="radio"
-              name="Qusfive"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="5"
-              v-model="questionData.projectThree.five.value"
-              @change="setBookQuestion"
-            />C.鏁撮綈鎽嗘斁鑷虫寚瀹氬尯鍩�
+            <input type="radio" name="Qusfive" :disabled="questionData.isComplete" value="C" id="5"
+              v-model="questionData.projectThree.five.value" @change="setBookQuestion" />C.鏁撮綈鎽嗘斁鑷虫寚瀹氬尯鍩�
           </p>
           <p>6.鏃呭鐧绘満鏃讹紝杩庡鐨勫鑸变箻鍔″憳搴旇绔欏湪鍝噷杩庡鍛紵</p>
-          <textarea
-            v-model="questionData.projectThree.six.value"
-            placeholder="璇疯緭鍏ュ唴瀹�"
-            rows="4"
-            class="fz-16 textarea-box"
-            @change="setBookQuestion"
-          ></textarea>
+          <textarea v-model="questionData.projectThree.six.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+            class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
           <p>7.璇峰啓涓�鍐欒繋瀹㈡椂鎴栧洖绛旀梾瀹㈢櫥鏈虹殑璇㈤棶鏃跺簲璇ヨ鍝簺璇█銆�</p>
-          <textarea
-            v-model="questionData.projectThree.seven.value"
-            placeholder="璇疯緭鍏ュ唴瀹�"
-            rows="4"
-            class="fz-16 textarea-box"
-            @change="setBookQuestion"
-          ></textarea>
+          <textarea v-model="questionData.projectThree.seven.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+            class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
           <p>8.璇峰啓涓�鍐欑鎵樼洏鏃跺簲娉ㄦ剰鍝簺绀间华瑙勮寖銆�</p>
-          <textarea
-            v-model="questionData.projectThree.eight.value"
-            placeholder="璇疯緭鍏ュ唴瀹�"
-            rows="4"
-            class="fz-16 textarea-box"
-            @change="setBookQuestion"
-          ></textarea>
+          <textarea v-model="questionData.projectThree.eight.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+            class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
           <p>
             9.濡傛灉浣犳槸鏈鑸彮鐨勫ご绛夎埍涔樺姟鍛橈紝闇�瑕佸悜鏃呭寮犳�诲仛鑷垜浠嬬粛锛岃鍐欏嚭鎮ㄧ殑鑷垜浠嬬粛鍐呭銆�
           </p>
-          <textarea
-            v-model="questionData.projectThree.nine.value"
-            placeholder="璇疯緭鍏ュ唴瀹�"
-            rows="4"
-            class="fz-16 textarea-box"
-            @change="setBookQuestion"
-          ></textarea>
+          <textarea v-model="questionData.projectThree.nine.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+            class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
           <p>10.璇峰啓涓�鍐欏湪瀹夊叏妫�鏌ヤ腑涔樺姟鍛橀渶瑕佹敞鎰忓摢浜涚ぜ浠鑼冿紵</p>
-          <textarea
-            v-model="questionData.projectThree.ten.value"
-            placeholder="璇疯緭鍏ュ唴瀹�"
-            rows="4"
-            class="fz-16 textarea-box"
-            @change="setBookQuestion"
-          ></textarea>
+          <textarea v-model="questionData.projectThree.ten.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+            class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+          <p class="dialogQuestion">
+            <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"
+                xmlns="http://www.w3.org/2000/svg" p-id="2536" xmlns:xlink="http://www.w3.org/1999/xlink" width="28"
+                height="28">
+                <path
+                  d="M798.72 76.8H947.2v145.92h51.2V25.6h-199.68zM947.2 798.72v145.92h-148.48v51.2H998.4v-197.12zM66.56 222.72V76.8h148.48V25.6H12.8v197.12zM215.04 944.64H66.56v-145.92H12.8v197.12h202.24z"
+                  fill="#fff" p-id="2537"></path>
+                <path
+                  d="M826.88 522.24L512 207.36c0-2.56-2.56-2.56-7.68-2.56-2.56 0-5.12 0-7.68 2.56L184.32 524.8c-2.56 2.56-5.12 7.68-2.56 10.24 2.56 5.12 5.12 7.68 10.24 7.68h58.88V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6V504.32c0-5.12-5.12-10.24-10.24-10.24h-2.56l217.6-220.16 220.16 222.72c-5.12 0-10.24 5.12-10.24 10.24V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6v-250.88h51.2c5.12 0 10.24-5.12 10.24-10.24 2.56-5.12 0-7.68-2.56-10.24z"
+                  fill="#fff" p-id="2538"></path>
+                <path
+                  d="M386.56 762.88h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-69.12h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-71.68h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-7.68 7.68-17.92 17.92-17.92zM514.56 535.04h-20.48c-5.12 0-7.68-2.56-7.68-7.68v-2.56c0-17.92 5.12-30.72 23.04-46.08 17.92-15.36 23.04-23.04 23.04-33.28s-7.68-20.48-20.48-20.48c-15.36 0-25.6 7.68-30.72 25.6 0 5.12-5.12 5.12-10.24 5.12l-25.6-5.12c-5.12 0-7.68-5.12-5.12-10.24 10.24-38.4 33.28-53.76 79.36-53.76 38.4 0 61.44 25.6 61.44 51.2 0 20.48-7.68 35.84-33.28 53.76-20.48 15.36-23.04 20.48-23.04 33.28-2.56 7.68-7.68 10.24-10.24 10.24zM481.28 588.8v-28.16c0-5.12 2.56-7.68 7.68-7.68h30.72c5.12 0 7.68 2.56 7.68 7.68V588.8c0 5.12-2.56 7.68-7.68 7.68h-30.72c-5.12 0-7.68-5.12-7.68-7.68z"
+                  fill="#fff" p-id="2539"></path>
+              </svg>
+            </span>
+          </p>
         </div>
       </div>
     </div>
+    <dialogExaminations :isClear="dialogVisibleOne" :primaryColor="themeColor"
+      :cardList="interfaceQuestion[questionNum]" v-if="interfaceQuestion" :chapter="1" :page="questionNum"
+      :questionTitle="questionTitleMain" ref="dialogRef">
+    </dialogExaminations>
   </div>
 </template>
 
@@ -2576,19 +2551,46 @@
   getCollectResource,
   setCollectResource,
 } from "@/assets/methods/resources";
+import dialogExaminations from "@/components/dialogExaminations/index.vue";
 export default {
   name: "chapterFour",
   props: {
     showPageList: {
       type: Array,
     },
+    interfaceQuestion: {
+      type: Object,
+    },
+  },
+  components: {
+    dialogExaminations,
   },
   data() {
     return {
       collectImg: require("../../assets/images/icon/heart.png"),
       collectCheck: require("../../assets/images/icon/heart-check.png"),
       videoPathOne: "",
+      videoPathTwo: "",
+      videoPathThree: "",
+      videoPathFour: "",
+      videoPathFive: "",
+      videoPathSix: "",
+      videoPathSeven: "",
+      videoPathEight: "",
+      videoPathNine: "",
+      videoPathTen: "",
+      videoPathEleven: "",
+      videoPathTwelve: "",
+      videoPathThirteen: "",
+      videoPathFourteen: "",
+      videoPathFifteen: "",
+      videoPathSixteen: "",
+      videoPathSeventeen: "",
+      videoPathEighteen: "",
+      videoPathNineteen: "",
+      videoPathTwenty: "",
       collectResourceList: [],
+      showAnswerOne: false,
       questionData: {
         isComplete: false,
         askAbout: {
@@ -2602,23 +2604,24 @@
           eight: "",
           nine: "",
           ten: "",
-          eleven:'',
-          twelve:'',
-          thirteen:'',
-          fourteen:'',
-          fifteen:'',
-          sixteen:'', 
-          seventeen:'',
-          eighteen:'',
-          nineteen:'',
-          twenty:'',
-          twentyOne:'',
-          twentyTwo:'',
-          twentyThree:'',
-          twentyFour:'',
-          twentyFive:'',
-          twentySix:'',
-          twentySeven:''
+          eleven: '',
+          twelve: '',
+          thirteen: '',
+          fourteen: '',
+          fifteen: '',
+          sixteen: '',
+          seventeen: '',
+          eighteen: '',
+          nineteen: '',
+          twenty: '',
+          twentyOne: '',
+          twentyTwo: '',
+          twentyThree: '',
+          twentyFour: '',
+          twentyFive: '',
+          twentySix: '',
+          twentySeven: '',
+          twentyEight: '',
         },
         projectOne: {
           one: {
@@ -2702,25 +2705,49 @@
           },
         },
       },
-      chapter004: {
-        videoMd5: [
-          {
-            isCollectVideo: false,
-            handleMd5: "",
-            md5: "7454A10BD25ED828FF31D0702DA63D55",
-            name: "浠�涔堟槸蹇冪悊鍋ュ悍",
-          },
-          {
-            isCollectVideo: false,
-            handleMd5: "",
-            md5: "E4AC28F178D660E96355C17E6F283E66",
-            name: "蹇冪悊鍋ュ悍鐨�10椤规爣鍑�",
-          },
-        ],
-      },
       chapterData: {
         isCollectVideo: false,
         isCollectVideo01: false,
+        isCollectVideo02: false,
+        isCollectVideo03: false,
+        isCollectVideo04: false,
+        isCollectVideo05: false,
+        isCollectVideo06: false,
+        isCollectVideo07: false,
+        isCollectVideo08: false,
+        isCollectVideo09: false,
+        isCollectVideo10: false,
+        isCollectVideo11: false,
+        isCollectVideo12: false,
+        isCollectVideo13: false,
+        isCollectVideo14: false,
+        isCollectVideo15: false,
+        isCollectVideo16: false,
+        isCollectVideo17: false,
+        isCollectVideo18: false,
+        isCollectVideo19: false,
+        isCollectVideo20: false,
+      },
+      // 棰樼洰鐩稿叧
+      dialogVisibleOne: false,
+      themeColor: "#6E85AF",
+      questionNum: 0,
+      questionTitleMain: "",
+      chapter001: {
+        question: {
+          1: {
+            questionTitleMain: "妯″潡鍥涖��鍊欐満妤兼湇鍔$ぜ浠�",
+            questionNum: 134,
+          },
+          2: {
+            questionTitleMain: "妯″潡鍥涖��瀹夋鏈嶅姟绀间华",
+            questionNum: 140,
+          },
+          3: {
+            questionTitleMain: "妯″潡鍥涖��瀹㈣埍鏈嶅姟绀间华",
+            questionNum: 152,
+          },
+        },
       },
     };
   },
@@ -2739,12 +2766,6 @@
       this.chapterData = JSON.parse(choiceQuestion);
     }
 
-    const videoData = localStorage.getItem(
-      "civilAviatyonSevervices-book-chapter004"
-    );
-    if (videoData) {
-      this.chapter004 = JSON.parse(videoData);
-    }
     this.getVidoePath();
     this.collectResourceList = await getCollectResource(
       this.config.activeBook.bookId
@@ -2753,17 +2774,68 @@
   methods: {
     async getVidoePath() {
       this.videoPathOne = await getResourcePath(
-        "f230fd8fd7952a4ad4dd05d94df7e797"
+        "e9002557d1ba0b28dbddf10c52612e3f"
       );
       this.videoPathTwo = await getResourcePath(
-        "700cfdb8b85b372045b1e97e3356ae3a"
+        "da82b43c7571108d00a19ffcb5233a2e"
       );
-      for (let index = 0; index < this.chapter004.videoMd5.length; index++) {
-        const item = this.chapter004.videoMd5[index];
-        if (item.md5 && !item.md5.includes("https:")) {
-          item.handleMd5 = await getResourcePath(item.md5);
-        }
-      }
+      this.videoPathThree = await getResourcePath(
+        "36f02743b633758c2ecdee90af20fe34"
+      );
+      this.videoPathFour = await getResourcePath(
+        "810345cbf8f3d003d9ff7247a5247570"
+      );
+      this.videoPathFive = await getResourcePath(
+        "2336e67a853728fa6a1d2b7a4a2d9abf"
+      );
+      this.videoPathSix = await getResourcePath(
+        "f60bcf0daea848fdd87d931e0debffe7"
+      );
+      this.videoPathSeven = await getResourcePath(
+        "51ee040702ff1402026c948b82f8df55"
+      );
+      this.videoPathEight = await getResourcePath(
+        "14ada4ec3e004795ecb3a9c2ad8ea386"
+      );
+      this.videoPathNine = await getResourcePath(
+        "808ca04bce334463e3e10b26edecec82"
+      );
+      this.videoPathTen = await getResourcePath(
+        "8086dfd8f1307041be4e7e4b15aee1b4"
+      );
+      this.videoPathEleven = await getResourcePath(
+        "a77181ba5fdb0f851bb43cb61ec3fed2"
+      );
+      this.videoPathTwelve = await getResourcePath(
+        "c583ec4fcdef8acae289d050c6e7eb78"
+      );
+      this.videoPathThirteen = await getResourcePath(
+        "027d59276957d481732b80db9aad6768"
+      );
+      this.videoPathFourteen = await getResourcePath(
+        "0ca2f6d71dca30320627286ffbf5d60c"
+      );
+      this.videoPathFifteen = await getResourcePath(
+        "7923cd0317296eaea5fa8c513fe7dcca"
+      );
+      this.videoPathSixteen = await getResourcePath(
+        "c1fa8a017a5538ff2e560b31d35232e1"
+      );
+      this.videoPathSeventeen = await getResourcePath(
+        "ea653cf2afa7376a6a032053596d9773"
+      );
+      this.videoPathEighteen = await getResourcePath(
+        "53644acc8e99901f5794c047c6bb9c0c"
+      );
+      this.videoPathNineteen = await getResourcePath(
+        "9a3ca4974c773071810305bc71d0686c"
+      );
+      this.videoPathTwenty = await getResourcePath(
+        "992d774600338d541b8311e623488367"
+      );
+      this.videoPathTwentyOne = await getResourcePath(
+        "6f51dba939e06ba2e93109dc99576899"
+      );
     },
 
     setBookQuestion() {
@@ -2779,12 +2851,7 @@
         JSON.stringify(this.chapterData)
       );
     },
-    handlechapter004() {
-      localStorage.setItem(
-        "civilAviatyonSevervices-book-chapter004",
-        JSON.stringify(this.chapter004)
-      );
-    },
+
 
     handleFocus(id) {
       this.isFocused = id; // 褰搕extarea鑱氱劍鏃讹紝璁剧疆涓簍rue
@@ -2794,38 +2861,219 @@
     },
 
     handleCollect(e) {
-      if (e.md5) {
+      if (e == "video-01") {
         this.handleCollectResource(
-          e.md5,
-          e.md5,
+          "e9002557d1ba0b28dbddf10c52612e3f",
+          "e9002557d1ba0b28dbddf10c52612e3f",
           "",
           "瑙嗛",
           "bits",
-          "寰灏忚鍫傦細" + e.name
-        );
-        e.isCollectVideo = !e.isCollectVideo;
-      } else if (e == "video-01") {
-        this.handleCollectResource(
-          "f230fd8fd7952a4ad4dd05d94df7e797",
-          "f230fd8fd7952a4ad4dd05d94df7e797",
-          "",
-          "瑙嗛",
-          "bits",
-          "瑙嗛锛氬績鐞嗗鐨勬祦娲�"
+          "瑙嗛锛氳吹瀹惧巺鏈嶅姟姒傝堪"
         );
         this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo;
       } else if (e == "video-02") {
         this.handleCollectResource(
-          "700cfdb8b85b372045b1e97e3356ae3a",
-          "700cfdb8b85b372045b1e97e3356ae3a",
+          "da82b43c7571108d00a19ffcb5233a2e",
+          "da82b43c7571108d00a19ffcb5233a2e",
           "",
           "瑙嗛",
           "bits",
-          "瑙嗛锛氬績鐞嗗鐨勭爺绌跺唴瀹�"
+          "瑙嗛锛氬�欐満妤煎�兼満鏈嶅姟姒傝堪"
         );
         this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01;
+      } else if (e == "video-03") {
+        this.handleCollectResource(
+          "36f02743b633758c2ecdee90af20fe34",
+          "36f02743b633758c2ecdee90af20fe34",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氭満鍦哄箍鎾�氱煡寤惰"
+        );
+        this.chapterData.isCollectVideo02 = !this.chapterData.isCollectVideo02;
       }
-      this.handlechapter004();
+      else if (e == "video-04") {
+        this.handleCollectResource(
+          "810345cbf8f3d003d9ff7247a5247570",
+          "810345cbf8f3d003d9ff7247a5247570",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氭梾瀹涪澶辩墿鍝佺殑鏈嶅姟"
+        );
+        this.chapterData.isCollectVideo03 = !this.chapterData.isCollectVideo03;
+      }
+      else if (e == "video-05") {
+        this.handleCollectResource(
+          "2336e67a853728fa6a1d2b7a4a2d9abf",
+          "2336e67a853728fa6a1d2b7a4a2d9abf",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氬�欐満妤煎憳宸ヤ笌鏃呭鍐茬獊浜嬩欢瑙e喅"
+        );
+        this.chapterData.isCollectVideo04 = !this.chapterData.isCollectVideo04;
+      } else if (e == "video-06") {
+        this.handleCollectResource(
+          "f60bcf0daea848fdd87d931e0debffe7",
+          "f60bcf0daea848fdd87d931e0debffe7",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氬�欐満妤兼湇鍔$ぜ浠疄璁�"
+        );
+        this.chapterData.isCollectVideo05 = !this.chapterData.isCollectVideo05;
+      } else if (e == "video-07") {
+        this.handleCollectResource(
+          "51ee040702ff1402026c948b82f8df55",
+          "51ee040702ff1402026c948b82f8df55",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氳吹瀹惧巺鏈嶅姟鍏ㄦ祦绋�"
+        );
+        this.chapterData.isCollectVideo06 = !this.chapterData.isCollectVideo06;
+      } else if (e == "video-08") {
+        this.handleCollectResource(
+          "14ada4ec3e004795ecb3a9c2ad8ea386",
+          "14ada4ec3e004795ecb3a9c2ad8ea386",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氳吹瀹惧巺鑼舵按鏈嶅姟鍏ㄦ祦绋�"
+        );
+        this.chapterData.isCollectVideo07 = !this.chapterData.isCollectVideo07;
+      } else if (e == "video-09") {
+        this.handleCollectResource(
+          "808ca04bce334463e3e10b26edecec82",
+          "808ca04bce334463e3e10b26edecec82",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氬畨妫�鏈嶅姟绀间华姒傝堪"
+        );
+        this.chapterData.isCollectVideo08 = !this.chapterData.isCollectVideo08;
+      } else if (e == "video-10") {
+        this.handleCollectResource(
+          "8086dfd8f1307041be4e7e4b15aee1b4",
+          "8086dfd8f1307041be4e7e4b15aee1b4",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氫汉韬畨鍏ㄦ鏌ョぜ浠搷浣滆鑼�"
+        );
+        this.chapterData.isCollectVideo09 = !this.chapterData.isCollectVideo09;
+      } else if (e == "video-11") {
+        this.handleCollectResource(
+          "a77181ba5fdb0f851bb43cb61ec3fed2",
+          "a77181ba5fdb0f851bb43cb61ec3fed2",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氫汉韬畨鍏ㄦ鏌ユ湇鍔$敤璇鑼�"
+        );
+        this.chapterData.isCollectVideo10 = !this.chapterData.isCollectVideo10;
+      } else if (e == "video-12") {
+        this.handleCollectResource(
+          "c583ec4fcdef8acae289d050c6e7eb78",
+          "c583ec4fcdef8acae289d050c6e7eb78",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氬畨妫�宸ヤ綔浜哄憳鏈嶅姟鎬佸害鎯呮櫙灞曠ず"
+        );
+        this.chapterData.isCollectVideo11 = !this.chapterData.isCollectVideo11;
+      } else if (e == "video-13") {
+        this.handleCollectResource(
+          "027d59276957d481732b80db9aad6768",
+          "027d59276957d481732b80db9aad6768",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氱┖鍕や汉鍛樼潃瑁呮儏鏅睍绀�"
+        );
+        this.chapterData.isCollectVideo12 = !this.chapterData.isCollectVideo12;
+      } else if (e == "video-14") {
+        this.handleCollectResource(
+          "0ca2f6d71dca30320627286ffbf5d60c",
+          "0ca2f6d71dca30320627286ffbf5d60c",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氳埅鍓嶅噯澶囦細闃舵绀间华瀹炶"
+        );
+        this.chapterData.isCollectVideo13 = !this.chapterData.isCollectVideo13;
+      } else if (e == "video-15") {
+        this.handleCollectResource(
+          "7923cd0317296eaea5fa8c513fe7dcca",
+          "7923cd0317296eaea5fa8c513fe7dcca",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氱┖鍕や汉鍛樼潃瑁呯ぜ浠鑼�"
+        );
+        this.chapterData.isCollectVideo14 = !this.chapterData.isCollectVideo14;
+      } else if (e == "video-16") {
+        this.handleCollectResource(
+          "c1fa8a017a5538ff2e560b31d35232e1",
+          "c1fa8a017a5538ff2e560b31d35232e1",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氱┖鍕ゅコ澹潃瑁呮暀瀛﹁棰�"
+        );
+        this.chapterData.isCollectVideo15 = !this.chapterData.isCollectVideo15;
+      } else if (e == "video-17") {
+        this.handleCollectResource(
+          "ea653cf2afa7376a6a032053596d9773",
+          "ea653cf2afa7376a6a032053596d9773",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氱┖鍕ょ敺澹潃瑁呮暀瀛﹁棰�"
+        );
+        this.chapterData.isCollectVideo16 = !this.chapterData.isCollectVideo16;
+      } else if (e == "video-18") {
+        this.handleCollectResource(
+          "53644acc8e99901f5794c047c6bb9c0c",
+          "53644acc8e99901f5794c047c6bb9c0c",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氳埅鍓嶅噯澶囦細鍏ㄦ祦绋�"
+        );
+        this.chapterData.isCollectVideo17 = !this.chapterData.isCollectVideo17;
+      } else if (e == "video-19") {
+        this.handleCollectResource(
+          "9a3ca4974c773071810305bc71d0686c",
+          "9a3ca4974c773071810305bc71d0686c",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氱┖鍕や汉鍛樿繋瀹㈢ぜ浠鑼�"
+        );
+        this.chapterData.isCollectVideo18 = !this.chapterData.isCollectVideo18;
+      } else if (e == "video-20") {
+        this.handleCollectResource(
+          "992d774600338d541b8311e623488367",
+          "992d774600338d541b8311e623488367",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氱┖鍕や汉鍛樺鑸辫繋瀹㈡祦绋�"
+        );
+        this.chapterData.isCollectVideo19 = !this.chapterData.isCollectVideo19;
+      } else if (e == "video-21") {
+        this.handleCollectResource(
+          "6f51dba939e06ba2e93109dc99576899",
+          "6f51dba939e06ba2e93109dc99576899",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氱┖鍕や汉鍛樻湇鍔$敤璇鑼�"
+        );
+        this.chapterData.isCollectVideo20 = !this.chapterData.isCollectVideo20;
+      }
       this.handleChapterData();
     },
     //璧勬簮鏀惰棌浜嬩欢
@@ -2859,6 +3107,13 @@
         this.collectResourceList
       );
     },
+    openQuestion(num) {
+      if (num) {
+        this.questionNum = this.chapter001.question[num].questionNum;
+        this.questionTitleMain = this.chapter001.question[num].questionTitleMain;
+        this.$refs.dialogRef.openDialogQuestion();
+      }
+    },
   },
 };
 </script>
diff --git a/src/books/aviationEtiquette/view/components/chapter005.vue b/src/books/aviationEtiquette/view/components/chapter005.vue
index 6c19b1f..c9c1329 100644
--- a/src/books/aviationEtiquette/view/components/chapter005.vue
+++ b/src/books/aviationEtiquette/view/components/chapter005.vue
@@ -17,6 +17,46 @@
               <img class="rwmb-4" alt="" src="../../assets/images/tb.png" />
             </p>
           </div>
+          <p class="td-0 mt-10 mb-10"><span class="bj2">路鎬濈淮瀵煎浘路</span></p>
+          <p class="td-0 openImgBox"><img class="img-0" src="../../assets//images/unitFive-01.png" alt=""></p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathTwo" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氬涔犵ぜ浠儏鏅墽鐨勭瓥鍒�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo01 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '49cdf2e707f9f69b91167c285890c6f8'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-02')" />
+              </el-tooltip>
+            </p>
+          </div>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathThree" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氱ぜ浠儏鏅墽鐨勮鐭�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo02 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'd4b25959b1c7f85b2762be516aefe078'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-03')" />
+              </el-tooltip>
+            </p>
+          </div>
           <div class="bk">
             <p class="bj1-qjms fl al-c">
               <span class="span-box"></span><span class="span-text">椤圭洰鎻忚堪</span><span class="span-box"></span>
@@ -42,13 +82,13 @@
             </div>
             <div class="bj3 fz-15">
               <p>1.浣犵湅杩囩殑鎯呮櫙鍓ф湁鍝簺锛熻瘯鐫�涓惧嚑涓緥瀛愩��</p>
-              <textarea v-model="questionData.askAbout.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
               <p>
                 2.浣犺寰楀簲濡備綍婕旂粠绀间华鎯呮櫙鍓э紵璇ラ�夋嫨浠�涔堟牱鐨勬儏鏅墽鏉ヨ缁冨憿锛�
               </p>
-              <textarea v-model="questionData.askAbout.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h3 id="c034">
@@ -57,6 +97,25 @@
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.浜嗚В鎯呮櫙鍓х殑閲婁箟鍜屼綔鐢ㄣ��</p>
           <p>2.浜嗚В绀间华鎯呮櫙鍓х殑鐗圭偣鍜屽垱浣滄�濊矾銆�</p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathFour" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氱ぜ浠儏鏅墽鐨勮垶鍙扳�滃叆鐢烩��</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo03 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '78a2562f8f80c90e54d299d38abb2d1d'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-04')" />
+              </el-tooltip>
+            </p>
+          </div>
         </div>
       </div>
     </div>
@@ -95,7 +154,7 @@
           </p>
           <h6 id="f054">3.鎯呮櫙鍓т績杩涘鐢熸兂璞″姏銆佸垱閫犲姏浠ュ強璇█鐨勫彂灞�</h6>
           <p>
-            鎯呮櫙鍓ц〃婕旇兘澶熶績杩涘鐢熸兂璞″姏鐨勫彂灞曘�傚鐢熻兘澶熷湪鍐呭涓板瘜鐨勬晠浜嬭〃婕旀椿鍔ㄤ腑锛�
+            鎯呮櫙鍓ц〃婕旇兘澶熶績杩涘鐢熸兂璞″姏鐨勫彂灞曘�傚鐢熻兘澶熷湪鍐呭涓板瘜鐨勬晠浜嬭〃婕旀椿鍔ㄤ腑锛岃繍鐢ㄦ兂璞¤繘琛屽啀鍒涢�狅紝浠庤�屾彁楂樺垱鏂拌兘鍔涳紝鍩瑰吇璇█鑳藉姏銆�
           </p>
         </div>
       </div>
@@ -112,7 +171,6 @@
           <li class="header-right-end" style=""><br></li>
         </ul>
         <div class="bodystyle">
-          <p class="td-0">杩愮敤鎯宠薄杩涜鍐嶅垱閫狅紝浠庤�屾彁楂樺垱鏂拌兘鍔涳紝鍩瑰吇璇█鑳藉姏銆�</p>
           <h4 id="d108">浜屻�佺ぜ浠儏鏅墽鐨勭壒鐐瑰拰鍒涗綔鎬濊矾</h4>
           <h5 id="e145">锛堜竴锛夌ぜ浠儏鏅墽鐨勭壒鐐�</h5>
           <p>鎯呮櫙鍓у叿澶囦互涓嬩袱涓壒鐐广��</p>
@@ -141,10 +199,25 @@
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.浜嗚В绀间华鎯呮櫙鍓х殑鑸炲彴鈥滃叆鐢烩�濄��</p>
           <p>2.鎺屾彙绀间华鎯呮櫙鍓х殑缂栧垱鏂瑰紡銆�</p>
-          <h4 id="d109">涓�銆佺ぜ浠儏鏅墽鐨勨�滃叆鐢烩��</h4>
-          <p>
-            绀间华鎯呮櫙鍓ц垶鍙板尯鍩熺殑鍒掑垎鏄婕斿鐞嗚垶鍙拌皟搴︾殑鍩烘湰渚濇嵁銆傝垶鍙板尯涓�鑸垎涓哄叚涓尯锛屽嵆1鈥斾腑鍓嶅尯銆�2鈥斾腑鍚庡尯銆�3鈥斿彸鍓嶅尯銆�4鈥斿乏鍓嶅尯銆�5鈥斿彸鍚庡尯銆�6鈥斿乏鍚庡尯锛屽叾涓�
-          </p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathFive" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氶珮鑱岄櫌鏍$ぜ浠儏鏅ず鑼冨睍绀�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo04 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '460dbcdc0c34cbac9ca90c343dbf89b9'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-05')" />
+              </el-tooltip>
+            </p>
+          </div>
         </div>
       </div>
     </div>
@@ -161,7 +234,10 @@
           </li>
         </ul>
         <div class="bodystyle">
-          <p class="td-0">1涓虹劍鐐瑰尯锛�2銆�3銆�4涓烘鐒︾偣鍖猴紝5銆�6涓烘湯鐒︾偣鍖猴紙瑙佸浘5-1-1锛夈��</p>
+          <h4 id="d109">涓�銆佺ぜ浠儏鏅墽鐨勨�滃叆鐢烩��</h4>
+          <p>
+            绀间华鎯呮櫙鍓ц垶鍙板尯鍩熺殑鍒掑垎鏄婕斿鐞嗚垶鍙拌皟搴︾殑鍩烘湰渚濇嵁銆傝垶鍙板尯涓�鑸垎涓哄叚涓尯锛屽嵆1鈥斾腑鍓嶅尯銆�2鈥斾腑鍚庡尯銆�3鈥斿彸鍓嶅尯銆�4鈥斿乏鍓嶅尯銆�5鈥斿彸鍚庡尯銆�6鈥斿乏鍚庡尯锛屽叾涓�1涓虹劍鐐瑰尯锛�2銆�3銆�4涓烘鐒︾偣鍖猴紝5銆�6涓烘湯鐒︾偣鍖猴紙瑙佸浘5-1-1锛夈��
+          </p>
           <p class="center openImgBox">
             <img class="img-c" alt="" src="../../assets/images/0156-1.jpg" />
           </p>
@@ -187,9 +263,6 @@
           <p>
             绀间华鎯呮櫙鍓ф槸绀间华鏁欏涓潪甯搁噸瑕佺殑鏁欏褰㈠紡鍜屾柟娉曘�傚畠閫氳繃鎯呭妯℃嫙鍜岃鑹叉壆婕旓紝璁╁鐢熶富鍔ㄥ弬涓庛�佽嚜涓荤紪鎺掞紝韬复鍏跺鍦拌繘琛屾紨缁庯紝閫氳繃鍏蜂綋鐨勮垶鍙板舰璞″啀鐜版棩甯哥敓娲汇�佺ぞ浼氫氦寰�鍜岀浉鍏冲伐浣滃矖浣嶄腑缁煎悎杩愮敤绀间华鐭ヨ瘑銆佹妧鑳借繘琛屾矡閫氬拰鏈嶅姟鐨勬儏鏅紝杈惧埌鏁欒偛鍚彂鐨勭洰鐨勩��
           </p>
-          <p>
-            绀间华鎯呮櫙鍓ф槸绀间华璇惧爞鏁欏鐨勫欢浼革紝缁撳悎鐩稿叧鐭ヨ瘑鐐瑰拰鎶�鑳界偣锛屽垱璁句竴涓叿浣撶殑鍦烘櫙锛岄拡瀵逛竴涓富棰樿繘琛岀浉鍏充簨浠剁殑婕旂粠锛屾槸鎺ㄥ姩浜轰滑鏂囨槑绀艰矊琛屼负杩涚▼鐨勮壓鏈〃鐜板舰
-          </p>
         </div>
       </div>
     </div>
@@ -205,8 +278,8 @@
           <li class="header-right-end" style=""><br></li>
         </ul>
         <div class="bodystyle">
-          <p class="td-0">
-            寮忋�傜ぜ浠儏鏅墽鐨勫垱浣滆鍏堥�夋嫨涓婚锛岀劧鍚庤繘琛屼汉鐗╄璁★紝鎾板啓鍓ф湰锛屾渶鍚庡啀鏂熷瓧閰屽彞鍦颁慨鏀癸紝涓�鏄浣撶幇鎯呮櫙鍓у眰闈㈢殑鍘熷垱鎬с�佸畬鏁存�с�佹垙鍓ф�э紝浜屾槸瑕佷綋鐜颁环鍊艰灞傞潰鐨勬暀鑲叉�с�佸垱鏂版�у拰鍚稿紩鎬с��
+          <p>
+            绀间华鎯呮櫙鍓ф槸绀间华璇惧爞鏁欏鐨勫欢浼革紝缁撳悎鐩稿叧鐭ヨ瘑鐐瑰拰鎶�鑳界偣锛屽垱璁句竴涓叿浣撶殑鍦烘櫙锛岄拡瀵逛竴涓富棰樿繘琛岀浉鍏充簨浠剁殑婕旂粠锛屾槸鎺ㄥ姩浜轰滑鏂囨槑绀艰矊琛屼负杩涚▼鐨勮壓鏈〃鐜板舰寮忋�傜ぜ浠儏鏅墽鐨勫垱浣滆鍏堥�夋嫨涓婚锛岀劧鍚庤繘琛屼汉鐗╄璁★紝鎾板啓鍓ф湰锛屾渶鍚庡啀鏂熷瓧閰屽彞鍦颁慨鏀癸紝涓�鏄浣撶幇鎯呮櫙鍓у眰闈㈢殑鍘熷垱鎬с�佸畬鏁存�с�佹垙鍓ф�э紝浜屾槸瑕佷綋鐜颁环鍊艰灞傞潰鐨勬暀鑲叉�с�佸垱鏂版�у拰鍚稿紩鎬с��
           </p>
           <p>
             鍦ㄨ璁$ぜ浠儏鏅墽鐨勭紪鎺掓�濊矾鏃讹紝涓嶄粎瑕佹敞閲嶅绀间华鐭ヨ瘑鐐瑰拰鎶�鑳界偣杩涜鍐呭寲锛屽紭鎵ぞ浼氫富涔夋牳蹇冧环鍊艰锛屾洿搴旀敞閲嶈璧忔�у拰鑸炲彴鏁堟灉銆傝垶鍙版晥鏋滅殑鍛堢幇锛屼竴鏂归潰鍦ㄤ簬婕斿憳鐨勬湇瑁呫�佽瑷�琛ㄨ揪銆佺鎯呭姩浣溿�佹儏鎰熼泦鑱氬拰鐖嗗彂锛涘彟涓�鏂归潰鍦ㄤ簬閬撳叿鐨勪娇鐢紝鎶�鏈墜娈电殑搴旂敤鍜岃儗鏅煶涔愩�佽棰戠敾闈㈢殑娓叉煋銆�
@@ -230,7 +303,7 @@
             渚嬪锛屽湪琛ㄦ紨銆婃棤闄即鍎跨銆嬩箻鏈烘晠浜嬫椂锛岃儗鏅煶涔愭槸娓╅Θ銆佸拰璋愮殑鏃犱汉澹颁即濂忋��
           </p>
           <p>
-            缁间笂鎵�杩帮紝绀间华鎯呮櫙鍓х殑鍒涗綔鍜岀紪鎺掍笉浠呰鍔犲己涓撲笟绀间华鏁欒偛鐨勭煡璇嗘笚閫忥紝鏇磋瀹炵幇涓庢枃鍖栫礌璐ㄦ暀鑲茬殑鏈夋満璐�氥�傛暀甯堝彲閫氳繃绀间华鎯呮櫙鍓х殑鏁欏鏂规硶锛屽垱鏂扮ぜ浠鍫傛暀瀛﹀舰寮忥紝鎻愰珮璇惧爞鍚稿紩鍔涳紝瀹炵幇鏁欎功涓庤偛浜虹殑瀹岀編缁撳悎锛屽寮哄鐢熲�滃緥宸辨暚浜衡�濈殑浣撻獙鍜屾劅鎮燂紝鎻愬崌鍏堕亾寰锋儏鎿嶅拰绮剧澧冪晫銆傚悓鏃讹紝涔熻骞垮ぇ闈掑勾瀛︾敓浠庝腑鍗庝紭绉�绀间华鏂囧寲涓緱
+            缁间笂鎵�杩帮紝绀间华鎯呮櫙鍓х殑鍒涗綔鍜岀紪鎺掍笉浠呰鍔犲己涓撲笟绀间华鏁欒偛鐨勭煡璇嗘笚閫忥紝鏇磋瀹炵幇涓庢枃鍖栫礌璐ㄦ暀鑲茬殑鏈夋満璐�氥�傛暀甯堝彲閫氳繃绀间华鎯呮櫙鍓х殑鏁欏鏂规硶锛屽垱鏂扮ぜ浠鍫傛暀瀛﹀舰寮忥紝鎻愰珮璇惧爞鍚稿紩鍔涳紝瀹炵幇鏁欎功涓庤偛浜虹殑瀹岀編缁撳悎锛屽寮哄鐢熲�滃緥宸辨暚浜衡�濈殑浣撻獙鍜屾劅鎮燂紝鎻愬崌鍏堕亾寰锋儏鎿嶅拰绮剧澧冪晫銆傚悓鏃讹紝涔熻骞垮ぇ闈掑勾瀛︾敓浠庝腑鍗庝紭绉�绀间华鏂囧寲涓緱鍒版粙鍏伙紝澧炲己搴曟皵锛屾洿鍔犲潥瀹氭枃鍖栬嚜瑙変笌鏂囧寲鑷俊锛屽姫鍔涙垚涓虹ぞ浼氫富涔変簨涓氱殑鍚堟牸寤鸿鑰呬笌鍙潬鎺ョ彮浜恒��
           </p>
         </div>
       </div>
@@ -248,9 +321,6 @@
           </li>
         </ul>
         <div class="bodystyle">
-          <p class="td-0">
-            鍒版粙鍏伙紝澧炲己搴曟皵锛屾洿鍔犲潥瀹氭枃鍖栬嚜瑙変笌鏂囧寲鑷俊锛屽姫鍔涙垚涓虹ぞ浼氫富涔変簨涓氱殑鍚堟牸寤鸿鑰呬笌鍙潬鎺ョ彮浜恒��
-          </p>
           <div class="bk2">
             <div class="zysx">
               <p>
@@ -272,8 +342,8 @@
               <p class="block">
                 鏍规嵁浣犲绀间华瑙勮寖鐨勪簡瑙o紝鍙惁瀵瑰叾涓殑鏁呬簨杩涜鎯呮櫙鍓х粨鏋勫垱閫狅紵浣犱細鎬庝箞璁捐鎯呮櫙鍓х殑缁撴瀯鍛紵
               </p>
-              <textarea v-model="questionData.askAbout.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p class="td-0 mb-10 mt-10"><span class="bj2">路绀间箣瀹炶返路</span></p>
@@ -329,157 +399,46 @@
           <p>
             1.绀间华鎯呮櫙鍓ц垶鍙板尯鍩熺殑鍒掑垎鏄婕斿鐞嗚垶鍙拌皟搴︾殑鍩烘湰渚濇嵁銆傝垶鍙板尯鍒嗕负锛堛��銆�锛変釜鍖恒�傦紙鍗曢�夐锛�
           </p>
-          <p><input
-              type="radio"
-              name="qtOne"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="1"
-              v-model="questionData.projectOne.one.value"
-              @change="setBookQuestion"
-            />A.4</p>
-          <p><input
-              type="radio"
-              name="qtOne"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="1"
-              v-model="questionData.projectOne.one.value"
-              @change="setBookQuestion"
-            />B.5</p>
-          <p><input
-              type="radio"
-              name="qtOne"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="1"
-              v-model="questionData.projectOne.one.value"
-              @change="setBookQuestion"
-            />C.6</p>
-          <p><input
-              type="radio"
-              name="qtOne"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="1"
-              v-model="questionData.projectOne.one.value"
-              @change="setBookQuestion"
-            />D.7</p>
+          <p><input type="radio" name="qtOne" :disabled="questionData.isComplete" value="A" id="1"
+              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />A.4</p>
+          <p><input type="radio" name="qtOne" :disabled="questionData.isComplete" value="B" id="1"
+              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />B.5</p>
+          <p><input type="radio" name="qtOne" :disabled="questionData.isComplete" value="C" id="1"
+              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />C.6</p>
+          <p><input type="radio" name="qtOne" :disabled="questionData.isComplete" value="D" id="1"
+              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />D.7</p>
           <p>
             2.缇庡浗濂借幈鍧炴湁涓�濂楃紪鍓ц寰嬶紝鍗冲紑绔�佽缃煕鐩俱�佽В鍐崇煕鐩俱�佸啀璁剧疆鐭涚浘锛岀洿鑷崇粨灞�銆備腑鍥戒篃鏈夎嚜宸辩殑缂栧墽瑙勫緥锛屽嵆锛堛��銆�锛夈�傦紙鍗曢�夐锛�
           </p>
-          <p><input
-              type="radio"
-              name="qtTwo"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="2"
-              v-model="questionData.projectOne.two.value"
-              @change="setBookQuestion"
-            />A.娴撴贰鐩稿疁</p>
-          <p><input
-              type="radio"
-              name="qtTwo"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="2"
-              v-model="questionData.projectOne.two.value"
-              @change="setBookQuestion"
-            />B.楂樹綆閿欒惤</p>
-          <p><input
-              type="radio"
-              name="qtTwo"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="2"
-              v-model="questionData.projectOne.two.value"
-              @change="setBookQuestion"
-            />C.鎶戞壃椤挎尗</p>
-          <p><input
-              type="radio"
-              name="qtTwo"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="2"
-              v-model="questionData.projectOne.two.value"
-              @change="setBookQuestion"
-            />D.璧锋壙杞悎</p>
+          <p><input type="radio" name="qtTwo" :disabled="questionData.isComplete" value="A" id="2"
+              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />A.娴撴贰鐩稿疁</p>
+          <p><input type="radio" name="qtTwo" :disabled="questionData.isComplete" value="B" id="2"
+              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />B.楂樹綆閿欒惤</p>
+          <p><input type="radio" name="qtTwo" :disabled="questionData.isComplete" value="C" id="2"
+              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />C.鎶戞壃椤挎尗</p>
+          <p><input type="radio" name="qtTwo" :disabled="questionData.isComplete" value="D" id="2"
+              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />D.璧锋壙杞悎</p>
           <p>
-            3.瀵规儏鏅〃鐜扮殑鑸炲彴璁捐鎬濊矾鍖呮嫭<input
-                  type="text"
-                  name="ball1"
-                  class="fz-16 input-box"
-                  style="width: 100px"
-                  v-model="questionData.projectOne.three.value1"
-                  @change="setBookQuestion"
-                />銆佽垶鍙扮編鏈�佺幆澧冦�侀煶鍝嶃��<input
-                  type="text"
-                  name="ball1"
-                  class="fz-16 input-box"
-                  style="width: 100px"
-                  v-model="questionData.projectOne.three.value2"
-                  @change="setBookQuestion"
-                />銆�<input
-                  type="text"
-                  name="ball1"
-                  class="fz-16 input-box"
-                  style="width: 100px"
-                  v-model="questionData.projectOne.three.value3"
-                  @change="setBookQuestion"
-                />銆�<input
-                  type="text"
-                  name="ball1"
-                  class="fz-16 input-box"
-                  style="width: 100px"
-                  v-model="questionData.projectOne.three.value4"
-                  @change="setBookQuestion"
-                />銆佽〃鎯呫�佸績鐞嗘椿鍔ㄧ瓑銆�
+            3.瀵规儏鏅〃鐜扮殑鑸炲彴璁捐鎬濊矾鍖呮嫭<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectOne.three.value1" @change="setBookQuestion" />銆佽垶鍙扮編鏈�佺幆澧冦�侀煶鍝嶃��<input type="text"
+              name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectOne.three.value2"
+              @change="setBookQuestion" />銆�<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectOne.three.value3" @change="setBookQuestion" />銆�<input type="text"
+              name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectOne.three.value4"
+              @change="setBookQuestion" />銆佽〃鎯呫�佸績鐞嗘椿鍔ㄧ瓑銆�
           </p>
           <p>4.鎯呮櫙鍓х殑涓夊ぇ鍏冪礌鏄紙銆�銆�锛夈�傦紙澶氶�夐锛�</p>
-          <p><input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="4"
-              v-model="questionData.projectOne.four.value"
-              @change="setBookQuestion"
-            />A.涓昏</p>
-          <p><input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="4"
-              v-model="questionData.projectOne.four.value"
-              @change="setBookQuestion"
-            />B.鏁呬簨</p>
-          <p><input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="4"
-              v-model="questionData.projectOne.four.value"
-              @change="setBookQuestion"
-            />C.鍦烘櫙</p>
-          <p><input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="4"
-              v-model="questionData.projectOne.four.value"
-              @change="setBookQuestion"
-            />D.鏃堕棿</p>
+          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="4"
+              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />A.涓昏</p>
+          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="4"
+              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />B.鏁呬簨</p>
+          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="4"
+              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />C.鍦烘櫙</p>
+          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="4"
+              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />D.鏃堕棿</p>
           <p>5.璇风畝杩板垱浣滅ぜ浠儏鏅墽鐨勫熀鏈師鍒欍��</p>
-          <textarea
-            v-model="questionData.projectOne.five.value"
-            placeholder="璇疯緭鍏ュ唴瀹�"
-            rows="4"
-            class="fz-16 textarea-box"
-            @change="setBookQuestion"
-          ></textarea>
+          <textarea v-model="questionData.projectOne.five.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+            @change="setBookQuestion"></textarea>
         </div>
       </div>
     </div>
@@ -500,6 +459,46 @@
           <div class="tp-3">
             <p class="tl-f td-0">
               <img class="rwmb-4" alt="" src="../../assets/images/tb.png" />
+            </p>
+          </div>
+          <p class="td-0 mt-10 mb-10"><span class="bj2">路鎬濈淮瀵煎浘路</span></p>
+          <p class="td-0 openImgBox"><img class="img-0" src="../../assets//images/unitFive-02.png" alt=""></p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathSix" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氭皯鑸湇鍔$ぜ浠〃婕旂患鍚堣兘鍔涜缁�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo05 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'f8ca26a51e475fb9921db5c4bdf5d1be'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-06')" />
+              </el-tooltip>
+            </p>
+          </div>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathSeven" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氶珮鑱岄櫌鏍$ぜ浠绀鸿寖灞曠ず</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo06 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '8afe53c2f626fc193a3bfb160c33f99c'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-07')" />
+              </el-tooltip>
             </p>
           </div>
           <div class="bk">
@@ -548,8 +547,8 @@
               <p>
                 浣犺兘鍚︽牴鎹嚜宸辩殑瑙傚療杩涜绀间华鎶�鑳借〃杩板拰灞曠ず锛熻兘鍚﹂拡瀵硅嚜韬笓涓氭垨宀椾綅闇�姹傝繘琛岀ぜ浠鑼冭В璇伙紵
               </p>
-              <textarea v-model="questionData.askAbout.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h3 id="c036">
@@ -558,10 +557,25 @@
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.璁よ瘑绀间华琛ㄦ紨銆�</p>
           <p>2.鎺屾彙绀间华琛ㄦ紨鐨勮姹備笌鍘熷垯銆�</p>
-          <h4 id="d111">涓�銆佷綍涓虹ぜ浠〃婕�</h4>
-          <p>
-            鏈夆�滅洓涓栭缚鍎掆�濅箣绉扮殑鍞愪唬鏂囧寲鍚嶄汉瀛旈杈炬浘璇达細鈥滀腑鍥界ぜ浠箣澶э紝鏁呯О澶忥紱鏈夋湇
-          </p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathEight" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氳璇嗙ぜ浠〃婕�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo07 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '964332e9334f71db8d9174fa1a4911b1'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-08')" />
+              </el-tooltip>
+            </p>
+          </div>
         </div>
       </div>
     </div>
@@ -577,8 +591,9 @@
           <li class="header-right-end" style=""><br></li>
         </ul>
         <div class="bodystyle">
-          <p class="td-0">
-            绔犱箣缇庯紝璋撲箣鍗庛�傚崕锛屽涓�涔熴�傗�濅腑鍥芥槸浼犳壙鍗冨勾鐨勭ぜ浠箣閭︼紝澹版暀鎾簬娴峰銆傜浉浼犲湪3000澶氬勾鍓嶇殑娈峰懆涔嬮檯锛屽懆鍏埗绀间綔涔愶紝灏辨彁鍑轰簡绀兼不鐨勭翰棰嗐�傚叾鍚庣粡杩囧瓟瀛愬拰涓冨崄瀛愬悗瀛︼紝浠ュ強瀛熷瓙銆佽崁瀛愮瓑浜虹殑鎻愬�″拰瀹屽杽锛岀ぜ涔愭枃鏄庢垚涓哄剴瀹舵枃鍖栫殑鏍稿績銆傝タ姹変互鍚庯紝浣滀负绀间箰鏂囧寲鐨勭悊璁哄舰鎬佸拰涓婂彜绀煎埗鐨勬笂钖紝銆婁华绀笺�嬨�婂懆绀笺�嬨�婄ぜ璁般�嬪厛鍚庤鍒楀叆瀛﹀畼锛屼笉浠呮垚涓哄彜浠f枃浜哄繀璇荤殑缁忓吀锛岃�屼笖鎴愪负鍘嗕唬鐜嬫湞鍒剁ぜ鐨勫熀纭�锛屽浜庝腑鍥芥枃鍖栧拰鍘嗗彶鐨勫奖鍝嶄箣娣辫繙锛岃嚜涓嶅緟瑷�銆�
+          <h4 id="d111">涓�銆佷綍涓虹ぜ浠〃婕�</h4>
+          <p>
+            鏈夆�滅洓涓栭缚鍎掆�濅箣绉扮殑鍞愪唬鏂囧寲鍚嶄汉瀛旈杈炬浘璇达細鈥滀腑鍥界ぜ浠箣澶э紝鏁呯О澶忥紱鏈夋湇绔犱箣缇庯紝璋撲箣鍗庛�傚崕锛屽涓�涔熴�傗�濅腑鍥芥槸浼犳壙鍗冨勾鐨勭ぜ浠箣閭︼紝澹版暀鎾簬娴峰銆傜浉浼犲湪3000澶氬勾鍓嶇殑娈峰懆涔嬮檯锛屽懆鍏埗绀间綔涔愶紝灏辨彁鍑轰簡绀兼不鐨勭翰棰嗐�傚叾鍚庣粡杩囧瓟瀛愬拰涓冨崄瀛愬悗瀛︼紝浠ュ強瀛熷瓙銆佽崁瀛愮瓑浜虹殑鎻愬�″拰瀹屽杽锛岀ぜ涔愭枃鏄庢垚涓哄剴瀹舵枃鍖栫殑鏍稿績銆傝タ姹変互鍚庯紝浣滀负绀间箰鏂囧寲鐨勭悊璁哄舰鎬佸拰涓婂彜绀煎埗鐨勬笂钖紝銆婁华绀笺�嬨�婂懆绀笺�嬨�婄ぜ璁般�嬪厛鍚庤鍒楀叆瀛﹀畼锛屼笉浠呮垚涓哄彜浠f枃浜哄繀璇荤殑缁忓吀锛岃�屼笖鎴愪负鍘嗕唬鐜嬫湞鍒剁ぜ鐨勫熀纭�锛屽浜庝腑鍥芥枃鍖栧拰鍘嗗彶鐨勫奖鍝嶄箣娣辫繙锛岃嚜涓嶅緟瑷�銆�
           </p>
           <p>
             绀间华琛ㄦ紨锛屽嵆鎶婄害瀹氫織鎴愮殑绀间华瑙勮寖鎴栬姹傞�氳繃鍏紬琛ㄦ紨鐨勬柟寮忥紝灏嗛璨屻�侀灏氥�佺礌鍏汇�佺壒鑹插睍绀哄嚭鏉ャ��
@@ -594,8 +609,8 @@
               <p>
                 琛ㄦ紨鑹烘湳鐨勫垱浣滀换鍔¤姹傛紨鍛樺垱浣滃嚭鏉ョ殑浜虹墿褰㈣薄鍏锋湁瀹$編鐨勪环鍊硷紝杈惧埌鐪熴�佸杽銆佺編鐨勫拰璋愮粺涓�锛岃繖涔熸槸鍒涗綔鑰呭拰瑙傝祻鑰呭叡鍚岃拷姹傜殑鏍囧噯銆備綘璁や负绀间华琛ㄦ紨涓殑缇庢潵鑷綍澶勫憿锛�
               </p>
-              <textarea v-model="questionData.askAbout.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p class="td-0 mb-10 mt-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
@@ -606,10 +621,6 @@
           </p>
           <p class="block">
             褰撲汉浠粠鎯呮劅涓婃妸鑷劧鐣屽悓浜虹被鍔犱互鑱旂郴锛屽苟杩涜瀵规瘮鍜岃瘎浠凤紝鑷劧鐜拌薄灏辫璧嬩簣浜嗘剰璇嗗舰鎬佺殑鎰忎箟銆備緥濡傦紝鎴戜滑鍙や唬绁炶瘽涓殑鐩樺彜銆佸悗缇裤�佸濞ヤ互鍙婃渤绁炪�佸北绁炵瓑銆傚綋鑷劧涓庝汉绫荤ぞ浼氬疄璺碉紙鐢熶骇鐢熸椿锛変骇鐢熶簡鑱旂郴锛岃嚜鐒剁墿灏辨垚浜嗕汉鍖栫殑鑷劧鐗┿�傝嚜鐒剁墿灏变笉浠呮湁鍗曠函鐨勮嚜鐒跺睘鎬э紝涔熷叿鏈変簡绀句細灞炴�с�備汉鐢熸椿鍦ㄥぇ鑷劧涓紝蹇呯劧鍙楀埌澶ц嚜鐒剁殑鎰熸煋鍜岀啅闄讹紝鎰熷彈鍒颁竴绉嶆儏瓒e拰娲诲姏锛屾棤鐤戝氨浼氬皢鑷劧浜烘牸鍖栥�備緥濡傦紝鐢ㄩ珮灞辨瘮鍠讳汉鍝佸痉鐨勫帤閲嶏紝鐢ㄥぇ娴锋瘮鍠讳汉蹇冪伒鐨勫骞匡紝鐢ㄨ姳鏈垫瘮鍠荤編濂炽�傚ぇ鑷劧鐨勭編鍖栦负绮剧缇庛�佸績鐏电編锛屼粠鑰屾縺鍙戜汉绫绘洿楂樼殑杩芥眰鈥斺�旂敓娲荤編銆備粠鑷劧缇庡埌蹇冪伒缇庯紝鍐嶅埌鐢熸椿缇庯紝澶ц嚜鐒朵腑鐨勪竴鍒囬兘鏈変簡绀句細鎰忎箟銆�
-          </p>
-          <p><b>2.缇庢簮浜庡姵鍔�</b></p>
-          <p class="block">
-            鑷彜鑷充粖锛岀編閮芥潵鑷姵鍔ㄣ�傚綋浜虹被鐩寸珛琛岃蛋锛屽湪鍔冲姩涓В鏀惧嚭鑷繁鐨勫弻鎵嬩互鍚庯紝涔�
           </p>
         </div>
       </div>
@@ -627,8 +638,9 @@
           </li>
         </ul>
         <div class="bodystyle">
-          <p class="td-0 block">
-            灏辫В鏀句簡鑷繁鐨勮韩浣撱�備粬浠瓚宸€�佽�曚綔銆佸彇鐏�佺嫨鐚庯紝涓嶄粎鍙互鏇村ソ鍦扮敓瀛橈紝涔熸彁鍗囦簡韬綋鐨勫寑绉版�у拰鍔ㄤ綔鐨勭簿纭�с�佷紭缇庢�с�傛湁鑺傚鐨勫姵鍔ㄤ腑鏄剧幇浜嗙敺鎬х殑鍔涘害鍜屽コ鎬х殑鏌旂編锛岄敾鐐间簡闈㈤儴琛ㄦ儏鐨勭伒娲绘�с�傞�氳繃鍔冲姩銆佸緛鎴樸�佺绁风殑鍚勭鍔ㄤ綔銆佸Э鎬佸強鑺傚锛屼汉浠湅鍒颁簡浜轰綋鑷韩鐨勭編锛岀敱姝ゅ紑濮嬫敞閲嶇簿绁炲唴瀹圭殑琛ㄨ揪銆傚鏀惰幏鏃剁殑鍠滄偊銆佸緛鎴樻椂鐨勫媷鏁€�佺绁锋椂鐨勮檾璇氱瓑锛屾墍浠ョ绁枫�佹眰绂忋�佹彃绉с�佷紣鏈ㄥ潎鏈変笉鍚岃妭濂忕殑姝屾洸锛屼笉浠呰〃杈句簡鍔冲姩缇庯紝涔熷垱閫犱簡鑹烘湳缇庛�傚洜姝わ紝缇庢潵婧愪簬鍔冲姩锛屽畠瀛樺湪浜庡姵鍔ㄤ箣涓��
+          <p><b>2.缇庢簮浜庡姵鍔�</b></p>
+          <p class="block">
+            鑷彜鑷充粖锛岀編閮芥潵鑷姵鍔ㄣ�傚綋浜虹被鐩寸珛琛岃蛋锛屽湪鍔冲姩涓В鏀惧嚭鑷繁鐨勫弻鎵嬩互鍚庯紝涔熷氨瑙f斁浜嗚嚜宸辩殑韬綋銆備粬浠瓚宸€�佽�曚綔銆佸彇鐏�佺嫨鐚庯紝涓嶄粎鍙互鏇村ソ鍦扮敓瀛橈紝涔熸彁鍗囦簡韬綋鐨勫寑绉版�у拰鍔ㄤ綔鐨勭簿纭�с�佷紭缇庢�с�傛湁鑺傚鐨勫姵鍔ㄤ腑鏄剧幇浜嗙敺鎬х殑鍔涘害鍜屽コ鎬х殑鏌旂編锛岄敾鐐间簡闈㈤儴琛ㄦ儏鐨勭伒娲绘�с�傞�氳繃鍔冲姩銆佸緛鎴樸�佺绁风殑鍚勭鍔ㄤ綔銆佸Э鎬佸強鑺傚锛屼汉浠湅鍒颁簡浜轰綋鑷韩鐨勭編锛岀敱姝ゅ紑濮嬫敞閲嶇簿绁炲唴瀹圭殑琛ㄨ揪銆傚鏀惰幏鏃剁殑鍠滄偊銆佸緛鎴樻椂鐨勫媷鏁€�佺绁锋椂鐨勮檾璇氱瓑锛屾墍浠ョ绁枫�佹眰绂忋�佹彃绉с�佷紣鏈ㄥ潎鏈変笉鍚岃妭濂忕殑姝屾洸锛屼笉浠呰〃杈句簡鍔冲姩缇庯紝涔熷垱閫犱簡鑹烘湳缇庛�傚洜姝わ紝缇庢潵婧愪簬鍔冲姩锛屽畠瀛樺湪浜庡姵鍔ㄤ箣涓��
           </p>
           <p><b>3.缇庢簮浜庣ぞ浼�</b></p>
           <p class="block">
@@ -746,11 +758,11 @@
               <p>
                 1.姘戣埅绀间华鎶�鑳藉睍绀虹殑浜虹墿澶栭儴褰㈣薄搴旇鏄粈涔堟牱瀛愮殑锛熷寘鎷湇瑁呫�佸彂鍨嬬瓑澶栭儴鐗瑰緛鐨勬瀯寤恒��
               </p>
-              <textarea v-model="questionData.askAbout.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
               <p>2.姘戣埅绀间华鎶�鑳藉睍绀虹殑琛屽姩浠诲姟鍜岀湡姝g洰鐨勬槸浠�涔堬紵</p>
-              <textarea v-model="questionData.askAbout.seven" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.seven" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h4 id="d114">浜屻�佹皯鑸ぜ浠妧鑳藉睍绀虹殑鍐呭璁捐</h4>
@@ -790,6 +802,44 @@
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.鎺屾彙姘戣埅绀间华鎶�鑳藉睍绀烘儏鏅墽鐨勫垎鏋愪笌鍒涗綔鏂规硶銆�</p>
           <p>2.浜嗚В姘戣埅绀间华鎶�鑳藉睍绀烘儏鏅墽鍒涗綔鎬濊矾涓庢敞鎰忎簨椤广��</p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathNine" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氭皯鑸ぜ浠妧鑳藉睍绀烘儏鏅墽鐨勫垱浣滄柟娉�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo08 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '344eb0db9295fbfd83736cf3431a134a'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-09')" />
+              </el-tooltip>
+            </p>
+          </div>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathTen" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氭皯鑸湇鍔$ぜ浠〃婕旂礌鏉愬強鍐呭璁捐</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo09 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'c8ce4540a2e9e2122ebb6cd64c6c0c4c'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-10')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h4 id="d115">涓�銆佹皯鑸ぜ浠妧鑳藉睍绀烘儏鏅墽鐨勫垎鏋愪笌鍒涗綔鏂规硶</h4>
           <h5 id="e156">锛堜竴锛夌啛璇绘儏鏅墽鍓ф湰</h5>
           <p>
@@ -797,7 +847,7 @@
           </p>
           <h5 id="e157">锛堜簩锛変簡瑙f皯鑸儏鏅墽涓撲笟鑳屾櫙</h5>
           <p>
-            瀵规儏鏅殑涓撲笟鑳屾櫙銆佷汉鐗╄儗鏅繘琛屽垎鏋愬拰鐮旂┒銆備緥濡傦紝瀹㈣埍涔樺姟鍛樼ぜ浠儏鏅睍绀猴紝搴旈鍏堟帉鎻″鑸变箻鍔″憳鐨勪笓涓氭妧鑳斤紝濡傚鑸辫繋閫併�侀椋熶緵搴旂瓑鏈鸿埍鏈嶅姟鎶�鑳斤紝骞剁粨鍚堢ぜ浠鑼冿紝澶氭煡闃呯浉鍏宠祫鏂欙紝鍖呮嫭鏂囧瓧銆佸浘鐗囥�佽棰戠瓑锛屽敖鍙兘澶氬湴浜嗚В鍜岀啛鎮変綔鍝佷腑鐨�
+            瀵规儏鏅殑涓撲笟鑳屾櫙銆佷汉鐗╄儗鏅繘琛屽垎鏋愬拰鐮旂┒銆備緥濡傦紝瀹㈣埍涔樺姟鍛樼ぜ浠儏鏅睍绀猴紝搴旈鍏堟帉鎻″鑸变箻鍔″憳鐨勪笓涓氭妧鑳斤紝濡傚鑸辫繋閫併�侀椋熶緵搴旂瓑鏈鸿埍鏈嶅姟鎶�鑳斤紝骞剁粨鍚堢ぜ浠鑼冿紝澶氭煡闃呯浉鍏宠祫鏂欙紝鍖呮嫭鏂囧瓧銆佸浘鐗囥�佽棰戠瓑锛屽敖鍙兘澶氬湴浜嗚В鍜岀啛鎮変綔鍝佷腑鐨勬椂闂淬�佸湴鐐广�佷笓涓氳姹備互鍙婃墍鍖呭惈鐨勪汉鏂囨�濇兂鍜岀ぞ浼氶棶棰樼瓑銆�
           </p>
         </div>
       </div>
@@ -815,7 +865,6 @@
           </li>
         </ul>
         <div class="bodystyle">
-          <p class="td-0">鏃堕棿銆佸湴鐐广�佷笓涓氳姹備互鍙婃墍鍖呭惈鐨勪汉鏂囨�濇兂鍜岀ぞ浼氶棶棰樼瓑銆�</p>
           <h5 id="e158">锛堜笁锛夋槑纭儏鏅墽涓婚鎬濇兂</h5>
           <p>
             涓婚鏄寚浣滆�呴�氳繃鍓ф湰鍐茬獊鎻愬嚭鐨勫熀鏈棶棰樸�備富棰樻�濇兂鏄鍓ф湰鎻愬嚭鐨勫熀鏈棶棰樼殑鍥炵瓟锛屽寘鎷繖涓綔鍝佹�荤殑鎬濇兂鍚箟銆�
@@ -877,11 +926,11 @@
             </div>
             <div class="bj3 fz-15">
               <p>1.浜轰负浠�涔堜竴瀹氳璁叉枃鏄庣ぜ浠紵搴旇鎬庢牱鍋氾紵</p>
-              <textarea v-model="questionData.askAbout.eight" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.eight" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
               <p>2.浣滀负姘戣埅涓撲笟浜哄憳鐨勬垜浠紝搴旇鎬庢牱鎻愬崌绀间华绱犲吇锛�</p>
-              <textarea v-model="questionData.askAbout.nine" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.nine" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p class="td-0 mb-10 mt-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
@@ -951,42 +1000,14 @@
           </p>
           <p class="td-0 mb-10 mt-10"><span class="bj2">路椤圭洰鑷祴路</span></p>
           <p>1.姘戣埅绀间华鎶�鑳藉睍绀轰富瑕佹槸锛堛��銆�锛夈�傦紙鍗曢�夐锛�</p>
-          <p><input
-              type="radio"
-              name="qtDataOne"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="1"
-              v-model="questionData.projectTwo.one.value"
-              @change="setBookQuestion"
-            />A.瑙掕壊</p>
-          <p><input
-              type="radio"
-              name="qtDataOne"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="1"
-              v-model="questionData.projectTwo.one.value"
-              @change="setBookQuestion"
-            />B.鎶�鑳�</p>
-          <p><input
-              type="radio"
-              name="qtDataOne"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="1"
-              v-model="questionData.projectTwo.one.value"
-              @change="setBookQuestion"
-            />C.鍓ф儏</p>
-          <p><input
-              type="radio"
-              name="qtDataOne"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="1"
-              v-model="questionData.projectTwo.one.value"
-              @change="setBookQuestion"
-            />D.琛ㄦ紨</p>
+          <p><input type="radio" name="qtDataOne" :disabled="questionData.isComplete" value="A" id="1"
+              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />A.瑙掕壊</p>
+          <p><input type="radio" name="qtDataOne" :disabled="questionData.isComplete" value="B" id="1"
+              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />B.鎶�鑳�</p>
+          <p><input type="radio" name="qtDataOne" :disabled="questionData.isComplete" value="C" id="1"
+              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />C.鍓ф儏</p>
+          <p><input type="radio" name="qtDataOne" :disabled="questionData.isComplete" value="D" id="1"
+              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />D.琛ㄦ紨</p>
         </div>
       </div>
     </div>
@@ -1003,167 +1024,94 @@
         </ul>
         <div class="bodystyle">
           <p>2.姘戣埅绀间华鎶�鑳藉睍绀烘儏鏅墽鍒涗綔鎬濊矾鏄紙銆�銆�锛夈�傦紙鍗曢�夐锛�</p>
-          <p><input
-              type="radio"
-              name="qtDataTwo"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="2"
-              v-model="questionData.projectTwo.two.value"
-              @change="setBookQuestion"
-            />A.鎯呰妭璁捐</p>
-          <p><input
-              type="radio"
-              name="qtDataTwo"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="2"
-              v-model="questionData.projectTwo.two.value"
-              @change="setBookQuestion"
-            />B.鍙拌瘝璁捐</p>
-          <p><input
-              type="radio"
-              name="qtDataTwo"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="2"
-              v-model="questionData.projectTwo.two.value"
-              @change="setBookQuestion"
-            />C.鎯呮櫙閲嶇幇</p>
-          <p><input
-              type="radio"
-              name="qtDataTwo"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="2"
-              v-model="questionData.projectTwo.two.value"
-              @change="setBookQuestion"
-            />D.鑸炲彴琛ㄧ幇</p>
+          <p><input type="radio" name="qtDataTwo" :disabled="questionData.isComplete" value="A" id="2"
+              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />A.鎯呰妭璁捐</p>
+          <p><input type="radio" name="qtDataTwo" :disabled="questionData.isComplete" value="B" id="2"
+              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />B.鍙拌瘝璁捐</p>
+          <p><input type="radio" name="qtDataTwo" :disabled="questionData.isComplete" value="C" id="2"
+              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />C.鎯呮櫙閲嶇幇</p>
+          <p><input type="radio" name="qtDataTwo" :disabled="questionData.isComplete" value="D" id="2"
+              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />D.鑸炲彴琛ㄧ幇</p>
           <p>
             3.鎯呮櫙鍓ф晠浜嬫垨浜虹墿鍐茬獊涓昏鏄寚锛堛��銆�锛夊啿绐併�傚寘鎷汉鐗╁湪鎰忓康銆佹�ф牸銆佷俊浠般�佺簿绁炲拰浠峰�肩瓑涓婄殑宸紓銆傦紙鍗曢�夐锛�
           </p>
-          <p><input
-              type="radio"
-              name="qtDataThree"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="3"
-              v-model="questionData.projectTwo.three.value"
-              @change="setBookQuestion"
-            />A.绀句細鎬�</p>
-          <p><input
-              type="radio"
-              name="qtDataThree"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="3"
-              v-model="questionData.projectTwo.three.value"
-              @change="setBookQuestion"
-            />B.鎯呯华鎬�</p>
-          <p><input
-              type="radio"
-              name="qtDataThree"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="3"
-              v-model="questionData.projectTwo.three.value"
-              @change="setBookQuestion"
-            />C.鎬濇兂鎬�</p>
-          <p><input
-              type="radio"
-              name="qtDataThree"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="3"
-              v-model="questionData.projectTwo.three.value"
-              @change="setBookQuestion"
-            />D.鏍煎眬鎬�</p>
+          <p><input type="radio" name="qtDataThree" :disabled="questionData.isComplete" value="A" id="3"
+              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />A.绀句細鎬�</p>
+          <p><input type="radio" name="qtDataThree" :disabled="questionData.isComplete" value="B" id="3"
+              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />B.鎯呯华鎬�</p>
+          <p><input type="radio" name="qtDataThree" :disabled="questionData.isComplete" value="C" id="3"
+              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />C.鎬濇兂鎬�</p>
+          <p><input type="radio" name="qtDataThree" :disabled="questionData.isComplete" value="D" id="3"
+              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />D.鏍煎眬鎬�</p>
           <p>
             4.绀间华琛ㄦ紨锛屽嵆鎶婄害瀹氫織鎴愮殑绀间华瑙勮寖鎴栬姹傞�氳繃鍏紬琛ㄦ紨鐨勬柟寮忥紝灏嗭紙銆�銆�锛夊睍绀哄嚭鏉ャ�傦紙澶氶�夐锛�
           </p>
-          <p><input
-              type="checkbox"
-              name="qtDataFour"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="4"
-              v-model="questionData.projectTwo.four.value"
-              @change="setBookQuestion"
-            />A.椋庤矊</p>
-          <p><input
-              type="checkbox"
-              name="qtDataFour"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="4"
-              v-model="questionData.projectTwo.four.value"
-              @change="setBookQuestion"
-            />B.椋庡皻</p>
-          <p><input
-              type="checkbox"
-              name="qtDataFour"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="4"
-              v-model="questionData.projectTwo.four.value"
-              @change="setBookQuestion"
-            />C.绱犲吇</p>
-          <p><input
-              type="checkbox"
-              name="qtDataFour"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="4"
-              v-model="questionData.projectTwo.four.value"
-              @change="setBookQuestion"
-            />D.鐗硅壊</p>
+          <p><input type="checkbox" name="qtDataFour" :disabled="questionData.isComplete" value="A" id="4"
+              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />A.椋庤矊</p>
+          <p><input type="checkbox" name="qtDataFour" :disabled="questionData.isComplete" value="B" id="4"
+              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />B.椋庡皻</p>
+          <p><input type="checkbox" name="qtDataFour" :disabled="questionData.isComplete" value="C" id="4"
+              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />C.绱犲吇</p>
+          <p><input type="checkbox" name="qtDataFour" :disabled="questionData.isComplete" value="D" id="4"
+              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />D.鐗硅壊</p>
           <p>
             5.涓婚鏄寚浣滆�呴�氳繃鍓ф湰鍐茬獊鎻愬嚭鐨勫熀鏈棶棰樸�備富棰樻�濇兂鏄鍓ф湰鎻愬嚭鐨勫熀鏈棶棰樼殑鍥炵瓟銆傦紙銆�銆�锛夛紙鍒ゆ柇棰橈級
           </p>
-          <p><input
-              type="radio"
-              name="qtDataFive"
-              :disabled="questionData.isComplete"
-              value="瀵�"
-              id="4"
-              v-model="questionData.projectTwo.five.value"
-              @change="setBookQuestion"
-            />瀵�</p>
-          <p><input
-              type="radio"
-              name="qtDataFive"
-              :disabled="questionData.isComplete"
-              value="閿�"
-              id="4"
-              v-model="questionData.projectTwo.five.value"
-              @change="setBookQuestion"
-            />閿�</p>
+          <p><input type="radio" name="qtDataFive" :disabled="questionData.isComplete" value="瀵�" id="4"
+              v-model="questionData.projectTwo.five.value" @change="setBookQuestion" />瀵�</p>
+          <p><input type="radio" name="qtDataFive" :disabled="questionData.isComplete" value="閿�" id="4"
+              v-model="questionData.projectTwo.five.value" @change="setBookQuestion" />閿�</p>
           <p>
-            6.姘戣埅鎯呮櫙鍓хぜ浠妧鑳藉睍绀哄唴瀹瑰寘鍚繋瀹㈢ぜ浠��<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.six.value1" @change="setBookQuestion"/>
-            绀间华銆佷粙缁嶇ぜ浠�佹彙鎵嬬ぜ浠��<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.six.value2" @change="setBookQuestion"/>绀间华銆佸紩棰嗙ぜ浠��
-            <input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.six.value3" @change="setBookQuestion"/>绀间华銆佸骇娆$ぜ浠��
-            <input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.six.value4" @change="setBookQuestion"/>绀间华绛夈��
+            6.姘戣埅鎯呮櫙鍓хぜ浠妧鑳藉睍绀哄唴瀹瑰寘鍚繋瀹㈢ぜ浠��<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectTwo.six.value1" @change="setBookQuestion" />
+            绀间华銆佷粙缁嶇ぜ浠�佹彙鎵嬬ぜ浠��<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectTwo.six.value2" @change="setBookQuestion" />绀间华銆佸紩棰嗙ぜ浠��
+            <input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectTwo.six.value3" @change="setBookQuestion" />绀间华銆佸骇娆$ぜ浠��
+            <input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectTwo.six.value4" @change="setBookQuestion" />绀间华绛夈��
           </p>
           <p>
-            7.姘戣埅绀间华鎶�鑳藉睍绀虹殑鎸囧鎬濇兂瑕佷互鈥滃睍绀�<input type="" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value1" @change="setBookQuestion"/>銆�
-            璁茬┒<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value2" @change="setBookQuestion"/>銆�
-            鎻愬崌<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value3" @change="setBookQuestion"/>銆�
-            寮哄寲<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value4" @change="setBookQuestion"/>鈥濅负涓婚锛�
-            浠モ��<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value5" @change="setBookQuestion"/>銆�
-            <input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value6" @change="setBookQuestion"/>銆�
-            <input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value7" @change="setBookQuestion"/>鈥�
-            鏁欒偛涓洪噸鐐瑰唴瀹癸紝浠モ�滈伒瀹�<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value8" @change="setBookQuestion"/>銆�
-            <input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value9" @change="setBookQuestion"/>鈥濈瓑鍏绘垚鏁欒偛涓虹獊鐮村彛銆�
+            7.姘戣埅绀间华鎶�鑳藉睍绀虹殑鎸囧鎬濇兂瑕佷互鈥滃睍绀�<input type="" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectTwo.seven.value1" @change="setBookQuestion" />銆�
+            璁茬┒<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectTwo.seven.value2" @change="setBookQuestion" />銆�
+            鎻愬崌<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectTwo.seven.value3" @change="setBookQuestion" />銆�
+            寮哄寲<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectTwo.seven.value4" @change="setBookQuestion" />鈥濅负涓婚锛�
+            浠モ��<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectTwo.seven.value5" @change="setBookQuestion" />銆�
+            <input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectTwo.seven.value6" @change="setBookQuestion" />銆�
+            <input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectTwo.seven.value7" @change="setBookQuestion" />鈥�
+            鏁欒偛涓洪噸鐐瑰唴瀹癸紝浠モ�滈伒瀹�<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectTwo.seven.value8" @change="setBookQuestion" />銆�
+            <input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectTwo.seven.value9" @change="setBookQuestion" />鈥濈瓑鍏绘垚鏁欒偛涓虹獊鐮村彛銆�
           </p>
           <p>8.璇风畝杩版皯鑸ぜ浠妧鑳藉睍绀烘儏鏅墽鍒涗綔娉ㄦ剰浜嬮」銆�</p>
-          <textarea
-            v-model="questionData.projectTwo.eight.value"
-            placeholder="璇疯緭鍏ュ唴瀹�"
-            rows="4"
-            class="fz-16 textarea-box"
-            @change="setBookQuestion"
-          ></textarea>
-
+          <textarea v-model="questionData.projectTwo.eight.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+            class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+          <p class="dialogQuestion">
+            <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"
+                xmlns="http://www.w3.org/2000/svg" p-id="2536" xmlns:xlink="http://www.w3.org/1999/xlink" width="28"
+                height="28">
+                <path
+                  d="M798.72 76.8H947.2v145.92h51.2V25.6h-199.68zM947.2 798.72v145.92h-148.48v51.2H998.4v-197.12zM66.56 222.72V76.8h148.48V25.6H12.8v197.12zM215.04 944.64H66.56v-145.92H12.8v197.12h202.24z"
+                  fill="#fff" p-id="2537"></path>
+                <path
+                  d="M826.88 522.24L512 207.36c0-2.56-2.56-2.56-7.68-2.56-2.56 0-5.12 0-7.68 2.56L184.32 524.8c-2.56 2.56-5.12 7.68-2.56 10.24 2.56 5.12 5.12 7.68 10.24 7.68h58.88V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6V504.32c0-5.12-5.12-10.24-10.24-10.24h-2.56l217.6-220.16 220.16 222.72c-5.12 0-10.24 5.12-10.24 10.24V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6v-250.88h51.2c5.12 0 10.24-5.12 10.24-10.24 2.56-5.12 0-7.68-2.56-10.24z"
+                  fill="#fff" p-id="2538"></path>
+                <path
+                  d="M386.56 762.88h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-69.12h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-71.68h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-7.68 7.68-17.92 17.92-17.92zM514.56 535.04h-20.48c-5.12 0-7.68-2.56-7.68-7.68v-2.56c0-17.92 5.12-30.72 23.04-46.08 17.92-15.36 23.04-23.04 23.04-33.28s-7.68-20.48-20.48-20.48c-15.36 0-25.6 7.68-30.72 25.6 0 5.12-5.12 5.12-10.24 5.12l-25.6-5.12c-5.12 0-7.68-5.12-5.12-10.24 10.24-38.4 33.28-53.76 79.36-53.76 38.4 0 61.44 25.6 61.44 51.2 0 20.48-7.68 35.84-33.28 53.76-20.48 15.36-23.04 20.48-23.04 33.28-2.56 7.68-7.68 10.24-10.24 10.24zM481.28 588.8v-28.16c0-5.12 2.56-7.68 7.68-7.68h30.72c5.12 0 7.68 2.56 7.68 7.68V588.8c0 5.12-2.56 7.68-7.68 7.68h-30.72c-5.12 0-7.68-5.12-7.68-7.68z"
+                  fill="#fff" p-id="2539"></path>
+              </svg>
+            </span>
+          </p>
         </div>
       </div>
     </div>
@@ -1173,6 +1121,10 @@
         <img class="img-0" alt="" src="../../assets/images/FD.jpg" />
       </div>
     </div>
+    <dialogExaminations :isClear="dialogVisibleOne" :primaryColor="themeColor"
+      :cardList="interfaceQuestion[questionNum]" v-if="interfaceQuestion" :chapter="1" :page="questionNum"
+      :questionTitle="questionTitleMain" ref="dialogRef">
+    </dialogExaminations>
   </div>
 </template>
 
@@ -1182,93 +1134,135 @@
   getCollectResource,
   setCollectResource,
 } from "@/assets/methods/resources";
+import dialogExaminations from "@/components/dialogExaminations/index.vue";
 export default {
   name: "chapterFive",
   props: {
     showPageList: {
       type: Array,
     },
+    interfaceQuestion: {
+      type: Object,
+    },
+  },
+  components: {
+    dialogExaminations,
   },
   data() {
     return {
       collectImg: require("../../assets/images/icon/heart.png"),
       collectCheck: require("../../assets/images/icon/heart-check.png"),
       videoPathOne: "",
+      videoPathTwo: "",
+      videoPathThree: "",
+      videoPathFour: "",
+      videoPathFive: "",
+      videoPathSix: "",
+      videoPathSeven: "",
+      videoPathEight: "",
+      videoPathNine: "",
+      videoPathTen: "",
+      videoPathEleven: "",
+      videoPathNine: "",
+      videoPathTen: "",
       collectResourceList: [],
       questionData: {
         isComplete: false,
-        askAbout:{
-          one:'',
-          two:'',
-          three:'',
-          four:'',
-          five:'',
-          six:'',
-          seven:'',
-          eight:'',
-          nine:'',
+        askAbout: {
+          one: '',
+          two: '',
+          three: '',
+          four: '',
+          five: '',
+          six: '',
+          seven: '',
+          eight: '',
+          nine: '',
         },
-        projectOne:{
-          one:{
-            value:""
+        projectOne: {
+          one: {
+            value: ""
           },
-          two:{
-            value:""
+          two: {
+            value: ""
           },
-          three:{
-            value1:"",
-            value2:"",
-            value3:"",
-            value4:"",
+          three: {
+            value1: "",
+            value2: "",
+            value3: "",
+            value4: "",
           },
-          four:{
-            value:[]
+          four: {
+            value: []
           },
-          five:{
-            value:""
+          five: {
+            value: ""
           }
-          
+
         },
-        projectTwo:{
-          one:{
-            value:''
+        projectTwo: {
+          one: {
+            value: ''
           },
-          two:{
-            value:''
+          two: {
+            value: ''
           },
-          three:{
-            value:''
+          three: {
+            value: ''
           },
-          four:{
-            value:[]
+          four: {
+            value: []
           },
-          five:{
-            value:''
+          five: {
+            value: ''
           },
-          six:{
-            value1:"",
-            value2:"",
-            value3:"",
-            value4:"",
+          six: {
+            value1: "",
+            value2: "",
+            value3: "",
+            value4: "",
           },
-          seven:{
-            value1:"",
-            value2:"",
-            value3:"",
-            value4:"",
-            value5:"",
-            value6:"",
-            value7:"",
-            value8:"",
-            value9:"",
+          seven: {
+            value1: "",
+            value2: "",
+            value3: "",
+            value4: "",
+            value5: "",
+            value6: "",
+            value7: "",
+            value8: "",
+            value9: "",
           },
-          eight:{
-            value:''
+          eight: {
+            value: ''
           }
         },
       },
       chapterData: {
         isCollectVideo: false,
+        isCollectVideo01: false,
+        isCollectVideo02: false,
+        isCollectVideo03: false,
+        isCollectVideo04: false,
+        isCollectVideo05: false,
+        isCollectVideo06: false,
+        isCollectVideo07: false,
+        isCollectVideo08: false,
+        isCollectVideo09: false,
+        isCollectVideo10: false,
+      },
+      // 璇锋眰棰樼洰鐩稿叧
+      dialogVisibleOne: false,
+      themeColor: "#6E85AF",
+      questionNum: 0,
+      questionTitleMain: "",
+      chapter001: {
+        question: {
+          1: {
+            questionTitleMain: "鎷撳睍妯″潡銆�绀间华娲诲姩绛栧垝",
+            questionNum: 169,
+          },
+        },
       },
     };
   },
@@ -1296,6 +1290,33 @@
     async getVidoePath() {
       this.videoPathOne = await getResourcePath(
         "d3ac730a06dcc8381de684ace3263a63"
+      );
+      this.videoPathTwo = await getResourcePath(
+        "49cdf2e707f9f69b91167c285890c6f8"
+      );
+      this.videoPathThree = await getResourcePath(
+        "d4b25959b1c7f85b2762be516aefe078"
+      );
+      this.videoPathFour = await getResourcePath(
+        "78a2562f8f80c90e54d299d38abb2d1d"
+      );
+      this.videoPathFive = await getResourcePath(
+        "460dbcdc0c34cbac9ca90c343dbf89b9"
+      );
+      this.videoPathSix = await getResourcePath(
+        "f8ca26a51e475fb9921db5c4bdf5d1be"
+      );
+      this.videoPathSeven = await getResourcePath(
+        "8afe53c2f626fc193a3bfb160c33f99c"
+      );
+      this.videoPathEight = await getResourcePath(
+        "964332e9334f71db8d9174fa1a4911b1"
+      );
+      this.videoPathNine = await getResourcePath(
+        "344eb0db9295fbfd83736cf3431a134a"
+      );
+      this.videoPathTen = await getResourcePath(
+        "c8ce4540a2e9e2122ebb6cd64c6c0c4c"
       );
     },
 
@@ -1330,6 +1351,96 @@
           "瑙嗛锛氱ぜ浠椂瑁呯"
         );
         this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo;
+      } else if (e == "video-02") {
+        this.handleCollectResource(
+          "49cdf2e707f9f69b91167c285890c6f8",
+          "49cdf2e707f9f69b91167c285890c6f8",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氬涔犵ぜ浠儏鏅墽鐨勭瓥鍒�"
+        );
+        this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01;
+      } else if (e == "video-03") {
+        this.handleCollectResource(
+          "d4b25959b1c7f85b2762be516aefe078",
+          "d4b25959b1c7f85b2762be516aefe078",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氱ぜ浠儏鏅墽鐨勮鐭�"
+        );
+        this.chapterData.isCollectVideo02 = !this.chapterData.isCollectVideo02;
+      } else if (e == "video-04") {
+        this.handleCollectResource(
+          "78a2562f8f80c90e54d299d38abb2d1d",
+          "78a2562f8f80c90e54d299d38abb2d1d",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氱ぜ浠儏鏅墽鐨勮垶鍙扳�滃叆鐢烩��"
+        );
+        this.chapterData.isCollectVideo03 = !this.chapterData.isCollectVideo03;
+      } else if (e == "video-05") {
+        this.handleCollectResource(
+          "460dbcdc0c34cbac9ca90c343dbf89b9",
+          "460dbcdc0c34cbac9ca90c343dbf89b9",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氶珮鑱岄櫌鏍$ぜ浠儏鏅ず鑼冨睍绀�"
+        );
+        this.chapterData.isCollectVideo04 = !this.chapterData.isCollectVideo04;
+      } else if (e == "video-06") {
+        this.handleCollectResource(
+          "f8ca26a51e475fb9921db5c4bdf5d1be",
+          "f8ca26a51e475fb9921db5c4bdf5d1be",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氭皯鑸湇鍔$ぜ浠〃婕旂患鍚堣兘鍔涜缁�"
+        );
+        this.chapterData.isCollectVideo05 = !this.chapterData.isCollectVideo05;
+      } else if (e == "video-07") {
+        this.handleCollectResource(
+          "8afe53c2f626fc193a3bfb160c33f99c",
+          "8afe53c2f626fc193a3bfb160c33f99c",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氶珮鑱岄櫌鏍$ぜ浠绀鸿寖灞曠ず"
+        );
+        this.chapterData.isCollectVideo06 = !this.chapterData.isCollectVideo06;
+      } else if (e == "video-08") {
+        this.handleCollectResource(
+          "964332e9334f71db8d9174fa1a4911b1",
+          "964332e9334f71db8d9174fa1a4911b1",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氳璇嗙ぜ浠〃婕�"
+        );
+        this.chapterData.isCollectVideo07 = !this.chapterData.isCollectVideo07;
+      } else if (e == "video-09") {
+        this.handleCollectResource(
+          "344eb0db9295fbfd83736cf3431a134a",
+          "344eb0db9295fbfd83736cf3431a134a",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氭皯鑸ぜ浠妧鑳藉睍绀烘儏鏅墽鐨勫垱浣滄柟娉�"
+        );
+        this.chapterData.isCollectVideo09 = !this.chapterData.isCollectVideo09;
+      } else if (e == "video-10") {
+        this.handleCollectResource(
+          "c8ce4540a2e9e2122ebb6cd64c6c0c4c",
+          "c8ce4540a2e9e2122ebb6cd64c6c0c4c",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氭皯鑸湇鍔$ぜ浠〃婕旂礌鏉愬強鍐呭璁捐"
+        );
+        this.chapterData.isCollectVideo10 = !this.chapterData.isCollectVideo10;
       }
       this.handleChapterData();
     },
@@ -1364,6 +1475,13 @@
         this.collectResourceList
       );
     },
+    openQuestion(num) {
+      if (num) {
+        this.questionNum = this.chapter001.question[num].questionNum;
+        this.questionTitleMain = this.chapter001.question[num].questionTitleMain;
+        this.$refs.dialogRef.openDialogQuestion();
+      }
+    },
   },
 };
 </script>
diff --git a/src/books/aviationEtiquette/view/components/chpater002.vue b/src/books/aviationEtiquette/view/components/chpater002.vue
index 5bef93c..671ede4 100644
--- a/src/books/aviationEtiquette/view/components/chpater002.vue
+++ b/src/books/aviationEtiquette/view/components/chpater002.vue
@@ -17,6 +17,8 @@
               <img class="rwmb-4" alt="" src="../../assets/images/tb.png" />
             </p>
           </div>
+          <p class="td-0 mt-10 mb-10"><span class="bj2">路鎬濈淮瀵煎浘路</span></p>
+          <p class="td-0 openImgBox"><img class="img-0" src="../../assets//images/unitTwo-01.png" alt=""></p>
           <div class="bk">
             <p class="bj1-qjms fl al-c">
               <span class="span-box"></span><span class="span-text">椤圭洰鎻忚堪</span><span class="span-box"></span>
@@ -44,8 +46,8 @@
               <p>
                 鏉庝附鍐冲畾閫氳繃鏈嶈鎼厤浠ュ強鏇村鍦颁簡瑙h埅鍙哥殑褰㈣薄鏂囧寲鏉ヤ负鑷繁鐨勯潰璇曞姞鍒嗐�傞偅涔堬紝鏉庝附璇ユ�庢牱鍘讳簡瑙h埅鍙告湇瑁呮枃鍖栵紵濡備綍寰椾綋鍦版惌閰嶅拰淇グ鑷繁鍛紵
               </p>
-              <textarea v-model="questionData.askAbout.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
         </div>
@@ -58,7 +60,7 @@
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
           <li class="p-Num">47</li>
-          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
+          <li class="header-right-Number cloud"><img src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
         </ul>
@@ -70,6 +72,25 @@
           <p>1.浜嗚В姘戣埅鍒舵湇鐨勫彂灞曞強浣滅敤銆�</p>
           <p>2.浜嗚В姘戣埅鏈嶅姟涓嶅悓宀椾綅鍒舵湇鐨勫熀鏈壒鐐广��</p>
           <p>3.浜嗚В姘戣埅涔樺姟鍛樼殑鐫�瑁呰姹傘��</p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathFive" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氫簡瑙f皯鑸埗鏈�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo04 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'
+                " placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '5a13c9aa455c8fae34faa1ae9f021d30'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-05')" />
+              </el-tooltip>
+            </p>
+          </div>
           <p>
             姘戣埅鍒舵湇鏄亴涓氬舰璞$殑鍩烘湰瑕佺礌涔嬩竴銆傜粺涓�鐨勫埗鏈嶄笉浠呰兘灞曠幇鑸┖鍏徃鐨勯鏍硷紝涔熻兘浣挎梾瀹㈠涔樺姟浜哄憳浜х敓淇¤禆鎰熷拰瀹夊叏鎰熴�傝埅绌哄叕鍙哥殑鍒舵湇椋庢牸寰�寰�鐩存帴浣撶幇浜嗕竴瀹朵紒涓氱殑鏂囧寲涓庢湇鍔℃按鍑嗐��
           </p>
@@ -80,9 +101,6 @@
             System锛孋IS锛夛紝瀹冭兘灏嗕紒涓氬舰璞″悜鍏紬杩涜灞曠ず涓庝紶鎾紝浣垮叕浼楀湪鏍囧噯鍖栥�佸樊寮傚寲涓舰鎴愬浼佷笟娣卞埢鐨勫嵃璞°��
           </p>
           <h5 id="e030">锛堜竴锛変腑鍥芥皯鑸畨妫�鍒舵湇鐨勫彉鍖�</h5>
-          <p>
-            鏀归潻寮�鏀�40澶氬勾鏉ワ紝涓浗姘戣埅鍒舵湇涔熼殢鐫�鏃朵唬鐨勫彉杩佽�屾敼鍙樸�備粠20涓栫邯80骞翠唬鍒版皯鑸綋鍒舵敼闈╁墠锛屾満鍦哄畨妫�宸ヤ綔閮芥槸鐢辨璀﹁竟闃查儴闃熸壙鎷呯殑銆傞偅鏃剁殑瀹夋鍛樻槸姝﹁鎴樺+锛屼粬浠韩鐫�娴呯豢鑹茬殑涓婅。锛岀┛甯﹂粍鑹茶¥杈圭殑鍐涚豢鑹茶¥瀛愶紝鑲╁ご鏈夐啋鐩殑娣辩孩鑹茶偐绔犮��20涓栫邯90骞翠唬鍒濓紝瀹夋宸ヤ綔鐢遍儴闃熺Щ浜ゆ皯鑸��1992骞达紝姘戣埅浣撳埗鏀归潻锛屾満鍦虹嫭绔嬪疄琛屼紒涓氬寲杩愪綔銆傛鏃剁殑瀹夋鏈嶈鐨勮偐绔犮�佽噦绔犺劚鑳庝簬姝﹁鍒舵湇锛屾寮忎笌姘戣埅鍏朵粬宀椾綅鐨勫伐浣滃埗鏈�
-          </p>
           <div class="img-rights openImgBox ">
             <p class="center">
               <img class="img-c" alt="" src="../../assets/images/0053-1.jpg" />
@@ -90,8 +108,8 @@
             <p class="img">鍥�2-1-1 瀹夋鍒舵湇</p>
           </div>
           <span>
-            <p class="td-0">
-              鍖哄埆涓嶅ぇ锛屽ぇ鏈夋皯鑸�滀竴瀹朵翰鈥濈殑鍛抽亾銆傞殢鐫�姘戣埅瀹夋鐨勫彂灞曪紝鍚勫湴鏍规嵁姘斿�欑壒鐐瑰拰宀椾綅闇�瑕侊紝瀵瑰埗鏈嶇殑娆惧紡銆佹潗璐ㄥ強鐢ㄦ枡绛夎繘琛屼簡澶氭璋冩暣銆傛柊涓�浠g殑鍒舵湇锛堝鍥�2-1-1锛変互涓ヨ皑涓撲笟鐨勯粦鑹蹭负涓昏皟锛岃瀺鍏ユ寔缁畨鍏ㄧ悊蹇碉紝鎼厤瑁よ鍜岀毊闈达紝澶栬鏇村姞绠�娲佸埄钀斤紝褰版樉鍑哄畨鍏ㄤ繚闅滃伐浣滀弗璋ㄣ�佽鑼冦�佽笍瀹炵殑鐗硅川銆�
+            <p>
+              鏀归潻寮�鏀�40澶氬勾鏉ワ紝涓浗姘戣埅鍒舵湇涔熼殢鐫�鏃朵唬鐨勫彉杩佽�屾敼鍙樸�備粠20涓栫邯80骞翠唬鍒版皯鑸綋鍒舵敼闈╁墠锛屾満鍦哄畨妫�宸ヤ綔閮芥槸鐢辨璀﹁竟闃查儴闃熸壙鎷呯殑銆傞偅鏃剁殑瀹夋鍛樻槸姝﹁鎴樺+锛屼粬浠韩鐫�娴呯豢鑹茬殑涓婅。锛岀┛甯﹂粍鑹茶¥杈圭殑鍐涚豢鑹茶¥瀛愶紝鑲╁ご鏈夐啋鐩殑娣辩孩鑹茶偐绔犮��20涓栫邯90骞翠唬鍒濓紝瀹夋宸ヤ綔鐢遍儴闃熺Щ浜ゆ皯鑸��1992骞达紝姘戣埅浣撳埗鏀归潻锛屾満鍦虹嫭绔嬪疄琛屼紒涓氬寲杩愪綔銆傛鏃剁殑瀹夋鏈嶈鐨勮偐绔犮�佽噦绔犺劚鑳庝簬姝﹁鍒舵湇锛屾寮忎笌姘戣埅鍏朵粬宀椾綅鐨勫伐浣滃埗鏈嶅尯鍒笉澶э紝澶ф湁姘戣埅鈥滀竴瀹朵翰鈥濈殑鍛抽亾銆傞殢鐫�姘戣埅瀹夋鐨勫彂灞曪紝鍚勫湴鏍规嵁姘斿�欑壒鐐瑰拰宀椾綅闇�瑕侊紝瀵瑰埗鏈嶇殑娆惧紡銆佹潗璐ㄥ強鐢ㄦ枡绛夎繘琛屼簡澶氭璋冩暣銆傛柊涓�浠g殑鍒舵湇锛堝鍥�2-1-1锛変互涓ヨ皑涓撲笟鐨勯粦鑹蹭负涓昏皟锛岃瀺鍏ユ寔缁畨鍏ㄧ悊蹇碉紝鎼厤瑁よ鍜岀毊闈达紝澶栬鏇村姞绠�娲佸埄钀斤紝褰版樉鍑哄畨鍏ㄤ繚闅滃伐浣滀弗璋ㄣ�佽鑼冦�佽笍瀹炵殑鐗硅川銆�
             </p>
           </span>
         </div>
@@ -130,7 +148,7 @@
           </p>
           <h5 id="e031">锛堜簩锛変腑鍥芥皯鑸吹瀹惧巺鍒舵湇鍙戝睍</h5>
           <p>
-            浼撮殢鐫�姘戣埅涓氱殑楂橀�熷彂灞曪紝鏃呭鍚炲悙閲忕殑澶у箙澧炲姞锛岃秺鏉ヨ秺澶氱殑姘戣埅鏃呭寮�濮嬫帴瑙﹀拰浣撻獙鍒版満鍦虹殑璐靛鏈嶅姟銆傛満鍦鸿吹瀹炬湇鍔℃寚鏈哄満鎴栧叾浠栨湇鍔℃満鏋勪负涔樺鎻愪緵鐨勬満鍦虹壒娈婃湇鍔★紝鍖呮嫭璐靛浼戞伅鍘呫�佺娓櫔鍚屻�佽吹瀹句腑蹇冨仠杞﹀満娉婅溅绛夈�傝吹瀹炬湇鍔″凡缁忔垚涓烘満鍦洪潰鍚戞梾瀹㈡湇鍔$殑閲嶈绐楀彛銆備负鎻愬崌鏈嶅姟璐ㄩ噺锛屽繀椤绘妸鏈嶅姟鍐呭鍋氬埌绮剧粏锛屽皢鏈嶅姟鍝佽川鍋氬埌绮剧粏锛涙彁鍗囩鐞嗘按骞筹紝瀵瑰伐浣滄祦绋嬫姄鍒扮簿缁嗭紝鎶婂矖浣嶈亴璐e垝鍒嗙簿缁嗭紝骞朵笖瀵瑰憳宸ョ殑褰㈣薄杩涜涓ユ牸鎶婃帶锛屼粠鑰屾彁楂樻皯鑸満鍦虹殑鏁翠綋绔炰簤鍔涳紝涓烘梾瀹㈠嚭琛屾彁渚涙洿鍔犲畬鍠勬弧鎰忕殑鏈�
+            浼撮殢鐫�姘戣埅涓氱殑楂橀�熷彂灞曪紝鏃呭鍚炲悙閲忕殑澶у箙澧炲姞锛岃秺鏉ヨ秺澶氱殑姘戣埅鏃呭寮�濮嬫帴瑙﹀拰浣撻獙鍒版満鍦虹殑璐靛鏈嶅姟銆傛満鍦鸿吹瀹炬湇鍔℃寚鏈哄満鎴栧叾浠栨湇鍔℃満鏋勪负涔樺鎻愪緵鐨勬満鍦虹壒娈婃湇鍔★紝鍖呮嫭璐靛浼戞伅鍘呫�佺娓櫔鍚屻�佽吹瀹句腑蹇冨仠杞﹀満娉婅溅绛夈�傝吹瀹炬湇鍔″凡缁忔垚涓烘満鍦洪潰鍚戞梾瀹㈡湇鍔$殑閲嶈绐楀彛銆備负鎻愬崌鏈嶅姟璐ㄩ噺锛屽繀椤绘妸鏈嶅姟鍐呭鍋氬埌绮剧粏锛屽皢鏈嶅姟鍝佽川鍋氬埌绮剧粏锛涙彁鍗囩鐞嗘按骞筹紝瀵瑰伐浣滄祦绋嬫姄鍒扮簿缁嗭紝鎶婂矖浣嶈亴璐e垝鍒嗙簿缁嗭紝骞朵笖瀵瑰憳宸ョ殑褰㈣薄杩涜涓ユ牸鎶婃帶锛屼粠鑰屾彁楂樻皯鑸満鍦虹殑鏁翠綋绔炰簤鍔涳紝涓烘梾瀹㈠嚭琛屾彁渚涙洿鍔犲畬鍠勬弧鎰忕殑鏈嶅姟銆傝吹瀹惧巺鍒舵湇缁撳悎鎵�灞炶埅绌哄叕鍙歌繘琛屽畾鍒讹紝鍗曚綅缁熶竴鏍囧噯銆傚湪鏈嶈璁捐涓婏紝闄や簡浣撶幇鑱屼笟鎬у拰鍔熻兘鎬х壒鐐瑰锛岃繕搴斾綋鐜板綋鍦版皯淇楁枃鍖栫殑鐗圭偣锛屽叿鏈夊垱鏂版�у拰瀹炵敤鎬э紙瑙佸浘2-1-2锛夈��
           </p>
         </div>
       </div>
@@ -142,7 +160,7 @@
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
           <li class="p-Num">49</li>
-          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
+          <li class="header-right-Number cloud"><img src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
         </ul>
@@ -154,13 +172,13 @@
             <p class="img">鍥�2-1-2 璐靛鍘呭埗鏈�</p>
           </div>
           <span>
-            <p class="td-0">
-              鍔°�傝吹瀹惧巺鍒舵湇缁撳悎鎵�灞炶埅绌哄叕鍙歌繘琛屽畾鍒讹紝鍗曚綅缁熶竴鏍囧噯銆傚湪鏈嶈璁捐涓婏紝闄や簡浣撶幇鑱屼笟鎬у拰鍔熻兘鎬х壒鐐瑰锛岃繕搴斾綋鐜板綋鍦版皯淇楁枃鍖栫殑鐗圭偣锛屽叿鏈夊垱鏂版�у拰瀹炵敤鎬э紙瑙佸浘2-1-2锛夈��
-            </p>
             <h5 id="e032">锛堜笁锛変腑鍥芥皯鑸┖涔樺埗鏈嶇殑鍙戝睍</h5>
             <p>
               1950骞寸殑鈥滃叓涓�鈥濆紑鑸浜庢柊涓浗姘戣埅鍏锋湁閲岀▼纰戠殑鎰忎箟銆�1955骞达紝绌轰箻寮�濮嬪叏闈㈡嫑鏂帮紝杩欐鎷涙柊寮�鍚簡涓浗鑸┖鍏徃鍒舵湇鐨勬紨鍙樹笌鍙戝睍鐨勫簭骞曘��1974骞达紝涓浗鍙傚姞鍥介檯姘戣埅缁勭粐娲诲姩銆�1988骞达紝涓浗姘戣埅鐨勭┖涔樻湇鍔″紑濮嬭蛋鍚戣亴涓氬寲銆佹椂灏氬寲銆傞殢鐫�姘戣埅浜ら�氱殑鍙戝睍锛屼腑鍥界┖涔樼殑褰㈣薄寮�濮嬭浆鍙橈紝杩欑鍙樺寲鏄叏鏂逛綅銆佸瑙掑害銆佹繁灞傛鐨勩�傝埅绌哄叕鍙哥殑浼佷笟鏂囧寲锛屼笉浠呮槸绠$悊姘村钩鐨勭伒榄傦紝涔熸槸涓浗姘戣埅鎻愰珮鏈嶅姟姘村钩鐨勬爣蹇楀拰缂╁奖銆�
             </p>
+            <p><br></p>
+            <p><br></p>
+            <p><br></p>
           </span>
           <p class="td-0"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
           <p class="center"><span class="cs1">涓浗鑸┖鍏徃鍒舵湇鐨勬紨鍙�</span></p>
@@ -183,10 +201,6 @@
           <p class="block">
             2008骞达紝涓浗鍥介檯鑸┖鍏徃鍥犲叾绌哄鍒舵湇鑰岃蛋鍦ㄤ簡涓栫晫鍏堣繘鑸┖鍏徃鐨勫墠鍒椼��
           </p>
-          <h5 id="e033">锛堝洓锛変腑鍥芥皯鑸┖涔樺埗鏈嶇殑鐗圭偣</h5>
-          <p>
-            姘戣埅涔樺姟鍛樺埗鏈嶆槸鑸┖鍏徃鐨勫舰璞$鍙凤紝鏄竴涓浗瀹剁殑鍥介檯浠h█锛屽埗鏈嶄娇涔樺姟鍛樺績涓骇鐢熻亴涓氱殑鐗规畩鎰熴�佽矗浠绘劅鍜岃崳瑾夋劅銆傚埗鏈嶆槸涓�绉嶈瘑鍒亴涓氱殑涓撶敤鏈嶈锛屽垵鏈熺┖鍕ゅ埗
-          </p>
         </div>
       </div>
     </div>
@@ -203,6 +217,10 @@
           </li>
         </ul>
         <div class="bodystyle">
+          <h5 id="e033">锛堝洓锛変腑鍥芥皯鑸┖涔樺埗鏈嶇殑鐗圭偣</h5>
+          <p>
+            姘戣埅涔樺姟鍛樺埗鏈嶆槸鑸┖鍏徃鐨勫舰璞$鍙凤紝鏄竴涓浗瀹剁殑鍥介檯浠h█锛屽埗鏈嶄娇涔樺姟鍛樺績涓骇鐢熻亴涓氱殑鐗规畩鎰熴�佽矗浠绘劅鍜岃崳瑾夋劅銆傚埗鏈嶆槸涓�绉嶈瘑鍒亴涓氱殑涓撶敤鏈嶈锛屽垵鏈熺┖鍕ゅ埗
+          </p>
           <p class="td-0">
             鏈嶆槸鏍规嵁鑰愮敤搴︺�佸疄鐢ㄦ�у強浠ユ縺鍙戞梾瀹㈠悜蹇冨姏涓虹洰鐨勮�岃璁$殑锛岀敱浜庢棭鏈熸皯鑸甯︽湁绌哄啗鑳屾櫙锛岀┖涔樺埗鏈嶉兘鍏锋湁娴撳帤绌哄啗鍐涜鐨勭壒寰侊紱闅忕潃绌哄瑙掕壊鐨勬紨杩涘彂灞曪紝鍒舵湇寮�濮嬪姞鍏ヤ簡鏇村濂虫�у寲鐨勭嚎鏉″壀瑁佷互鍙婇鑹茬殑閫夋嫨锛屽線鍚庢洿甯稿鎵樼煡鍚嶅搧鐗岃璁″笀鍒朵綔锛岃祴浜堜箻鍔″憳涓�绉嶈崳瑾夈�佺編鎰熶笌绉╁簭缁熶竴鐨勪笓涓氬舰璞°�傞殢鐫�鏃朵唬鐨勮繘姝ワ紝鑸┖鍏徃寤虹珛浜嗕紒涓氭枃鍖栬瘑鍒郴缁燂紝姣忎釜鑸┖鍏徃鏍规嵁鍚勮嚜浼佷笟鏂囧寲涓殑瑙嗚璇嗗埆绯荤粺寮�濮嬭璁¤嚜宸卞叕鍙哥殑鍒舵湇锛屾瘡涓�绉嶅埗鏈嶉兘鏈夊叾鐙壒鐨勫瘬鎰忋��
           </p>
@@ -235,10 +253,6 @@
               <div class="swiper-button-prev"></div>
             </div>
           </div>
-          <p>锛�2锛変腑鍥戒笢鏂硅埅绌洪泦鍥㈡湁闄愬叕鍙革紙浠ヤ笅绠�绉颁笢鑸級鍒舵湇銆�</p>
-          <p>
-            20涓栫邯90骞翠唬锛屼笢鑸埗鏈嶈璁″悜澶氬厓鍖栦笌鍥介檯鍖栧彂灞曘��1988骞达紝涓浗涓滄柟鑸┖鍏徃
-          </p>
         </div>
       </div>
     </div>
@@ -249,14 +263,12 @@
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
           <li class="p-Num">51</li>
-          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
+          <li class="header-right-Number cloud"><img src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
         </ul>
         <div class="bodystyle">
-          <p class="td-0">
-            姝e紡鎴愮珛銆備笢鑸粡鍘嗕簡浜斾唬鍒舵湇鐨勫彉杩侊紝闅忕潃鍥介檯鑸彮鐨勪笉鏂紑杈燂紝鍒舵湇鐨勫彉鍖栨繁鍙椻�滀笢浜氶鈥濆厓绱犵殑褰卞搷銆�21涓栫邯锛屼笢鑸紑濮嬩簡瀵逛釜鎬у寲涓庡搧浣嶇殑杩芥眰锛屼笢鑸殑浼佷笟鏍稿績浠峰�艰鍗冲鎴疯嚦灏婏紝绮剧粏鑷磋繙銆傛敼闈╁紑鏀�40澶氬勾鏉ワ紝涓�濂楀鍒舵湇璁板綍鐫�涓�涓釜鍘嗗彶鐢婚潰銆傚埗鏈嶇殑鍙樺寲瑙佽瘉浜嗕笢鑸�40澶氬勾鐨勫彉杩佽繃绋嬶紝璁╂垜浠湅鍒颁簡鍥介檯鍖栦笢鑸殑澶氬厓鍙戝睍銆�
-          </p>
+          <p>锛�2锛変腑鍥戒笢鏂硅埅绌洪泦鍥㈡湁闄愬叕鍙革紙浠ヤ笅绠�绉颁笢鑸級鍒舵湇銆�</p>
           <div class="img-rights w220 openImgBox ">
             <p class="center ">
               <img class="img-d" alt="" src="../../assets/images/0057-1.jpg" />
@@ -264,14 +276,11 @@
             <p class="img">鍥�2-1-4 涓滆埅鍒舵湇</p>
           </div>
           <span>
-            <p class="td-0">
-              鏂版椂浠g殑涓滆埅涔樺姟鍛樹篃姝d互瀹為檯琛屽姩璺佃鍜岃癄閲婁笢鑸殑鏈嶅姟鐞嗗康鍜屾湇鍔″搧璐ㄣ��2013骞达紝閰嶅悎鍥介檯鍖栧彂灞曟垬鐣ワ紝涓滆埅鎺ㄥ嚭绗簲浠e埗鏈嶃�備笢鑸浜斿鍒舵湇閬靛惊鈥滅畝娲併�佺編瑙傘�佸緱浣撯�濈殑鍘熷垯锛屽湪婊¤冻鑱屼笟鍒舵湇鍔熻兘鎬ч渶姹傜殑鍚屾椂锛屽姏姹傚睍鐜颁紭闆呯殑涓滄柟姘旇川涓庢椂灏氱殑娴锋淳椋庢牸銆傛捣鍐涜摑鐨勪富鑹茶皟钀ラ�犲嚭绋抽噸銆佷笓涓氱殑鑱屼笟姘涘洿锛屼腑鍥界粨銆佹绾㈣壊鑵板甫鍙婇厤楗帮紝绐佸嚭浜嗛潚鑺辩摲涓婚璁捐鍏冪礌锛岀粡鍏镐腑閫忓嚭鐑儏銆傚コ娆捐‖琛笌涓濆肪璁捐涓繍鐢ㄧ殑钃濊壊鑺辨湹鍏冪礌锛岃劚鑳庝簬搴蜂箖棣ㄥ拰鑾茶姳锛屼綋鐜板嚭涓滄柟濂虫�т紭闆呫�佹煍缇庛�佸惈钃勭殑鐗硅川锛屽悓鏃跺悜鏃呭浼犻�掑嚭娓╅Θ銆佽垝閫傘�佺粏鑵汇�侀珮鏁堢殑楂樺搧浣嶆湇鍔$悊蹇碉紙瑙佸浘2-1-4锛夈��
+            <p>
+              20涓栫邯90骞翠唬锛屼笢鑸埗鏈嶈璁″悜澶氬厓鍖栦笌鍥介檯鍖栧彂灞曘��1988骞达紝涓浗涓滄柟鑸┖鍏徃姝e紡鎴愮珛銆備笢鑸粡鍘嗕簡浜斾唬鍒舵湇鐨勫彉杩侊紝闅忕潃鍥介檯鑸彮鐨勪笉鏂紑杈燂紝鍒舵湇鐨勫彉鍖栨繁鍙椻�滀笢浜氶鈥濆厓绱犵殑褰卞搷銆�21涓栫邯锛屼笢鑸紑濮嬩簡瀵逛釜鎬у寲涓庡搧浣嶇殑杩芥眰锛屼笢鑸殑浼佷笟鏍稿績浠峰�艰鍗冲鎴疯嚦灏婏紝绮剧粏鑷磋繙銆傛敼闈╁紑鏀�40澶氬勾鏉ワ紝涓�濂楀鍒舵湇璁板綍鐫�涓�涓釜鍘嗗彶鐢婚潰銆傚埗鏈嶇殑鍙樺寲瑙佽瘉浜嗕笢鑸�40澶氬勾鐨勫彉杩佽繃绋嬶紝璁╂垜浠湅鍒颁簡鍥介檯鍖栦笢鑸殑澶氬厓鍙戝睍銆傛柊鏃朵唬鐨勪笢鑸箻鍔″憳涔熸浠ュ疄闄呰鍔ㄨ返琛屽拰璇犻噴涓滆埅鐨勬湇鍔$悊蹇靛拰鏈嶅姟鍝佽川銆�2013骞达紝閰嶅悎鍥介檯鍖栧彂灞曟垬鐣ワ紝涓滆埅鎺ㄥ嚭绗簲浠e埗鏈嶃�備笢鑸浜斿鍒舵湇閬靛惊鈥滅畝娲併�佺編瑙傘�佸緱浣撯�濈殑鍘熷垯锛屽湪婊¤冻鑱屼笟鍒舵湇鍔熻兘鎬ч渶姹傜殑鍚屾椂锛屽姏姹傚睍鐜颁紭闆呯殑涓滄柟姘旇川涓庢椂灏氱殑娴锋淳椋庢牸銆傛捣鍐涜摑鐨勪富鑹茶皟钀ラ�犲嚭绋抽噸銆佷笓涓氱殑鑱屼笟姘涘洿锛屼腑鍥界粨銆佹绾㈣壊鑵板甫鍙婇厤楗帮紝绐佸嚭浜嗛潚鑺辩摲涓婚璁捐鍏冪礌锛岀粡鍏镐腑閫忓嚭鐑儏銆傚コ娆捐‖琛笌涓濆肪璁捐涓繍鐢ㄧ殑钃濊壊鑺辨湹鍏冪礌锛岃劚鑳庝簬搴蜂箖棣ㄥ拰鑾茶姳锛屼綋鐜板嚭涓滄柟濂虫�т紭闆呫�佹煍缇庛�佸惈钃勭殑鐗硅川锛屽悓鏃跺悜鏃呭浼犻�掑嚭娓╅Θ銆佽垝閫傘�佺粏鑵汇�侀珮鏁堢殑楂樺搧浣嶆湇鍔$悊蹇碉紙瑙佸浘2-1-4锛夈��
             </p>
           </span>
           <p>锛�3锛変腑鍥藉崡鏂硅埅绌鸿偂浠芥湁闄愬叕鍙革紙浠ヤ笅绠�绉板崡鑸級鍒舵湇銆�</p>
-          <p>
-            绉夋壙鈥滃鎴疯嚦涓娾�濈殑鎵胯锛屽崡鑸�氳繃鎻愪緵鈥滃彲闈犮�佸噯鐐广�佷究鎹封�濈殑浼樿川鏈嶅姟锛岃嚧鍔涗簬婊¤冻骞惰秴瓒婂鎴风殑鏈熸湜銆傛敼闈╁紑鏀�40澶氬勾鏉ワ紝绌轰箻鍒舵湇涓�鐩村湪鍙橈紝鑰屽崡鑸汉鐨勫垵蹇冧粠鏈敼鍙樸�備粠浠呬粎鎻愪緵鎶ョ焊銆佽尪姘寸殑鍗曚竴鏈嶅姟鍒板浠婄┖涓湇鍔$殑鍝佺墝鍖栥�佹爣鍑嗗寲銆佷綋绯诲寲锛涗粠鏁负澶╀笅鍏堬紝涓诲姩鍙備笌鍥介檯绔炰簤鍒板悜鐫�瑙勮寖鍖栥�佷竴浣撳寲銆佹櫤鑳藉寲銆佸浗闄呭寲涓嶆柇鍙�
-          </p>
           <div class="img-rights w220 openImgBox ">
             <p class="center ">
               <img class="img-c" alt="" src="../../assets/images/0057-2.jpg" />
@@ -279,7 +288,8 @@
             <p class="img">鍥�2-1-5 鍗楄埅鍒舵湇</p>
           </div>
           <span>
-            <p class="td-0">
+            <p>
+              绉夋壙鈥滃鎴疯嚦涓娾�濈殑鎵胯锛屽崡鑸�氳繃鎻愪緵鈥滃彲闈犮�佸噯鐐广�佷究鎹封�濈殑浼樿川鏈嶅姟锛岃嚧鍔涗簬婊¤冻骞惰秴瓒婂鎴风殑鏈熸湜銆傛敼闈╁紑鏀�40澶氬勾鏉ワ紝绌轰箻鍒舵湇涓�鐩村湪鍙橈紝鑰屽崡鑸汉鐨勫垵蹇冧粠鏈敼鍙樸�備粠浠呬粎鎻愪緵鎶ョ焊銆佽尪姘寸殑鍗曚竴鏈嶅姟鍒板浠婄┖涓湇鍔$殑鍝佺墝鍖栥�佹爣鍑嗗寲銆佷綋绯诲寲锛涗粠鏁负澶╀笅鍏堬紝涓诲姩鍙備笌鍥介檯绔炰簤鍒板悜鐫�瑙勮寖鍖栥�佷竴浣撳寲銆佹櫤鑳藉寲銆佸浗闄呭寲涓嶆柇鍙�
               灞曪紱涓哄缓璁句笘鐣屼竴娴佽埅绌鸿繍杈撲紒涓氾紝鎺ㄥ嚭涓�绯诲垪鈥滄湪妫夌郴鈥濇湇鍔′骇鍝侊紝鐫�鍔涙墦閫犲浗闄呭寲绮惧搧鏍囨潌鑸嚎锛屾繁鍏ュ紑灞曞浗闄呭悎浣滐紝绋虫鏈夊簭寮�鎷撳浗闄呭競鍦恒�傜鍥涘鍒舵湇鏁翠綋鑹茬郴涓哄ぉ闈掕摑鑹插拰鐜矇绾㈣壊锛屾暣濂楀埗鏈嶅寘鎷瑁呫�佹槬绉嬭銆佸啲瀛eぇ琛e拰鍥磋澶氫釜娆惧紡锛屽搧绉嶅寘鎷タ瑁呫�佽‖琛c�侀┈鐢层�佽¥瀛愩�佸ぇ琛c�侀琛g瓑銆傛鍨嬮珮闆呬翰鍒囷紝淇韩閫備綋銆備箻鍔¢暱韬潃鏈夊疂鐭宠埇鐨勫厜娉姐�佺函鍑�鍜岄�忔槑鎰熺殑澶╅潚钃濊壊鍒舵湇锛岃�屼箻鍔″憳绌跨潃鍏锋湁濂虫�ч瓍鍔涚殑鐜矇绾㈣壊鍒舵湇銆備笂瑁呮槸V瀛楅鐨勶紝鐢ㄦ祬閲戣壊绾挎潯瀵归杈瑰拰琚栧彛杩涜浜嗗嬀鍕掞紝鑰屼笅瑁呭垯鏄孩銆佽摑鏂滅汗闈㈡枡鐨勮タ鏈嶈锛屾棦娲绘臣鍒嚧锛屽張鏄惧緱浜插垏骞茬粌鍜屾椂灏氶珮闆咃紙瑙佸浘2-1-5锛夈��
             </p>
           </span>
@@ -324,10 +334,6 @@
               鍘﹁埅涔樺姟闃熷舰鎴愪簡鈥滃叚鍕も�濓紙鐪煎嫟銆佹墜鍕ゃ�佽吙鍕ゃ�佸槾鍕ゃ�佽�冲嫟銆佽剳鍕わ級銆佲�滀簲蹇冣�濓紙鐑績銆佽瘹蹇冦�佺粏蹇冦�佽�愬績銆佹亽蹇冿級銆佲�滃洓缇庘�濓紙蹇冪伒缇庛�佽瑷�缇庛�佽涓虹編銆佸舰璞$編锛夈�佲�滀笁涓嶆�曗�濓紙涓嶆�曡剰銆佷笉鎬曠疮銆佷笉鎬曠儲锛夌殑鏈嶅姟浣滈銆傜┖涔樺埗鏈嶇粡鍘嗕簡娉℃场琚栥�佺櫧铦磋澏缁撱�佷腑寮忔棗琚嶇瓑闃舵銆�2018骞�8鏈堬紝鍘﹁埅鏂颁竴浠g┖涔樺埗鏈嶆儕鑹充寒鐩革紝铻嶅悎浜嗗鍙ゅ厓绱犱笌鐜颁唬绠�绾︽椂灏氾紝鍕惧嫆鍑烘洿鍔犻珮闆呫�佽嚜淇°�佸共缁冪殑绌轰箻褰㈣薄銆備繌鐨殑灏忓附涓婂甫鏈夆�滀竴楣珮椋炩�濊埅寰斤紝琛h涓轰竷鍒嗚锛屽苟閰嶆湁娣辫摑鑹茬殑瀹借叞甯︼紙瑙佸浘2-1-7锛夈�備笉鍚屾槑搴︹�滃ぉ绌鸿摑鈥濆埗鏈嶏紝鍖哄垎涔樺姟鍛樹笉鍚岀殑宀椾綅锛岀敱娴呭埌娣辩殑钃濊壊鏂板埗鏈嶅垎灞炰簬鏅�氫箻鍔″憳銆佸鑸变箻鍔¢暱鍜屽鑸辩粡鐞嗐��
             </p>
           </span>
-          <p>锛�3锛夋捣鍗楄埅绌哄叕鍙革紙浠ヤ笅绠�绉版捣鑸級鍒舵湇銆�</p>
-          <p>
-            娴疯埅鎴愮珛浜�1993骞�1鏈堬紝1993骞�5鏈堝紑濮嬭繍钀ャ�傛捣鑸互浼樿川鐨勪骇鍝佸強鏈嶅姟杩炵画鏁板勾鑾峰緱鈥淪KYTRAX浜旀槦鑸┖鍏徃鈥濊崳瑾夈�傛捣鑸箻鍔″憳鍒舵湇缁忓巻浜嗕簲娆℃洿鏂版崲浠o紝绗簲浠e埗鏈�
-          </p>
         </div>
       </div>
     </div>
@@ -338,7 +344,7 @@
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
           <li class="p-Num">53</li>
-          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
+          <li class="header-right-Number cloud"><img src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
         </ul>
@@ -350,8 +356,9 @@
             <p class="img">鍥�2-1-8 娴疯埅鍒舵湇</p>
           </div>
           <span>
-            <p class="td-0">
-              鍚嶄负鈥滄捣澶╃ゥ浜戔�濓紝浜�2018骞�6鏈�6鏃ュ惎鐢ㄣ�傚叾鍒舵湇鐨勬渶澶т寒鐐瑰湪浜庝腑鍥戒紶缁熷厓绱犱笌鍥介檯鏃跺皻鐨勭粨鍚堛�傚埗鏈嶇敤涓紡鏃楄褰㈢姸鍋氬簳锛岄鍙d负绁ヤ簯婕ぉ锛屼笅鎽嗕负姹熸动娴锋按锛屼互鈥滃僵浜戞弧澶┾�濅负鍩猴紝鍛堢幇浜嗘捣鑸ぇ楣忛噾缈呴笩缈辩繑浜庝簯娴蜂箣闂寸殑杈夌厡鎰忓锛岃癄閲婁簡娴疯埅鐨勬棤闄愬彂灞曠┖闂村強鐢熺敓涓嶆伅鐨勪紒涓氬唴娑碉紙瑙佸浘2-1-8锛夈��
+            <p>锛�3锛夋捣鍗楄埅绌哄叕鍙革紙浠ヤ笅绠�绉版捣鑸級鍒舵湇銆�</p>
+            <p>
+              娴疯埅鎴愮珛浜�1993骞�1鏈堬紝1993骞�5鏈堝紑濮嬭繍钀ャ�傛捣鑸互浼樿川鐨勪骇鍝佸強鏈嶅姟杩炵画鏁板勾鑾峰緱鈥淪KYTRAX浜旀槦鑸┖鍏徃鈥濊崳瑾夈�傛捣鑸箻鍔″憳鍒舵湇缁忓巻浜嗕簲娆℃洿鏂版崲浠o紝绗簲浠e埗鏈嶅悕涓衡�滄捣澶╃ゥ浜戔�濓紝浜�2018骞�6鏈�6鏃ュ惎鐢ㄣ�傚叾鍒舵湇鐨勬渶澶т寒鐐瑰湪浜庝腑鍥戒紶缁熷厓绱犱笌鍥介檯鏃跺皻鐨勭粨鍚堛�傚埗鏈嶇敤涓紡鏃楄褰㈢姸鍋氬簳锛岄鍙d负绁ヤ簯婕ぉ锛屼笅鎽嗕负姹熸动娴锋按锛屼互鈥滃僵浜戞弧澶┾�濅负鍩猴紝鍛堢幇浜嗘捣鑸ぇ楣忛噾缈呴笩缈辩繑浜庝簯娴蜂箣闂寸殑杈夌厡鎰忓锛岃癄閲婁簡娴疯埅鐨勬棤闄愬彂灞曠┖闂村強鐢熺敓涓嶆伅鐨勪紒涓氬唴娑碉紙瑙佸浘2-1-8锛夈��
             </p>
           </span>
           <h4 id="d037">浜屻�佹皯鑸埗鏈嶇殑浣滅敤</h4>
@@ -374,7 +381,7 @@
           <h4 id="d038">涓夈�佹皯鑸箻鍔″憳鐨勭潃瑁呰姹�</h4>
           <h5 id="e038">锛堜竴锛夊悎韬緱浣�</h5>
           <p>
-            鍒舵湇鐨勫昂瀵稿繀椤荤鍚堟皯鑸汉鍛樼殑韬潗鐗圭偣銆傚埗鏈嶇┛鐫�蹇屼贡锛屽繀椤诲悎浣撱�傝绌垛�滃洓闀库�濓紝鍗宠鑷虫墜鑵曪紝琛h嚦铏庡彛锛岃¥鑷宠剼闈紝瑁欒嚦鑶濈洊銆傝绌垛�滃洓鍥粹�濓紝鍗抽鍥翠互鎻掑叆涓�
+            鍒舵湇鐨勫昂瀵稿繀椤荤鍚堟皯鑸汉鍛樼殑韬潗鐗圭偣銆傚埗鏈嶇┛鐫�蹇屼贡锛屽繀椤诲悎浣撱�傝绌垛�滃洓闀库�濓紝鍗宠鑷虫墜鑵曪紝琛h嚦铏庡彛锛岃¥鑷宠剼闈紝瑁欒嚦鑶濈洊銆傝绌垛�滃洓鍥粹�濓紝鍗抽鍥翠互鎻掑叆涓�鎸囧ぇ灏忎负瀹滐紝涓婅。鐨勮兏鍥淬�佽叞鍥村強瑁よ鐨勮噣鍥翠互鎻掑叆涓�鎸囩殑鏉剧揣涓哄疁銆�
           </p>
         </div>
       </div>
@@ -392,7 +399,6 @@
           </li>
         </ul>
         <div class="bodystyle">
-          <p class="td-0">鎸囧ぇ灏忎负瀹滐紝涓婅。鐨勮兏鍥淬�佽叞鍥村強瑁よ鐨勮噣鍥翠互鎻掑叆涓�鎸囩殑鏉剧揣涓哄疁銆�</p>
           <h5 id="e039">锛堜簩锛夊共鍑�鏁存磥</h5>
           <p>
             姘戣埅浜哄憳鐨勫埗鏈嶅簲淇濇寔骞插噣鏁存磥锛屽苟瀹氭湡鎹㈡礂銆傚埗鏈嶅共鍑�鏁存磥浣撶幇鐨勬槸瀵瑰伐浣滃矖浣嶇殑灏婇噸涓庣儹鐖憋紝鏄湇鍔¤涓氫汉鍛樼殑鍩烘湰瑕佹眰銆傜┖涔樹汉鍛樼殑鍒舵湇瑕佹眰鏃犲紓鑹层�佹棤寮傚懗銆佹棤寮傜墿锛屽挨鍏舵槸琛i鍙d笌琚栧彛绛夊闇查儴鍒嗘洿瑕佹敞鎰忎繚鎸佸共鍑�鏁存磥銆�
@@ -409,7 +415,7 @@
           <p>
             姘戣埅鍛樺伐濂虫�х潃濂楄鏃讹紝搴旀牴鎹韩鏉愪綋褰㈢殑涓嶅悓锛岄�夋嫨涓嶅悓绫诲瀷鐨勫瑁欍��
           </p>
-          <p><b>濂楄娆惧紡</b></p>
+          <p class="center"><b>濂楄娆惧紡</b></p>
           <p>
             鈥淗鈥濆瀷锛氫笂琛h緝涓哄鏉撅紝瑁欏瓙涓虹瓛寮忥紝杩欑娆惧紡鏄惧緱浼橀泤銆佸惈钃勶紝鍙互涓鸿韩鏉愯偉鑳栬�呴伩鐭��
           </p>
@@ -423,7 +429,7 @@
           <p>
             姘戣埅鐢锋�у憳宸ュ湪绀句氦鎴栧晢鍔″満鍚堝簲閫夋嫨瑗挎湇娆惧紡锛堣鏍规嵁鑷繁鐨勮韩褰㈠畾鍒讹級锛屽洜瑗挎湇绉嶇被鍋忓锛屽彲鏍规嵁鍦哄悎鍜屼綋褰㈤�夋嫨閫傚悎鑷繁鐨勬寮忋��
           </p>
-          <p><b>瑗胯鐨勬寮�</b></p>
+          <p class="center"><b>瑗胯鐨勬寮�</b></p>
           <p>瑗胯娆惧紡鍙垎涓烘寮忋�佽嫳寮忋�佺編寮忓拰鏃ュ紡鍥涘ぇ娆惧紡銆�</p>
           <p>娆у紡锛氶鍨嬬嫮闀匡紝鑳搁儴鏀剁揣绐佸嚭锛岃鎷笌鍨偐杈冮珮锛岄�犲瀷楂橀泤銆�</p>
           <p>鑻卞紡锛氫笌娆у紡鐩镐豢锛屼絾鍨偐杈冭杽锛屽悗鑳屽紑琛┿��</p>
@@ -443,12 +449,31 @@
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
           <li class="p-Num">55</li>
-          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
+          <li class="header-right-Number cloud"><img src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
         </ul>
         <div class="bodystyle">
           <h4 id="d039">鍥涖�佹皯鑸埗鏈嶇殑鍩烘湰瑙勮寖</h4>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathSix" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氫腑鍥芥皯鑸埗鏈嶈鑼�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo05 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'
+                " placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'a1d05c3a38a322dc67861f9f3d35fb09'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-06')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h5 id="e042">锛堜竴锛夎鏈嶅瑁�</h5>
           <p>瑁欐湇濂楄涓�鑸垎涓烘槬绉嬭鍜屽瑁呫��</p>
           <p>
@@ -526,11 +551,11 @@
             </div>
             <div class="bj3 fz-15">
               <p>1.濯涘獩涓轰粈涔堜細灏村艾鍛紵</p>
-              <textarea v-model="questionData.askAbout.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
               <p>2.浣犵煡閬撶殑姘戣埅鍒舵湇瑙勮寖鏈夊摢浜涘憿锛�</p>
-              <textarea v-model="questionData.askAbout.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -549,7 +574,7 @@
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
           <li class="p-Num">57</li>
-          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
+          <li class="header-right-Number cloud"><img src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
         </ul>
@@ -630,9 +655,10 @@
             鐗х缁擄細涓濆肪瀵规姌鍛堝�掍笁瑙掑舰锛屽啀浠庨暱绔彔鍔犲憟3锝�4涓ざ鐨憋紝涓濆肪鏈涓庡钩缁撶郴娉曚竴鑷达紝绯诲湪鑴栭澶勬暣鐞嗐��
           </p>
           <div class="bk-video fl">
-            <p class="bj4-qjms fl al-c"><span class="span-text-video">瑙嗛搴�</span><span class="span-svg"><svg t="1729840629103"
-                  class="icon" viewBox="0 0 1365 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="34778"
-                  xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="40">
+            <p class="bj4-qjms fl al-c"><span class="span-text-video">瑙嗛搴�</span><span class="span-svg"><svg
+                  t="1729840629103" class="icon" viewBox="0 0 1365 1024" version="1.1"
+                  xmlns="http://www.w3.org/2000/svg" p-id="34778" xmlns:xlink="http://www.w3.org/1999/xlink" width="34"
+                  height="40">
                   <path
                     d="M531.117831 720.79677l341.333334-170.641145a42.673047 42.673047 0 0 0 0-76.566472L531.117831 303.20323a42.673047 42.673047 0 0 0-61.814665 38.130103v341.333334a42.673047 42.673047 0 0 0 61.814665 38.130103zM1237.724282 0H127.612523A128.376452 128.376452 0 0 0 0.001736 128.580629V895.317282a128.019142 128.019142 0 0 0 127.610787 128.682718h1110.111759a128.427496 128.427496 0 0 0 127.610787-128.682718V128.580629a127.968097 127.968097 0 0 0-127.610787-128.580629zM255.988974 895.572504a42.46887 42.46887 0 0 1-43.081401 43.081402H128.429232a42.46887 42.46887 0 0 1-43.081402-43.081402V811.094163a42.417826 42.417826 0 0 1 43.081402-43.132446h84.580429a42.417826 42.417826 0 0 1 42.979313 43.132446z m0-341.333333a42.46887 42.46887 0 0 1-43.081401 42.979313H128.429232a42.46887 42.46887 0 0 1-43.081402-43.081402V469.607697a42.366781 42.366781 0 0 1 43.081402-43.081402h84.580429A42.417826 42.417826 0 0 1 255.988974 469.607697z m0-341.333334a42.46887 42.46887 0 0 1-43.081401 43.081402H128.429232a42.46887 42.46887 0 0 1-43.081402-43.081402V128.427496a42.366781 42.366781 0 0 1 43.081402-43.081402h84.580429a42.417826 42.417826 0 0 1 42.979313 43.081402z m768.012762 725.748069H341.335069V85.346094H1023.950691v853.307812z m255.987238-43.081402a42.46887 42.46887 0 0 1-43.132446 43.081402h-84.529385a42.417826 42.417826 0 0 1-43.030357-43.081402V811.094163a42.46887 42.46887 0 0 1 43.081401-43.132446h84.58043a42.46887 42.46887 0 0 1 43.030357 43.132446z m0-341.333333a42.46887 42.46887 0 0 1-43.132446 43.081401h-84.529385a42.417826 42.417826 0 0 1-43.030357-43.081401V469.607697a42.417826 42.417826 0 0 1 43.081401-43.081402h84.58043a42.417826 42.417826 0 0 1 43.030357 43.081402z m0-341.333334a42.46887 42.46887 0 0 1-43.132446 43.081402h-84.529385a42.417826 42.417826 0 0 1-43.030357-43.081402V128.427496a42.417826 42.417826 0 0 1 43.081401-43.081402h84.58043a42.417826 42.417826 0 0 1 43.030357 43.081402z"
                     fill="#92A1CB" p-id="34779"></path>
@@ -684,7 +710,7 @@
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
           <li class="p-Num">59</li>
-          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
+          <li class="header-right-Number cloud"><img src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
         </ul>
@@ -695,119 +721,35 @@
           <p>3.缁冧範棰嗗甫鐨勭郴娉曘��</p>
           <p class="td-0 mb-10 mt-10"><span class="bj2">路椤圭洰鑷祴路</span></p>
           <p>1.锛堛��銆�锛変綋褰㈢殑鐗圭偣鏄笂韬槮銆佽噣閮ㄥぇ銆�</p>
-          <p><input
-              type="radio"
-              name="one"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="1"
-              v-model="questionData.projectOne.one.value"
-              @change="setBookQuestion"
-            />A.O鍨�</p>
-          <p><input
-              type="radio"
-              name="one"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="1"
-              v-model="questionData.projectOne.one.value"
-              @change="setBookQuestion"
-            />B.H鍨�</p>
-          <p><input
-              type="radio"
-              name="one"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="1"
-              v-model="questionData.projectOne.one.value"
-              @change="setBookQuestion"
-            />C.A鍨�</p>
-          <p><input
-              type="radio"
-              name="one"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="1"
-              v-model="questionData.projectOne.one.value"
-              @change="setBookQuestion"
-            />D.X鍨�</p>
+          <p><input type="radio" name="one" :disabled="questionData.isComplete" value="A" id="1"
+              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />A.O鍨�</p>
+          <p><input type="radio" name="one" :disabled="questionData.isComplete" value="B" id="1"
+              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />B.H鍨�</p>
+          <p><input type="radio" name="one" :disabled="questionData.isComplete" value="C" id="1"
+              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />C.A鍨�</p>
+          <p><input type="radio" name="one" :disabled="questionData.isComplete" value="D" id="1"
+              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />D.X鍨�</p>
           <p>2.鍦嗚劯鍨嬬殑浜洪�夋嫨琛i鏃讹紝搴旈�夛紙銆�銆�锛夈��</p>
-          <p><input
-              type="radio"
-              name="two"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="2"
-              v-model="questionData.projectOne.two.value"
-              @change="setBookQuestion"
-            />A.鍦嗗舰</p>
-          <p><input
-              type="radio"
-              name="two"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="2"
-              v-model="questionData.projectOne.two.value"
-              @change="setBookQuestion"
-            />B.涓�瀛楀舰</p>
-          <p><input
-              type="radio"
-              name="two"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="2"
-              v-model="questionData.projectOne.two.value"
-              @change="setBookQuestion"
-            />C.姊舰</p>
-          <p><input
-              type="radio"
-              name="two"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="2"
-              v-model="questionData.projectOne.two.value"
-              @change="setBookQuestion"
-            />D.V鍨�</p>
+          <p><input type="radio" name="two" :disabled="questionData.isComplete" value="A" id="2"
+              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />A.鍦嗗舰</p>
+          <p><input type="radio" name="two" :disabled="questionData.isComplete" value="B" id="2"
+              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />B.涓�瀛楀舰</p>
+          <p><input type="radio" name="two" :disabled="questionData.isComplete" value="C" id="2"
+              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />C.姊舰</p>
+          <p><input type="radio" name="two" :disabled="questionData.isComplete" value="D" id="2"
+              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />D.V鍨�</p>
           <p>3.鏈嶈鐨勶紙銆�銆�锛夌殑鏍峰紡锛屼笌鑴稿瀷鏈夌洿鎺ュ叧绯汇��</p>
-          <p><input
-              type="radio"
-              name="three"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="3"
-              v-model="questionData.projectOne.three.value"
-              @change="setBookQuestion"
-            />A.瑁ゅ瓙</p>
-          <p><input
-              type="radio"
-              name="three"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="3"
-              v-model="questionData.projectOne.three.value"
-              @change="setBookQuestion"
-            />B.琛。</p>
-          <p><input
-              type="radio"
-              name="three"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="3"
-              v-model="questionData.projectOne.three.value"
-              @change="setBookQuestion"
-            />C.棰嗗瓙</p>
-          <p><input
-              type="radio"
-              name="three"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="3"
-              v-model="questionData.projectOne.three.value"
-              @change="setBookQuestion"
-            />D.琚栧瓙</p>
+          <p><input type="radio" name="three" :disabled="questionData.isComplete" value="A" id="3"
+              v-model="questionData.projectOne.three.value" @change="setBookQuestion" />A.瑁ゅ瓙</p>
+          <p><input type="radio" name="three" :disabled="questionData.isComplete" value="B" id="3"
+              v-model="questionData.projectOne.three.value" @change="setBookQuestion" />B.琛。</p>
+          <p><input type="radio" name="three" :disabled="questionData.isComplete" value="C" id="3"
+              v-model="questionData.projectOne.three.value" @change="setBookQuestion" />C.棰嗗瓙</p>
+          <p><input type="radio" name="three" :disabled="questionData.isComplete" value="D" id="3"
+              v-model="questionData.projectOne.three.value" @change="setBookQuestion" />D.琚栧瓙</p>
           <p>4.绠�杩拌亴涓氬埗鏈嶇潃瑁呯殑瑕佹眰銆�</p>
-          <textarea v-model="questionData.projectOne.four.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+          <textarea v-model="questionData.projectOne.four.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+            @change="setBookQuestion"></textarea>
           <p><br /></p>
           <p><br /></p>
           <h3 id="c013">
@@ -817,6 +759,25 @@
           <p>1.浜嗚В姘戣埅鏈嶅姟浜哄憳濡嗗鐨勭壒鎬у拰鍘熷垯銆�</p>
           <p>2.浜嗚В鍖栧鍝佺殑鍒嗙被鍙婂寲濡嗗伐鍏枫��</p>
           <p>3.鎺屾彙闈㈤儴濡嗗绫诲埆銆�</p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathSeven" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氭皯鑸汉鍛樺瀹硅鑼�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo06 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'
+                " placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '8e02ef51cadfb9b2611b0e6ab47f54b9'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-06')" />
+              </el-tooltip>
+            </p>
+          </div>
           <p>
             鍖栧鎶�鏈殢鐫�绀句細鏃跺皻瀹$編鐨勫彉鍖栬�屼笉鏂湴鍙戠敓鐫�鍙樺寲锛屽湪褰撲粖鐨勭ぞ浼氱敓娲讳腑锛屼汉浠洿鍔犲�惧悜浜庤嚜鐒躲�佹竻鏂般�佹贰闆呯殑濡嗗椋庢牸銆傚畬缇庣殑濡嗗鍖呭惈澶氱鍥犵礌锛岀敱浜庤亴涓氥�佽韩浠姐�佹�ф牸銆佸満鍚堜笉鍚岀瓑锛屽睍鐜扮殑濡嗗涔熶笉灏界浉鍚屻�傝壇濂界殑濡嗛潰璁捐涓�瀹氳濂戝悎鑱屼笟鍜屾�ф牸绛夌壒鐐广�傚瀹圭殑灞曠幇锛屽緢澶х▼搴︿笂鍙栧喅浜庝釜浜虹殑瀹$編鑳藉姏銆佹兂璞″姏鍜屽績鐏靛閫犺兘鍔涖�傚涔犲寲濡嗘槸涓轰簡鍑嗙‘浜嗚В鑷繁鐨勫褰㈢壒鐐瑰苟鍔犱互缇庡寲锛屼娇涓汉榄呭姏涓庢皵璐ㄤ慨鍏昏揪鍒版渶浣崇姸鎬併�傚浜庢皯鑸湇鍔′汉鍛樻潵璇达紝杩欐槸涓�闂ㄥ繀淇銆�
           </p>
@@ -885,7 +846,7 @@
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
           <li class="p-Num">61</li>
-          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
+          <li class="header-right-Number cloud"><img src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
         </ul>
@@ -924,7 +885,7 @@
           <h4 id="d045">鍥涖�佹皯鑸湇鍔′汉鍛樼殑鍖栧鏍囧噯</h4>
           <h5 id="e054">锛堜竴锛夋棩甯稿</h5>
           <p>
-            鏃ュ父濡嗕富瑕佷綋鐜板湪鏃ュ父鐢熸椿涓紝涓汉鍙互鎸夌収鑷韩鎰忔効鍜屽缇庤繘琛岀編鍖栵紝鏍规嵁鏁翠綋
+            鏃ュ父濡嗕富瑕佷綋鐜板湪鏃ュ父鐢熸椿涓紝涓汉鍙互鎸夌収鑷韩鎰忔効鍜屽缇庤繘琛岀編鍖栵紝鏍规嵁鏁翠綋褰㈣薄椋庢牸濉戦�犺嚜宸憋紝鍙拷姹傛椂灏氥�佺搴勩�佷紭闆呫�佹竻鏂帮紝闅忔剰鎬ц緝寮猴紝閫夋嫨鑼冨洿杈冨ぇ锛屼絾闇�娉ㄦ剰閫傚悎鐨勫勾榫勩�佺幆澧冦�傚彲鏍规嵁鎵�鍦ㄥ満鍚堛�佺洰鐨勮繘琛屽閫狅紝涔熷彲鏍规嵁瀛h妭鍙樺寲鏉ヨ璁″瀹癸紙瑙佸浘2-1-13锛夈��
           </p>
         </div>
       </div>
@@ -953,22 +914,20 @@
             <p class="img">鍥�2-1-14 鍦伴潰鏈嶅姟濡�</p>
           </div>
           <span>
-            <p class="td-0">
-              褰㈣薄椋庢牸濉戦�犺嚜宸憋紝鍙拷姹傛椂灏氥�佺搴勩�佷紭闆呫�佹竻鏂帮紝闅忔剰鎬ц緝寮猴紝閫夋嫨鑼冨洿杈冨ぇ锛屼絾闇�娉ㄦ剰閫傚悎鐨勫勾榫勩�佺幆澧冦�傚彲鏍规嵁鎵�鍦ㄥ満鍚堛�佺洰鐨勮繘琛屽閫狅紝涔熷彲鏍规嵁瀛h妭鍙樺寲鏉ヨ璁″瀹癸紙瑙佸浘2-1-13锛夈��
+            <h5 id="e055">锛堜簩锛夎亴涓氬</h5>
+            <h6 id="f010">1.鍦伴潰鏈嶅姟濡�</h6>
+            <p>
+              锛�1锛夌壒鐐癸細鑸┖鍦伴潰鏈嶅姟浜哄憳鐨勫矖浣嶅伐浣滅幆澧冨強宸ョ鎬ц川涓庡鑸变箻鍔″憳涓嶅お涓�鏍凤紝鍒嗗鍐呫�佹埛澶栧伐浣滃湴鐐癸紝鏈変簺宀椾綅瑕侀潰瀵圭殑瀹㈡祦閲忚緝澶э紝鏈嶅姟浜哄憳鍔ㄤ綔鏃㈠埄钀藉張鐑︾悙锛屼富瑕佽礋璐e湪鏃呭鐧绘満鍓嶅拰鐫�闄嗗悗鐨勪竴绯诲垪宸ヤ綔锛屼絾瀹ゅ唴銆佹埛澶栫殑鍏夌嚎鏉′欢閮藉亸澶氭牱锛屾晠鍖栧鏃惰鑳戒綋鐜颁笓涓氭�э紝浠ュ強浜插拰鍔涘己銆佺儹鎯呭ぇ鏂圭殑鐗圭偣銆傚彲鏍规嵁瀹ゅ唴銆佹埛澶栧矖浣嶇幆澧冭皟鏁村瀹归ケ鍜屽害銆�
+            </p>
+            <p>
+              锛�2锛夊寲濡嗚鐐癸細鑷劧銆佺搴勩�佺畝鏄擄紝闇�娉ㄦ剰濡嗛潰鐨勬寔涔呮�э紙瑙佸浘2-1-14锛夈��
+            </p>
+            <h6 id="f011">2.瀹㈣埍涔樺姟濡�</h6>
+            <p>
+              锛�1锛夌壒鐐癸細鐩稿浜庡湴闈㈡湇鍔¤�岃█锛屽鑸辨湇鍔″伐浣滅殑绌洪棿杈冪嫮绐勩�佺┖姘斾笉娴侀�氥�佸厜绾胯緝鏆椼�傚鑸变箻鍔″憳鐨勮亴涓氬舰璞℃棦瑕佺編瑙傦紝涔熻娣¢泤锛岀粰浜轰互璧忓績鎮︾洰銆佽垝閫備箣鎰熴�傚湪鏈鸿埍涓箻鍔″憳甯稿父闇�瑕佷负鏃呭鎻愪緵鏈嶅姟锛屽父涓庢梾瀹㈣繎璺濈鎺ヨЕ锛屽苟涓旀梾瀹㈠ぇ閮ㄥ垎閮芥槸閫氳繃涔樺姟鍛樼殑鏈嶅姟涓撲笟鎬ц�屽鑸┖鍏徃鏈嶅姟杩涜璇勪环鐨勩��
+              鎵�浠ワ紝瀹㈣埍涔樺姟鍛樼殑濡嗗涓嶄粎瑕佽揪鍒拌鑼冿紝杩樿浣撶幇绮捐嚧锛屾敞閲嶇粏鑺傚線寰�浼氳瀵规柟瑙夊緱鍙楀埌閲嶈鍜屽皧閲嶃��
             </p>
           </span>
-          <h5 id="e055">锛堜簩锛夎亴涓氬</h5>
-          <h6 id="f010">1.鍦伴潰鏈嶅姟濡�</h6>
-          <p>
-            锛�1锛夌壒鐐癸細鑸┖鍦伴潰鏈嶅姟浜哄憳鐨勫矖浣嶅伐浣滅幆澧冨強宸ョ鎬ц川涓庡鑸变箻鍔″憳涓嶅お涓�鏍凤紝鍒嗗鍐呫�佹埛澶栧伐浣滃湴鐐癸紝鏈変簺宀椾綅瑕侀潰瀵圭殑瀹㈡祦閲忚緝澶э紝鏈嶅姟浜哄憳鍔ㄤ綔鏃㈠埄钀藉張鐑︾悙锛屼富瑕佽礋璐e湪鏃呭鐧绘満鍓嶅拰鐫�闄嗗悗鐨勪竴绯诲垪宸ヤ綔锛屼絾瀹ゅ唴銆佹埛澶栫殑鍏夌嚎鏉′欢閮藉亸澶氭牱锛屾晠鍖栧鏃惰鑳戒綋鐜颁笓涓氭�э紝浠ュ強浜插拰鍔涘己銆佺儹鎯呭ぇ鏂圭殑鐗圭偣銆傚彲鏍规嵁瀹ゅ唴銆佹埛澶栧矖浣嶇幆澧冭皟鏁村瀹归ケ鍜屽害銆�
-          </p>
-          <p>
-            锛�2锛夊寲濡嗚鐐癸細鑷劧銆佺搴勩�佺畝鏄擄紝闇�娉ㄦ剰濡嗛潰鐨勬寔涔呮�э紙瑙佸浘2-1-14锛夈��
-          </p>
-          <h6 id="f011">2.瀹㈣埍涔樺姟濡�</h6>
-          <p>
-            锛�1锛夌壒鐐癸細鐩稿浜庡湴闈㈡湇鍔¤�岃█锛屽鑸辨湇鍔″伐浣滅殑绌洪棿杈冪嫮绐勩�佺┖姘斾笉娴侀�氥�佸厜绾胯緝鏆椼�傚鑸变箻鍔″憳鐨勮亴涓氬舰璞℃棦瑕佺編瑙傦紝涔熻娣¢泤锛岀粰浜轰互璧忓績鎮︾洰銆佽垝閫備箣鎰熴�傚湪鏈鸿埍涓箻鍔″憳甯稿父闇�瑕佷负鏃呭鎻愪緵鏈嶅姟锛屽父涓庢梾瀹㈣繎璺濈鎺ヨЕ锛屽苟涓旀梾瀹㈠ぇ閮ㄥ垎閮芥槸閫�
-          </p>
           <div class="img-rights w250 openImgBox ">
             <p class="center openImgBox">
               <img class="img-c" alt="" src="../../assets/images/0068-3.jpg" />
@@ -976,18 +935,15 @@
             <p class="img">鍥�2-1-15 瀹㈣埍涔樺姟濡�</p>
           </div>
           <span>
-            <p class="td-0">
-              杩囦箻鍔″憳鐨勬湇鍔′笓涓氭�ц�屽鑸┖鍏徃鏈嶅姟杩涜璇勪环鐨勩�� 鎵�浠ワ紝瀹㈣埍涔樺姟鍛樼殑濡嗗涓嶄粎瑕佽揪鍒拌鑼冿紝杩樿浣撶幇绮捐嚧锛屾敞閲嶇粏鑺傚線寰�浼氳瀵规柟瑙夊緱鍙楀埌閲嶈鍜屽皧閲嶃��
+            <p>
+              锛�2锛夊寲濡嗚鐐癸細濡嗚壊娣¢泤銆佹竻鏂般�佸共鍑�銆佺粰浜轰翰鍜屽姏杈冨己鐨勬劅瑙夛紝浣嗚娉ㄦ剰涔樺姟缁勪箣闂寸殑鍗忚皟銆佺粺涓�鏁堟灉锛堣鍥�2-1-15锛夈��
+            </p>
+            <h4 id="d046">浜斻�佸コ澹潰閮ㄥ寲濡嗙▼搴�</h4>
+            <h5 id="e056">锛堜竴锛夋棩甯稿</h5>
+            <p>
+              鏃ュ父濡嗕富瑕佷綋鐜板湪鏃ュ父鐢熸椿涓紝鍙互鎸夌収涓汉鐨勬剰鎰垮拰瀹$編杩涜缇庡寲锛屾牴鎹暣浣撳舰璞¢鏍煎閫犺嚜宸憋紝鍙拷姹傛椂灏氥�佺搴勩�佷紭闆呫�佹竻鏂帮紝闅忔剰鎬ц緝寮猴紝鑼冨洿杈冨ぇ锛屼絾闇�娉ㄦ剰閫傚悎鐨勫勾榫勩�佺幆澧冦�傚彲鏍规嵁鎵�鍦ㄤ笉鍚岀殑鍦哄悎銆佺洰鐨勮繘琛屽閫狅紝涔熷彲鏍规嵁瀛h妭鍙樺寲鏉ヨ璁″瀹广��
             </p>
           </span>
-          <p>
-            锛�2锛夊寲濡嗚鐐癸細濡嗚壊娣¢泤銆佹竻鏂般�佸共鍑�銆佺粰浜轰翰鍜屽姏杈冨己鐨勬劅瑙夛紝浣嗚娉ㄦ剰涔樺姟缁勪箣闂寸殑鍗忚皟銆佺粺涓�鏁堟灉锛堣鍥�2-1-15锛夈��
-          </p>
-          <h4 id="d046">浜斻�佸コ澹潰閮ㄥ寲濡嗙▼搴�</h4>
-          <h5 id="e056">锛堜竴锛夋棩甯稿</h5>
-          <p>
-            鏃ュ父濡嗕富瑕佷綋鐜板湪鏃ュ父鐢熸椿涓紝鍙互鎸夌収涓汉鐨勬剰鎰垮拰瀹$編杩涜缇庡寲锛屾牴鎹暣浣撳舰
-          </p>
         </div>
       </div>
     </div>
@@ -998,14 +954,11 @@
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
           <li class="p-Num">63</li>
-          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
+          <li class="header-right-Number cloud"><img src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
         </ul>
         <div class="bodystyle">
-          <p class="td-0">
-            璞¢鏍煎閫犺嚜宸憋紝鍙拷姹傛椂灏氥�佺搴勩�佷紭闆呫�佹竻鏂帮紝闅忔剰鎬ц緝寮猴紝鑼冨洿杈冨ぇ锛屼絾闇�娉ㄦ剰閫傚悎鐨勫勾榫勩�佺幆澧冦�傚彲鏍规嵁鎵�鍦ㄤ笉鍚岀殑鍦哄悎銆佺洰鐨勮繘琛屽閫狅紝涔熷彲鏍规嵁瀛h妭鍙樺寲鏉ヨ璁″瀹广��
-          </p>
           <h5 id="e057">锛堜簩锛夋棩甯稿绋嬪簭</h5>
           <div class="img-rights w220 openImgBox ">
             <p class="center">
@@ -1038,7 +991,7 @@
             锛�7锛夋秱鐪煎奖锛氳繍鐢ㄨ壊褰╂潵淇グ鍜岀編鍖栫溂閮紝澧炲姞鐪肩潧鐨勭闊点�傜溂褰辩敾娉曞绉嶅鏍凤紝涓�鑸噰鐢ㄥ钩娑傛硶銆佹檿鏌撴硶銆佺溂灏惧姞閲嶆硶銆�
           </p>
           <p>
-            鈶犲钩娑傛硶锛氬厛鐢ㄦ祬鑹叉墦搴曪紝鍐嶇敤涓�绉嶉鑹茬敱鐫瘺鏍归儴寮�濮嬪钩娑傦紝涓嬬溂鐫戠敾鍗婂寘锛岀敤
+            鈶犲钩娑傛硶锛氬厛鐢ㄦ祬鑹叉墦搴曪紝鍐嶇敤涓�绉嶉鑹茬敱鐫瘺鏍归儴寮�濮嬪钩娑傦紝涓嬬溂鐫戠敾鍗婂寘锛岀敤鑹插崟涓�銆傛绉嶆柟娉曢�傚悎瑁稿銆佽偪娉$溂銆�
           </p>
         </div>
       </div>
@@ -1056,7 +1009,6 @@
           </li>
         </ul>
         <div class="bodystyle">
-          <p class="td-0">鑹插崟涓�銆傛绉嶆柟娉曢�傚悎瑁稿銆佽偪娉$溂銆�</p>
           <p>
             鈶℃檿鏌撴硶锛氬皢涓婄溂鐫戝垎鍖哄煙杩涜鏅曟煋锛屼竴鑸�夌敤涓ょ鎴栦袱绉嶄互涓婄殑棰滆壊銆傛绉嶆柟娉曞彲杩愮敤鑹插僵鐨勫彉鍖栭�夋嫨鍚岃壊绯绘垨閭昏繎鑹诧紝閫傜敤浜庡悇绉嶇溂褰㈠拰濡嗗瀷銆傛檿鏌撴椂娉ㄦ剰鍐呮祬澶栨繁锛屽厛鐢ㄦ祬鑹茬郴鍦ㄦ暣涓笂鐪肩潙澶勬墦搴曪紝绗簩灞傞鑹叉秱婊℃暣涓笂鐪肩潙鐨�2/3锛岀涓夊眰鏈�娣辩殑棰滆壊鍙犲姞鍦ㄩ珮浜庡弻鐪肩毊鍩哄噯绾夸笂3mm宸﹀彸鍗冲彲銆備笅鐪肩潙鐢诲崐鍖咃紝涓嶈秴杩囩灣瀛斾腑绾匡紝棰滆壊鍙犲姞灞傛涓庝笂鐪肩潙鐩稿悓銆傚悇鍖洪鑹茶鎺ヨ繃娓¤嚜鐒讹紝涓嶈兘鏈夊垎鐣岀嚎锛屾帴杩戠湁楠ㄥ鐪煎奖杈圭紭搴旇櫄鍖栬嚜鐒躲��
           </p>
@@ -1076,7 +1028,7 @@
             鈶犳爣鍑嗙湁锛氫粠鐪夎叞涓嬬紭绾垮紑濮嬶紝椤虹潃鐪夋瘺鐨勭敓闀挎柟鍚戯紝鎻忕敾鑷崇湁宄板锛屽舰鎴愪笂鎵殑寮х嚎锛屽啀椤虹潃鐪夋瘺鐨勭敓闀挎柟鍚戯紝鏂滃悜涓嬬敾鑷崇湁姊紝鍛堜笅闄嶅姬绾匡紝鍔犳繁鐪夎叞鑷崇湁宄扮殑棰滆壊锛屾贰鍖栫湁澶寸殑棰滆壊銆傜‘瀹氱湁灏鹃暱搴︾殑鐐逛綅锛屽彲鍒╃敤鐪夌瑪蹇�熸祴璇勶紝榧荤考鍒板鐪艰杩炵嚎鐨勫欢闀跨嚎涓婄殑鐐癸紝灏辨槸鐪夊熬鏈�闀垮彲鑷崇殑鐐广�傜‘瀹氱湁宄扮殑鐐逛綅锛屽皢纭畾鍚庣殑鐪夊熬鐨勫欢闀跨嚎骞崇Щ鍒伴蓟灏栵紝浣嗙湁灏句笉鑳戒綆浜庣湁澶淬�傛绉嶇湁褰㈤�傚悎鎵�鏈夎劯鍨嬨��
           </p>
           <p>
-            鈶′竴瀛楃湁锛氫粠鐪夎叞涓嬬紭绾垮紑濮嬶紝椤虹潃鐪夋瘺鐨勭敓闀挎柟鍚戯紝鎻忕敾鑷崇湁宄板锛屽舰鎴愪竴鏉$洿绾匡紝鍐嶉『鐫�鐪夋瘺鐨勭敓闀挎柟鍚戯紝鏂滃悜涓嬬敾鑷崇湁姊紝鍛堜笅闄嶅姬绾匡紝鍔犳繁鐪夎叞鑷崇湁宄扮殑棰滆壊锛�
+            鈶′竴瀛楃湁锛氫粠鐪夎叞涓嬬紭绾垮紑濮嬶紝椤虹潃鐪夋瘺鐨勭敓闀挎柟鍚戯紝鎻忕敾鑷崇湁宄板锛屽舰鎴愪竴鏉$洿绾匡紝鍐嶉『鐫�鐪夋瘺鐨勭敓闀挎柟鍚戯紝鏂滃悜涓嬬敾鑷崇湁姊紝鍛堜笅闄嶅姬绾匡紝鍔犳繁鐪夎叞鑷崇湁宄扮殑棰滆壊锛屾贰鍖栫湁澶寸殑棰滆壊锛岀湁灏句笉鑳戒綆浜庣湁澶淬�傛绉嶇湁褰㈤�傚悎闀胯劯鍨嬨��
           </p>
         </div>
       </div>
@@ -1088,12 +1040,11 @@
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
           <li class="p-Num">65</li>
-          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
+          <li class="header-right-Number cloud"><img src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
         </ul>
         <div class="bodystyle">
-          <p class="td-0">娣″寲鐪夊ご鐨勯鑹诧紝鐪夊熬涓嶈兘浣庝簬鐪夊ご銆傛绉嶇湁褰㈤�傚悎闀胯劯鍨嬨��</p>
           <p>
             锛�11锛夋秱鑵孩锛氬彲浠ユ敼鍠勮偆鑹诧紝鐭鑴稿瀷锛屼娇濡嗛潰鑹茶皟璋愯皟绛夈�備粠楝撹澶勫線鍓嶆壂锛屽悜鍓嶄笉瓒呰繃鐪肩潧1/3鍨傜洿绾匡紝鍚戜笂涓嶈秴杩囧鐪艰鐨勬按骞崇嚎锛屽悜涓嬩笉寰椾綆浜庨蓟缈肩殑姘村钩绾裤�傚悓鏃舵牴鎹劯鍨嬮�傚綋璋冩暣锛岄暱鑴稿瀷鑰呬竴鑸í鎵叜绾紝鍏朵粬鑴稿瀷鑰呭彲浠ユ枩鍚戞壂鑵孩銆�
           </p>
@@ -1217,7 +1168,7 @@
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
           <li class="p-Num">67</li>
-          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
+          <li class="header-right-Number cloud"><img src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
         </ul>
@@ -1239,7 +1190,7 @@
           <h4 id="d049">涓�銆佹皯鑸亴涓氬彂鍨嬬殑璁捐鍘熷垯</h4>
           <h5 id="e061">锛堜竴锛夊共鍑�鐨勫師鍒�</h5>
           <p>
-            澶撮儴鐨勬磥鍑�绋嬪害瀹屽叏鍙互浣撶幇涓�涓汉鐨勭簿绁炵姸鎬佸拰鐢熸椿涔犳儻锛屸�滆摤澶村灑闈⑩�濈殑褰㈣薄涓嶇鍚堣亴涓氳姹傚拰浠浠〃瑕佹眰銆傛皯鑸湇鍔′汉鍛樺簲缁忓父娲楀ご鍙戯紝娉ㄦ剰澶村彂鐨勫共鍑�搴︼紝鏈�
+            澶撮儴鐨勬磥鍑�绋嬪害瀹屽叏鍙互浣撶幇涓�涓汉鐨勭簿绁炵姸鎬佸拰鐢熸椿涔犳儻锛屸�滆摤澶村灑闈⑩�濈殑褰㈣薄涓嶇鍚堣亴涓氳姹傚拰浠浠〃瑕佹眰銆傛皯鑸湇鍔′汉鍛樺簲缁忓父娲楀ご鍙戯紝娉ㄦ剰澶村彂鐨勫共鍑�搴︼紝鏈�濂芥槸淇濇寔鏃犲ご鐨睉锛屾棤鍒嗗弶銆佹灟鐕ョ殑鍙戣川锛屽彂闈笉娌硅吇銆�
           </p>
         </div>
       </div>
@@ -1257,7 +1208,6 @@
           </li>
         </ul>
         <div class="bodystyle">
-          <p class="td-0">濂芥槸淇濇寔鏃犲ご鐨睉锛屾棤鍒嗗弶銆佹灟鐕ョ殑鍙戣川锛屽彂闈笉娌硅吇銆�</p>
           <h5 id="e062">锛堜簩锛夐暱搴﹂�傚疁鐨勫師鍒�</h5>
           <h6 id="f012">1.鐢峰+</h6>
           <p>鍓嶅彂锛氱敺澹簲涓虹煭鍙戯紝鍓嶅彂瑕佹眰涓嶉伄鐩栭澶翠竴鍗婏紙瑙佸浘2-1-18锛夈��</p>
@@ -1319,7 +1269,7 @@
           </p>
           <h4 id="d050">浜屻�佸彂鍨嬪伐鍏蜂粙缁�</h4>
           <p>
-            姘戣埅鑱屼笟瑕佹眰鍙戝瀷骞插噣鍒╄惤锛岃繖闇�瑕佸彂鍨嬪伐鍏峰強浜у搧鐨勮緟鍔╁拰瀹氬瀷锛屾墠鑳戒繚鎸佷竴澶�
+            姘戣埅鑱屼笟瑕佹眰鍙戝瀷骞插噣鍒╄惤锛岃繖闇�瑕佸彂鍨嬪伐鍏峰強浜у搧鐨勮緟鍔╁拰瀹氬瀷锛屾墠鑳戒繚鎸佷竴澶╃殑閫犲瀷涓嶆潅涔便�傚彂鍨嬪伐鍏峰绉嶅鏍凤紝鍏朵綔鐢ㄤ篃鏄牴鎹彂璐ㄨ�屽畾鐨勩��
           </p>
         </div>
       </div>
@@ -1331,12 +1281,11 @@
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
           <li class="p-Num">69</li>
-          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
+          <li class="header-right-Number cloud"><img src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
         </ul>
         <div class="bodystyle">
-          <p class="td-0">鐨勯�犲瀷涓嶆潅涔便�傚彂鍨嬪伐鍏峰绉嶅鏍凤紝鍏朵綔鐢ㄤ篃鏄牴鎹彂璐ㄨ�屽畾鐨勩��</p>
           <h5 id="e065">锛堜竴锛夊彂鍨嬪伐鍏�</h5>
           <p>
             灏栧熬姊筹細鍒悕鎸戞⒊銆佸垎閽堟⒊锛屼富瑕佺敤浜庣洏鍙戙�備竴杈规⒊锛屼竴杈圭敤灏栧熬椤烘鎶婂ご鍙戞寫璧凤紙瑙佸浘2-1-24锛夈��
@@ -1471,7 +1420,7 @@
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
           <li class="p-Num">71</li>
-          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
+          <li class="header-right-Number cloud"><img src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
         </ul>
@@ -1544,229 +1493,79 @@
         <div class="bodystyle">
           <p class="td-0 mb-10 mt-10"><span class="bj2">路椤圭洰鑷祴路</span></p>
           <p>1.鑴搁儴鑹茶皟鍋忕孩锛屽彲鐢紙銆�銆�锛変慨楗般��</p>
-          <p><input
-              type="radio"
-              name="projectTwo.one"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="1"
-              v-model="questionData.projectTwo.one.value"
-              @change="setBookQuestion"
-            />A.娣$传鑹�</p>
-          <p><input
-              type="radio"
-              name="projectTwo.one"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="1"
-              v-model="questionData.projectTwo.one.value"
-              @change="setBookQuestion"
-            />B.娣$豢鑹�</p>
-          <p><input
-              type="radio"
-              name="projectTwo.one"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="1"
-              v-model="questionData.projectTwo.one.value"
-              @change="setBookQuestion"
-            />C.绫宠壊</p>
+          <p><input type="radio" name="projectTwo.one" :disabled="questionData.isComplete" value="A" id="1"
+              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />A.娣$传鑹�</p>
+          <p><input type="radio" name="projectTwo.one" :disabled="questionData.isComplete" value="B" id="1"
+              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />B.娣$豢鑹�</p>
+          <p><input type="radio" name="projectTwo.one" :disabled="questionData.isComplete" value="C" id="1"
+              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />C.绫宠壊</p>
           <p>2.娑傞珮鍏夎壊搴旂敤锛堛��銆�锛夌殑鎵嬫硶娑傛姽銆�</p>
-          <p><input
-              type="radio"
-              name="projectTwo.two"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="2"
-              v-model="questionData.projectTwo.two.value"
-              @change="setBookQuestion"
-            />A.骞虫秱娉�</p>
-          <p><input
-              type="radio"
-              name="projectTwo.two"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="2"
-              v-model="questionData.projectTwo.two.value"
-              @change="setBookQuestion"
-            />B.鎸夊帇娉�</p>
-          <p><input
-              type="radio"
-              name="projectTwo.two"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="2"
-              v-model="questionData.projectTwo.two.value"
-              @change="setBookQuestion"
-            />C.鐐规媿娉�</p>
+          <p><input type="radio" name="projectTwo.two" :disabled="questionData.isComplete" value="A" id="2"
+              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />A.骞虫秱娉�</p>
+          <p><input type="radio" name="projectTwo.two" :disabled="questionData.isComplete" value="B" id="2"
+              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />B.鎸夊帇娉�</p>
+          <p><input type="radio" name="projectTwo.two" :disabled="questionData.isComplete" value="C" id="2"
+              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />C.鐐规媿娉�</p>
           <p>3.鍦嗚劯鍨嬭�呭湪姊崇悊澶村彂鏃讹紙銆�銆�锛夐儴鍒嗛�傚疁钃澗浜涖��</p>
-          <p><input
-              type="radio"
-              name="projectTwo.three"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="3"
-              v-model="questionData.projectTwo.three.value"
-              @change="setBookQuestion"
-            />A.澶撮《涓や晶</p>
-          <p><input
-              type="radio"
-              name="projectTwo.three"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="3"
-              v-model="questionData.projectTwo.three.value"
-              @change="setBookQuestion"
-            />B.澶撮《</p>
-          <p><input
-              type="radio"
-              name="projectTwo.three"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="3"
-              v-model="questionData.projectTwo.three.value"
-              @change="setBookQuestion"
-            />C.闈㈠瀷涓や晶</p>
+          <p><input type="radio" name="projectTwo.three" :disabled="questionData.isComplete" value="A" id="3"
+              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />A.澶撮《涓や晶</p>
+          <p><input type="radio" name="projectTwo.three" :disabled="questionData.isComplete" value="B" id="3"
+              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />B.澶撮《</p>
+          <p><input type="radio" name="projectTwo.three" :disabled="questionData.isComplete" value="C" id="3"
+              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />C.闈㈠瀷涓や晶</p>
           <p>4.姝f柟褰㈣劯鍨嬭�呴�傚疁鎻忕敾锛堛��銆�锛夌殑鐪夊舰銆�</p>
-          <p><input
-              type="radio"
-              name="projectTwo.four"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="4"
-              v-model="questionData.projectTwo.four.value"
-              @change="setBookQuestion"
-            />A.涓嬫寕</p>
-          <p><input
-              type="radio"
-              name="projectTwo.four"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="4"
-              v-model="questionData.projectTwo.four.value"
-              @change="setBookQuestion"
-            />B.鎷卞舰</p>
-          <p><input
-              type="radio"
-              name="projectTwo.four"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="5"
-              v-model="questionData.projectTwo.four.value"
-              @change="setBookQuestion"
-            />C.骞崇洿</p>
+          <p><input type="radio" name="projectTwo.four" :disabled="questionData.isComplete" value="A" id="4"
+              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />A.涓嬫寕</p>
+          <p><input type="radio" name="projectTwo.four" :disabled="questionData.isComplete" value="B" id="4"
+              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />B.鎷卞舰</p>
+          <p><input type="radio" name="projectTwo.four" :disabled="questionData.isComplete" value="C" id="5"
+              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />C.骞崇洿</p>
           <p>5.涓ょ溂闂磋窛绂昏繎锛岀溂褰辩殑淇グ閲嶇偣搴旀斁鍦紙銆�銆�锛夈��</p>
-          <p><input
-              type="radio"
-              name="projectTwo.five"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="5"
-              v-model="questionData.projectTwo.five.value"
-              @change="setBookQuestion"
-            />A.鍐呯溂瑙�</p>
-          <p><input
-              type="radio"
-              name="projectTwo.five"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="5"
-              v-model="questionData.projectTwo.five.value"
-              @change="setBookQuestion"
-            />B.鐪奸儴涓ぎ</p>
-          <p><input
-              type="radio"
-              name="projectTwo.five"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="5"
-              v-model="questionData.projectTwo.five.value"
-              @change="setBookQuestion"
-            />C.澶栫溂瑙�</p>
+          <p><input type="radio" name="projectTwo.five" :disabled="questionData.isComplete" value="A" id="5"
+              v-model="questionData.projectTwo.five.value" @change="setBookQuestion" />A.鍐呯溂瑙�</p>
+          <p><input type="radio" name="projectTwo.five" :disabled="questionData.isComplete" value="B" id="5"
+              v-model="questionData.projectTwo.five.value" @change="setBookQuestion" />B.鐪奸儴涓ぎ</p>
+          <p><input type="radio" name="projectTwo.five" :disabled="questionData.isComplete" value="C" id="5"
+              v-model="questionData.projectTwo.five.value" @change="setBookQuestion" />C.澶栫溂瑙�</p>
           <p>6.涓夌偣涓�绾挎槸鎸囧皢锛堛��銆�锛夎繛鎴愪竴鏉$嚎銆�</p>
-          <p><input
-              type="radio"
-              name="projectTwo.six"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="6"
-              v-model="questionData.projectTwo.six.value"
-              @change="setBookQuestion"
-            />A.鐪夊ご銆佸唴鐪艰銆佸槾瑙�</p>
-          <p><input
-              type="radio"
-              name="projectTwo.six"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="6"
-              v-model="questionData.projectTwo.six.value"
-              @change="setBookQuestion"
-            />B.澶栫溂瑙掋�佺湁姊€�佸槾瑙�</p>
-          <p><input
-              type="radio"
-              name="projectTwo.six"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="6"
-              v-model="questionData.projectTwo.six.value"
-              @change="setBookQuestion"
-            />C.鐪夊ご銆佸唴鐪艰銆侀蓟缈�</p>
+          <p><input type="radio" name="projectTwo.six" :disabled="questionData.isComplete" value="A" id="6"
+              v-model="questionData.projectTwo.six.value" @change="setBookQuestion" />A.鐪夊ご銆佸唴鐪艰銆佸槾瑙�</p>
+          <p><input type="radio" name="projectTwo.six" :disabled="questionData.isComplete" value="B" id="6"
+              v-model="questionData.projectTwo.six.value" @change="setBookQuestion" />B.澶栫溂瑙掋�佺湁姊€�佸槾瑙�</p>
+          <p><input type="radio" name="projectTwo.six" :disabled="questionData.isComplete" value="C" id="6"
+              v-model="questionData.projectTwo.six.value" @change="setBookQuestion" />C.鐪夊ご銆佸唴鐪艰銆侀蓟缈�</p>
           <p>7.涓哄姞寮虹溂閮ㄧ珛浣撴劅锛屽彲鍦ㄧ湁楠ㄦ姽涓婏紙銆�銆�锛夌溂褰便��</p>
-          <p><input
-              type="radio"
-              name="projectTwo.seven"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="7"
-              v-model="questionData.projectTwo.seven.value"
-              @change="setBookQuestion"
-            />A.鏆楄壊</p>
-          <p><input
-              type="radio"
-              name="projectTwo.seven"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="7"
-              v-model="questionData.projectTwo.seven.value"
-              @change="setBookQuestion"
-            />B.鏄庝寒鑹�</p>
-          <p><input
-              type="radio"
-              name="projectTwo.seven"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="7"
-              v-model="questionData.projectTwo.seven.value"
-              @change="setBookQuestion"
-            />C.瑜愯壊</p>
+          <p><input type="radio" name="projectTwo.seven" :disabled="questionData.isComplete" value="A" id="7"
+              v-model="questionData.projectTwo.seven.value" @change="setBookQuestion" />A.鏆楄壊</p>
+          <p><input type="radio" name="projectTwo.seven" :disabled="questionData.isComplete" value="B" id="7"
+              v-model="questionData.projectTwo.seven.value" @change="setBookQuestion" />B.鏄庝寒鑹�</p>
+          <p><input type="radio" name="projectTwo.seven" :disabled="questionData.isComplete" value="C" id="7"
+              v-model="questionData.projectTwo.seven.value" @change="setBookQuestion" />C.瑜愯壊</p>
           <p>8.涓庡攪鑶忕殑棰滆壊鐩告瘮锛屽攪绾跨瑪鐨勯鑹插簲锛堛��銆�锛夈��</p>
-          <p><input
-              type="radio"
-              name="projectTwo.eight"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="8"
-              v-model="questionData.projectTwo.eight.value"
-              @change="setBookQuestion"
-            />A.鐣ユ繁涓�搴�</p>
-          <p><input
-              type="radio"
-              name="projectTwo.eight"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="8"
-              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><input type="radio" name="projectTwo.eight" :disabled="questionData.isComplete" value="A" id="8"
+              v-model="questionData.projectTwo.eight.value" @change="setBookQuestion" />A.鐣ユ繁涓�搴�</p>
+          <p><input type="radio" name="projectTwo.eight" :disabled="questionData.isComplete" value="B" id="8"
+              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">
+            <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"
+                xmlns="http://www.w3.org/2000/svg" p-id="2536" xmlns:xlink="http://www.w3.org/1999/xlink" width="28"
+                height="28">
+                <path
+                  d="M798.72 76.8H947.2v145.92h51.2V25.6h-199.68zM947.2 798.72v145.92h-148.48v51.2H998.4v-197.12zM66.56 222.72V76.8h148.48V25.6H12.8v197.12zM215.04 944.64H66.56v-145.92H12.8v197.12h202.24z"
+                  fill="#fff" p-id="2537"></path>
+                <path
+                  d="M826.88 522.24L512 207.36c0-2.56-2.56-2.56-7.68-2.56-2.56 0-5.12 0-7.68 2.56L184.32 524.8c-2.56 2.56-5.12 7.68-2.56 10.24 2.56 5.12 5.12 7.68 10.24 7.68h58.88V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6V504.32c0-5.12-5.12-10.24-10.24-10.24h-2.56l217.6-220.16 220.16 222.72c-5.12 0-10.24 5.12-10.24 10.24V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6v-250.88h51.2c5.12 0 10.24-5.12 10.24-10.24 2.56-5.12 0-7.68-2.56-10.24z"
+                  fill="#fff" p-id="2538"></path>
+                <path
+                  d="M386.56 762.88h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-69.12h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-71.68h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-7.68 7.68-17.92 17.92-17.92zM514.56 535.04h-20.48c-5.12 0-7.68-2.56-7.68-7.68v-2.56c0-17.92 5.12-30.72 23.04-46.08 17.92-15.36 23.04-23.04 23.04-33.28s-7.68-20.48-20.48-20.48c-15.36 0-25.6 7.68-30.72 25.6 0 5.12-5.12 5.12-10.24 5.12l-25.6-5.12c-5.12 0-7.68-5.12-5.12-10.24 10.24-38.4 33.28-53.76 79.36-53.76 38.4 0 61.44 25.6 61.44 51.2 0 20.48-7.68 35.84-33.28 53.76-20.48 15.36-23.04 20.48-23.04 33.28-2.56 7.68-7.68 10.24-10.24 10.24zM481.28 588.8v-28.16c0-5.12 2.56-7.68 7.68-7.68h30.72c5.12 0 7.68 2.56 7.68 7.68V588.8c0 5.12-2.56 7.68-7.68 7.68h-30.72c-5.12 0-7.68-5.12-7.68-7.68z"
+                  fill="#fff" p-id="2539"></path>
+              </svg>
+            </span>
+          </p>
         </div>
       </div>
     </div>
@@ -1777,7 +1576,7 @@
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
           <li class="p-Num">73</li>
-          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
+          <li class="header-right-Number cloud"><img src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
         </ul>
@@ -1788,6 +1587,8 @@
               <img class="rwmb-4" alt="" src="../../assets/images/tb.png" />
             </p>
           </div>
+          <p class="td-0 mt-10 mb-10"><span class="bj2">路鎬濈淮瀵煎浘路</span></p>
+          <p class="td-0 openImgBox"><img class="img-0" src="../../assets//images/unitTwo-02.png" alt=""></p>
           <div class="bk">
             <p class="bj1-qjms fl al-c">
               <span class="span-box"></span><span class="span-text">椤圭洰鎻忚堪</span><span class="span-box"></span>
@@ -1841,8 +1642,8 @@
             </div>
             <div class="bj3 fz-15">
               <p>璇疯皥璋堝井绗戝姘戣埅鏈嶅姟宸ヤ綔鐨勯噸瑕佹�с��</p>
-              <textarea v-model="questionData.askAbout.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p>
@@ -1857,11 +1658,27 @@
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.浜嗚В寰瑧鐨勫師鍒欏拰鍒嗙被銆�</p>
           <p>2.瀛︿細鐪熻瘹寰瑧銆�</p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathEight" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氭皯鑸矖浣嶇殑寰瑧</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo07 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'
+                " placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '0fb36763d6a22916a6deb1f3779004bf'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-08')" />
+              </el-tooltip>
+            </p>
+          </div>
           <p>
             寰瑧锛屾槸涓栫晫涓婃渶缇庝附鐨勮瑷�锛屾槸鍚箟鐢氬箍鐨勪氦闄呮墜娈碉紝鏄嚜淇$殑璞″緛锛屾槸绀艰矊鐨勮〃绀猴紝鑳藉厖鍒嗕綋鐜颁竴涓汉鐨勭儹鎯呫�佷慨鍏诲拰榄呭姏銆傚井绗戜篃鑳藉甫缁欒嚜宸辫壇濂界殑蹇冪悊鏆楃ず锛岃惀閫犲揩涔愮殑姘涘洿銆傚井绗戝湪涓�鍒归偅闂翠骇鐢燂紝鍗磋兘缁欎汉鐣欎笅姘告亽鐨勮蹇嗐�傜湡姝g敎缇庤�岄潪鍋囨�х殑寰瑧鏄彂鑷唴蹇冦�佽嚜鐒跺ぇ鏂广�佺湡瀹炰翰鍒囩殑寰瑧銆�
-          </p>
-          <p>
-            鐢熸椿涓渶瑕佸井绗戠殑鐞嗙敱锛氬井绗戞瘮绱ч攣鐪夊ご瑕佸ソ鐪嬶紝寰瑧鍙护浜哄績鎯呮剦鎮︼紝寰瑧鍙护
           </p>
         </div>
       </div>
@@ -1873,13 +1690,13 @@
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
           <li class="p-Num">75</li>
-          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
+          <li class="header-right-Number cloud"><img src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
         </ul>
         <div class="bodystyle">
-          <p class="td-0">
-            鐢熸椿杩囧緱鏈夋粙鏈夊懗锛屽井绗戞湁鍔╀簬缁撲氦鏂版湅鍙嬶紝寰瑧鍙〃杈惧弸鍠勶紝寰瑧鍙粰浜虹暀涓嬭壇濂界殑鍗拌薄锛屽井绗戝彲澧炲姞鑷俊鍜岄瓍鍔涳紝寰瑧鍙噺灏戝咖铏戙��
+          <p>
+            鐢熸椿涓渶瑕佸井绗戠殑鐞嗙敱锛氬井绗戞瘮绱ч攣鐪夊ご瑕佸ソ鐪嬶紝寰瑧鍙护浜哄績鎯呮剦鎮︼紝寰瑧鍙护鐢熸椿杩囧緱鏈夋粙鏈夊懗锛屽井绗戞湁鍔╀簬缁撲氦鏂版湅鍙嬶紝寰瑧鍙〃杈惧弸鍠勶紝寰瑧鍙粰浜虹暀涓嬭壇濂界殑鍗拌薄锛屽井绗戝彲澧炲姞鑷俊鍜岄瓍鍔涳紝寰瑧鍙噺灏戝咖铏戙��
           </p>
           <p>
             姘戣埅浜哄憳鍦ㄥ伐浣滀腑瑕佸浼氬井绗戯紝涓嶄細寰瑧鐨勪箻鍔″憳鏄笉鍚堟牸鐨勪箻鍔″憳銆備笌鏃呭浜ゆ祦鏃讹紝閰嶅悎寰瑧鐨勯潰瀹癸紝浼氳浜鸿寰椾翰鍒囧彲淇°�侀ケ鍚瘹鎰忋��
@@ -1972,6 +1789,44 @@
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.鎺屾彙甯歌绔欏Э鐨勫姩浣滆棰嗐��</p>
           <p>2.鐞嗚В绔欑珛鏃剁殑娉ㄦ剰浜嬮」銆�</p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathNine" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氭皯鑸汉鍛樹华鎬佺ぜ浠疄璁�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo08 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'
+                " placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '00768adb601ee16a6d55bac5e5e85c70'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-09')" />
+              </el-tooltip>
+            </p>
+          </div>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathTen" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氭皯鑸矖浣嶄华鎬佺ぜ浠鐭�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo09 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'
+                " placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '2f749e9b603637e801909ef01c3c5f77'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-10')" />
+              </el-tooltip>
+            </p>
+          </div>
           <p>
             绔欙紝鏄汉鐨勯潤鎬佸拰鍔ㄦ�佸姩浣滈�犲瀷鐨勮捣鐐瑰拰鍩虹锛屸�滅珯濡傛澗鈥濇槸瀵瑰仴缇庣珯濮跨殑褰㈣薄鎻忚堪銆�
           </p>
@@ -1985,7 +1840,7 @@
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
           <li class="p-Num">77</li>
-          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
+          <li class="header-right-Number cloud"><img src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
         </ul>
@@ -2076,7 +1931,7 @@
           <p>锛�6锛変笉鍙氦鑵挎枩闈犲湪椹矾鏃佺殑鏍戝共銆佹嫑鐗屻�佸澹併�佹爮鏉嗕笂绛夈��</p>
           <h4 id="d056">涓夈�佺珯濮跨殑鍩虹璁粌</h4>
           <p>
-            瀵圭珯濮跨殑鍩虹璁粌鏄竴涓惊搴忔笎杩涖�佸潥鎸佷笉鎳堢殑杩囩▼锛屾垜浠彲浠ヤ粠浠ヤ笅涓夌鏂规硶涓�
+            瀵圭珯濮跨殑鍩虹璁粌鏄竴涓惊搴忔笎杩涖�佸潥鎸佷笉鎳堢殑杩囩▼锛屾垜浠彲浠ヤ粠浠ヤ笅涓夌鏂规硶涓�夋嫨涓�绉嶏紝姣忓ぉ鍧氭寔璁粌30鍒嗛挓銆傞�氳繃绉疮锛屽吇鎴愪竴涓壇濂界殑绔欑珛涔犳儻鍜岃揪鍒版纭殑韬綋濮挎�佽鑼冭姹傘��
           </p>
         </div>
       </div>
@@ -2088,14 +1943,11 @@
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
           <li class="p-Num">79</li>
-          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
+          <li class="header-right-Number cloud"><img src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
         </ul>
         <div class="bodystyle">
-          <p class="td-0">
-            閫夋嫨涓�绉嶏紝姣忓ぉ鍧氭寔璁粌30鍒嗛挓銆傞�氳繃绉疮锛屽吇鎴愪竴涓壇濂界殑绔欑珛涔犳儻鍜岃揪鍒版纭殑韬綋濮挎�佽鑼冭姹傘��
-          </p>
           <h6 id="f019">1.璐村娉�</h6>
           <p>
             璐村娉曞張鍙簲鐐硅创澹佹硶銆傞【鍚嶆�濅箟灏辨槸璁╄韩浣撶殑浜斾釜閮ㄤ綅绱ц创澧欏锛屾绉嶆柟娉曞彲浠ユ敼鍠勯┘鑳屻�傚叿浣撳仛娉曟槸锛�
@@ -2162,8 +2014,8 @@
             </div>
             <div class="bj3 fz-15">
               <p>璇磋浣犵煡閬撶殑閫氱敤鎵嬪娍璇兘鏈夊摢浜涳紵</p>
-              <textarea v-model="questionData.askAbout.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h4 id="d057">涓�銆佹墜鍔跨殑鍒嗙被鍙婁娇鐢ㄨ寖鍥�</h4>
@@ -2206,7 +2058,7 @@
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
           <li class="p-Num">81</li>
-          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
+          <li class="header-right-Number cloud"><img src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
         </ul>
@@ -2297,7 +2149,7 @@
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
           <li class="p-Num">83</li>
-          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
+          <li class="header-right-Number cloud"><img src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
         </ul>
@@ -2393,7 +2245,7 @@
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
           <li class="p-Num">85</li>
-          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
+          <li class="header-right-Number cloud"><img src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
         </ul>
@@ -2505,7 +2357,7 @@
           <li class="header-right-Number header-right-title">妯″潡浜�</li>
           <li class="header-right-Number">姘戣埅浜哄憳鑱屼笟褰㈣薄濉戦��</li>
           <li class="p-Num">87</li>
-          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
+          <li class="header-right-Number cloud"><img src="../../assets/images/yemei02.png" alt="" /></li>
           <li class="header-right-last" style=""><br></li>
           <li class="header-right-end" style=""><br></li>
         </ul>
@@ -2524,42 +2376,14 @@
           </div>
           <p class="td-0 mb-10 mt-10"><span class="bj2">路椤圭洰鑷祴路</span></p>
           <p>1.涓庡瀹㈡尌鎵嬩綔鍒悗锛屽簲锛堛��銆�锛夈��</p>
-          <p><input
-              type="radio"
-              name="projectThree.one"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="1"
-              v-model="questionData.projectThree.one.value"
-              @change="setBookQuestion"
-            />A.绔欏湪鍘熷湴锛屽緟杞﹁締娑堝け鍦ㄨ绾胯寖鍥村唴涔嬪悗鎵嶈兘缂撴參绂诲紑</p>
-          <p><input
-              type="radio"
-              name="projectThree.one"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="1"
-              v-model="questionData.projectThree.one.value"
-              @change="setBookQuestion"
-            />B.绔嬮┈杞韩绂诲紑</p>
-          <p><input
-              type="radio"
-              name="projectThree.one"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="1"
-              v-model="questionData.projectThree.one.value"
-              @change="setBookQuestion"
-            />C.涓庢梺杈圭殑鍚屼簨浜ゆ祦</p>
-          <p><input
-              type="radio"
-              name="projectThree.one"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="1"
-              v-model="questionData.projectThree.one.value"
-              @change="setBookQuestion"
-            />D.鏀炬澗韬綋</p>
+          <p><input type="radio" name="projectThree.one" :disabled="questionData.isComplete" value="A" id="1"
+              v-model="questionData.projectThree.one.value" @change="setBookQuestion" />A.绔欏湪鍘熷湴锛屽緟杞﹁締娑堝け鍦ㄨ绾胯寖鍥村唴涔嬪悗鎵嶈兘缂撴參绂诲紑</p>
+          <p><input type="radio" name="projectThree.one" :disabled="questionData.isComplete" value="B" id="1"
+              v-model="questionData.projectThree.one.value" @change="setBookQuestion" />B.绔嬮┈杞韩绂诲紑</p>
+          <p><input type="radio" name="projectThree.one" :disabled="questionData.isComplete" value="C" id="1"
+              v-model="questionData.projectThree.one.value" @change="setBookQuestion" />C.涓庢梺杈圭殑鍚屼簨浜ゆ祦</p>
+          <p><input type="radio" name="projectThree.one" :disabled="questionData.isComplete" value="D" id="1"
+              v-model="questionData.projectThree.one.value" @change="setBookQuestion" />D.鏀炬澗韬綋</p>
         </div>
       </div>
     </div>
@@ -2579,79 +2403,52 @@
           <p>
             2.浠婂ぉ浣犱唬琛ㄥ叕鍙稿嚭甯細璁紝鍒拌揪浼氳鍘呮椂澶у宸插氨搴с�傜獊鐒堕亣瑙佷竴浣嶆湅鍙嬶紝璺濈绾�5绫筹紝浠栧悜浣犺〃杈鹃棶鍊欙紝姝ゆ椂浣犲簲锛堛��銆�锛夈��
           </p>
-          <p><input
-              type="radio"
-              name="projectThree.two"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="2"
-              v-model="questionData.projectThree.two.value"
-              @change="setBookQuestion"
-            />A.绔嬮┈绔欒捣鏉ワ紝鎸ユ墜绀烘剰</p>
-          <p><input
-              type="radio"
-              name="projectThree.two"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="2"
-              v-model="questionData.projectThree.two.value"
-              @change="setBookQuestion"
-            />B.寰瑧鐐瑰ご绀烘剰</p>
-          <p><input
-              type="radio"
-              name="projectThree.two"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="2"
-              v-model="questionData.projectThree.two.value"
-              @change="setBookQuestion"
-            />C.浠庝細璁巺涓棿绌胯繃鍘伙紝鎻℃墜绀烘剰</p>
-          <p><input
-              type="radio"
-              name="projectThree.two"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="2"
-              v-model="questionData.projectThree.two.value"
-              @change="setBookQuestion"
-            />D.鎵撻�氱數璇濈ず鎰�</p>
+          <p><input type="radio" name="projectThree.two" :disabled="questionData.isComplete" value="A" id="2"
+              v-model="questionData.projectThree.two.value" @change="setBookQuestion" />A.绔嬮┈绔欒捣鏉ワ紝鎸ユ墜绀烘剰</p>
+          <p><input type="radio" name="projectThree.two" :disabled="questionData.isComplete" value="A" id="2"
+              v-model="questionData.projectThree.two.value" @change="setBookQuestion" />B.寰瑧鐐瑰ご绀烘剰</p>
+          <p><input type="radio" name="projectThree.two" :disabled="questionData.isComplete" value="A" id="2"
+              v-model="questionData.projectThree.two.value" @change="setBookQuestion" />C.浠庝細璁巺涓棿绌胯繃鍘伙紝鎻℃墜绀烘剰</p>
+          <p><input type="radio" name="projectThree.two" :disabled="questionData.isComplete" value="A" id="2"
+              v-model="questionData.projectThree.two.value" @change="setBookQuestion" />D.鎵撻�氱數璇濈ず鎰�</p>
           <p>3.闈㈣瘯鏃讹紝浠ラ灎韬ぜ闂ソ鐨勮韩浣撳集鏇插害鏁板簲涓猴紙銆�銆�锛夈��</p>
-          <p><input
-              type="radio"
-              name="projectThree.three"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="3"
-              v-model="questionData.projectThree.three.value"
-              @change="setBookQuestion"
-            />A.15掳</p>
-          <p><input
-              type="radio"
-              name="projectThree.three"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="3"
-              v-model="questionData.projectThree.three.value"
-              @change="setBookQuestion"
-            />B.30掳</p>
-          <p><input
-              type="radio"
-              name="projectThree.three"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="3"
-              v-model="questionData.projectThree.three.value"
-              @change="setBookQuestion"
-            />C.45掳</p>
+          <p><input type="radio" name="projectThree.three" :disabled="questionData.isComplete" value="A" id="3"
+              v-model="questionData.projectThree.three.value" @change="setBookQuestion" />A.15掳</p>
+          <p><input type="radio" name="projectThree.three" :disabled="questionData.isComplete" value="B" id="3"
+              v-model="questionData.projectThree.three.value" @change="setBookQuestion" />B.30掳</p>
+          <p><input type="radio" name="projectThree.three" :disabled="questionData.isComplete" value="C" id="3"
+              v-model="questionData.projectThree.three.value" @change="setBookQuestion" />C.45掳</p>
           <p>4.绠�杩板墠鑵瑰紡绔欏Э鐨勮棰嗐��</p>
           <textarea v-model="questionData.projectThree.four.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+            class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
           <p>5.绠�杩板叆搴т笌绂诲骇鐨勫熀鏈師鍒欍��</p>
           <textarea v-model="questionData.projectThree.five.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+            class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+          <p class="dialogQuestion">
+            <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"
+                xmlns="http://www.w3.org/2000/svg" p-id="2536" xmlns:xlink="http://www.w3.org/1999/xlink" width="28"
+                height="28">
+                <path
+                  d="M798.72 76.8H947.2v145.92h51.2V25.6h-199.68zM947.2 798.72v145.92h-148.48v51.2H998.4v-197.12zM66.56 222.72V76.8h148.48V25.6H12.8v197.12zM215.04 944.64H66.56v-145.92H12.8v197.12h202.24z"
+                  fill="#fff" p-id="2537"></path>
+                <path
+                  d="M826.88 522.24L512 207.36c0-2.56-2.56-2.56-7.68-2.56-2.56 0-5.12 0-7.68 2.56L184.32 524.8c-2.56 2.56-5.12 7.68-2.56 10.24 2.56 5.12 5.12 7.68 10.24 7.68h58.88V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6V504.32c0-5.12-5.12-10.24-10.24-10.24h-2.56l217.6-220.16 220.16 222.72c-5.12 0-10.24 5.12-10.24 10.24V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6v-250.88h51.2c5.12 0 10.24-5.12 10.24-10.24 2.56-5.12 0-7.68-2.56-10.24z"
+                  fill="#fff" p-id="2538"></path>
+                <path
+                  d="M386.56 762.88h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-69.12h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-71.68h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-7.68 7.68-17.92 17.92-17.92zM514.56 535.04h-20.48c-5.12 0-7.68-2.56-7.68-7.68v-2.56c0-17.92 5.12-30.72 23.04-46.08 17.92-15.36 23.04-23.04 23.04-33.28s-7.68-20.48-20.48-20.48c-15.36 0-25.6 7.68-30.72 25.6 0 5.12-5.12 5.12-10.24 5.12l-25.6-5.12c-5.12 0-7.68-5.12-5.12-10.24 10.24-38.4 33.28-53.76 79.36-53.76 38.4 0 61.44 25.6 61.44 51.2 0 20.48-7.68 35.84-33.28 53.76-20.48 15.36-23.04 20.48-23.04 33.28-2.56 7.68-7.68 10.24-10.24 10.24zM481.28 588.8v-28.16c0-5.12 2.56-7.68 7.68-7.68h30.72c5.12 0 7.68 2.56 7.68 7.68V588.8c0 5.12-2.56 7.68-7.68 7.68h-30.72c-5.12 0-7.68-5.12-7.68-7.68z"
+                  fill="#fff" p-id="2539"></path>
+              </svg>
+            </span>
+          </p>
         </div>
       </div>
     </div>
+    <dialogExaminations :isClear="dialogVisibleOne" :primaryColor="themeColor"
+      :cardList="interfaceQuestion[questionNum]" v-if="interfaceQuestion" :chapter="1" :page="questionNum"
+      :questionTitle="questionTitleMain" ref="dialogRef">
+    </dialogExaminations>
   </div>
 </template>
 
@@ -2661,12 +2458,19 @@
   getCollectResource,
   setCollectResource,
 } from "@/assets/methods/resources";
+import dialogExaminations from "@/components/dialogExaminations/index.vue";
 export default {
   name: "chapterTwo",
   props: {
     showPageList: {
       type: Array,
     },
+    interfaceQuestion: {
+      type: Object,
+    },
+  },
+  components: {
+    dialogExaminations,
   },
   data() {
     return {
@@ -2676,72 +2480,78 @@
       videoPathTwo: "",
       videoPathThree: "",
       videoPathFour: "",
+      videoPathFive: "",
+      videoPathSix: "",
+      videoPathSeven: "",
+      videoPathEight: "",
+      videoPathNine: "",
+      videoPathTen: "",
       collectResourceList: [],
       questionData: {
         isComplete: false,
-        askAbout:{
-          one:'',
-          two:'',
-          three:'',
-          four:'',
-          five:'',
+        askAbout: {
+          one: '',
+          two: '',
+          three: '',
+          four: '',
+          five: '',
         },
-        projectOne:{
-          one:{
-            value:""
+        projectOne: {
+          one: {
+            value: ""
           },
-          two:{
-            value:[]
+          two: {
+            value: []
           },
-          three:{
-            value:''
+          three: {
+            value: ''
           },
-          four:{
-            value:''
+          four: {
+            value: ''
           }
         },
-        projectTwo:{
-          one:{
-            value:""
+        projectTwo: {
+          one: {
+            value: ""
           },
-          two:{
-            value:""
+          two: {
+            value: ""
           },
-          three:{
-            value:""
+          three: {
+            value: ""
           },
-          four:{
-            value:""
+          four: {
+            value: ""
           },
-          five:{
-            value:""
+          five: {
+            value: ""
           },
-          six:{
-            value:""
+          six: {
+            value: ""
           },
-          seven:{
-            value:""
+          seven: {
+            value: ""
           },
-          eight:{
-            value:""
+          eight: {
+            value: ""
           }
-          
+
         },
-        projectThree:{
-          one:{
-            value:""
+        projectThree: {
+          one: {
+            value: ""
           },
-          two:{
-            value:""
+          two: {
+            value: ""
           },
-          three:{
-            value:""
+          three: {
+            value: ""
           },
-          four:{
-            value:''
+          four: {
+            value: ''
           },
-          five:{
-            value:''
+          five: {
+            value: ''
           }
         },
       },
@@ -2784,6 +2594,29 @@
         isCollectVideo01: false,
         isCollectVideo02: false,
         isCollectVideo03: false,
+        isCollectVideo04: false,
+        isCollectVideo05: false,
+        isCollectVideo06: false,
+        isCollectVideo07: false,
+        isCollectVideo08: false,
+        isCollectVideo09: false,
+      },
+      // 棰樼洰鐩稿叧
+      dialogVisibleOne: false,
+      themeColor: "#6E85AF",
+      questionNum: 0,
+      questionTitleMain: "",
+      chapter001: {
+        question: {
+          1: {
+            questionTitleMain: "妯″潡浜屻��姘戣埅鏈嶅姟浜哄憳鑱屼笟褰㈣薄",
+            questionNum: 78,
+          },
+          2: {
+            questionTitleMain: "妯″潡浜屻��姘戣埅浜哄憳浠�佺ぜ浠鐭�",
+            questionNum: 94,
+          },
+        },
       },
     };
   },
@@ -2808,7 +2641,7 @@
     if (videoData) {
       this.chapter002 = JSON.parse(videoData);
     }
-    
+
     this.getVidoePath();
     this.collectResourceList = await getCollectResource(
       this.config.activeBook.bookId
@@ -2828,6 +2661,27 @@
       this.videoPathFour = await getResourcePath(
         "e5ac247c68c93dbb8fb3eb56ea4bb3aa"
       );
+
+      // 鏂板鐨勮棰�
+      this.videoPathFive = await getResourcePath(
+        "5a13c9aa455c8fae34faa1ae9f021d30"
+      );
+      this.videoPathSix = await getResourcePath(
+        "a1d05c3a38a322dc67861f9f3d35fb09"
+      );
+      this.videoPathSeven = await getResourcePath(
+        "8e02ef51cadfb9b2611b0e6ab47f54b9"
+      );
+      this.videoPathEight = await getResourcePath(
+        "0fb36763d6a22916a6deb1f3779004bf"
+      );
+      this.videoPathNine = await getResourcePath(
+        "00768adb601ee16a6d55bac5e5e85c70"
+      );
+      this.videoPathTen = await getResourcePath(
+        "2f749e9b603637e801909ef01c3c5f77"
+      );
+
       for (let index = 0; index < this.chapter002.videoMd5.length; index++) {
         const item = this.chapter002.videoMd5[index];
         if (item.md5 && !item.md5.includes("https:")) {
@@ -2835,6 +2689,15 @@
         }
       }
     },
+
+    openQuestion(num) {
+      if (num) {
+        this.questionNum = this.chapter001.question[num].questionNum;
+        this.questionTitleMain = this.chapter001.question[num].questionTitleMain;
+        this.$refs.dialogRef.openDialogQuestion();
+      }
+    },
+
     setBookQuestion() {
       localStorage.setItem(
         "aviationEtiquette-book-chapter02-question",
@@ -2902,7 +2765,7 @@
           "瑙嗛锛氭皵璐ㄥ瀷鍙戝瀷"
         );
         this.chapterData.isCollectVideo02 = !this.chapterData.isCollectVideo01;
-      }else if (e == "video-04") {
+      } else if (e == "video-04") {
         this.handleCollectResource(
           "e5ac247c68c93dbb8fb3eb56ea4bb3aa",
           "e5ac247c68c93dbb8fb3eb56ea4bb3aa",
@@ -2912,6 +2775,66 @@
           "瑙嗛锛氫紭闆呭瀷鍙戝瀷"
         );
         this.chapterData.isCollectVideo03 = !this.chapterData.isCollectVideo01;
+      } else if (e == "video-05") {
+        this.handleCollectResource(
+          "5a13c9aa455c8fae34faa1ae9f021d30",
+          "5a13c9aa455c8fae34faa1ae9f021d30",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氫簡瑙f皯鑸埗鏈�"
+        );
+        this.chapterData.isCollectVideo04 = !this.chapterData.isCollectVideo04;
+      } else if (e == "video-06") {
+        this.handleCollectResource(
+          "a1d05c3a38a322dc67861f9f3d35fb09",
+          "a1d05c3a38a322dc67861f9f3d35fb09",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氫腑鍥芥皯鑸埗鏈嶈鑼�"
+        );
+        this.chapterData.isCollectVideo05 = !this.chapterData.isCollectVideo05;
+      } else if (e == "video-07") {
+        this.handleCollectResource(
+          "8e02ef51cadfb9b2611b0e6ab47f54b9",
+          "8e02ef51cadfb9b2611b0e6ab47f54b9",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氭皯鑸汉鍛樺瀹硅鑼�"
+        );
+        this.chapterData.isCollectVideo06 = !this.chapterData.isCollectVideo06;
+      } else if (e == "video-08") {
+        this.handleCollectResource(
+          "0fb36763d6a22916a6deb1f3779004bf",
+          "0fb36763d6a22916a6deb1f3779004bf",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氭皯鑸矖浣嶇殑寰瑧"
+        );
+        this.chapterData.isCollectVideo07 = !this.chapterData.isCollectVideo07;
+      } else if (e == "video-09") {
+        this.handleCollectResource(
+          "00768adb601ee16a6d55bac5e5e85c70",
+          "00768adb601ee16a6d55bac5e5e85c70",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氭皯鑸汉鍛樹华鎬佺ぜ浠疄璁�"
+        );
+        this.chapterData.isCollectVideo08 = !this.chapterData.isCollectVideo08;
+      } else if (e == "video-10") {
+        this.handleCollectResource(
+          "2f749e9b603637e801909ef01c3c5f77",
+          "2f749e9b603637e801909ef01c3c5f77",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氭皯鑸矖浣嶄华鎬佺ぜ浠鐭�"
+        );
+        this.chapterData.isCollectVideo09 = !this.chapterData.isCollectVideo09;
       }
       this.handleChapter002();
       this.handleChapterData();
diff --git a/src/books/aviationEtiquette/view/components/header.vue b/src/books/aviationEtiquette/view/components/header.vue
index e374e65..ec8ddd4 100644
--- a/src/books/aviationEtiquette/view/components/header.vue
+++ b/src/books/aviationEtiquette/view/components/header.vue
@@ -99,7 +99,7 @@
         </ul>
         <div class="bodystyle">
           <p>
-            銆婃皯鑸湇鍔$ぜ浠�嬬敱鏉庣伒銆侀瓘鍏ㄦ枌鎷呬换涓荤紪锛岄檲绉嬮洦銆侀粍娓呰豹銆佹潕鏋椼�佷竵娲佺惇鎷呬换鍓富缂栥�傛澶栵紝鏉庣伒鍙傚姞浜嗘ā鍧椾竴銆佹ā鍧椾簩銆佹ā鍧椾笁鍜屾嫇灞曟ā鍧楃殑缂栧啓锛岄檲绉嬮洦鍙傚姞浜嗘ā鍧椾竴銆佹ā鍧椾簩銆佹ā鍧椾笁鐨勭紪鍐欙紝鏉庨潤銆佷竵娲佺惇鍙傚姞浜嗘ā鍧椾簩鐨勭紪鍐欙紝鍒樺鍒╁弬鍔犱簡妯″潡涓夌殑缂栧啓锛岀帇鑾夎帀銆佹潕閼�佹潕闈欍�佷竵娲佺惇鍙傚姞浜嗘ā鍧楀洓鐨勭紪鍐欙紝榛勬竻璞弬鍔犱簡鎷撳睍妯″潡鐨勭紪鍐欍�傚叏涔︾敱鏉庣伒銆侀【濡嶉洴缁熺銆�
+            銆婃皯鑸湇鍔$ぜ浠�嬬敱鏉庣伒銆侀瓘鍏ㄦ枌鎷呬换涓荤紪锛岄檲绉嬮洦銆侀粍娓呰豹銆佹潕鏋椼�佷竵娲佺惇鎷呬换鍓富缂栥�傛澶栵紝鏉庣伒銆侀浄娴氭爮鍙傚姞浜嗘ā鍧椾竴銆佹ā鍧椾簩銆佹ā鍧椾笁鍜屾嫇灞曟ā鍧楃殑缂栧啓锛岄檲绉嬮洦鍙傚姞浜嗘ā鍧椾竴銆佹ā鍧椾簩銆佹ā鍧椾笁鐨勭紪鍐欙紝鏉庨潤銆佷竵娲佺惇鍙傚姞浜嗘ā鍧椾簩鐨勭紪鍐欙紝鍒樺鍒╁弬鍔犱簡妯″潡涓夌殑缂栧啓锛岀帇鑾夎帀銆佹潕閼�佹潕闈欍�佷竵娲佺惇鍙傚姞浜嗘ā鍧楀洓鐨勭紪鍐欙紝榛勬竻璞弬鍔犱簡鎷撳睍妯″潡鐨勭紪鍐欍�傚叏涔︾敱鏉庣伒銆侀【濡嶉洴缁熺銆�
           </p>
           <p>
             鐢变簬缂栬�呮按骞抽檺鍒讹紝鏁欐潗涓毦鍏嶆湁涓嶈冻涔嬪锛屾暚璇峰箍澶ц鑰呮彁鍑哄疂璐电殑鎰忚锛屼互渚挎垜浠慨璁㈡椂鍔犱互瀹屽杽銆�
diff --git a/src/books/aviationEtiquette/view/components/index.vue b/src/books/aviationEtiquette/view/components/index.vue
index 41631e7..2d8d9eb 100644
--- a/src/books/aviationEtiquette/view/components/index.vue
+++ b/src/books/aviationEtiquette/view/components/index.vue
@@ -9,11 +9,11 @@
       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>
+      <chapterOne v-if="showCatalogList.indexOf(2) > -1" :showPageList="loadPageList" :interfaceQuestion="questionDataMap"></chapterOne>
+      <chapterTwo v-if="showCatalogList.indexOf(3) > -1" :showPageList="loadPageList" :interfaceQuestion="questionDataMap"></chapterTwo>
+      <chapterThree v-if="showCatalogList.indexOf(4) > -1" :showPageList="loadPageList" :interfaceQuestion="questionDataMap"></chapterThree>
+      <chapterFour v-if="showCatalogList.indexOf(5) > -1" :showPageList="loadPageList" :interfaceQuestion="questionDataMap"></chapterFour>
+      <chapterFive v-if="showCatalogList.indexOf(6) > -1" :showPageList="loadPageList" :interfaceQuestion="questionDataMap"> </chapterFive>
     </div>
   </div>
 </template>
@@ -26,6 +26,8 @@
 import chapterFour from "./chapter004.vue";
 import chapterFive from "./chapter005.vue";
 import NoteIcon from "@/assets/images/biji.png";
+import getQuestionList from "@/assets/methods/examination";
+import testData from "../../assets/examinationList";
 import _ from "lodash";
 import Swiper from "swiper/bundle";
 import "swiper/swiper-bundle.css";
@@ -157,9 +159,9 @@
       this.initThemeColor();
     }, 500);
 
-    // 娴嬭瘯椤甸潰璺宠浆
+    //娴嬭瘯椤甸潰璺宠浆
     // setTimeout(() => {
-    //   this.gotoPage(2, 9);
+    //   this.gotoPage(5, 130);
       //   setTimeout(() => {
       //     this.renderSign("Highlight", {
       //       id: "2ACA9359",
@@ -543,30 +545,30 @@
             // 娣诲姞椤电爜
             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);
-            //     }
-            //   }
-            // }
+            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]) {
@@ -918,9 +920,13 @@
         const topGap = playVudio.getBoundingClientRect().top;
         if (bottomGap < 0 || topGap > window.innerHeight) {
           try {
-            if(playVudio.readyState) playVudio.requestPictureInPicture();
+            if (playVudio.readyState){
+              setTimeout(()=>{
+                playVudio.requestPictureInPicture();
+              },0)
+            } 
           } catch (error) {
-              console.log(error,"灏忕獥閿欒error");
+            console.log(error, "灏忕獥閿欒error");
           }
         }
       }
diff --git a/src/books/aviationSafety/assets/images/Cover.jpg b/src/books/aviationSafety/assets/images/Cover.jpg
index d28253c..37280b0 100644
--- a/src/books/aviationSafety/assets/images/Cover.jpg
+++ b/src/books/aviationSafety/assets/images/Cover.jpg
Binary files differ
diff --git a/src/books/aviationSafety/assets/images/FD.jpg b/src/books/aviationSafety/assets/images/FD.jpg
index 0bb92ae..8a0bb45 100644
--- a/src/books/aviationSafety/assets/images/FD.jpg
+++ b/src/books/aviationSafety/assets/images/FD.jpg
Binary files differ
diff --git a/src/books/civilAviation/assets/images/fengdi.png b/src/books/civilAviation/assets/images/fengdi.png
index 71a99a7..5dba7dc 100644
--- a/src/books/civilAviation/assets/images/fengdi.png
+++ b/src/books/civilAviation/assets/images/fengdi.png
Binary files differ
diff --git a/src/books/civilAviation/assets/images/fengmian.png b/src/books/civilAviation/assets/images/fengmian.png
index 627b16d..50257e8 100644
--- a/src/books/civilAviation/assets/images/fengmian.png
+++ b/src/books/civilAviation/assets/images/fengmian.png
Binary files differ
diff --git a/src/books/civilServices/assets/images/fengdi.png b/src/books/civilServices/assets/images/fengdi.png
index 3f76a0a..3a19d05 100644
--- a/src/books/civilServices/assets/images/fengdi.png
+++ b/src/books/civilServices/assets/images/fengdi.png
Binary files differ
diff --git a/src/books/civilServices/assets/images/fengmian.png b/src/books/civilServices/assets/images/fengmian.png
index a56c983..0cf1ecc 100644
--- a/src/books/civilServices/assets/images/fengmian.png
+++ b/src/books/civilServices/assets/images/fengmian.png
Binary files differ
diff --git a/src/books/civilServices/view/components/chapter003.vue b/src/books/civilServices/view/components/chapter003.vue
index ebc1d5a..1496891 100644
--- a/src/books/civilServices/view/components/chapter003.vue
+++ b/src/books/civilServices/view/components/chapter003.vue
@@ -423,7 +423,7 @@
                             <span>瑙嗛锛氫汉闄呭惛寮� </span>
                             <el-tooltip class="item" effect="dark"
                                 :content="chapterData.isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
-                                <img :src="collectResourceList.findIndex(item => item.id == '6e398727142a495b3d893adf3c8a240f') > -1 ? collectCheck : collectImg"
+                                <img :src="collectResourceList.findIndex(item => item.id == '30b4c510514d03ed2902817e6e9f4fb2') > -1 ? collectCheck : collectImg"
                                     alt="" class="collect-btn" @click="handleCollect('video-01')" />
                             </el-tooltip>
                         </p>
@@ -731,7 +731,7 @@
                             <span>瑙嗛锛氬鎴戜氦寰�鎶�宸� </span>
                             <el-tooltip class="item" effect="dark"
                                 :content="chapterData.isCollectVideo01 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
-                                <img :src="collectResourceList.findIndex(item => item.id == 'dec981e507dbcd88c632789c75b2fe3b') > -1 ? collectCheck : collectImg"
+                                <img :src="collectResourceList.findIndex(item => item.id == '114bfb6ee69164a3d24991fe2061fab2') > -1 ? collectCheck : collectImg"
                                     alt="" class="collect-btn" @click="handleCollect('video-02')" />
                             </el-tooltip>
                         </p>
@@ -1734,7 +1734,7 @@
                             <span>瑙嗛锛氭皯鑸湇鍔′腑甯歌鐨勬矡閫氶殰纰嶇被鍨� </span>
                             <el-tooltip class="item" effect="dark"
                                 :content="chapterData.isCollectVideo02 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
-                                <img :src="collectResourceList.findIndex(item => item.id == '7637f57a3dc18cc8487ccc2a39e62a5c') > -1 ? collectCheck : collectImg"
+                                <img :src="collectResourceList.findIndex(item => item.id == ' 4ee774f6507c878e0e2ba42a12cc3362') > -1 ? collectCheck : collectImg"
                                     alt="" class="collect-btn" @click="handleCollect('video-03')" />
                             </el-tooltip>
                         </p>
@@ -2048,7 +2048,7 @@
                             <span>瑙嗛锛氭皯鑸湇鍔$殑娌熼�氱瓥鐣�</span>
                             <el-tooltip class="item" effect="dark"
                                 :content="chapterData.isCollectVideo03 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
-                                <img :src="collectResourceList.findIndex(item => item.id == 'c69daf5242160645652a8d159213d1d9') > -1 ? collectCheck : collectImg"
+                                <img :src="collectResourceList.findIndex(item => item.id == ' 8f57603126cedddbcd4be17c34099107') > -1 ? collectCheck : collectImg"
                                     alt="" class="collect-btn" @click="handleCollect('video-04')" />
                             </el-tooltip>
                         </p>
@@ -2610,16 +2610,16 @@
     methods: {
         async getVidoePath() {
             this.videoPathOne = await getResourcePath(
-                "6e398727142a495b3d893adf3c8a240f"
+                "30b4c510514d03ed2902817e6e9f4fb2"
             );
             this.videoPathTwo = await getResourcePath(
-                "dec981e507dbcd88c632789c75b2fe3b"
+                "114bfb6ee69164a3d24991fe2061fab2"
             );
             this.videoPathThree = await getResourcePath(
-                "7637f57a3dc18cc8487ccc2a39e62a5c"
+                " 4ee774f6507c878e0e2ba42a12cc3362"
             );
             this.videoPathFour = await getResourcePath(
-                "c69daf5242160645652a8d159213d1d9"
+                " 8f57603126cedddbcd4be17c34099107"
             );
             for (let index = 0; index < this.chapter003.videoMd5.length; index++) {
                 const item = this.chapter003.videoMd5[index];
@@ -2662,16 +2662,16 @@
                 this.handleCollectResource(e.md5, e.md5, '', "瑙嗛", "bits", '寰灏忚鍫傦細' + e.name)
                 e.isCollectVideo = !e.isCollectVideo
             } else if (e == 'video-01') {
-                this.handleCollectResource("6e398727142a495b3d893adf3c8a240f", "6e398727142a495b3d893adf3c8a240f", '', "瑙嗛", "bits", '瑙嗛锛氫汉闄呭惛寮�')
+                this.handleCollectResource("30b4c510514d03ed2902817e6e9f4fb2", "30b4c510514d03ed2902817e6e9f4fb2", '', "瑙嗛", "bits", '瑙嗛锛氫汉闄呭惛寮�')
                 this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo
             } else if (e == 'video-02') {
-                this.handleCollectResource("dec981e507dbcd88c632789c75b2fe3b", "dec981e507dbcd88c632789c75b2fe3b", '', "瑙嗛", "bits", '瑙嗛锛氬鎴戜氦寰�鎶�宸�')
+                this.handleCollectResource("114bfb6ee69164a3d24991fe2061fab2", "114bfb6ee69164a3d24991fe2061fab2", '', "瑙嗛", "bits", '瑙嗛锛氬鎴戜氦寰�鎶�宸�')
                 this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01
             }else if (e == 'video-03') {
-                this.handleCollectResource("7637f57a3dc18cc8487ccc2a39e62a5c", "7637f57a3dc18cc8487ccc2a39e62a5c", '', "瑙嗛", "bits", '瑙嗛锛氭皯鑸湇鍔′腑甯歌鐨勬矡閫氶殰纰嶇被鍨�')
+                this.handleCollectResource(" 4ee774f6507c878e0e2ba42a12cc3362", " 4ee774f6507c878e0e2ba42a12cc3362", '', "瑙嗛", "bits", '瑙嗛锛氭皯鑸湇鍔′腑甯歌鐨勬矡閫氶殰纰嶇被鍨�')
                 this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01
             }else if (e == 'video-04') {
-                this.handleCollectResource("c69daf5242160645652a8d159213d1d9", "c69daf5242160645652a8d159213d1d9", '', "瑙嗛", "bits", '瑙嗛锛氭皯鑸湇鍔$殑娌熼�氱瓥鐣�')
+                this.handleCollectResource(" 8f57603126cedddbcd4be17c34099107", " 8f57603126cedddbcd4be17c34099107", '', "瑙嗛", "bits", '瑙嗛锛氭皯鑸湇鍔$殑娌熼�氱瓥鐣�')
                 this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01
             }
             this.handlechapter003();
diff --git a/src/books/civilServices/view/components/index.vue b/src/books/civilServices/view/components/index.vue
index ae6cfed..0535a34 100644
--- a/src/books/civilServices/view/components/index.vue
+++ b/src/books/civilServices/view/components/index.vue
@@ -47,6 +47,7 @@
 import "swiper/swiper-bundle.css";
 import Viewer from "viewerjs";
 import "viewerjs/dist/viewer.css";
+
 export default {
   name: "pageContent",
   data() {
@@ -178,8 +179,8 @@
     }, 500);
 
     // 娴嬭瘯椤甸潰璺宠浆
-    // setTimeout(() => {
-    //   this.gotoPage(3,79);
+    setTimeout(() => {
+      this.gotoPage(4,140);
     //   setTimeout(() => {
     //     this.renderSign("Highlight", {
     //       id: "2ACA9359",
@@ -193,7 +194,7 @@
     //     ids: ["2ACA9359"]
     //   });
     // }, 2000);
-    // }, 500);
+    }, 500);
 
     // const pageDom = (this.container ? this.container : document)
     //   .querySelector("#app")
@@ -936,7 +937,12 @@
         const topGap = playVudio.getBoundingClientRect().top;
         if (bottomGap < 0 || topGap > window.innerHeight) {
           try {
-            if (playVudio.readyState) playVudio.requestPictureInPicture();
+            if (playVudio.readyState) {
+              // playVudio.requestPictureInPicture();
+              setTimeout(()=>{
+                playVudio.requestPictureInPicture();
+              },0)
+            }
           } catch (error) {
             console.log(error, "灏忕獥閿欒error");
           }
diff --git a/src/books/meetingPlanners/assets/mian.less b/src/books/meetingPlanners/assets/mian.less
index a4f35e4..998f365 100644
--- a/src/books/meetingPlanners/assets/mian.less
+++ b/src/books/meetingPlanners/assets/mian.less
@@ -1290,10 +1290,10 @@
 
     .pdfModal {
         width: 100%;
-    
+
     }
 
-    .examination{
+    .examination {
         height: calc(100% - 80px);
     }
 }
@@ -1307,9 +1307,10 @@
 
     .pdfModal {
         width: 100%;
-    
+
     }
-    .examination{
+
+    .examination {
         height: calc(100% - 80px);
     }
 }
diff --git a/src/books/practicalCareChildrenManual/assets/Fonts/FZHTJW.ttf b/src/books/practicalCareChildrenManual/assets/Fonts/FZHTJW.ttf
new file mode 100644
index 0000000..0e8a216
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/Fonts/FZHTJW.ttf
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/Fonts/FZLTXIHJW.ttf b/src/books/practicalCareChildrenManual/assets/Fonts/FZLTXIHJW.ttf
new file mode 100644
index 0000000..e3c7f7c
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/Fonts/FZLTXIHJW.ttf
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/Fonts/FZLTZHJW.ttf b/src/books/practicalCareChildrenManual/assets/Fonts/FZLTZHJW.ttf
new file mode 100644
index 0000000..ef5ec15
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/Fonts/FZLTZHJW.ttf
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/Fonts/FZNBSJW.TTF b/src/books/practicalCareChildrenManual/assets/Fonts/FZNBSJW.TTF
new file mode 100644
index 0000000..1d201b9
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/Fonts/FZNBSJW.TTF
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/Fonts/FZZDXK.TTF b/src/books/practicalCareChildrenManual/assets/Fonts/FZZDXK.TTF
new file mode 100644
index 0000000..6a3f42b
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/Fonts/FZZDXK.TTF
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/Fonts/FZZYSJW.TTF b/src/books/practicalCareChildrenManual/assets/Fonts/FZZYSJW.TTF
new file mode 100644
index 0000000..1a13c00
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/Fonts/FZZYSJW.TTF
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/Fonts/hya4gjm.ttf b/src/books/practicalCareChildrenManual/assets/Fonts/hya4gjm.ttf
new file mode 100644
index 0000000..1aaf767
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/Fonts/hya4gjm.ttf
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0001-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0001-1.jpg
new file mode 100644
index 0000000..a2f5c72
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0001-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0001-2.jpg b/src/books/practicalCareChildrenManual/assets/images/0001-2.jpg
new file mode 100644
index 0000000..7691814
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0001-2.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0002-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0002-1.jpg
new file mode 100644
index 0000000..724ce5e
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0002-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0021-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0021-1.jpg
new file mode 100644
index 0000000..2939176
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0021-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0022-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0022-1.jpg
new file mode 100644
index 0000000..d55dbba
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0022-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0026-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0026-1.jpg
new file mode 100644
index 0000000..661e019
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0026-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0026-2.jpg b/src/books/practicalCareChildrenManual/assets/images/0026-2.jpg
new file mode 100644
index 0000000..2fca28a
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0026-2.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0027-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0027-1.jpg
new file mode 100644
index 0000000..1535b96
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0027-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0028-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0028-1.jpg
new file mode 100644
index 0000000..e41ec8e
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0028-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0029-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0029-1.jpg
new file mode 100644
index 0000000..2ae3bcc
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0029-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0029-2.jpg b/src/books/practicalCareChildrenManual/assets/images/0029-2.jpg
new file mode 100644
index 0000000..2033060
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0029-2.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0029-3.jpg b/src/books/practicalCareChildrenManual/assets/images/0029-3.jpg
new file mode 100644
index 0000000..6a26e42
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0029-3.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0030-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0030-1.jpg
new file mode 100644
index 0000000..f55001c
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0030-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0030-2.jpg b/src/books/practicalCareChildrenManual/assets/images/0030-2.jpg
new file mode 100644
index 0000000..0e98ffa
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0030-2.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0030-3.jpg b/src/books/practicalCareChildrenManual/assets/images/0030-3.jpg
new file mode 100644
index 0000000..5c57198
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0030-3.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0031-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0031-1.jpg
new file mode 100644
index 0000000..5b5cdf6
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0031-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0031-2.jpg b/src/books/practicalCareChildrenManual/assets/images/0031-2.jpg
new file mode 100644
index 0000000..15e1c46
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0031-2.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0034-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0034-1.jpg
new file mode 100644
index 0000000..638a9b0
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0034-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0034-2.jpg b/src/books/practicalCareChildrenManual/assets/images/0034-2.jpg
new file mode 100644
index 0000000..3f5331a
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0034-2.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0034-3.jpg b/src/books/practicalCareChildrenManual/assets/images/0034-3.jpg
new file mode 100644
index 0000000..2557a93
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0034-3.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0034-4.jpg b/src/books/practicalCareChildrenManual/assets/images/0034-4.jpg
new file mode 100644
index 0000000..3ee03fa
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0034-4.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0035-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0035-1.jpg
new file mode 100644
index 0000000..dda17ca
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0035-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0035-2.jpg b/src/books/practicalCareChildrenManual/assets/images/0035-2.jpg
new file mode 100644
index 0000000..a4ef1fa
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0035-2.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0035-3.jpg b/src/books/practicalCareChildrenManual/assets/images/0035-3.jpg
new file mode 100644
index 0000000..004b6e0
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0035-3.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0035-4.jpg b/src/books/practicalCareChildrenManual/assets/images/0035-4.jpg
new file mode 100644
index 0000000..a7c5121
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0035-4.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0036-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0036-1.jpg
new file mode 100644
index 0000000..bdf3740
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0036-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0036-2.jpg b/src/books/practicalCareChildrenManual/assets/images/0036-2.jpg
new file mode 100644
index 0000000..06d2ef2
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0036-2.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0037-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0037-1.jpg
new file mode 100644
index 0000000..2058079
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0037-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0037-2.jpg b/src/books/practicalCareChildrenManual/assets/images/0037-2.jpg
new file mode 100644
index 0000000..fed8d10
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0037-2.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0037-3.jpg b/src/books/practicalCareChildrenManual/assets/images/0037-3.jpg
new file mode 100644
index 0000000..7e9988f
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0037-3.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0037-4.jpg b/src/books/practicalCareChildrenManual/assets/images/0037-4.jpg
new file mode 100644
index 0000000..bb45c62
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0037-4.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0039-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0039-1.jpg
new file mode 100644
index 0000000..10ec981
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0039-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0040-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0040-1.jpg
new file mode 100644
index 0000000..dda82a3
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0040-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0040-2.jpg b/src/books/practicalCareChildrenManual/assets/images/0040-2.jpg
new file mode 100644
index 0000000..56d9676
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0040-2.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0043-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0043-1.jpg
new file mode 100644
index 0000000..6146c30
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0043-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0046-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0046-1.jpg
new file mode 100644
index 0000000..14d3a56
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0046-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0048-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0048-1.jpg
new file mode 100644
index 0000000..c72efc8
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0048-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0051-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0051-1.jpg
new file mode 100644
index 0000000..f938a48
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0051-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0053-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0053-1.jpg
new file mode 100644
index 0000000..c0ce4f5
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0053-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0063-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0063-1.jpg
new file mode 100644
index 0000000..299c01e
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0063-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0065-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0065-1.jpg
new file mode 100644
index 0000000..f03a11d
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0065-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0066-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0066-1.jpg
new file mode 100644
index 0000000..a445c21
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0066-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0067-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0067-1.jpg
new file mode 100644
index 0000000..677d968
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0067-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0067-2.jpg b/src/books/practicalCareChildrenManual/assets/images/0067-2.jpg
new file mode 100644
index 0000000..c01c5e2
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0067-2.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0068-2.jpg b/src/books/practicalCareChildrenManual/assets/images/0068-2.jpg
new file mode 100644
index 0000000..5b13d0b
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0068-2.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0070-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0070-1.jpg
new file mode 100644
index 0000000..002fa2c
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0070-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0070-2.jpg b/src/books/practicalCareChildrenManual/assets/images/0070-2.jpg
new file mode 100644
index 0000000..907b8cd
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0070-2.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0072-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0072-1.jpg
new file mode 100644
index 0000000..2baa30a
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0072-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0072-2.jpg b/src/books/practicalCareChildrenManual/assets/images/0072-2.jpg
new file mode 100644
index 0000000..ab5dd98
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0072-2.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0076-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0076-1.jpg
new file mode 100644
index 0000000..0dad0ed
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0076-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0076-2.jpg b/src/books/practicalCareChildrenManual/assets/images/0076-2.jpg
new file mode 100644
index 0000000..e5caa33
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0076-2.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0078-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0078-1.jpg
new file mode 100644
index 0000000..60c34fe
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0078-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0080-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0080-1.jpg
new file mode 100644
index 0000000..eaf12f6
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0080-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0083-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0083-1.jpg
new file mode 100644
index 0000000..87d424d
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0083-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0084-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0084-1.jpg
new file mode 100644
index 0000000..ef2bd54
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0084-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0086-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0086-1.jpg
new file mode 100644
index 0000000..a0d8dea
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0086-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0088-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0088-1.jpg
new file mode 100644
index 0000000..e0160be
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0088-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0088-2.jpg b/src/books/practicalCareChildrenManual/assets/images/0088-2.jpg
new file mode 100644
index 0000000..626454e
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0088-2.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0090-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0090-1.jpg
new file mode 100644
index 0000000..47ffdbc
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0090-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0093-2.jpg b/src/books/practicalCareChildrenManual/assets/images/0093-2.jpg
new file mode 100644
index 0000000..8dc01a4
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0093-2.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0097-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0097-1.jpg
new file mode 100644
index 0000000..4fb1028
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0097-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0098-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0098-1.jpg
new file mode 100644
index 0000000..74997bf
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0098-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0101-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0101-1.jpg
new file mode 100644
index 0000000..416761f
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0101-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0104-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0104-1.jpg
new file mode 100644
index 0000000..c0af650
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0104-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0105-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0105-1.jpg
new file mode 100644
index 0000000..0a81443
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0105-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0106-2.jpg b/src/books/practicalCareChildrenManual/assets/images/0106-2.jpg
new file mode 100644
index 0000000..3ea21cb
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0106-2.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0107-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0107-1.jpg
new file mode 100644
index 0000000..00f107d
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0107-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0111-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0111-1.jpg
new file mode 100644
index 0000000..98ebff3
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0111-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0116-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0116-1.jpg
new file mode 100644
index 0000000..1fec8bf
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0116-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0117-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0117-1.jpg
new file mode 100644
index 0000000..3938862
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0117-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0118-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0118-1.jpg
new file mode 100644
index 0000000..d7fc0ab
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0118-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0121-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0121-1.jpg
new file mode 100644
index 0000000..743e406
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0121-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0122-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0122-1.jpg
new file mode 100644
index 0000000..5e0f84c
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0122-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0125-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0125-1.jpg
new file mode 100644
index 0000000..a1bae03
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0125-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0132-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0132-1.jpg
new file mode 100644
index 0000000..6755eb1
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0132-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0135-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0135-1.jpg
new file mode 100644
index 0000000..2c653f6
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0135-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0136-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0136-1.jpg
new file mode 100644
index 0000000..b62d034
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0136-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0137-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0137-1.jpg
new file mode 100644
index 0000000..87a5abd
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0137-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0140-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0140-1.jpg
new file mode 100644
index 0000000..0976b5c
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0140-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0141-2.jpg b/src/books/practicalCareChildrenManual/assets/images/0141-2.jpg
new file mode 100644
index 0000000..584e1a3
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0141-2.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0142-2.jpg b/src/books/practicalCareChildrenManual/assets/images/0142-2.jpg
new file mode 100644
index 0000000..529fc25
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0142-2.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0147-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0147-1.jpg
new file mode 100644
index 0000000..cbede29
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0147-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0150-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0150-1.jpg
new file mode 100644
index 0000000..b24fa43
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0150-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0151-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0151-1.jpg
new file mode 100644
index 0000000..9f65730
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0151-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0159-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0159-1.jpg
new file mode 100644
index 0000000..b66b080
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0159-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0160-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0160-1.jpg
new file mode 100644
index 0000000..62cc5f2
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0160-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0163-2.jpg b/src/books/practicalCareChildrenManual/assets/images/0163-2.jpg
new file mode 100644
index 0000000..6c540fb
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0163-2.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0164-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0164-1.jpg
new file mode 100644
index 0000000..761d449
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0164-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0168-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0168-1.jpg
new file mode 100644
index 0000000..48537cb
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0168-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0169-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0169-1.jpg
new file mode 100644
index 0000000..00bb7de
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0169-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0170-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0170-1.jpg
new file mode 100644
index 0000000..6efc761
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0170-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0172-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0172-1.jpg
new file mode 100644
index 0000000..f9dd978
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0172-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0172-2.jpg b/src/books/practicalCareChildrenManual/assets/images/0172-2.jpg
new file mode 100644
index 0000000..3aae09e
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0172-2.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0173-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0173-1.jpg
new file mode 100644
index 0000000..526285f
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0173-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0173-2.jpg b/src/books/practicalCareChildrenManual/assets/images/0173-2.jpg
new file mode 100644
index 0000000..5be27b8
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0173-2.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0173-3.jpg b/src/books/practicalCareChildrenManual/assets/images/0173-3.jpg
new file mode 100644
index 0000000..deefc54
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0173-3.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0173-4.jpg b/src/books/practicalCareChildrenManual/assets/images/0173-4.jpg
new file mode 100644
index 0000000..1454ba4
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0173-4.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0174-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0174-1.jpg
new file mode 100644
index 0000000..6e7efe2
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0174-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0174-2.jpg b/src/books/practicalCareChildrenManual/assets/images/0174-2.jpg
new file mode 100644
index 0000000..f68ec6a
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0174-2.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0176-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0176-1.jpg
new file mode 100644
index 0000000..72dbd2d
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0176-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0184-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0184-1.jpg
new file mode 100644
index 0000000..9f67979
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0184-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0187-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0187-1.jpg
new file mode 100644
index 0000000..19de793
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0187-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0190-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0190-1.jpg
new file mode 100644
index 0000000..dc90ec7
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0190-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0192-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0192-1.jpg
new file mode 100644
index 0000000..fd7b486
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0192-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0193-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0193-1.jpg
new file mode 100644
index 0000000..797059b
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0193-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0195-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0195-1.jpg
new file mode 100644
index 0000000..cb28cfb
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0195-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0196-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0196-1.jpg
new file mode 100644
index 0000000..f04e53e
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0196-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0203-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0203-1.jpg
new file mode 100644
index 0000000..cb103d7
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0203-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0209-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0209-1.jpg
new file mode 100644
index 0000000..67cadcc
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0209-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0215-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0215-1.jpg
new file mode 100644
index 0000000..00eec81
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0215-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/0220-1.jpg b/src/books/practicalCareChildrenManual/assets/images/0220-1.jpg
new file mode 100644
index 0000000..40b462d
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/0220-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/Cover.jpg b/src/books/practicalCareChildrenManual/assets/images/Cover.jpg
new file mode 100644
index 0000000..587a900
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/Cover.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/FD.jpg b/src/books/practicalCareChildrenManual/assets/images/FD.jpg
new file mode 100644
index 0000000..29459f8
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/FD.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/SMY.jpg b/src/books/practicalCareChildrenManual/assets/images/SMY.jpg
new file mode 100644
index 0000000..bc6dc08
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/SMY.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/csx.jpg b/src/books/practicalCareChildrenManual/assets/images/csx.jpg
new file mode 100644
index 0000000..a619cd4
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/csx.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/dxal.png b/src/books/practicalCareChildrenManual/assets/images/dxal.png
new file mode 100644
index 0000000..fcbe4b9
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/dxal.png
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/headerBj.png b/src/books/practicalCareChildrenManual/assets/images/headerBj.png
new file mode 100644
index 0000000..0cf619e
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/headerBj.png
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/headerRight.png b/src/books/practicalCareChildrenManual/assets/images/headerRight.png
new file mode 100644
index 0000000..ba5bd24
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/headerRight.png
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0006-01.png b/src/books/practicalCareChildrenManual/assets/images/i0006-01.png
new file mode 100644
index 0000000..639852d
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0006-01.png
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0006-02.png b/src/books/practicalCareChildrenManual/assets/images/i0006-02.png
new file mode 100644
index 0000000..2097a00
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0006-02.png
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0007-2.jpg b/src/books/practicalCareChildrenManual/assets/images/i0007-2.jpg
new file mode 100644
index 0000000..86dd3b7
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0007-2.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0008-1.jpg b/src/books/practicalCareChildrenManual/assets/images/i0008-1.jpg
new file mode 100644
index 0000000..c38a139
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0008-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0008-2.jpg b/src/books/practicalCareChildrenManual/assets/images/i0008-2.jpg
new file mode 100644
index 0000000..7d5de01
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0008-2.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0009-01.png b/src/books/practicalCareChildrenManual/assets/images/i0009-01.png
new file mode 100644
index 0000000..57df449
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0009-01.png
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0009-02.png b/src/books/practicalCareChildrenManual/assets/images/i0009-02.png
new file mode 100644
index 0000000..5dc8913
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0009-02.png
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0010-2.jpg b/src/books/practicalCareChildrenManual/assets/images/i0010-2.jpg
new file mode 100644
index 0000000..0514851
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0010-2.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0011-1.jpg b/src/books/practicalCareChildrenManual/assets/images/i0011-1.jpg
new file mode 100644
index 0000000..65e8ee3
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0011-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0012-1.jpg b/src/books/practicalCareChildrenManual/assets/images/i0012-1.jpg
new file mode 100644
index 0000000..35c001a
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0012-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0012-2.jpg b/src/books/practicalCareChildrenManual/assets/images/i0012-2.jpg
new file mode 100644
index 0000000..e22fed3
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0012-2.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0013-1.jpg b/src/books/practicalCareChildrenManual/assets/images/i0013-1.jpg
new file mode 100644
index 0000000..d9af2c0
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0013-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0014-1.jpg b/src/books/practicalCareChildrenManual/assets/images/i0014-1.jpg
new file mode 100644
index 0000000..183bcfa
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0014-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0015-1.jpg b/src/books/practicalCareChildrenManual/assets/images/i0015-1.jpg
new file mode 100644
index 0000000..7001871
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0015-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0016-1.jpg b/src/books/practicalCareChildrenManual/assets/images/i0016-1.jpg
new file mode 100644
index 0000000..87b89b9
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0016-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0017-1.jpg b/src/books/practicalCareChildrenManual/assets/images/i0017-1.jpg
new file mode 100644
index 0000000..f7d31cf
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0017-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0018-1.jpg b/src/books/practicalCareChildrenManual/assets/images/i0018-1.jpg
new file mode 100644
index 0000000..da8e6df
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0018-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0019-2.jpg b/src/books/practicalCareChildrenManual/assets/images/i0019-2.jpg
new file mode 100644
index 0000000..0731bee
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0019-2.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0020-2.jpg b/src/books/practicalCareChildrenManual/assets/images/i0020-2.jpg
new file mode 100644
index 0000000..be56ffa
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0020-2.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0021-1.jpg b/src/books/practicalCareChildrenManual/assets/images/i0021-1.jpg
new file mode 100644
index 0000000..91d9faf
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0021-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0022-1.jpg b/src/books/practicalCareChildrenManual/assets/images/i0022-1.jpg
new file mode 100644
index 0000000..73c2f9a
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0022-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0023-1.jpg b/src/books/practicalCareChildrenManual/assets/images/i0023-1.jpg
new file mode 100644
index 0000000..0371154
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0023-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0023-2.jpg b/src/books/practicalCareChildrenManual/assets/images/i0023-2.jpg
new file mode 100644
index 0000000..e09f6d1
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0023-2.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0024-1.jpg b/src/books/practicalCareChildrenManual/assets/images/i0024-1.jpg
new file mode 100644
index 0000000..e05041e
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0024-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0025-2.jpg b/src/books/practicalCareChildrenManual/assets/images/i0025-2.jpg
new file mode 100644
index 0000000..41aab4c
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0025-2.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0026-1.jpg b/src/books/practicalCareChildrenManual/assets/images/i0026-1.jpg
new file mode 100644
index 0000000..8d17742
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0026-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0027-2.jpg b/src/books/practicalCareChildrenManual/assets/images/i0027-2.jpg
new file mode 100644
index 0000000..fa206ec
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0027-2.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0028-1.jpg b/src/books/practicalCareChildrenManual/assets/images/i0028-1.jpg
new file mode 100644
index 0000000..44b645c
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0028-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0029-2.jpg b/src/books/practicalCareChildrenManual/assets/images/i0029-2.jpg
new file mode 100644
index 0000000..5f7d8ea
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0029-2.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0030-2.jpg b/src/books/practicalCareChildrenManual/assets/images/i0030-2.jpg
new file mode 100644
index 0000000..bb216e0
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0030-2.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0031-1.jpg b/src/books/practicalCareChildrenManual/assets/images/i0031-1.jpg
new file mode 100644
index 0000000..6a00e5a
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0031-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0031-2.jpg b/src/books/practicalCareChildrenManual/assets/images/i0031-2.jpg
new file mode 100644
index 0000000..ec3cca8
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0031-2.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0032-2.jpg b/src/books/practicalCareChildrenManual/assets/images/i0032-2.jpg
new file mode 100644
index 0000000..f39602f
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0032-2.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0033-2.jpg b/src/books/practicalCareChildrenManual/assets/images/i0033-2.jpg
new file mode 100644
index 0000000..85e05e3
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0033-2.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0034-1.jpg b/src/books/practicalCareChildrenManual/assets/images/i0034-1.jpg
new file mode 100644
index 0000000..0fc0a8d
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0034-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0035-1.jpg b/src/books/practicalCareChildrenManual/assets/images/i0035-1.jpg
new file mode 100644
index 0000000..6d72964
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0035-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0036-1.jpg b/src/books/practicalCareChildrenManual/assets/images/i0036-1.jpg
new file mode 100644
index 0000000..04bc31d
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0036-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0037-2.jpg b/src/books/practicalCareChildrenManual/assets/images/i0037-2.jpg
new file mode 100644
index 0000000..7925070
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0037-2.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0038-2.jpg b/src/books/practicalCareChildrenManual/assets/images/i0038-2.jpg
new file mode 100644
index 0000000..7e29cf0
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0038-2.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0039-1.jpg b/src/books/practicalCareChildrenManual/assets/images/i0039-1.jpg
new file mode 100644
index 0000000..0529922
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0039-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0040-1.jpg b/src/books/practicalCareChildrenManual/assets/images/i0040-1.jpg
new file mode 100644
index 0000000..46feb9c
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0040-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0040-2.jpg b/src/books/practicalCareChildrenManual/assets/images/i0040-2.jpg
new file mode 100644
index 0000000..1d393bf
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0040-2.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0041-2.jpg b/src/books/practicalCareChildrenManual/assets/images/i0041-2.jpg
new file mode 100644
index 0000000..b664ec4
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0041-2.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0042-1.jpg b/src/books/practicalCareChildrenManual/assets/images/i0042-1.jpg
new file mode 100644
index 0000000..2935fba
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0042-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0043-1.jpg b/src/books/practicalCareChildrenManual/assets/images/i0043-1.jpg
new file mode 100644
index 0000000..9a6cea7
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0043-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0044-1.jpg b/src/books/practicalCareChildrenManual/assets/images/i0044-1.jpg
new file mode 100644
index 0000000..ff7e1e7
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0044-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0045-1.jpg b/src/books/practicalCareChildrenManual/assets/images/i0045-1.jpg
new file mode 100644
index 0000000..28e795f
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0045-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0046-2.jpg b/src/books/practicalCareChildrenManual/assets/images/i0046-2.jpg
new file mode 100644
index 0000000..67dcc64
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0046-2.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0047-1.jpg b/src/books/practicalCareChildrenManual/assets/images/i0047-1.jpg
new file mode 100644
index 0000000..4ee5b36
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0047-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0048-1.jpg b/src/books/practicalCareChildrenManual/assets/images/i0048-1.jpg
new file mode 100644
index 0000000..a01660b
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0048-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0049-1.jpg b/src/books/practicalCareChildrenManual/assets/images/i0049-1.jpg
new file mode 100644
index 0000000..39235be
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0049-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0049-2.jpg b/src/books/practicalCareChildrenManual/assets/images/i0049-2.jpg
new file mode 100644
index 0000000..4a84f96
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0049-2.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0050-2.jpg b/src/books/practicalCareChildrenManual/assets/images/i0050-2.jpg
new file mode 100644
index 0000000..7f70da3
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0050-2.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0051-2.jpg b/src/books/practicalCareChildrenManual/assets/images/i0051-2.jpg
new file mode 100644
index 0000000..1d63df0
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0051-2.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0051-3.jpg b/src/books/practicalCareChildrenManual/assets/images/i0051-3.jpg
new file mode 100644
index 0000000..7dd6938
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0051-3.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0052-2.jpg b/src/books/practicalCareChildrenManual/assets/images/i0052-2.jpg
new file mode 100644
index 0000000..9b69132
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0052-2.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0054-1.jpg b/src/books/practicalCareChildrenManual/assets/images/i0054-1.jpg
new file mode 100644
index 0000000..b456915
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0054-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0054-2.jpg b/src/books/practicalCareChildrenManual/assets/images/i0054-2.jpg
new file mode 100644
index 0000000..a524b47
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0054-2.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0055-1.jpg b/src/books/practicalCareChildrenManual/assets/images/i0055-1.jpg
new file mode 100644
index 0000000..19295ec
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0055-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0056-2.jpg b/src/books/practicalCareChildrenManual/assets/images/i0056-2.jpg
new file mode 100644
index 0000000..14c3406
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0056-2.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0057-1.jpg b/src/books/practicalCareChildrenManual/assets/images/i0057-1.jpg
new file mode 100644
index 0000000..344d7af
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0057-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0058-1.jpg b/src/books/practicalCareChildrenManual/assets/images/i0058-1.jpg
new file mode 100644
index 0000000..5e3755a
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0058-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0059-1.jpg b/src/books/practicalCareChildrenManual/assets/images/i0059-1.jpg
new file mode 100644
index 0000000..495dd21
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0059-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0059-2.jpg b/src/books/practicalCareChildrenManual/assets/images/i0059-2.jpg
new file mode 100644
index 0000000..292c539
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0059-2.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0060-1.jpg b/src/books/practicalCareChildrenManual/assets/images/i0060-1.jpg
new file mode 100644
index 0000000..729a11f
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0060-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0060-2.jpg b/src/books/practicalCareChildrenManual/assets/images/i0060-2.jpg
new file mode 100644
index 0000000..ee93343
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0060-2.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0061-1.jpg b/src/books/practicalCareChildrenManual/assets/images/i0061-1.jpg
new file mode 100644
index 0000000..4a1d8d5
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0061-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0062-2.jpg b/src/books/practicalCareChildrenManual/assets/images/i0062-2.jpg
new file mode 100644
index 0000000..cc19746
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0062-2.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0063-1.jpg b/src/books/practicalCareChildrenManual/assets/images/i0063-1.jpg
new file mode 100644
index 0000000..97ede27
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0063-1.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0063-2.jpg b/src/books/practicalCareChildrenManual/assets/images/i0063-2.jpg
new file mode 100644
index 0000000..b97ba78
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0063-2.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0064-2.jpg b/src/books/practicalCareChildrenManual/assets/images/i0064-2.jpg
new file mode 100644
index 0000000..47f8229
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0064-2.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/i0065-2.jpg b/src/books/practicalCareChildrenManual/assets/images/i0065-2.jpg
new file mode 100644
index 0000000..af71c37
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/i0065-2.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/icon/heart-check.png b/src/books/practicalCareChildrenManual/assets/images/icon/heart-check.png
new file mode 100644
index 0000000..74d469c
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/icon/heart-check.png
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/icon/heart.png b/src/books/practicalCareChildrenManual/assets/images/icon/heart.png
new file mode 100644
index 0000000..7817ec4
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/icon/heart.png
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/icon/lianxi.png b/src/books/practicalCareChildrenManual/assets/images/icon/lianxi.png
new file mode 100644
index 0000000..1781365
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/icon/lianxi.png
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/icon/videoLogo.png b/src/books/practicalCareChildrenManual/assets/images/icon/videoLogo.png
new file mode 100644
index 0000000..d871202
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/icon/videoLogo.png
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/lyl.png b/src/books/practicalCareChildrenManual/assets/images/lyl.png
new file mode 100644
index 0000000..acd1e2c
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/lyl.png
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/ml.jpg b/src/books/practicalCareChildrenManual/assets/images/ml.jpg
new file mode 100644
index 0000000..d69b515
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/ml.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/qjdr.png b/src/books/practicalCareChildrenManual/assets/images/qjdr.png
new file mode 100644
index 0000000..2e0e4c6
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/qjdr.png
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/qy.jpg b/src/books/practicalCareChildrenManual/assets/images/qy.jpg
new file mode 100644
index 0000000..ad874ac
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/qy.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/sys.png b/src/books/practicalCareChildrenManual/assets/images/sys.png
new file mode 100644
index 0000000..4e498e2
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/sys.png
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/sysm.jpg b/src/books/practicalCareChildrenManual/assets/images/sysm.jpg
new file mode 100644
index 0000000..b66773f
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/sysm.jpg
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/tzyd.png b/src/books/practicalCareChildrenManual/assets/images/tzyd.png
new file mode 100644
index 0000000..08006b9
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/tzyd.png
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/xdc.png b/src/books/practicalCareChildrenManual/assets/images/xdc.png
new file mode 100644
index 0000000..4d18042
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/xdc.png
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/xxcty.png b/src/books/practicalCareChildrenManual/assets/images/xxcty.png
new file mode 100644
index 0000000..751a153
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/xxcty.png
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/xxdt.png b/src/books/practicalCareChildrenManual/assets/images/xxdt.png
new file mode 100644
index 0000000..3811fca
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/xxdt.png
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/xxrwd.png b/src/books/practicalCareChildrenManual/assets/images/xxrwd.png
new file mode 100644
index 0000000..4c8ba0e
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/xxrwd.png
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/xxxgjc.png b/src/books/practicalCareChildrenManual/assets/images/xxxgjc.png
new file mode 100644
index 0000000..143855f
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/xxxgjc.png
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/images/xyx.png b/src/books/practicalCareChildrenManual/assets/images/xyx.png
new file mode 100644
index 0000000..f3e351a
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/images/xyx.png
Binary files differ
diff --git a/src/books/practicalCareChildrenManual/assets/main.less b/src/books/practicalCareChildrenManual/assets/main.less
new file mode 100644
index 0000000..94d2567
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/main.less
@@ -0,0 +1,2373 @@
+.practicalCareChildrenManual {
+    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;
+    }
+
+    .foreword {
+        line-height: 10px !important;
+        margin-top: 0;
+    }
+
+    .c-g {
+        color: green;
+    }
+
+    .c-r {
+        color: red;
+    }
+
+    .t-right {
+        text-align: right;
+    }
+
+    .mr-0 {
+        margin: 0 !important;
+    }
+
+    .mr-9 {
+        margin-right: 9%;
+    }
+
+    .ml-9 {
+        margin-left: 9%;
+    }
+
+    .ml-8 {
+        margin-left: 8%;
+    }
+
+    .ml-20 {
+        margin-left: 20px;
+    }
+
+    .ml-2e {
+        margin-left: 2em;
+    }
+
+    .mt--25 {
+        margin-top: -25px !important;
+    }
+
+    .mt-10 {
+        margin-top: 10px !important;
+    }
+
+    .mt-20 {
+        margin-top: 20px !important;
+    }
+
+    .mt-30 {
+        margin-top: 30px !important;
+        ;
+    }
+
+    .mt-50 {
+        margin-top: 50px !important;
+    }
+
+    .mb-40 {
+        margin-bottom: 40px !important;
+    }
+
+    .mb-20 {
+        margin-bottom: 20px !important;
+    }
+
+    .mb-10 {
+        margin-bottom: 10px;
+    }
+
+    .pd-5 {
+        padding: 0 5px;
+    }
+
+    .w100 {
+        width: 100%;
+    }
+
+    .mk-img {
+        height: 100%;
+    }
+
+    .w90 {
+        width: 90%;
+    }
+
+
+    .w80 {
+        width: 80%;
+    }
+
+
+    .b0 {
+        border: 0;
+    }
+
+    .tal-j {
+        display: inline-block;
+        width: 120px;
+        text-align-last: justify;
+    }
+
+
+    sup {
+        vertical-align: super;
+        /* 淇濇寔涓婃爣瀵归綈鏂瑰紡 */
+        font-size: smaller;
+        // position: relative; /* 鐩稿浜庢甯镐綅缃皟鏁� */  
+        // top: -0.2em; /* 鏍规嵁闇�瑕佽皟鏁磋繖涓�� */ 
+    }
+
+    .fz-13 {
+        font-size: 13px !important;
+    }
+
+    .fz-14 {
+        font-size: 14px !important;
+    }
+
+    .fz-15 {
+        font-size: 15px !important;
+    }
+
+    .fz-16 {
+        font-size: 16px !important;
+    }
+
+    .fz-18 {
+        font-size: 18px !important;
+    }
+
+    .fm-kt {
+        font-family: "kaiti" !important;
+    }
+
+    .fm-KH {
+        font-family: "鏂规鍏颁涵鍒婇粦";
+    }
+
+    .fm-鏂规涔﹀畫 {
+        font-family: "鏂规涔﹀畫";
+    }
+
+    .img-0 {
+        width: 100%;
+    }
+
+    .pt-10 {
+        padding-top: 10px;
+    }
+
+    .pt-20 {
+        padding-top: 20px;
+    }
+
+    .td-0 {
+        text-indent: 0em !important;
+    }
+
+    // .td-{
+
+    // }
+
+    .td-1 {
+        text-indent: 1em !important;
+    }
+
+    .td-2 {
+        text-indent: 2em !important;
+    }
+
+    .fl {
+        display: flex;
+    }
+
+    .ju-cn {
+        justify-content: center;
+    }
+
+    .ju-ev {
+        justify-content: space-evenly;
+    }
+
+    .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-45 {
+        margin-right: 45px;
+    }
+
+    .mr-10 {
+        margin-right: 10px;
+    }
+
+    .mr-5 {
+        margin-right: 5px;
+    }
+
+    .ma-l {
+        margin-left: 10%;
+    }
+
+    .ta-l {
+        text-align: left !important;
+    }
+
+    .wh-no {
+        white-space: nowrap;
+    }
+
+    .pad-t-55 {
+        padding-top: 55px;
+    }
+
+    .pad-l-60 {
+        padding-left: 60px;
+    }
+
+    .mb-25 {
+        margin-bottom: 25px;
+    }
+
+    .mb-45 {
+        margin-bottom: 45px;
+    }
+
+    .headerImg {
+        width: 30px;
+    }
+
+
+
+
+    .headerText-bc {
+        width: 70px;
+        color: #fff;
+        font-size: 12px;
+        text-align: center;
+        background-color: #9CDCF8;
+        border-radius: 15px;
+    }
+
+    .headerText {
+        font-size: 12px;
+        padding: 0 8px;
+        color: #00AFEF;
+    }
+
+    .headerNumber {
+        width: 110px;
+        color: #fff;
+        font-size: 12px;
+        text-align: left;
+        position: relative;
+        padding-bottom: 5px;
+
+        span {
+            position: absolute;
+            top: 33%;
+            left: 25%;
+        }
+    }
+
+    .header-left-Number {
+        width: 50px;
+        color: #fff;
+        font-size: 12px;
+        text-align: center;
+        border-radius: 15px;
+        position: relative;
+
+        span {
+            position: absolute;
+            left: 56%;
+            top: 35%;
+            transform: translateX(-50%);
+        }
+    }
+
+    .header-left-text {
+        color: #00AFEF;
+        margin-left: 8px;
+        margin-top: 7px;
+        font-size: 12px;
+    }
+
+    .radioClass {
+        margin: 0 0 0 4px !important;
+
+    }
+
+
+    .task-u2-c {
+        width: 16%;
+        margin-bottom: 6em;
+        margin-top: 0;
+        border-top: 0.7em solid #F89C1C;
+    }
+
+    .task-u3-c {
+        width: 16%;
+        margin-bottom: 6em;
+        margin-top: 0;
+        border-top: 0.7em solid #0A9CAC;
+    }
+
+    .task-u4-c {
+        width: 16%;
+        margin-bottom: 6em;
+        margin-top: 0;
+        border-top: 0.7em solid #92B03D;
+    }
+
+    .task-u5-c {
+        width: 16%;
+        margin-bottom: 6em;
+        margin-top: 0;
+        border-top: 0.7em solid #0180CD;
+    }
+
+    .p-odd {
+        padding-right: 2%;
+    }
+
+    .p-even {
+        padding-left: 2%;
+    }
+
+    .img-float-smaller {
+        width: 200px;
+        float: left;
+        height: auto;
+        margin: auto;
+        margin-right: 20px;
+    }
+
+    .img-float-medium {
+        width: 250px;
+        float: left;
+        height: auto;
+        margin: auto;
+        margin-right: 20px;
+    }
+
+
+
+    .img-float {
+        width: 310px;
+        float: left;
+        height: auto;
+        margin: auto;
+        margin-right: 20px;
+
+        p {
+            margin: 0;
+        }
+    }
+
+
+    .img-float-formula {
+        width: 310px;
+        float: left;
+        height: auto;
+        margin: auto;
+        margin-right: 20px;
+
+        p {
+            margin: 0;
+        }
+    }
+
+    .img-rights {
+        width: 47%;
+        float: right;
+        height: auto;
+        margin: auto;
+        margin-left: 20px;
+
+        p {
+            margin: 0;
+        }
+    }
+
+    .references {
+        margin-top: 140px;
+
+        hr {
+            font-weight: bold;
+            margin-left: 0;
+            width: 15%;
+        }
+    }
+
+    .w430 {
+        width: 430px;
+    }
+
+    .w395 {
+        width: 395px;
+    }
+
+    .w365 {
+        width: 365px;
+    }
+
+
+    .w300 {
+        width: 300px;
+    }
+
+    .w290 {
+        width: 290px;
+    }
+
+    .w280 {
+        width: 280px;
+    }
+
+    .w270 {
+        width: 270px;
+    }
+
+    .w260 {
+        width: 260px;
+    }
+
+    .w250 {
+        width: 250px;
+    }
+
+    .w230 {
+        width: 230px;
+    }
+
+    .w220 {
+        width: 220px;
+    }
+
+    .w210 {
+        width: 210px;
+    }
+
+    .w200 {
+        width: 200px;
+    }
+
+    .w190 {
+        width: 190px;
+    }
+
+    .w180 {
+        width: 180px;
+    }
+
+    .w170 {
+        width: 170px;
+    }
+
+    .w160 {
+        width: 160px;
+    }
+
+    .w150 {
+        width: 150px;
+    }
+
+    .w140 {
+        width: 140px;
+    }
+
+    .w135 {
+        width: 135px;
+    }
+
+    .w130 {
+        width: 130px;
+    }
+
+    .w120 {
+        width: 120px;
+    }
+
+    .w115 {
+        width: 115px;
+    }
+
+    .w55 {
+        width: 55%;
+    }
+
+    .w40 {
+        width: 40% !important;
+    }
+
+    .w25 {
+        width: 25%;
+    }
+
+    .w20 {
+        width: 20%;
+    }
+
+    .w15 {
+        width: 15%;
+    }
+
+    .w10 {
+        width: 10%;
+    }
+
+
+    .table-th-bc {
+        color: #000;
+        background-color: #C6EAFA;
+        line-height: 25px;
+        font-family: "鏂规涓瓑绾�";
+        font-weight: bold;
+
+        p {
+            font-family: "鏂规涓瓑绾�";
+        }
+    }
+
+    .table-tr-bc {
+        font-family: "鏂规涓瓑绾�";
+        background-color: #E1F4FC;
+        line-height: 25px;
+        font-weight: 400;
+
+        p {
+            font-weight: 400;
+            font-family: '鏂规涓瓑绾�';
+            font-size: 13.5px;
+        }
+    }
+
+    .jc-img {
+        margin-bottom: -5px;
+        cursor: pointer;
+    }
+
+    sup {
+        cursor: pointer;
+    }
+
+    .textarea-box {
+        width: 100%;
+        overflow: auto;
+        word-break: break-all;
+        resize: none;
+        border: 1px solid #01AFEE;
+        border-radius: 5px;
+        background-color: rgba(255, 255, 255, 0);
+    }
+
+    .table-title-bc {
+        background-color: #8091BC;
+        color: #fff;
+        line-height: 25px;
+    }
+
+    .table-textarea {
+        font-size: 14px;
+        font-family: "Times New Roman", "瀹嬩綋";
+        resize: none;
+        width: 95%;
+        background-color: transparent;
+        border: none;
+
+        &:focus {
+            outline: none;
+        }
+    }
+
+    .table-input-border {
+        width: 80%;
+        background-color: transparent;
+        border: 0;
+
+        &:focus {
+            outline: none;
+        }
+    }
+
+    .table-input-border-w20 {
+        width: 20%;
+        background-color: transparent;
+        border: 0;
+
+        &:focus {
+            outline: none;
+        }
+    }
+
+    .table-input-border-w15 {
+        width: 15%;
+        background-color: transparent;
+        border: 0;
+
+        &:focus {
+            outline: none;
+        }
+    }
+
+    .table-input-border-w10 {
+        width: 10%;
+        background-color: transparent;
+        border: 0;
+
+        &:focus {
+            outline: none;
+        }
+    }
+
+    .table-input-border-w5 {
+        width: 5%;
+        background-color: transparent;
+        border: 0;
+
+        &:focus {
+            outline: none;
+        }
+    }
+
+    .input-bottom-border {
+        width: 11%;
+        background-color: transparent;
+        border: 0;
+        border-bottom: 1px solid #000;
+
+        &:focus {
+            outline: none;
+        }
+    }
+
+    .input-bottom-border1 {
+        width: 33%;
+        background-color: transparent;
+        border: 0;
+        border-bottom: 1px solid #000;
+
+        &:focus {
+            outline: none;
+        }
+    }
+
+
+    .input-bottom-border2 {
+        width: 21.5%;
+        background-color: transparent;
+        border: 0;
+        border-bottom: 1px solid #000;
+
+        &:focus {
+            outline: none;
+        }
+    }
+
+    // 瑙嗛  
+    .video-box-cover {
+        border: 1px dashed #40C7F4;
+        padding: 2% 2%;
+    }
+
+    .question-box {
+        margin: 20px 0 20px 0;
+        border: 1px solid #40C7F4;
+
+    }
+
+    .question-title {
+        display: flex;
+        align-content: center;
+        justify-content: space-between;
+        background-color: #c7eaf9;
+    }
+
+    .question-title-name {
+        padding: 0 2%;
+        display: flex;
+        align-items: center;
+        text-indent: 0em;
+        margin: 0 !important;
+        border-right: 1px solid #40C7F4;
+        font-size: 16px !important;
+        font-weight: bold;
+    }
+
+    .question-title-img {
+        padding-right: 2%;
+        text-indent: 0em;
+        display: flex;
+        align-items: center;
+        font-size: 11px !important;
+        cursor: pointer;
+        span{
+            color: #0071BD;
+            height: 20px;
+            word-wrap: normal;
+        }
+    }
+
+
+    // .video-main{
+    //     margin: 5% 5%;
+    //     border: 1px dashed #40C7F4;
+    // }
+
+    .video-box-left {
+        margin: 20px 8% 20px 0;
+        border: 1px dashed #895B2E;
+        padding: 2% 2%;
+    }
+
+    .videoname {
+        display: flex;
+        justify-content: center;
+    }
+
+    .sInput {
+        width: 60px;
+        border: 0;
+        outline: none;
+        text-align: center;
+    }
+
+    .collect-btn {
+        cursor: pointer;
+        width: 20px;
+        height: 20px;
+        margin-left: 10px;
+        margin-top: 0.3%;
+    }
+
+    .collect-btn1 {
+        cursor: pointer;
+        width: 10px;
+        height: 10px;
+        margin-left: 10px;
+        margin-top: 0.8%;
+    }
+
+    // 缁〃
+    .continued {
+        text-align: right;
+        margin: 0%;
+        margin-right: 30px;
+    }
+
+
+    .text-rights {
+        width: 230px;
+        float: right;
+        height: auto;
+        margin: auto;
+        margin-left: 20px;
+
+        img {
+            width: 100%;
+        }
+
+        p {
+            margin: 0 !important;
+        }
+    }
+
+    .dialogQuestion {
+        background-color: #6E85AF;
+        height: 80px;
+        width: 100%;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+
+        span {
+            color: #fff;
+            font-size: 20px;
+            padding: 0 40px 0 20px;
+            cursor: pointer;
+        }
+    }
+
+    .pdf-text {
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        align-items: flex-start;
+
+        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 #FAAD70;
+                margin-right: 15px;
+                padding: 0 15px;
+                border-radius: 5px;
+
+                span {
+                    font-size: 14px;
+                    text-align: center;
+                    font-family: '鏂规鍏颁涵缁嗛粦绠�浣�';
+                    display: flex;
+                    align-items: center;
+                    justify-content: flex-start;
+
+                    svg {
+                        fill: #FAAD70;
+                    }
+                }
+
+                span:nth-child(2) {
+                    padding-top: 5px;
+                    box-sizing: border-box;
+                }
+
+                span:hover {
+                    color: #FAAD70;
+                    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;
+        }
+    }
+
+    div.bk-ztgs {
+        border: 0.15em dotted #5192c6;
+        padding: 1.5em 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: -1.2em;
+    }
+
+
+    .link-float {
+        width: 120px;
+        float: left;
+        height: auto;
+        margin: auto;
+        margin-top: 12px;
+        margin-right: 20px;
+    }
+
+    .imgBox-003 {
+        width: 100%;
+        height: 280px;
+        margin-bottom: 18px;
+    }
+
+    .imgBox {
+        display: flex !important;
+        flex-direction: column-reverse !important;
+        position: relative !important;
+
+        .img {
+            margin: 0 !important;
+            font-size: 14px !important;
+            position: absolute !important;
+            left: 50% !important;
+            transform: translateX(-50%);
+            bottom: -2% !important;
+        }
+
+        img {
+            height: 80%;
+        }
+    }
+
+    // 棰樼洰
+    .textarea-box {
+        background-color: transparent;
+        max-width: 100%;
+        min-width: 100%;
+        outline: none;
+    }
+
+    .textarea-box-left {
+        background-color: transparent;
+        margin-left: 15%;
+        max-width: 84%;
+        min-width: 84%;
+        outline: none;
+    }
+
+    .textarea-box-right {
+        background-color: transparent;
+        margin-left: 2em;
+        margin-right: 9%;
+        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;
+        }
+    }
+
+    .inputChoice {
+        display: flex;
+        align-items: center;
+
+        input {
+            margin: 0 5px;
+            cursor: pointer;
+        }
+
+        span {
+            cursor: pointer;
+        }
+    }
+
+    .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: #D4F0FE;
+    }
+
+    // 杩佺Щ
+    .bk-bwh {
+        min-height: 800px;
+        font-size: 1.2em;
+        padding: 25px;
+    }
+
+    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;
+    }
+
+
+    .page-box:nth-child(even) .bodystyle {
+        font-family: '鏂规鍏颁涵缁嗛粦绠�浣�';
+        text-align: justify;
+        margin: 0 10% 0 8%;
+        padding-bottom: 80px;
+        line-height: 30px;
+
+        hr {
+            font-weight: 800;
+            margin-left: 0;
+            margin-top: 10px;
+            margin-bottom: 10px;
+            width: 25%;
+        }
+    }
+
+    .page-box:nth-child(odd) .bodystyle {
+        font-family: '鏂规鍏颁涵缁嗛粦绠�浣�';
+        text-align: justify;
+        margin: 0 8% 0 10%;
+        padding-bottom: 80px;
+        line-height: 30px;
+
+        hr {
+            font-weight: 800;
+            margin-left: 0;
+            margin-top: 10px;
+            margin-bottom: 10px;
+            width: 25%;
+        }
+    }
+
+
+    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;
+    }
+
+    div.sgc-toc-level-1 {
+        margin-left: 0em;
+    }
+
+    div.sgc-toc-level-2 {
+        margin-left: 2em;
+    }
+
+    div.sgc-toc-level-3 {
+        margin-left: 2em;
+    }
+
+    div.sgc-toc-level-4 {
+        margin-left: 2em;
+    }
+
+    div.sgc-toc-level-5 {
+        margin-left: 2em;
+    }
+
+    div.sgc-toc-level-6 {
+        margin-left: 2em;
+    }
+
+    .imz {
+        height: 96%;
+        text-align: center;
+
+
+    }
+
+    .note {
+        margin: 0;
+        font-size: 12px;
+        line-height: 22px;
+        font-family: "鏂规涔﹀畫";
+    }
+
+    .block {
+        font-family: "kaiti";
+        margin-top: 0.2em;
+        margin-bottom: 0.2em !important;
+        text-indent: 2em;
+        line-height: 30px;
+        font-size: 14px;
+        text-align: justify;
+    }
+
+    .block1 {
+        text-align: center;
+    }
+
+    .block2 {
+        line-height: 25px;
+    }
+
+    .block3 {
+        line-height: 20px;
+    }
+
+    .img {
+        font-family: '鏂规鍏颁涵缁嗛粦绠�浣�';
+        text-align: center;
+        font-size: 12px;
+        font-weight: bold;
+        margin: 5px 0 0 0 !important;
+        text-indent: 0em;
+        color: #000;
+    }
+
+    .img1 {
+        font-family: '鏂规鍏颁涵缁嗛粦绠�浣�';
+        text-align: center;
+        font-size: 11px;
+        margin: 5px 0 0 0 !important;
+        text-indent: 0em;
+        color: #00ADEF;
+    }
+
+
+    p {
+        font-family: '鏂规鏂版姤瀹嬬畝浣�';
+        margin-top: 0.2em;
+        margin-bottom: 0.2em;
+        text-indent: 2em;
+        line-height: 23px;
+        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;
+        line-height: 20px;
+        margin-top: 20px;
+    }
+
+    .left3 {
+        margin: 20 0 0 0 !important;
+        line-height: 20px;
+    }
+
+    .left2 {
+        font-size: 1.3em;
+        text-indent: 0em;
+        font-weight: bold;
+        margin-left: 0%;
+        margin-right: 0%;
+    }
+
+    .right {
+        text-align: right;
+        margin-left: 0%;
+        margin-right: 4%;
+    }
+
+    .left1 {
+        text-indent: 0em;
+        margin-left: 0%;
+        margin-right: 0%;
+    }
+
+    .center1 {
+        text-align: center;
+        margin-left: 0%;
+        margin-right: 0%;
+        font-size: 1.2em;
+        text-indent: 0em;
+        font-weight: bold;
+    }
+
+    .right1 {
+        text-align: right;
+        margin-left: 0%;
+        margin-right: 0%;
+    }
+
+    .quote {
+        margin-top: 0%;
+        margin-bottom: 0%;
+        margin-left: 1em;
+        margin-right: 1em;
+        text-align: justify;
+        font-family: "cnepub", serif;
+    }
+
+
+    h1 {
+        font-family: '鏂规绮楀渾';
+        color: #01AFEE;
+        font-weight: 400;
+        font-size: 2em;
+        text-align: center;
+        text-indent: 0em;
+    }
+
+    .h1-zt {
+        font-family: '鏂规绮楀渾';
+        line-height: 45px;
+        color: #01AFEE;
+        font-weight: 400;
+        font-size: 2.42em;
+        margin-bottom: 20px;
+        margin-top: -0.5em;
+        text-indent: 0em;
+
+    }
+
+    h1.jz {
+        text-align: center;
+        text-indent: 0em;
+    }
+
+    .front {
+        font-family: '鏂规鍏颁涵涓粦绠�浣�';
+        font-weight: bold;
+        font-size: 1.1em;
+        color: #00ADEF;
+        margin-top: 0.2em;
+        margin-bottom: 0.5em;
+        padding: 10% 0 0 0;
+        text-indent: 0em;
+        text-align: left;
+    }
+
+
+    h2 {
+        font-family: '鏂规涓矖闆呭畫';
+        color: #00ADEF;
+        font-weight: 800;
+        font-size: 1.8em;
+        margin-bottom: 0em;
+        margin-top: 0.1em;
+        text-indent: 3em;
+        line-height: 1.3em;
+    }
+
+    .h2-zt {
+        font-family: '鏂规涓矖闆呭畫';
+        color: #00ADEF;
+        font-weight: 400;
+        font-size: 1.4em;
+        margin-top: 0em;
+        text-indent: 3.3em;
+        padding: 5px 0px 5px 0;
+    }
+
+    h3 {
+        font-family: '鏂规涓矖闆呭畫';
+        color: #03AFED;
+        font-weight: 800;
+        font-size: 1.4em;
+        margin-bottom: 2em;
+        margin-top: 2em;
+        text-indent: 0em;
+    }
+
+    h4 {
+        font-family: '姹変华澶у畫';
+        font-weight: 400;
+        color: #03AFED;
+        margin-bottom: 0.5em;
+        margin-top: 0.5em;
+        font-size: 1.2em;
+        text-indent: 2em;
+    }
+
+    h5 {
+        font-family: '鏂规鍑嗛泤瀹�';
+        font-weight: 100;
+        color: #03AFED;
+        margin-bottom: 0.2em;
+        margin-top: 0.2em;
+        font-size: 1.2em;
+        text-indent: 0em;
+    }
+
+    .unit2-c {
+        color: #F89C1C !important;
+    }
+
+    .unit3-c {
+        color: #0A9CAC !important;
+    }
+
+    .unit4-c {
+        color: #92B03D !important;
+    }
+
+    .unit5-c {
+        color: #0180CD !important;
+    }
+
+    .zt-h6 {
+        font-family: '鏂规榛戜綋绠�浣�';
+        color: #65C097;
+        margin-bottom: 0.5em;
+        margin-top: 1em;
+        font-size: 1.15em;
+        text-indent: 2em;
+    }
+
+    .bb {
+        font-family: "cnepub", serif;
+        font-family: '鏂规榛戜綋绠�浣�';
+        color: #66CCCC;
+        font-size: 1.1em;
+        margin-top: 10px;
+        text-indent: 2em;
+        margin-bottom: 10px;
+        border-bottom: 5px dotted #F4C388;
+        margin-left: 2em;
+        margin-bottom: 0.5em;
+        text-indent: 0em;
+    }
+
+    .u {
+        text-decoration: underline;
+    }
+
+    .u {
+
+        text-decoration: underline;
+    }
+
+    .img-0 {
+        width: 100%;
+    }
+
+    .img-a {
+        width: 96%;
+    }
+
+    .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%;
+    }
+
+    .img-zt {
+        height: 6em;
+        margin-top: -1.5em;
+        margin-bottom: -0.4em;
+        margin-left: 15%;
+    }
+
+    .inline {
+        height: 1em;
+        margin-bottom: -0.3em;
+    }
+
+    .inline1 {
+        height: 2.5em;
+        margin-top: 0.5em;
+        margin-bottom: -0.5em;
+    }
+
+    .inline2 {
+        height: 1.5em;
+        margin-top: 0.5em;
+        margin-bottom: -0.5em;
+    }
+
+    .inline4 {
+        height: 2em;
+        margin-left: -2em;
+        margin-right: 0.5em;
+        margin-bottom: -0.6em;
+    }
+
+    .img-qj {
+        height: 7.5em;
+        margin-bottom: -3.4em;
+        margin-right: 0.5em;
+    }
+
+    .ls1 {
+        color: #00B1F5;
+    }
+
+    .zt-ls1 {
+        color: #000;
+        font-size: 16px;
+        font-weight: bold;
+    }
+
+
+    .ls2 {
+        color: #00B1F5;
+        font-weight: bold;
+        font-size: 1em;
+        line-height: 30px;
+    }
+
+    span.lsyq-1 {
+        background-color: #6D84AE;
+        padding: 0.2em 0.4em 0.2em 0.4em;
+        border-radius: 1.5em;
+        margin-right: 0.5em;
+        color: #FFFFFF;
+        font-weight: bold;
+        font-size: 1.5em;
+    }
+
+    span.hsyq-1 {
+        background-color: #FFB7D4;
+        padding: 0.2em 0.4em 0.2em 0.4em;
+        border-radius: 1.5em;
+        margin-right: 0.5em;
+        color: #FFFFFF;
+        font-weight: bold;
+        font-size: 1.5em;
+
+    }
+
+    .zt-hs1 {
+        font-weight: 500;
+        color: #000;
+        font-size: 1em;
+    }
+
+    .h2-zt1 {
+        padding: 5px 25px 5px 25px;
+        border-radius: 10px 0px 0px 10px;
+        background-color: #5392C7;
+        font-size: 1.2em;
+        color: #FFFFFF;
+    }
+
+    .h2-zt2 {
+        padding: 10px;
+        background-color: #B1DDE0;
+        margin-right: 2em;
+        color: #FFFFFF;
+        padding: 5px 50px 5px 25px;
+        border-radius: 0px 5px 80px 0px;
+        font-size: 1.2em;
+    }
+
+
+
+    div.bk {
+        border: 2px solid #3FC6F6;
+        box-shadow: 8px 8px 0px 0px #B0E2F9;
+        padding: 20px 10px 10px 10px;
+        margin-top: 2em;
+        border-radius: 1.03em;
+        margin-bottom: 1em;
+        position: relative;
+
+        p {
+            font-size: 13px;
+            line-height: 20px;
+        }
+    }
+
+    div.bk1 {
+        margin-top: -2em;
+        margin-bottom: 1.5em;
+        margin-left: -1.6em;
+    }
+
+    p.bj1-qjms {
+        background-color: #fff;
+        color: #FAAD70;
+        font-weight: bold;
+        border-radius: 1.5em;
+        margin-left: 0em;
+        text-align: center;
+        text-indent: 0em;
+        position: absolute;
+        top: -19px;
+    }
+
+    .span-box {
+        display: inline-block;
+        width: 8px;
+        height: 8px;
+        background-color: #FAAD70;
+    }
+
+    .span-text {
+        font-size: 16px;
+        font-weight: 100;
+        padding: 0em 0.15em 0em 0.3em;
+    }
+
+
+    .bj {
+        background-color: #E1E7F3;
+        padding: 0.2em 0.8em 0.2em 0.8em;
+    }
+
+    span.bj2 {
+        background-color: #6E85AF;
+        padding: 0.2em 1em 0.2em 1em;
+        font-size: 1.1em;
+        font-weight: bold;
+        border-radius: 0.5em;
+        color: #FFFFFF;
+        box-shadow: 0.3em 0.3em 0px 0px #C3C2C0;
+    }
+
+    div.bk2 {
+        background: #E2F4FE;
+        border: 2px solid #3EC9F4;
+        padding: 10px 10px 20px 10px;
+        margin-top: 1em;
+        margin-bottom: 1em;
+        position: relative;
+
+        p {
+            font-family: "鏂规鍏颁涵鍒婇粦";
+            font-size: 13.5px;
+        }
+    }
+
+    .bk2::after {
+        content: '';
+        position: absolute;
+        right: -2px;
+        bottom: -2px;
+        width: 0;
+        height: 0;
+        border-bottom: 20px solid #fff;
+        /* 涓夎褰㈢殑鍙宠竟妗� */
+        border-left: 20px solid #3EC9F4;
+        /* 涓夎褰㈢殑搴曡竟妗� */
+        border-right: 0px solid #fff;
+        /* 涓夎褰㈢殑宸﹁竟妗� */
+        display: block;
+    }
+
+    .bk2.show-after::after {
+        display: none;
+    }
+
+    .zysx {
+        margin-top: -1.7em;
+        margin-left: -2em;
+    }
+
+
+    .zt-zysx {
+        font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋";
+        background-color: #24b8bc;
+        border-radius: 1.5em;
+        color: #FFFFFF;
+        font-weight: bold;
+        padding: 4px;
+        font-size: 1.2em;
+        box-shadow: 0.2em 0.2em 0px 0px #c1e3e4;
+    }
+
+    .zt-zysx1 {
+        font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋";
+        background-color: #96A7D5;
+        border-radius: 1.5em;
+        color: #FFFFFF;
+        font-weight: 100;
+        padding: 4px;
+        font-size: 1.2em;
+    }
+
+    .zt-zysx2 {
+        font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋";
+        background-color: #0071BD;
+        font-size: 1.2em;
+    }
+
+    .zt-1 {
+        color: #6F84AF;
+        font-weight: bold;
+        font-size: 1.1em;
+    }
+
+    .bj1 {
+        background-color: rgb(204, 236, 251);
+        padding: 0.2em 0.5em 0.2em 0.5em;
+        border-radius: 1em;
+        margin-bottom: 2em;
+        margin-left: 0.6em;
+        box-shadow: 0 0 30px rgba(135 209 243);
+
+        p {
+            font-family: "鏂规鍏颁涵鍒婇粦";
+        }
+    }
+
+    .title {
+        width: 260px;
+        height: 50px;
+        text-align: center;
+        margin: 0 auto;
+        padding-top: 5%;
+        position: relative;
+    }
+
+    div.bj2 {
+        position: absolute;
+        width: 260px;
+        height: 45px;
+        background-color: #9adbf9;
+        border-radius: 1.5em;
+        top: 8px;
+        mix-blend-mode: multiply;
+    }
+
+    div.bj3 {
+        position: absolute;
+        width: 265px;
+        height: 45px;
+        background-color: #9ADBF9;
+        border-radius: 1.5em;
+    }
+
+    .frontOne {
+        font-family: "瀹嬩綋";
+        color: #fff;
+        margin: 0 !important;
+        font-size: 24px;
+        position: absolute;
+        width: 260px;
+        height: 50px;
+        line-height: 50px;
+    }
+
+    .rw-bg {
+        width: 90%;
+        height: 90px;
+        position: relative;
+        color: #7ed4f6;
+        margin-bottom: 1em;
+    }
+
+    .bj4 {
+        position: absolute;
+        width: 55%;
+        height: 85px;
+        background-color: #C7EAFD;
+        border-radius: 0 1em 1em 0;
+    }
+
+    .bj5 {
+        position: absolute;
+        width: 97%;
+        height: 85px;
+        background-color: #C7EAFD;
+        border-radius: 0 1em 1em 0;
+        top: 10px;
+        mix-blend-mode: multiply;
+    }
+
+    span.bj3-xyx {
+        background-color: #92B03E;
+        color: #FFFFFF;
+        border-radius: 1.5em;
+        padding: 5px 20px 5px 20px;
+        font-size: 1em;
+        font-weight: bold;
+
+    }
+
+    div.bj3-xyx {
+        position: absolute;
+        top: -15px;
+        left: -25px;
+
+    }
+
+    .f-kai {
+        font-family: "kaiti";
+    }
+
+
+    .ts-1 {
+        font-weight: bold;
+    }
+
+    .zt-h4 {
+        padding: 10px 0;
+        border-radius: 1.5em;
+    }
+
+    .qyls-h4 {
+        font-family: "HiFont Hei GB";
+        padding: 0.2em 0;
+        text-indent: 0em;
+        margin-left: 0%;
+    }
+
+    .bj6 {
+        background-color: #FEDDB4;
+        padding: 20px;
+        border-radius: 0.5em;
+        margin-bottom: 1.5em;
+        margin-top: 1.5em;
+        position: relative;
+
+        .zt-cs {
+            color: #F89C1C;
+        }
+
+    }
+
+    span.bj6-xyx {
+        background-color: #F89C1C;
+        color: #FFFFFF;
+        border-radius: 0.3em;
+        padding: 5px 5px 5px 5px;
+        font-size: 1em;
+        font-weight: bold;
+
+    }
+
+    div.bj6-xyx {
+        position: absolute;
+        top: -20px;
+    }
+
+    .zt-lvs1 {
+        color: #95B321;
+    }
+
+    div.bj-1 {
+        color: #fff;
+        border-radius: 2em;
+        margin-bottom: 1.5em;
+        margin-top: 1.5em;
+    }
+
+    .bj-2-zt {
+        color: #fff;
+        font-weight: 400;
+        font-size: 24px;
+        line-height: 1.8em;
+    }
+
+    .bj-1-zt {
+        font-family: kaiti;
+        font-weight: 100;
+        text-indent: 2em;
+        color: #fff;
+        font-size: 15px;
+        line-height: 1.8em;
+    }
+
+    .bj-3-zt {
+        font-size: 16px;
+        color: #fff;
+        font-weight: 400;
+        line-height: 1.8em;
+    }
+
+    .rwmb-1 {
+        margin-left: -2.6em;
+        margin-bottom: 0.5em;
+        margin-top: 1em;
+        height: 4em;
+    }
+
+    .rwmb-2 {
+        margin-left: -2.3em;
+        margin-bottom: -0.5em;
+        margin-top: 0.2em;
+        height: 2.3em;
+    }
+
+    .rwmb-3 {
+        position: absolute;
+        top: -11px;
+        left: 5px;
+        margin-bottom: 15px;
+    }
+
+    .rwmb-4 {
+        position: absolute;
+        top: -7px;
+        left: 20px;
+        margin-bottom: 15px;
+    }
+
+    .rwmb-5 {
+        width: 15%;
+        position: absolute;
+        top: -10px;
+        left: -2px;
+    }
+
+}
+
+.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: '鏂规鍏颁涵缁嗛粦绠�浣�';
+
+                    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: '鏂规鍏颁涵缁嗛粦绠�浣�';
+                }
+            }
+
+            .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: '鏂规鍏颁涵缁嗛粦绠�浣�';
+
+            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: '鏂规鍏颁涵缁嗛粦绠�浣�';
+        }
+    }
+}
+
+.examination {
+    height: calc(100% - 50px);
+    overflow-x: hidden;
+    overflow-y: auto;
+    box-sizing: border-box;
+}
+
+.header_title {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    // color: #fff;
+    font-weight: 900;
+    font-size: 16px;
+    font-family: '鏂规鍏颁涵缁嗛粦绠�浣�';
+
+    span:nth-child(2):hover {
+        cursor: pointer;
+    }
+}
+
+
+
+
+//   @font-face {
+//     font-family: '鏂规浠垮畫';
+//     src: url('./Fonts/FZFSK.TTF');
+//   }
+
+//   @font-face {
+//     font-family: '鏂规鍏颁涵鍒婇粦';
+//     src: url('./Fonts/FZLTKHK.TTF');
+//   }
+
+
+//   @font-face {
+//     font-family: '鏂规涔﹀畫';
+//     src: url('./Fonts/FZSSK.TTF');
+//   }
+
+//   @font-face {
+//     font-family: '鏂规缁嗙瓑绾�';
+//     src: url('./Fonts/FZXDXK.TTF');
+//   }
+
+
+@font-face {
+    font-family: '鏂规涓瓑绾�';
+    src: url('./Fonts/FZZDXK.TTF');
+}
+
+@font-face {
+    font-family: '鏂规鍑嗛泤瀹�';
+    src: url('./Fonts/FZZYSJW.TTF');
+}
+
+@font-face {
+    font-family: '姹変华澶у畫';
+    src: url('./Fonts/hya4gjm.ttf');
+}
+
+@font-face {
+    font-family: '鏂规鏂版姤瀹嬬畝浣�';
+    src: url('./Fonts/FZNBSJW.TTF');
+}
+
+@font-face {
+    font-family: '鏂规鍏颁涵涓粦绠�浣�';
+    src: url('./Fonts/FZLTZHJW.ttf');
+}
+
+@font-face {
+    font-family: '鏂规鍏颁涵缁嗛粦绠�浣�';
+    src: url('./Fonts/FZLTXIHJW.ttf');
+}
+
+@font-face {
+    font-family: '鏂规榛戜綋绠�浣�';
+    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;
+    }
+
+    h1 {
+        font-size: 1.1em;
+    }
+
+    .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) {
+    .practicalCareChildrenManual {
+
+        /* 鍒嗛〉padding */
+        .padding-93 {
+            padding: 0 20px;
+        }
+
+        .padding-102 {
+            padding: 0 20px;
+        }
+
+        .page-box {
+            min-height: 500px;
+        }
+
+        .img-float {
+            width: 130px;
+        }
+
+        .img-rights {
+            width: 130px;
+        }
+
+        .btn-w {
+            width: 42px;
+        }
+
+        .pad-l-60 {
+            padding-left: 10px;
+        }
+
+        .mr-70 {
+            margin-right: 15px;
+        }
+
+        h1 {
+            font-size: 1.1em;
+        }
+    }
+}
+
+@media (min-width: 660px) {
+    .practicalCareChildrenManual {
+        .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/practicalCareChildrenManual/assets/question.js b/src/books/practicalCareChildrenManual/assets/question.js
new file mode 100644
index 0000000..8c69ca1
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/assets/question.js
@@ -0,0 +1,14 @@
+const testData = {
+  2: {
+    15: [
+      144366, 144368, 144369, 144371, 144373, 144375, 144377, 144378, 144379,
+      144381, 144383, 144385, 144387, 144388, 144469, 144471, 144473, 144476,
+      144477, 144481, 144488, 144491, 144493, 144496, 144508, 144509, 144510,
+      144511, 144512, 144513, 144514, 144516, 144518, 144520, 144521, 144524,
+      144526, 144527, 144529, 144530, 144531, 144534, 144537, 144538, 144540,
+      144542,
+    ],
+  },
+};
+
+export default testData;
diff --git a/src/books/practicalCareChildrenManual/view/components/chapter001.vue b/src/books/practicalCareChildrenManual/view/components/chapter001.vue
new file mode 100644
index 0000000..39ceda6
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/view/components/chapter001.vue
@@ -0,0 +1,1255 @@
+<template>
+    <div class="chapter" num="2">
+        <!-- 1椤� -->
+        <div class="page-box" page="4">
+            <div v-if="showPageList.indexOf(4) > -1">
+                <ul class="fl al-c jc-fe pad-t-55 mb-25">
+                    <li class="headerText-bc">妯″潡涓�</li>
+                    <li class="headerText">鐩ユ礂鐓ф姢</li>
+                    <li class="headerNumber">
+                        <img class="img-0" src="../../assets/images/headerRight.png" alt="">
+                        <span>1</span>
+                    </li>
+                </ul>
+                <div class="rw-bg">
+                    <div class="bj4">
+                        <div class="bj5">
+                            <h2 id="b001" class="">妯″潡涓�</h2>
+                            <h2 id="b001" class="">鐩ユ礂鐓ф姢</h2>
+                        </div>
+                    </div>
+                </div>
+                <div class="bodystyle">
+                    <h3 id="c001" class="center">瀹炶椤圭洰涓�銆�娲楁墜鐓ф姢</h3>
+                    <h4 id="d053">涓�銆佸疄璁洰鐨�</h4>
+                    <p>1.鎺屾彙涓冩娲楁墜娉曠殑鏍囧噯娴佺▼銆�</p>
+                    <p>2.鑳借繘琛屽┐骞煎効娲楁墜鐨勬寚瀵笺��</p>
+                    <p>3.浣撶幇濠村辜鍎挎礂鎵嬬殑鍥炲簲鎬х収鎶ゃ��</p>
+                    <h4 id="d054">浜屻�佹妧鑳界偣</h4>
+                    <p>1.涓冩娲楁墜娉曘��</p>
+                    <p>2.濠村辜鍎挎礂鎵嬬収鎶ょ殑鎸囧娴佺▼銆�</p>
+                    <p>3.鍥炲簲鎬ф礂鎵嬬殑鎸囧鐞嗗康銆�</p>
+                    <h4 id="d055">涓夈�佸缓璁鏃�</h4>
+                    <p>1瀛︽椂銆�</p>
+                    <h4 id="d056">鍥涖�佸疄璁澶囧強鏉愭枡</h4>
+                    <p>濠村辜鍎挎ā鍨嬨�佹礂鎵嬫恫銆佹瘺宸剧瓑銆�</p>
+                    <h4 id="d057">浜斻�佹搷浣滄祦绋嬪強瑕佹眰</h4>
+                    <h5 id="e185">锛堜竴锛変竷姝ユ礂鎵嬫硶鐨勬搷浣滄祦绋嬪強瑕佹眰</h5>
+                    <p>涓冩娲楁墜娉曠殑鎿嶄綔娴佺▼鍙婅姹傝琛�1-1-1銆�</p>
+                    <p class="img">琛�1-1-1銆�涓冩娲楁墜娉曠殑鎿嶄綔娴佺▼鍙婅姹�</p>
+                    <p class="center"><img class="img-0" alt="" src="../../assets/images/i0006-01.png" /></p>
+                </div>
+            </div>
+        </div>
+        <!-- 2椤� -->
+        <div class="page-box" page="5">
+            <div v-if="showPageList.indexOf(5) > -1">
+                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
+                    <li class="header-left-Number">
+                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
+                        <span>2</span>
+                    </li>
+                    <li class="header-left-text">濠村辜鍎跨収鎶ゅ疄鍔″疄璁寚瀵兼墜鍐�</li>
+                </ul>
+                <div class="bodystyle">
+                    <p class="continued fz-14">缁〃</p>
+                    <p class="center"><img class="img-0" alt="" src="../../assets/images/i0006-02.png" /></p>
+                    <checkVideo :videoPath="videoData[0].videoSrc" :videoName="videoData[0].videoNameSrc"
+                        :BookId="bookIdSrc" :isCollectVideo="chapterData.isCollectVideo"
+                        @saveVideoStatus="saveVideoStatus">
+                    </checkVideo>
+                    <h5 id="e186">锛堜簩锛夋寚瀵煎辜鍎胯嚜涓绘礂鎵嬬殑鎿嶄綔娴佺▼鍙婅姹�</h5>
+                    <p>鎸囧骞煎効鑷富娲楁墜鐨勬搷浣滄祦绋嬪強瑕佹眰瑙佽〃1-1-2銆�</p>
+                    <p class="img">琛�1-1-2銆�鎸囧骞煎効鑷富娲楁墜鐨勬搷浣滄祦绋嬪強瑕佹眰</p>
+                    <p class="center"><img class="img-0" alt="" src="../../assets/images/i0007-2.jpg" /></p>
+                    <h4 id="d058">鍏�佹敞鎰忎簨椤�</h4>
+                    <p>1.淇濊瘉娲楁墜鐜鍗敓銆佹暣娲併�佸畨鍏ㄣ�佽垝閫傘��</p>
+                    <p>2.鎸夌収涓冩娲楁墜娉曟礂鎵嬮渶瑕佷繚璇佹瘡涓幆鑺傞兘鍦�15绉掍互涓娿��</p>
+                    <p>3.娲楁墜鍚庡簲灏介噺閬垮厤鎵嬮儴鐨勪簩娆℃薄鏌撱��</p>
+                    <p>4.鎸囧骞煎効娲楁墜杩囩▼涓敞閲嶄笌骞煎効璇█銆佸姩浣滃拰琛ㄦ儏鐨勪氦娴侊紝浣撶幇鍥炲簲鎬х収鎶ゃ��</p>
+                </div>
+            </div>
+        </div>
+        <!-- 3椤� -->
+        <div class="page-box" page="6">
+            <div v-if="showPageList.indexOf(6) > -1">
+                <ul class="fl al-c jc-fe pad-t-55 mb-25">
+                    <li class="headerText-bc">妯″潡涓�</li>
+                    <li class="headerText">鐩ユ礂鐓ф姢</li>
+                    <li class="headerNumber">
+                        <img class="img-0" src="../../assets/images/headerRight.png" alt="">
+                        <span>3</span>
+                    </li>
+                </ul>
+                <div class="bodystyle">
+                    <h4 id="d059">涓冦�佸疄璁嚜璇�</h4>
+                    <p>涓冩娲楁墜娉曠殑瀹炶鑷瘎琛ㄥ拰鎸囧骞煎効鑷富娲楁墜鐨勫疄璁嚜璇勮〃瑙佽〃1-1-3鍜岃〃1-1-4銆�</p>
+                    <p class="img">琛�1-1-3銆�涓冩娲楁墜娉曠殑瀹炶鑷瘎琛�</p>
+                    <table border="1" cellpadding="4" cellspacing="0"
+                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 img-0 mb-20 mt-10">
+                        <tr class="table-th-bc">
+                            <td class="center">璇勫垎椤圭洰</td>
+                            <td class="center">璇勫垎鏍囧噯</td>
+                            <td class="center">鍒嗗��</td>
+                            <td class="center">寰楀垎</td>
+                        </tr>
+                        <tr>
+                            <td class="center table-tr-bc w15">
+                                鍑嗗宸ヤ綔
+                            </td>
+                            <td class="ta-l table-tr-bc w55">
+                                <p class="td-0"> 1.灏嗘礂鎵嬫恫鏀惧湪宸ヤ綔鍖哄煙銆�</p>
+                                <p class="td-0"> 2.鎵撳紑姘撮緳澶达紝涓嶈寮�寰楄繃澶э紝姘存祦閫備腑銆�</p>
+                                <p class="td-0"> 3.韬綋鍓嶅�撅紝鍙屾墜鍚戜笅锛屾尳濂借。琚栥��</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc w15">
+                                <p class="center td-0">10</p>
+                            </td>
+                            <td class="ta-l table-tr-bc">
+                                <p class="center">
+                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableOne.one"
+                                        @change="setBookQuestion" />
+                                </p>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="center table-tr-bc">鎿嶄綔娴佺▼</td>
+                            <td class="ta-l table-tr-bc">
+                                <p class="td-0">鎿嶄綔姝g‘锛屾祦绋嬪畬鏁淬��</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">60</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">
+                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableOne.two"
+                                        @change="setBookQuestion" />
+                                </p>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="center table-tr-bc">缁撴潫宸ヤ綔</td>
+                            <td class="ta-l table-tr-bc">
+                                <p class="td-0">缁撴潫鍚庡強鏃跺皢鎵�鏈夌殑鎿嶄綔鐗╁搧褰掍綅銆�</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">10</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">
+                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableOne.three"
+                                        @change="setBookQuestion" />
+                                </p>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="center table-tr-bc">娉ㄦ剰浜嬮」</td>
+                            <td class="ta-l table-tr-bc">
+                                <p class="td-0">鑳藉畬鏁村彊杩版湰瀹炶椤圭洰鐨勬敞鎰忎簨椤广��</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">10</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">
+                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableOne.four"
+                                        @change="setBookQuestion" />
+                                </p>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="center table-tr-bc">鎬讳綋璇勪环</td>
+                            <td class="ta-l table-tr-bc">
+                                <p class="td-0">1.鍔ㄤ綔娴佺晠銆佸畬鏁淬��</p>
+                                <p class="td-0">2.鐜板満澶勭悊闂娌夌潃鍐烽潤銆�</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">10</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">
+                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableOne.five"
+                                        @change="setBookQuestion" />
+                                </p>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="center table-tr-bc" colspan="2">鎬诲垎</td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">100</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">
+                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableOne.six"
+                                        @change="setBookQuestion" />
+                                </p>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="center table-tr-bc">鍙嶆�濅笌鏀惰幏</td>
+                            <td class="ta-l table-tr-bc" colspan="3">
+                                <textarea v-model="tableData.tableOne.seven" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
+                                    class="table-textarea" @change="setBookQuestion"></textarea>
+                            </td>
+                        </tr>
+                    </table>
+                    <p class="img">琛�1-1-4銆�鎸囧骞煎効鑷富娲楁墜鐨勫疄璁嚜璇勮〃</p>
+                    <table border="1" cellpadding="4" cellspacing="0"
+                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 img-0 mt-10">
+                        <tr class="table-th-bc">
+                            <td class="center">璇勫垎椤圭洰</td>
+                            <td class="center">璇勫垎鏍囧噯</td>
+                            <td class="center">鍒嗗��</td>
+                            <td class="center">寰楀垎</td>
+                        </tr>
+                        <tr>
+                            <td class="center table-tr-bc w15">
+                                鍑嗗宸ヤ綔
+                            </td>
+                            <td class="ta-l table-tr-bc w55">
+                                <p class="td-0"> 1.灏嗘礂鎵嬫恫鏀惧湪骞煎効鏂逛究鎿嶄綔鐨勪綅缃��</p>
+                                <p class="td-0"> 2.灏嗘瘺宸惧拰鎶瑰竷鎸傚ソ锛屽苟灏嗘瘺宸炬斁鍦ㄥ辜鍎胯兘鑷富鎷垮彇鐨勯珮搴︺��</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc w15">
+                                <p class="center td-0">10</p>
+                            </td>
+                            <td class="ta-l table-tr-bc">
+                                <p class="center">
+                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableTwo.one"
+                                        @change="setBookQuestion" />
+                                </p>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="center table-tr-bc">鎿嶄綔娴佺▼</td>
+                            <td class="ta-l table-tr-bc">
+                                <p class="td-0">鎿嶄綔姝g‘锛屾祦绋嬪畬鏁淬��</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">60</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">
+                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableTwo.two"
+                                        @change="setBookQuestion" />
+                                </p>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="center table-tr-bc">缁撴潫宸ヤ綔</td>
+                            <td class="ta-l table-tr-bc">
+                                <p class="td-0">缁撴潫鍚庡強鏃跺皢鎵�鏈夌殑鎿嶄綔鐗╁搧褰掍綅銆�</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">10</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">
+                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableTwo.three"
+                                        @change="setBookQuestion" />
+                                </p>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="center table-tr-bc">娉ㄦ剰浜嬮」</td>
+                            <td class="ta-l table-tr-bc">
+                                <p class="td-0">鑳藉畬鏁村彊杩版湰瀹炶椤圭洰鐨勬敞鎰忎簨椤广��</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">10</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">
+                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableTwo.four"
+                                        @change="setBookQuestion" />
+                                </p>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="center table-tr-bc">鎬讳綋璇勪环</td>
+                            <td class="ta-l table-tr-bc">
+                                <p class="td-0">1.鎸囧娴佺晠锛屼綋鐜板洖搴旀�х収鎶ゃ��</p>
+                                <p class="td-0">2.鐜板満澶勭悊闂娌夌潃鍐烽潤銆�</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">10</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">
+                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableTwo.five"
+                                        @change="setBookQuestion" />
+                                </p>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="center table-tr-bc" colspan="2">鎬诲垎</td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">100</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">
+                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableTwo.six"
+                                        @change="setBookQuestion" />
+                                </p>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="center table-tr-bc">鍙嶆�濅笌鏀惰幏</td>
+                            <td class="ta-l table-tr-bc" colspan="3">
+                                <textarea v-model="tableData.tableTwo.seven" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
+                                    class="table-textarea" @change="setBookQuestion"></textarea>
+                            </td>
+                        </tr>
+                    </table>
+                </div>
+            </div>
+        </div>
+        <!-- 4椤� -->
+        <div class="page-box" page="7">
+            <div v-if="showPageList.indexOf(7) > -1">
+                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
+                    <li class="header-left-Number">
+                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
+                        <span>4</span>
+                    </li>
+                    <li class="header-left-text">濠村辜鍎跨収鎶ゅ疄鍔″疄璁寚瀵兼墜鍐�</li>
+                </ul>
+                <div class="bodystyle">
+                    <h3 id="c001" class="center">瀹炶椤圭洰浜屻��闈㈤儴娓呮磥鐓ф姢</h3>
+                    <h4 id="d060">涓�銆佸疄璁洰鐨�</h4>
+                    <p>1.鎺屾彙濠村辜鍎块潰閮ㄦ竻娲佺殑瀹夊叏瑕佹眰銆�</p>
+                    <p>2.鎺屾彙濠村辜鍎块潰閮ㄦ竻娲佺殑鏍囧噯娴佺▼銆�</p>
+                    <p>3.浣撶幇濠村辜鍎块潰閮ㄦ竻娲佸洖搴旀�х悊蹇点��</p>
+                    <h4 id="d061">浜屻�佹妧鑳界偣</h4>
+                    <p>1.闈㈤儴娓呮磥鐨勫畨鍏ㄨ姹傘��</p>
+                    <p>2.闈㈤儴娓呮磥鐨勯『搴忋��</p>
+                    <p>3.闈㈤儴娓呮磥鐨勫洖搴旀�х収鎶ゃ��</p>
+                    <h4 id="d062">涓夈�佸缓璁鏃�</h4>
+                    <p>1瀛︽椂銆�</p>
+                    <h4 id="d063">鍥涖�佸疄璁澶囧強鏉愭枡</h4>
+                    <p>濠村辜鍎挎ā鍨嬨�佸尰鐢ㄦ绛俱�佸皬姣涘肪绛夈��</p>
+                    <h4 id="d064">浜斻�佹搷浣滄祦绋嬪強瑕佹眰</h4>
+                    <p>闈㈤儴娓呮磥鐓ф姢鐨勬搷浣滄祦绋嬪強瑕佹眰瑙佽〃1-2-1銆�</p>
+                    <p class="img">琛�1-2-1銆�闈㈤儴娓呮磥鐓ф姢鐨勬搷浣滄祦绋嬪強瑕佹眰</p>
+                    <p class="center"><img class="img-0" alt="" src="../../assets/images/i0009-01.png" /></p>
+                </div>
+            </div>
+        </div>
+        <!-- 5椤� -->
+        <div class="page-box" page="8">
+            <div v-if="showPageList.indexOf(8) > -1">
+                <ul class="fl al-c jc-fe pad-t-55 mb-25">
+                    <li class="headerText-bc">妯″潡涓�</li>
+                    <li class="headerText">鐩ユ礂鐓ф姢</li>
+                    <li class="headerNumber">
+                        <img class="img-0" src="../../assets/images/headerRight.png" alt="">
+                        <span>5</span>
+                    </li>
+                </ul>
+                <div class="bodystyle">
+                    <p class="continued fz-14">缁〃</p>
+                    <p class="center"><img class="img-0" alt="" src="../../assets/images/i0009-02.png" /></p>
+                    <checkVideo :videoPath="videoData[1].videoSrc" :videoName="videoData[1].videoNameSrc"
+                        :BookId="bookIdSrc" :isCollectVideo="chapterData.isCollectVideoOne"
+                        @saveVideoStatus="saveVideoStatus">
+                    </checkVideo>
+                    <h4 id="d065">鍏�佹敞鎰忎簨椤�</h4>
+                    <p>1.鎿嶄綔鏃舵妸灏忔瘺宸捐樃婀匡紝涓嶈澶箍锛屼互涓嶆淮姘翠负瀹溿��</p>
+                    <p>2.闈㈤儴娓呮磥鎵嬫硶瑕佽交鏌旓紝涓嶈兘寮鸿鎿︽嫮銆�</p>
+                    <p>3.濠村辜鍎夸笉閰嶅悎鏃讹紝鍏堟殏鍋滐紝瀹夋姎鍚庡啀杩涜銆�</p>
+                    <p>4.闈㈤儴娓呮磥杩囩▼涓敞閲嶄笌濠村辜鍎胯瑷�銆佸姩浣滃拰琛ㄦ儏鐨勪氦娴侊紝浣撶幇鍥炲簲鎬х収鎶ゃ��</p>
+                    <h4 id="d066">涓冦�佸疄璁嚜璇�</h4>
+                    <p>闈㈤儴娓呮磥鐓ф姢鐨勫疄璁嚜璇勮〃瑙佽〃1-2-2銆�</p>
+                    <p class="img">琛�1-2-2銆�闈㈤儴娓呮磥鐓ф姢鐨勫疄璁嚜璇勮〃</p>
+                    <table border="1" cellpadding="4" cellspacing="0"
+                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 img-0 mt-10">
+                        <tr class="table-th-bc">
+                            <td class="center">璇勫垎椤圭洰</td>
+                            <td class="center">璇勫垎鏍囧噯</td>
+                            <td class="center">鍒嗗��</td>
+                            <td class="center">寰楀垎</td>
+                        </tr>
+                        <tr>
+                            <td class="center table-tr-bc w15">
+                                鍑嗗宸ヤ綔
+                            </td>
+                            <td class="ta-l table-tr-bc w55">
+                                <p class="td-0"> 1.鐗╁搧鍑嗗榻愬叏銆�</p>
+                                <p class="td-0"> 2.灏嗘墜閮ㄦ竻娲楀共鍑�銆�</p>
+                                <p class="td-0"> 3.瀹ゅ唴娓╁害閫傚疁銆�</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc w15">
+                                <p class="center td-0">10</p>
+                            </td>
+                            <td class="ta-l table-tr-bc">
+                                <p class="center">
+                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableThree.one"
+                                        @change="setBookQuestion" />
+                                </p>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="center table-tr-bc">鎿嶄綔娴佺▼</td>
+                            <td class="ta-l table-tr-bc">
+                                <p class="td-0">鎿嶄綔姝g‘锛屾祦绋嬪畬鏁淬��</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">60</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">
+                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableThree.two"
+                                        @change="setBookQuestion" />
+                                </p>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="center table-tr-bc">缁撴潫宸ヤ綔</td>
+                            <td class="ta-l table-tr-bc">
+                                <p class="td-0">缁撴潫鍚庡強鏃跺皢鎵�鏈夌殑鎿嶄綔鐗╁搧褰掍綅銆�</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">10</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">
+                                    <input type="text" class="table-input-border-w20"
+                                        v-model="tableData.tableThree.three" @change="setBookQuestion" />
+                                </p>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="center table-tr-bc">娉ㄦ剰浜嬮」</td>
+                            <td class="ta-l table-tr-bc">
+                                <p class="td-0">鑳藉畬鏁村彊杩版湰瀹炶椤圭洰鐨勬敞鎰忎簨椤广��</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">10</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">
+                                    <input type="text" class="table-input-border-w20"
+                                        v-model="tableData.tableThree.four" @change="setBookQuestion" />
+                                </p>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="center table-tr-bc">鎬讳綋璇勪环</td>
+                            <td class="ta-l table-tr-bc">
+                                <p class="td-0">1.鍔ㄤ綔娴佺晠銆佸畬鏁淬��</p>
+                                <p class="td-0">2.鐜板満澶勭悊闂娌夌潃鍐烽潤銆�</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">10</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">
+                                    <input type="text" class="table-input-border-w20"
+                                        v-model="tableData.tableThree.five" @change="setBookQuestion" />
+                                </p>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="center table-tr-bc" colspan="2">鎬诲垎</td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">100</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">
+                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableThree.six"
+                                        @change="setBookQuestion" />
+                                </p>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="center table-tr-bc">鍙嶆�濅笌鏀惰幏</td>
+                            <td class="ta-l table-tr-bc" colspan="3">
+                                <textarea v-model="tableData.tableThree.seven" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
+                                    class="table-textarea" @change="setBookQuestion"></textarea>
+                            </td>
+                        </tr>
+                    </table>
+                </div>
+            </div>
+        </div>
+        <!-- 6椤� -->
+        <div class="page-box" page="9">
+            <div v-if="showPageList.indexOf(9) > -1">
+                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
+                    <li class="header-left-Number">
+                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
+                        <span>6</span>
+                    </li>
+                    <li class="header-left-text">濠村辜鍎跨収鎶ゅ疄鍔″疄璁寚瀵兼墜鍐�</li>
+                </ul>
+                <div class="bodystyle">
+                    <h3 id="c003" class="center">瀹炶椤圭洰涓夈��鍙h厰娓呮磥鐓ф姢</h3>
+                    <h4 id="d067">涓�銆佸疄璁洰鐨�</h4>
+                    <p>1.鎺屾彙濠村辜鍎垮彛鑵旀竻娲佸墠鐨勫噯澶囧伐浣溿��</p>
+                    <p>2.鎺屾彙濠村辜鍎垮彛鑵旀竻娲佺殑鎿嶄綔娴佺▼銆�</p>
+                    <p>3.浣撶幇濠村辜鍎垮彛鑵旀竻娲佺殑鍥炲簲鎬х収鎶ゃ��</p>
+                    <h4 id="d068">浜屻�佹妧鑳界偣</h4>
+                    <p>1.鍙h厰娓呮磥鍓嶇殑鍑嗗宸ヤ綔銆�</p>
+                    <p>2.鍙h厰娓呮磥鐨勬搷浣滄祦绋嬨��</p>
+                    <p>3.鍙h厰娓呮磥鐨勫洖搴旀�х収鎶ゃ��</p>
+                    <h4 id="d069">涓夈�佸缓璁鏃�</h4>
+                    <p>1瀛︽椂銆�</p>
+                    <h4 id="d070">鍥涖�佸疄璁澶囧強鏉愭枡</h4>
+                    <p>濠村辜鍎挎ā鍨嬨�佺罕甯冦�佹寚濂楃墮鍒风瓑銆�</p>
+                    <h4 id="d071">浜斻�佹搷浣滄祦绋嬪強瑕佹眰</h4>
+                    <h5 id="e187">锛堜竴锛�1宀佷互涓嬪┐鍎垮彛鑵旀竻娲佺収鎶ょ殑鎿嶄綔娴佺▼鍙婅姹�</h5>
+                    <p>1宀佷互涓嬪┐鍎垮彛鑵旀竻娲佺収鎶ょ殑鎿嶄綔娴佺▼鍙婅姹傝琛�1-3-1銆�</p>
+                    <p class="img">琛�1-3-1銆�1宀佷互涓嬪┐鍎垮彛鑵旀竻娲佺収鎶ょ殑鎿嶄綔娴佺▼鍙婅姹�</p>
+                    <p class="center"><img class="img-0" alt="" src="../../assets/images/i0011-1.jpg" /></p>
+                    <checkVideo :videoPath="videoData[2].videoSrc" :videoName="videoData[2].videoNameSrc"
+                        :BookId="bookIdSrc" :isCollectVideo="chapterData.isCollectVideoTwo"
+                        @saveVideoStatus="saveVideoStatus">
+                    </checkVideo>
+                </div>
+            </div>
+        </div>
+        <!-- 7椤� -->
+        <div class="page-box" page="10">
+            <div v-if="showPageList.indexOf(10) > -1">
+                <ul class="fl al-c jc-fe pad-t-55 mb-25">
+                    <li class="headerText-bc">妯″潡涓�</li>
+                    <li class="headerText">鐩ユ礂鐓ф姢</li>
+                    <li class="headerNumber">
+                        <img class="img-0" src="../../assets/images/headerRight.png" alt="">
+                        <span>7</span>
+                    </li>
+                </ul>
+                <div class="bodystyle">
+                    <h5 id="e188">锛堜簩锛�1锝�3宀佸辜鍎垮彛鑵旀竻娲佺収鎶ょ殑鎿嶄綔娴佺▼鍙婅姹�</h5>
+                    <p>1锝�3宀佸辜鍎垮彛鑵旀竻娲佺収鎶ょ殑鎿嶄綔娴佺▼鍙婅姹傝琛�1-3-2銆�</p>
+                    <p class="img">琛�1-3-2銆�1锝�3宀佸辜鍎垮彛鑵旀竻娲佺収鎶ょ殑鎿嶄綔娴佺▼鍙婅姹�</p>
+                    <p class="center"><img class="img-0" alt="" src="../../assets/images/i0012-1.jpg" /></p>
+                    <h4 id="d072">鍏�佹敞鎰忎簨椤�</h4>
+                    <p>1.鍒风墮鏃堕暱瑕佹帶鍒跺湪2锝�3鍒嗛挓锛屾瘡鏃ユ棭鏅氬悇涓�娆°��</p>
+                    <p>2.鍒风墮鐨勬椂闂磋鍥哄畾锛屽缓璁繘椋熷悗鍗婂皬鏃躲��</p>
+                    <p>3.鍙h厰娓呮磥杩囩▼涓敞閲嶄笌濠村辜鍎胯瑷�鍜岃〃鎯呯殑浜ゆ祦锛屼綋鐜板洖搴旀�х収鎶ゃ��</p>
+                    <h4 id="d073">涓冦�佸疄璁嚜璇�</h4>
+                    <p>1宀佷互涓嬪┐鍎垮彛鑵旀竻娲佺収鎶ょ殑瀹炶鑷瘎琛ㄥ拰1锝�3宀佸辜鍎垮彛鑵旀竻娲佺収鎶ょ殑瀹炶鑷瘎琛ㄨ琛�1-3-3鍜岃〃1-3-4銆�</p>
+                    <p class="img">琛�1-3-3銆�1宀佷互涓嬪┐鍎垮彛鑵旀竻娲佺収鎶ょ殑瀹炶鑷瘎琛�</p>
+                    <table border="1" cellpadding="4" cellspacing="0"
+                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 img-0 mt-10">
+                        <tr class="table-th-bc">
+                            <td class="center">璇勫垎椤圭洰</td>
+                            <td class="center">璇勫垎鏍囧噯</td>
+                            <td class="center">鍒嗗��</td>
+                            <td class="center">寰楀垎</td>
+                        </tr>
+                        <tr>
+                            <td class="center table-tr-bc w15">
+                                鍑嗗宸ヤ綔
+                            </td>
+                            <td class="ta-l table-tr-bc w55">
+                                <p class="td-0">灏嗗┐鍎挎姳鍒版姢鐞嗗彴涓婏紝骞跺皢绾卞竷銆佹寚濂楃墮鍒风瓑鏀惧湪宸ヤ綔鍖哄煙銆�</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc w15">
+                                <p class="center td-0">10</p>
+                            </td>
+                            <td class="ta-l table-tr-bc">
+                                <p class="center">
+                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableFour.one"
+                                        @change="setBookQuestion" />
+                                </p>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="center table-tr-bc">鎿嶄綔娴佺▼</td>
+                            <td class="ta-l table-tr-bc">
+                                <p class="td-0">鎿嶄綔姝g‘锛屾祦绋嬪畬鏁淬��</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">60</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">
+                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableFour.two"
+                                        @change="setBookQuestion" />
+                                </p>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="center table-tr-bc">缁撴潫宸ヤ綔</td>
+                            <td class="ta-l table-tr-bc">
+                                <p class="td-0">缁撴潫鍚庡強鏃跺皢鎵�鏈夌殑鎿嶄綔鐗╁搧褰掍綅銆�</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">10</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">
+                                    <input type="text" class="table-input-border-w20"
+                                        v-model="tableData.tableFour.three" @change="setBookQuestion" />
+                                </p>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="center table-tr-bc">娉ㄦ剰浜嬮」</td>
+                            <td class="ta-l table-tr-bc">
+                                <p class="td-0">鑳藉畬鏁村彊杩版湰瀹炶椤圭洰鐨勬敞鎰忎簨椤广��</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">10</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">
+                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableFour.four"
+                                        @change="setBookQuestion" />
+                                </p>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="center table-tr-bc">鎬讳綋璇勪环</td>
+                            <td class="ta-l table-tr-bc">
+                                <p class="td-0">1.鍔ㄤ綔娴佺晠銆佸畬鏁淬��</p>
+                                <p class="td-0">2.鐜板満澶勭悊闂娌夌潃鍐烽潤銆�</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">10</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">
+                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableFour.five"
+                                        @change="setBookQuestion" />
+                                </p>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="center table-tr-bc" colspan="2">鎬诲垎</td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">100</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">
+                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableFour.six"
+                                        @change="setBookQuestion" />
+                                </p>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="center table-tr-bc">鍙嶆�濅笌鏀惰幏</td>
+                            <td class="ta-l table-tr-bc" colspan="3">
+                                <textarea v-model="tableData.tableFour.seven" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
+                                    class="table-textarea" @change="setBookQuestion"></textarea>
+                            </td>
+                        </tr>
+                    </table>
+                </div>
+            </div>
+        </div>
+        <!-- 8椤� -->
+        <div class="page-box" page="11">
+            <div v-if="showPageList.indexOf(11) > -1">
+                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
+                    <li class="header-left-Number">
+                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
+                        <span>8</span>
+                    </li>
+                    <li class="header-left-text">濠村辜鍎跨収鎶ゅ疄鍔″疄璁寚瀵兼墜鍐�</li>
+                </ul>
+                <div class="bodystyle">
+                    <p class="img">琛�1-3-4 1锝�3宀佸辜鍎垮彛鑵旀竻娲佺収鎶ょ殑瀹炶鑷瘎琛�</p>
+                    <table border="1" cellpadding="4" cellspacing="0"
+                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 img-0 mt-10">
+                        <tr class="table-th-bc">
+                            <td class="center">璇勫垎椤圭洰</td>
+                            <td class="center">璇勫垎鏍囧噯</td>
+                            <td class="center">鍒嗗��</td>
+                            <td class="center">寰楀垎</td>
+                        </tr>
+                        <tr>
+                            <td class="center table-tr-bc w15">
+                                鍑嗗宸ヤ綔
+                            </td>
+                            <td class="ta-l table-tr-bc w55">
+                                <p class="td-0">鎵嬮儴娓呮磥锛屽皢鐗欓娇妯″瀷銆佺墮鍒锋澂銆佺墮鍒峰拰鍚盁鐗欒啅绛夋斁鍦ㄥ伐浣滃尯鍩熴��</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc w15">
+                                <p class="center td-0">10</p>
+                            </td>
+                            <td class="ta-l table-tr-bc">
+                                <p class="center">
+                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableFive.one"
+                                        @change="setBookQuestion" />
+                                </p>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="center table-tr-bc">鎿嶄綔娴佺▼</td>
+                            <td class="ta-l table-tr-bc">
+                                <p class="td-0">鎿嶄綔姝g‘锛屾祦绋嬪畬鏁淬��</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">60</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">
+                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableFive.two"
+                                        @change="setBookQuestion" />
+                                </p>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="center table-tr-bc">缁撴潫宸ヤ綔</td>
+                            <td class="ta-l table-tr-bc">
+                                <p class="td-0">缁撴潫鍚庡強鏃跺皢鎵�鏈夌殑鎿嶄綔鐗╁搧褰掍綅銆�</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">10</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">
+                                    <input type="text" class="table-input-border-w20"
+                                        v-model="tableData.tableFive.three" @change="setBookQuestion" />
+                                </p>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="center table-tr-bc">娉ㄦ剰浜嬮」</td>
+                            <td class="ta-l table-tr-bc">
+                                <p class="td-0">鑳藉畬鏁村彊杩版湰瀹炶椤圭洰鐨勬敞鎰忎簨椤广��</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">10</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">
+                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableFive.four"
+                                        @change="setBookQuestion" />
+                                </p>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="center table-tr-bc">鎬讳綋璇勪环</td>
+                            <td class="ta-l table-tr-bc">
+                                <p class="td-0">1.鍔ㄤ綔娴佺晠銆佸畬鏁淬��</p>
+                                <p class="td-0">2.鐜板満澶勭悊闂娌夌潃鍐烽潤銆�</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">10</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">
+                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableFive.five"
+                                        @change="setBookQuestion" />
+                                </p>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="center table-tr-bc" colspan="2">鎬诲垎</td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">100</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">
+                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableFive.six"
+                                        @change="setBookQuestion" />
+                                </p>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="center table-tr-bc">鍙嶆�濅笌鏀惰幏</td>
+                            <td class="ta-l table-tr-bc" colspan="3">
+                                <textarea v-model="tableData.tableFive.seven" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
+                                    class="table-textarea" @change="setBookQuestion"></textarea>
+                            </td>
+                        </tr>
+                    </table>
+                    <h3 id="c004" class="center">瀹炶椤圭洰鍥涖��鑷�閮ㄦ竻娲佺収鎶�</h3>
+                    <h4 id="d074">涓�銆佸疄璁洰鐨�</h4>
+                    <p>1.鎺屾彙濠村辜鍎胯噣閮ㄦ竻娲佸墠鐨勫噯澶囧伐浣溿��</p>
+                    <p>2.鎺屾彙涓嶅悓鎬у埆濠村辜鍎胯噣閮ㄦ竻娲佺殑鎿嶄綔娴佺▼銆�</p>
+                    <p>3.浣撶幇濠村辜鍎胯噣閮ㄦ竻娲佺殑鍥炲簲鎬х収鎶ゃ��</p>
+                    <h4 id="d075">浜屻�佹妧鑳界偣</h4>
+                    <p>1.鑷�閮ㄦ竻娲佺殑鍑嗗宸ヤ綔銆�</p>
+                    <p>2.鑷�閮ㄦ竻娲佺殑鎿嶄綔娴佺▼銆�</p>
+                    <p>3.鑷�閮ㄦ竻娲佺殑鍥炲簲鎬х収鎶ゃ��</p>
+                    <h4 id="d076">涓夈�佸缓璁鏃�</h4>
+                    <p>1瀛︽椂銆�</p>
+                    <h4 id="d077">鍥涖�佸疄璁澶囧強鏉愭枡</h4>
+                    <p>濠村辜鍎挎ā鍨嬨�佹礂鎵嬫恫銆佺罕甯冪瓑銆�</p>
+                    <h4 id="d078">浜斻�佹搷浣滄祦绋嬪強瑕佹眰</h4>
+                    <p>鑷�閮ㄦ竻娲佺収鎶ょ殑鎿嶄綔娴佺▼鍙婅姹傝琛�1-4-1銆�</p>
+                </div>
+            </div>
+        </div>
+        <!-- 9椤� -->
+        <div class="page-box" page="12">
+            <div v-if="showPageList.indexOf(12) > -1">
+                <ul class="fl al-c jc-fe pad-t-55 mb-25">
+                    <li class="headerText-bc">妯″潡涓�</li>
+                    <li class="headerText">鐩ユ礂鐓ф姢</li>
+                    <li class="headerNumber">
+                        <img class="img-0" src="../../assets/images/headerRight.png" alt="">
+                        <span>9</span>
+                    </li>
+                </ul>
+                <div class="bodystyle">
+                    <p class="img">琛�1-4-1 鑷�閮ㄦ竻娲佺収鎶ょ殑鎿嶄綔娴佺▼鍙婅姹�</p>
+                    <p class="center"><img class="img-0" alt="" src="../../assets/images/i0014-1.jpg" /></p>
+                    <checkVideo :videoPath="videoData[3].videoSrc" :videoName="videoData[3].videoNameSrc"
+                        :BookId="bookIdSrc" :isCollectVideo="chapterData.isCollectVideoThree"
+                        @saveVideoStatus="saveVideoStatus">
+                    </checkVideo>
+                    <checkVideo :videoPath="videoData[4].videoSrc" :videoName="videoData[4].videoNameSrc"
+                        :BookId="bookIdSrc" :isCollectVideo="chapterData.isCollectVideoFour"
+                        @saveVideoStatus="saveVideoStatus">
+                    </checkVideo>
+                    <h4 id="d079">鍏�佹敞鎰忎簨椤�</h4>
+                    <p>1.鎵撳紑绾稿翱瑁ゅ悗锛屽厛鐢ㄧ焊灏胯¥鍓嶇鐨勫共鍑�閮ㄥ垎鎿︽嫮鑷�閮ㄧ殑绮究锛岄澶勭悊鍚庡啀鐢ㄦ箍绾稿肪鎿︽嫮銆�</p>
+                    <p>2.鐢辩浉瀵瑰共鍑�鐨勫湴鏂规湞鍚戣剰鐨勫湴鏂规摝鎷紝涓嶆潵鍥炴摝銆�</p>
+                    <p>3.鐢峰┐骞煎効浠庡嚭鐢熷埌3宀佸墠锛屽寘鐨笌榫熷ご涓�鐩撮兘鏄矘杩炵殑锛屼笉鑳戒笂缈伙紝琛ㄧ幇涓哄寘鐨繃闀挎垨鍖呰寧锛岃繖鏄竴绉嶆甯哥幇璞°��</p>
+                    <p>4.娓呮磥濂冲┐骞煎効鐨勫闃撮儴锛屾敞鎰忕敱鍓嶅線鍚庢摝娲椼��</p>
+                    <h4 id="d080">涓冦�佸疄璁嚜璇�</h4>
+                    <p>鑷�閮ㄦ竻娲佺収鎶ょ殑瀹炶鑷瘎琛ㄨ琛�1-4-2銆�</p>
+                </div>
+            </div>
+        </div>
+        <!-- 10椤� -->
+        <div class="page-box" page="13">
+            <div v-if="showPageList.indexOf(13) > -1">
+                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
+                    <li class="header-left-Number">
+                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
+                        <span>10</span>
+                    </li>
+                    <li class="header-left-text">濠村辜鍎跨収鎶ゅ疄鍔″疄璁寚瀵兼墜鍐�</li>
+                </ul>
+                <div class="bodystyle">
+                    <p class="img">琛�1-4-2 鑷�閮ㄦ竻娲佺収鎶ょ殑瀹炶鑷瘎琛�</p>
+                    <table border="1" cellpadding="4" cellspacing="0"
+                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 img-0 mt-10">
+                        <tr class="table-th-bc">
+                            <td class="center">璇勫垎椤圭洰</td>
+                            <td class="center">璇勫垎鏍囧噯</td>
+                            <td class="center">鍒嗗��</td>
+                            <td class="center">寰楀垎</td>
+                        </tr>
+                        <tr>
+                            <td class="center table-tr-bc w15">
+                                鍑嗗宸ヤ綔
+                            </td>
+                            <td class="ta-l table-tr-bc w55">
+                                <p class="td-0">1.鐜鍑嗗閫傚疁銆�</p>
+                                <p class="td-0">2.鐗╁搧鍑嗗榻愬叏銆�</p>
+                                <p class="td-0">3.鎵嬮儴娓呮磥娑堟瘨銆�</p>
+                                <p class="td-0">4.鎻愬墠娴嬭瘯姘存俯銆�</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc w15">
+                                <p class="center td-0">10</p>
+                            </td>
+                            <td class="ta-l table-tr-bc">
+                                <p class="center">
+                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableSix.one"
+                                        @change="setBookQuestion" />
+                                </p>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="center table-tr-bc">鎿嶄綔娴佺▼</td>
+                            <td class="ta-l table-tr-bc">
+                                <p class="td-0">鎿嶄綔姝g‘锛屾祦绋嬪畬鏁淬��</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">60</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">
+                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableSix.two"
+                                        @change="setBookQuestion" />
+                                </p>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="center table-tr-bc">娉ㄦ剰浜嬮」</td>
+                            <td class="ta-l table-tr-bc">
+                                <p class="td-0">鑳藉畬鏁村彊杩版湰瀹炶椤圭洰鐨勬敞鎰忎簨椤广��</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">20</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">
+                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableSix.three"
+                                        @change="setBookQuestion" />
+                                </p>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="center table-tr-bc">鎬讳綋璇勪环</td>
+                            <td class="ta-l table-tr-bc">
+                                <p class="td-0">1.鍔ㄤ綔娴佺晠銆佸畬鏁淬��</p>
+                                <p class="td-0">2.鐜板満澶勭悊闂娌夌潃鍐烽潤銆�</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">10</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">
+                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableSix.four"
+                                        @change="setBookQuestion" />
+                                </p>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="center table-tr-bc" colspan="2">鎬诲垎</td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">100</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">
+                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableSix.five"
+                                        @change="setBookQuestion" />
+                                </p>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="center table-tr-bc">鍙嶆�濅笌鏀惰幏</td>
+                            <td class="ta-l table-tr-bc" colspan="3">
+                                <textarea v-model="tableData.tableSix.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
+                                    class="table-textarea" @change="setBookQuestion"></textarea>
+                            </td>
+                        </tr>
+                    </table>
+                    <h3 id="c005" class="center">瀹炶椤圭洰浜斻��韬綋娓呮磥鐓ф姢</h3>
+                    <h4 id="d081">涓�銆佸疄璁洰鐨�</h4>
+                    <p>1.鎺屾彙濠村辜鍎胯韩浣撴竻娲佸墠鐨勫噯澶囧伐浣溿��</p>
+                    <p>2.鎺屾彙濠村辜鍎胯韩浣撴竻娲佺殑鎿嶄綔娴佺▼銆�</p>
+                    <p>3.浣撶幇濠村辜鍎胯韩浣撴竻娲佺殑鍥炲簲鎬х収鎶ゃ��</p>
+                    <h4 id="d082">浜屻�佹妧鑳界偣</h4>
+                    <p>1.韬綋娓呮磥鐨勫噯澶囧伐浣溿��</p>
+                    <p>2.韬綋娓呮磥鐨勬搷浣滄祦绋嬨��</p>
+                    <p>3.韬綋娓呮磥鐨勫洖搴旀�х収鎶ゃ��</p>
+                    <h4 id="d083">涓夈�佸缓璁鏃�</h4>
+                    <p>1瀛︽椂銆�</p>
+                    <h4 id="d084">鍥涖�佸疄璁澶囧強鏉愭枡</h4>
+                    <p>濠村辜鍎挎ā鍨嬨�佹荡宸俱�佹绛剧瓑銆�</p>
+                    <h4 id="d085">浜斻�佹搷浣滄祦绋嬪強瑕佹眰</h4>
+                    <p>韬綋娓呮磥鐓ф姢鐨勬搷浣滄祦绋嬪強瑕佹眰瑙佽〃1-5-1銆�</p>
+                </div>
+            </div>
+        </div>
+        <!-- 11椤� -->
+        <div class="page-box" page="14">
+            <div v-if="showPageList.indexOf(14) > -1">
+                <ul class="fl al-c jc-fe pad-t-55 mb-25">
+                    <li class="headerText-bc">妯″潡涓�</li>
+                    <li class="headerText">鐩ユ礂鐓ф姢</li>
+                    <li class="headerNumber">
+                        <img class="img-0" src="../../assets/images/headerRight.png" alt="">
+                        <span>11</span>
+                    </li>
+                </ul>
+                <div class="bodystyle">
+                    <p class="img">琛�1-5-1 韬綋娓呮磥鐓ф姢鐨勬搷浣滄祦绋嬪強瑕佹眰</p>
+                    <p class="center"><img class="img-0" alt="" src="../../assets/images/i0016-1.jpg" /></p>
+                    <checkVideo :videoPath="videoData[5].videoSrc" :videoName="videoData[5].videoNameSrc"
+                        :BookId="bookIdSrc" :isCollectVideo="chapterData.isCollectVideoFive"
+                        @saveVideoStatus="saveVideoStatus">
+                    </checkVideo>
+                    <h4 id="d086">鍏�佹敞鎰忎簨椤�</h4>
+                    <p>1.濠村辜鍎挎矏娴翠簬鍠傚ザ鍚�1灏忔椂杩涜锛屼互鍏嶅憰鍚愬拰婧钩銆�</p>
+                    <p>2.濡傛灉濠村辜鍎跨殑鑷�閮ㄦ湁澶т究锛屽垯娲楀噣鑷�閮ㄥ悗鍐嶆斁鍏ユ荡鐩嗘矏娴淬��</p>
+                    <p>3.涓哄┐骞煎効娲楀ご鏃讹紝涓嶈兘鐢ㄦ寚鐢叉姄娲楀ご閮紝涔熶笉鑳藉己琛屽墺鍘诲┐骞煎効澶撮儴鐨勭毊鑴傘��</p>
+                </div>
+            </div>
+        </div>
+        <!-- 12椤� -->
+        <div class="page-box" page="15">
+            <div v-if="showPageList.indexOf(15) > -1">
+                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
+                    <li class="header-left-Number">
+                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
+                        <span>12</span>
+                    </li>
+                    <li class="header-left-text">濠村辜鍎跨収鎶ゅ疄鍔″疄璁寚瀵兼墜鍐�</li>
+                </ul>
+                <div class="bodystyle">
+                    <h4 id="d087">涓冦�佸疄璁嚜璇�</h4>
+                    <p>韬綋娓呮磥鐓ф姢鐨勫疄璁嚜璇勮〃瑙佽〃1-5-2銆�</p>
+                    <p class="img">琛�1-5-2 韬綋娓呮磥鐓ф姢鐨勫疄璁嚜璇勮〃</p>
+                    <table border="1" cellpadding="4" cellspacing="0"
+                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 img-0 mt-10">
+                        <tr class="table-th-bc">
+                            <td class="center">璇勫垎椤圭洰</td>
+                            <td class="center">璇勫垎鏍囧噯</td>
+                            <td class="center">鍒嗗��</td>
+                            <td class="center">寰楀垎</td>
+                        </tr>
+                        <tr>
+                            <td class="center table-tr-bc w15">
+                                鍑嗗宸ヤ綔
+                            </td>
+                            <td class="ta-l table-tr-bc w55">
+                                <p class="td-0">鐜鍑嗗銆佽嚜韬噯澶囥�佺墿鍝佸噯澶囥�佹按娓╁悎閫傘��</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc w15">
+                                <p class="center td-0">10</p>
+                            </td>
+                            <td class="ta-l table-tr-bc">
+                                <p class="center">
+                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableSeven.one"
+                                        @change="setBookQuestion" />
+                                </p>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="center table-tr-bc">鎿嶄綔娴佺▼</td>
+                            <td class="ta-l table-tr-bc">
+                                <p class="td-0">鎿嶄綔姝g‘锛屾祦绋嬪畬鏁淬��</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">60</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">
+                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableSeven.two"
+                                        @change="setBookQuestion" />
+                                </p>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="center table-tr-bc">娉ㄦ剰浜嬮」</td>
+                            <td class="ta-l table-tr-bc">
+                                <p class="td-0">鑳藉畬鏁村彊杩版湰瀹炶椤圭洰鐨勬敞鎰忎簨椤广��</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">20</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">
+                                    <input type="text" class="table-input-border-w20"
+                                        v-model="tableData.tableSeven.three" @change="setBookQuestion" />
+                                </p>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="center table-tr-bc">鎬讳綋璇勪环</td>
+                            <td class="ta-l table-tr-bc">
+                                <p class="td-0">1.鍔ㄤ綔娴佺晠銆佸畬鏁淬��</p>
+                                <p class="td-0">2.鐜板満澶勭悊闂娌夌潃鍐烽潤銆�</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">10</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">
+                                    <input type="text" class="table-input-border-w20"
+                                        v-model="tableData.tableSeven.four" @change="setBookQuestion" />
+                                </p>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="center table-tr-bc" colspan="2">鎬诲垎</td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">100</p>
+                            </td>
+                            <td class="ta-l center table-tr-bc">
+                                <p class="center td-0">
+                                    <input type="text" class="table-input-border-w20"
+                                        v-model="tableData.tableSeven.five" @change="setBookQuestion" />
+                                </p>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="center table-tr-bc">鍙嶆�濅笌鏀惰幏</td>
+                            <td class="ta-l table-tr-bc" colspan="3">
+                                <textarea v-model="tableData.tableSeven.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
+                                    class="table-textarea" @change="setBookQuestion"></textarea>
+                            </td>
+                        </tr>
+                    </table>
+                    <div class="question-box">
+                        <div class="question-title">
+                            <p class="question-title-name">
+                                棰樺簱: {{ chapter001.question[1].questionTitleMain }}
+                            </p>
+                            <p class="question-title-img" @click="openQuestion(1)">
+                                <img :src=questionIcon alt="">
+                                <span>缁冧範</span>
+                            </p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <dialogExaminations :isClear="dialogVisibleOne" :primaryColor="themeColor"
+            :cardList="interfaceQuestion[questionNum]" v-if="interfaceQuestion" :chapter="2" :page="questionNum"
+            :questionTitle="questionTitleMain" ref="dialogRef">
+        </dialogExaminations>
+    </div>
+</template>
+
+<script>
+import checkVideo from "@/components/checkVideo/index.vue";
+import dialogExaminations from "@/components/dialogExaminations/index.vue";
+export default {
+    name: "chapterOne",
+    props: {
+        showPageList: {
+            type: Array,
+        },
+        interfaceQuestion: {
+            type: Object,
+        },
+    },
+    components: {
+        checkVideo,
+        dialogExaminations
+    },
+    data() {
+        return {
+            questionIcon: require("../../assets/images/icon/lianxi.png"),
+            bookIdSrc: this.config.activeBook.bookId,
+            videoData: [
+                {
+                    videoSrc: "EABEB668DFE955B0DC3ABB3122A3B6EC",
+                    videoNameSrc: "涓冩娲楁墜娉�",
+                },
+                {
+                    videoSrc: "11B38C9694A54E9296D052DBBF7BD99C",
+                    videoNameSrc: "闈㈤儴娓呮磥鐨勬祦绋�",
+                },
+                {
+                    videoSrc: "F60948EAB7B9A40A9A5CBD7042D8C509",
+                    videoNameSrc: "鍒风墮鎸囧",
+                },
+                {
+                    videoSrc: "5EFDFD4AA4CD1C4BBC8F508A1D02CB9E",
+                    videoNameSrc: "鐢风鑷�閮ㄦ竻娲佺殑娴佺▼",
+                },
+                {
+                    videoSrc: "4E5831A929878FB5A62FDB84840095E3",
+                    videoNameSrc: "濂崇鑷�閮ㄦ竻娲佺殑娴佺▼",
+                },
+                {
+                    videoSrc: "B4EDCD6EEAD4195DBA09E10AD721D7DF",
+                    videoNameSrc: "韬綋娓呮磥鐨勬祦绋�",
+                },
+            ],
+            chapterData: {
+                isCollectVideo: false,
+                isCollectVideoOne: false,
+                isCollectVideoTwo: false,
+                isCollectVideoThree: false,
+                isCollectVideoFour: false,
+                isCollectVideoFive: false,
+            },
+            tableData: {
+                tableOne: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                    five: "",
+                    six: "",
+                    seven: "",
+                },
+                tableTwo: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                    five: "",
+                    six: "",
+                    seven: "",
+                },
+                tableThree: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                    five: "",
+                    six: "",
+                    seven: "",
+                },
+                tableFour: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                    five: "",
+                    six: "",
+                    seven: "",
+                },
+                tableFive: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                    five: "",
+                    six: "",
+                    seven: "",
+                },
+                tableSix: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                    five: "",
+                    six: "",
+                },
+                tableSeven: {
+                    one: "",
+                    two: "",
+                    three: "",
+                    four: "",
+                    five: "",
+                    six: "",
+                },
+            },
+            // 棰樼洰鐩稿叧
+            dialogVisibleOne: false,
+            themeColor: "#03AFED",
+            questionNum: 0,
+            questionTitleMain: "",
+            chapter001: {
+                question: {
+                    1: {
+                        questionTitleMain: "鐩ユ礂鐓ф姢",
+                        questionNum: 15,
+                    },
+                },
+            },
+        };
+    },
+    mounted() {
+        const bookQuestion = localStorage.getItem("practicalCareChildrenManual-book-chapter01-tableData");
+        if (bookQuestion) {
+            this.tableData = JSON.parse(bookQuestion);
+        }
+
+        const choiceQuestion = localStorage.getItem("practicalCareChildrenManual-book-chapter001-video");
+        if (choiceQuestion) {
+            this.chapterData = JSON.parse(choiceQuestion);
+        }
+    },
+    methods: {
+        saveVideoStatus() {
+            this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo;
+            localStorage.setItem(
+                "practicalCareChildrenManual-book-chapter001-video",
+                JSON.stringify(this.chapterData)
+            );
+        },
+        setBookQuestion() {
+            localStorage.setItem(
+                "practicalCareChildrenManual-book-chapter01-tableData",
+                JSON.stringify(this.tableData)
+            );
+        },
+        openQuestion(num) {
+            if (num) {
+                this.questionNum = this.chapter001.question[num].questionNum;
+                this.questionTitleMain = this.chapter001.question[num].questionTitleMain;
+                this.$refs.dialogRef.openDialogQuestion();
+            }
+        },
+    }
+};
+</script>
+
+<style lang="less" scoped></style>
\ No newline at end of file
diff --git a/src/books/practicalCareChildrenManual/view/components/header.vue b/src/books/practicalCareChildrenManual/view/components/header.vue
new file mode 100644
index 0000000..75a486e
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/view/components/header.vue
@@ -0,0 +1,61 @@
+<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/0002-1.jpg" />
+            </div>
+        </div>
+        <!-- 浠嬬粛椤甸潰 -->
+        <div class="page-box" page="3">
+            <div v-if="showPageList.indexOf(3) > -1">
+                <div style="max-width: 400px; margin: 0 10%; padding: 50% 0 10% 0">
+                    <p><b>鍥句功鍦ㄧ増缂栫洰锛圕IP锛夋暟鎹�</b></p>
+                    <p>濠村辜鍎跨収鎶ゅ疄鍔�/璧甸潚涓荤紪.鈥斿寳浜細鍖椾含甯堣寖澶у鍑虹増绀撅紝2023.8锛�2025.1閲嶅嵃锛�</p>
+                    <p>ISBN 978-7-303-28456-6</p>
+                    <p>鈪�.鈶犲┐鈥� 鈪�.鈶犺档鈥� 鈪�.鈶犲┐骞煎効-鍝鸿偛-楂樼瓑鑱屼笟鏁欒偛-鏁欐潗 鈪�.鈶燭S976.31</p>
+                    <p>涓浗鐗堟湰鍥句功棣咰IP鏁版嵁鏍稿瓧锛�2022锛夌242759鍙�</p>
+                    <hr class="img-0" />
+                    <p class="td-0">鍑虹増鍙戣锛氬寳浜笀鑼冨ぇ瀛﹀嚭鐗堢ぞ锛歨ttps//www.bnupg.com</p>
+                    <p class="td-0 fz-14 block3">銆�銆�銆�銆�銆�鍖椾含甯傝タ鍩庡尯鏂拌鍙e澶ц12-3鍙�</p>
+                    <p class="td-0 fz-14 block3">銆�銆�銆�銆�銆�閭斂缂栫爜锛�100088</p>
+                    <p class="td-0 fz-14 block3">鍗般��銆�鍒凤細浼樺浠曞嵃鍒锋渤鍖楁湁闄愬叕鍙�</p>
+                    <p class="td-0 fz-14 block3">缁忋��銆�閿�锛氬叏鍥芥柊鍗庝功搴�</p>
+                    <p class="td-0 fz-14 block3">寮�銆�銆�鏈細889mm脳1194mm 1/16</p>
+                    <p class="td-0 fz-14 block3">鍗般��銆�寮狅細4</p>
+                    <p class="td-0 fz-14 block3">瀛椼��銆�鏁帮細84鍗冨瓧</p>
+                    <p class="td-0 fz-14 block3">鐗堛��銆�娆★細2023骞�8鏈堢1鐗�</p>
+                    <p class="td-0 fz-14 block3">鍗般��銆�娆★細2025骞�1鏈堢3娆″嵃鍒�</p>
+                    <p class="td-0 fz-14 block3">瀹氥��銆�浠凤細59.80鍏冿紙鍚疄璁寚瀵兼墜鍐岋級</p>
+                    <hr class="img-0" />
+                    <p class="td-0">绛栧垝缂栬緫锛氱綏浣╃弽銆�銆�銆�銆�銆�銆�銆�璐d换缂栬緫锛氬畫鏄�</p>
+                    <p class="td-0">缇庢湳缂栬緫锛氱劍涓姐��銆�銆�銆�銆�銆�銆�銆�瑁呭抚璁捐锛氱劍涓�</p>
+                    <p class="td-0">璐d换鏍″锛氶檲鑽熴��鐢崇珛鑾广��銆�銆�銆�璐d换鍗板埗锛氳档榫�</p>
+                    <p class="td-0"><b>鐗堟潈鎵�鏈夈��渚垫潈蹇呯┒</b></p>
+                    <p class="td-0 fz-10">璇昏�呮湇鍔$數璇濓細010-58806806</p>
+                    <p class="td-0 fz-10">濡傚彂鐜板嵃瑁呰川閲忛棶棰橈紝褰卞搷闃呰锛岃鑱旂郴鍗板埗绠$悊閮細010-58800608</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/practicalCareChildrenManual/view/components/index.vue b/src/books/practicalCareChildrenManual/view/components/index.vue
new file mode 100644
index 0000000..ff21805
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/view/components/index.vue
@@ -0,0 +1,1008 @@
+<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"
+        :interfaceQuestion="questionDataMap"
+      ></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>
+      <chapterSix v-if="showCatalogList.indexOf(7) > -1"
+        :showPageList="loadPageList" >
+      </chapterSix>
+      <chapterSeven  v-if="showCatalogList.indexOf(8) > -1"
+        :showPageList="loadPageList" >
+      </chapterSeven> -->
+    </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 chapterSix from "./chapter006.vue";
+// import chapterSeven from "./chapter007.vue";
+import NoteIcon from "@/assets/images/biji.png";
+import getQuestionList from "@/assets/methods/examination";
+import testData from "../../assets/question";
+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
+        : 14;
+    },
+    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, 15);
+    //   //   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,
+        // chapterSix,
+        // 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) {
+              setTimeout(()=>{
+                playVudio.requestPictureInPicture();
+              },0)
+            }
+          } 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,
+    // chapterSix,
+    // 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>
diff --git a/src/books/practicalCareChildrenManual/view/index.vue b/src/books/practicalCareChildrenManual/view/index.vue
new file mode 100644
index 0000000..37ca661
--- /dev/null
+++ b/src/books/practicalCareChildrenManual/view/index.vue
@@ -0,0 +1,80 @@
+<template>
+    <div class="practicalCareChildrenManual" @mouseup="handleMouseUp">
+      <pageContent></pageContent>
+    </div>
+  </template>
+  
+  <script>
+  import pageContent from "./components/index.vue";
+  export default {
+    name: "practicalCareChildrenManual",
+    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/preschoolEvaluation/view/components/header.vue b/src/books/preschoolEvaluation/view/components/header.vue
index 3a936a5..5a402d4 100644
--- a/src/books/preschoolEvaluation/view/components/header.vue
+++ b/src/books/preschoolEvaluation/view/components/header.vue
@@ -81,7 +81,7 @@
                             鏍规嵁鏁欒偛璇勪环鏀归潻鐨勬柊褰㈠娍鍜岀幇瀹為渶瑕侊紝鏈瀵瑰涓嬫柟闈㈢殑鍐呭鍋氫簡淇銆�</p>
                         <p class="fm-fzfs">1. 灏嗗厷鐨勪簩鍗佸ぇ鎶ュ憡涓湁鍏冲鍓嶆暀鑲茶瘎浠风殑鍐呭娓楅�忓埌鏁欐潗涓�備簩鍗佸ぇ鎶ュ憡鎻愬嚭鍔犲揩寤鸿楂樿川閲忔暀鑲蹭綋绯伙紝鍙戝睍绱犺川鏁欒偛锛屼績杩涙暀鑲插叕骞�;杩樻彁鍑哄姞寮哄笀寰峰笀椋庡缓璁撅紝鍩瑰吇楂樼礌璐ㄦ暀甯堥槦浼嶃�傞珮璐ㄩ噺鏁欒偛浣撶郴绂讳笉寮�楂樼礌璐ㄦ暀甯堥槦浼嶏紝鏈淇鐗瑰埆鍏虫敞浜嗙鍏珷骞煎効鏁欏笀鍙戝睍璇勪环锛屽绗竴鑺傚辜鍎挎暀甯堣瘎浠风殑鎸囧鎬濇兂銆佺涓夎妭骞煎効鏁欏笀涓撲笟鐭ヨ瘑璇勪环鍧囧仛浜嗙悊蹇靛拰鐭ヨ瘑涓婄殑淇敼;鍦ㄧ浜岃妭骞煎効鏁欏笀涓撲笟鐞嗗康涓庡笀寰疯瘎浠蜂腑澧炲姞鈥滈檿鐢樺畞杈瑰尯淇濊偛闄㈡椂鏈熸暀甯堝骞煎効鎬佸害涓庤涓虹殑璇勪环鈥濆拰鈥滈檿鐢樺畞杈瑰尯淇濊偛闄㈡椂鏈熷鏁欏笀鎬佸害鍜屼慨鍏荤殑璇勪环鈥濅袱涓渚�;鍦ㄧ鍥涜妭骞煎効鏁欏笀涓撲笟鑳藉姏璇勪环涓鍔犫�滈檿鐢樺畞杈瑰尯淇濊偛闄㈡椂鏈熷鏁欏笀婵�鍔变笌璇勪环鑳藉姏鐨勮瘎浠封�濆拰鈥滈檿鐢樺畞杈瑰尯淇濊偛闄㈡椂鏈熷鏁欏笀鍙嶆�濅笌鍙戝睍鑳藉姏鐨勮瘎浠封�濅袱涓渚嬨�傚悓鏃讹紝鍦ㄧ浜旂珷绗笁鑺傝瀵熶笌璇勪环璧勬枡鐨勬敹闆嗕腑澧炲姞濡備綍瑙傚療涓庤瘎浠峰ぇ鐝辜鍎跨Н鏈ㄥ缓鏋勬父鎴忕殑妗堜緥锛屽湪绗竷绔犲鍓嶅効绔ュ彂灞曡瘎浠蜂腑澧炲姞鍏ㄩ潰璇勪环3~6宀佸辜鍎垮彂灞曟鏍歌〃绛夈�傝繖浜涗慨璁㈠唴瀹规棬鍦ㄥ紩璧峰ぇ瀹跺鎻愬崌骞煎効鏁欏笀绱犺川锛屽己鍖栧笀寰峰笀椋庡缓璁撅紝鎻愰珮鍑嗗辜鍎挎暀甯堝垎鏋愰棶棰樸�佽В鍐抽棶棰樹粠鑰屽舰鎴愮郴缁熸柟娉曡鑳藉姏鐨勯噸瑙嗭紝浠ヨ惤瀹炲厷鐨勪簩鍗佸ぇ鏈夊叧鏁欒偛绮剧銆�
                         </p>
-                        <p class="fm-fzfs">2. 灏嗐�婃�讳綋鏂规銆嬪拰銆婅瘎浼版寚鍗椼�嬩腑鐨勬湁鍏宠姹傝瀺鍏ユ暀鏉愮殑鐩稿簲绔犺妭銆傘�婃�讳綋鏂规銆嬫彁鍑哄辜鍎垮洯鏁欏笀璇勪环绐佸嚭淇濇暀瀹炶返锛屾妸浠ユ父鎴忎负鍩烘湰娲诲姩淇冭繘鍎跨涓诲姩瀛︿範鍜屽叏闈㈠彂灞曠殑鑳藉姏浣滀负鍏抽敭鎸囨爣銆傝繖涓�瑕佹眰鍦ㄧ涓冪珷瀛﹀墠鍎跨鍙戝睍璇勪环鍜岀鍏珷骞煎効鏁欏笀鍙戝睍璇勪环涓潎鏈変綋鐜�;銆婅瘎浼版寚鍗椼�嬬殑鎸囧鎬濇兂銆佸熀鏈師鍒欍�佽瘎浼版柟寮忕瓑鍦ㄧ涓�绔犲鍓嶆暀鑲茶瘎浠锋杩般�佺浜旂珷瀛﹀墠鏁欒偛璇勪环璧勬枡鏀堕泦銆佺鍏珷瀛﹀墠鏁欒偛璇勪环璧勬枡缁熻涓庡垎鏋愪腑浣撶幇绐佸嚭锛屻�婅瘎浼版寚鍗椼�嬩腑浜斾釜鏂归潰鐨�
+                        <p class="fm-fzfs">2. 灏嗐�婃�讳綋鏂规銆嬪拰銆婅瘎浼版寚鍗椼�嬩腑鐨勬湁鍏宠姹傝瀺鍏ユ暀鏉愮殑鐩稿簲绔犺妭銆傘�婃�讳綋鏂规銆嬫彁鍑哄辜鍎垮洯鏁欏笀璇勪环绐佸嚭淇濇暀瀹炶返锛屾妸浠ユ父鎴忎负鍩烘湰娲诲姩淇冭繘鍎跨涓诲姩瀛︿範鍜屽叏闈㈠彂灞曠殑鑳藉姏浣滀负鍏抽敭鎸囨爣銆傝繖涓�瑕佹眰鍦ㄧ涓冪珷瀛﹀墠鍎跨鍙戝睍璇勪环鍜岀鍏珷骞煎効鏁欏笀鍙戝睍璇勪环涓潎鏈変綋鐜�;銆婅瘎浼版寚鍗椼�嬬殑鎸囧鎬濇兂銆佸熀鏈師鍒欍�佽瘎浼版柟寮忕瓑鍦ㄧ涓�绔犲鍓嶆暀鑲茶瘎浠锋杩般�佺浜旂珷瀛﹀墠鏁欒偛璇勪环璧勬枡鏀堕泦銆佺鍏珷瀛﹀墠鏁欒偛璇勪环璧勬枡缁熻涓庡垎鏋愪腑浣撶幇绐佸嚭锛屻�婅瘎浼版寚鍗椼�嬩腑浜斾釜鏂归潰鐨勮瘎浼板唴瀹瑰湪鏁欐潗鐨勭涓夌瘒璇勪环瀹炶返绡囦腑閲嶇偣璐交銆�
                         </p>
                     </div>
                 </div>
@@ -97,9 +97,6 @@
                     <img class="header-left-img" src="../../assets/images/yemei-left.png" alt="">
                 </ul>
                 <div style="padding: 0 0 10% 0; margin: 0 16%;">
-                    <p class="td-0 fm-fzfs">
-                        璇勪及鍐呭鍦ㄦ暀鏉愮殑绗笁绡囪瘎浠峰疄璺电瘒涓噸鐐硅疮褰汇��
-                    </p>
                     <p class="fm-fzfs">3. 灏嗗師鏉ョ殑绾歌川鐗堟暀鏉愭敼涓鸿瀺濯掍綋鏁欐潗銆傛湰娆′慨璁㈠鍔犱簩缁寸爜璧勬簮锛屾秹鍙婇噸瑕佺煡璇嗙偣寰棰戣鎺堛�佹嫇灞曠煡璇嗙瓑銆傝繖鏍风殑淇敼渚夸簬鎺堣鏁欏笀鎶婃彙閲嶈鐭ヨ瘑鐐癸紝鏂逛究鏁欏笀杩涜璇剧▼鏁欏璁捐锛屼篃鏈夊埄浜庡悓瀛︿滑鍊熷姪浜岀淮鐮佽祫婧愯繘琛屾嫇灞曞涔�
                     </p>
                     <p class="fm-fzfs">4. 澧炲姞鍏ㄥ浗缁熻�冨辜鍎垮洯鏁欏笀璧勬牸鑰冭瘯鐪熼浠ュ強鍏ㄥ浗骞煎効鏁欏笀鎶�鑳藉ぇ璧涚湡棰樸�傛湰娆′慨璁㈠湪鍚勪釜绔犺妭涓鍔犱簡鑰冭瘯鐪熼鎴栧ぇ璧涚湡棰橈紝骞剁粨鍚堢煡璇嗙偣瀵圭湡棰樿繘琛屼簡鍒嗘瀽锛屼究浜庡悓瀛︿滑瀛︿範鏃堕浼氾紝鐏垫椿鎺屾彙璇剧▼鏁欏鐭ヨ瘑銆�</p>
@@ -126,8 +123,6 @@
                         </p>
                         <p class="fm-fzfs">鏈功鐢辫瘎浠风悊璁虹瘒銆佽瘎浠锋妧鏈瘒鍜岃瘎浠峰疄璺电瘒鏋勬垚銆傝瘎浠风悊璁虹瘒鐢辩涓�绔犮�佺浜岀珷鍜岀涓夌珷缁勬垚锛岃瘎浠锋妧鏈瘒鐢辩鍥涚珷銆佺浜旂珷鍜岀鍏珷缁勬垚锛岃瘎浠峰疄璺电瘒鐢辩涓冪珷銆佺鍏珷鍜岀涔濈珷缁勬垚銆傝瘎浠风悊璁虹瘒鐫�閲嶅瀛﹀墠鏁欒偛璇勪环鐨勪骇鐢熶笌鍙戝睍銆佹剰涔変笌浣滅敤銆佸師鍒欍�佺被鍨嬶紝涓昏鐞嗚鍩虹鍜岀悊璁烘ā寮忚繘琛屾杩帮紱璇勪环鎶�鏈瘒鐫�閲嶅洿缁曞鍓嶆暀鑲茶瘎浠锋柟妗堢紪鍒躲�佽瘎浠疯祫鏂欐敹闆嗕笌缁熻鍒嗘瀽杩涜闃愯堪锛岀洰鐨勫湪浜庡府鍔╁鐢熷垵姝ユ帉鎻″紑灞曞鍓嶆暀鑲茶瘎浠风殑鏂规硶锛涜瘎浠峰疄璺电瘒鐫�閲嶅瀛﹀墠鏁欒偛鍙戝睍涓殑鏍稿績瑕佺礌鈥斺�斿鍓嶅効绔ュ彂灞曘�佸辜鍎挎暀甯堝彂灞曞拰骞煎効鍥鐞嗗伐浣滆繘琛岃瘎浠凤紝璇曞浘灏嗗浗瀹舵柊棰佸竷鐨勬湁鍏冲鍓嶆暀鑲茬殑鏀跨瓥鍐呭铻嶅叆鍏朵腑銆傛�讳綋鏉ョ湅锛屾湰涔﹀嚫鏄惧嚭濡備笅鍑犱釜鏂归潰鐨勭壒鐐广��
                         </p>
-                        <p class="fm-fzfs">绗竴锛屽叏闈㈠弽鏄犲浗瀹跺彂灞曞鍓嶆暀鑲茬殑鏂版斂绛栥�佹柊瑕佹眰銆傚叏涔﹀湪缂栧啓杩囩▼涓�
-                        </p>
                     </div>
                 </div>
             </div>
@@ -142,8 +137,8 @@
                     <img class="header-left-img" src="../../assets/images/yemei-left.png" alt="">
                 </ul>
                 <div style="padding: 0 0 10% 0; margin: 0 16%;">
-                    <p class="td-0 fm-fzfs">
-                        濮嬬粓鍧氭寔浠ュ浗瀹惰繎鍑犲勾鏂伴甯冪殑鏈夊叧瀛﹀墠鏁欒偛鐨勬斂绛栨枃浠朵负鎸囧锛屽悇绉嶈瘎浠锋柟妗堢殑缂栧埗灏藉彲鑳藉弽鏄犲浗瀹剁殑鐩稿叧瑕佹眰锛屽瀵瑰鍓嶅効绔ヨ韩蹇冨彂灞曡鏂归潰鐨勮瘎浠风揣绱у洿缁曘��3鈥�6宀佸効绔ュ涔犱笌鍙戝睍鎸囧崡銆嬶紙浠ヤ笅绠�绉般�婃寚鍗椼�嬶級杩涜锛屻�婃寚鍗椼�嬬殑鎬濇兂绮剧鏄寚瀵兼垜浠紑灞曞鍓嶅効绔ヨ瘎浠风殑渚濇嵁锛涘骞煎効鏁欏笀涓撲笟鍙戝睍鐨勮瘎浠蜂緷鎵樸�婂辜鍎垮洯鏁欏笀涓撲笟鏍囧噯锛堣瘯琛岋級銆嬩腑瀵瑰辜鍎挎暀甯堟彁鍑虹殑涓撲笟鐞嗗康涓庡笀寰枫�佷笓涓氱煡璇嗗拰涓撲笟鑳藉姏涓変釜鏂归潰鐨勫唴瀹瑰睍寮�锛涘骞煎効鍥鐞嗗伐浣滅殑璇勪环缁撳悎銆婂鍓嶆暀鑲茬潱瀵艰瘎浼版殏琛屽姙娉曘�嬨�婂辜鍎垮洯鏁欒亴宸ラ厤澶囨爣鍑嗭紙鏆傝锛夈�嬨�婃墭鍎挎墍骞煎効鍥崼鐢熶繚鍋ョ鐞嗗姙娉曘�嬨�婂辜鍎垮洯鏀惰垂绠$悊鏆傝鍔炴硶銆嬨�婂辜鍎垮洯宸ヤ綔瑙勭▼銆嬬瓑涓�绯诲垪鏈夊叧骞煎効鍥鐞嗗伐浣滅殑鏀跨瓥鏂囦欢锛涚浉鍏虫澘鍧楄繕铻嶅悎浜嗘渶鏂扮殑鏁欏笀璧勬牸鑰冭瘯澶х翰鐨勮姹傦紝鍔涘浘鏈�澶ч檺搴﹀湴鍙嶆槧鍥藉鍙戝睍瀛﹀墠鏁欒偛鐨勬柊绮剧銆�
+                    <p class="fm-fzfs">
+                        绗竴锛屽叏闈㈠弽鏄犲浗瀹跺彂灞曞鍓嶆暀鑲茬殑鏂版斂绛栥�佹柊瑕佹眰銆傚叏涔﹀湪缂栧啓杩囩▼涓缁堝潥鎸佷互鍥藉杩戝嚑骞存柊棰佸竷鐨勬湁鍏冲鍓嶆暀鑲茬殑鏀跨瓥鏂囦欢涓烘寚瀵硷紝鍚勭璇勪环鏂规鐨勭紪鍒跺敖鍙兘鍙嶆槧鍥藉鐨勭浉鍏宠姹傦紝濡傚瀛﹀墠鍎跨韬績鍙戝睍璇告柟闈㈢殑璇勪环绱х揣鍥寸粫銆�3鈥�6宀佸効绔ュ涔犱笌鍙戝睍鎸囧崡銆嬶紙浠ヤ笅绠�绉般�婃寚鍗椼�嬶級杩涜锛屻�婃寚鍗椼�嬬殑鎬濇兂绮剧鏄寚瀵兼垜浠紑灞曞鍓嶅効绔ヨ瘎浠风殑渚濇嵁锛涘骞煎効鏁欏笀涓撲笟鍙戝睍鐨勮瘎浠蜂緷鎵樸�婂辜鍎垮洯鏁欏笀涓撲笟鏍囧噯锛堣瘯琛岋級銆嬩腑瀵瑰辜鍎挎暀甯堟彁鍑虹殑涓撲笟鐞嗗康涓庡笀寰枫�佷笓涓氱煡璇嗗拰涓撲笟鑳藉姏涓変釜鏂归潰鐨勫唴瀹瑰睍寮�锛涘骞煎効鍥鐞嗗伐浣滅殑璇勪环缁撳悎銆婂鍓嶆暀鑲茬潱瀵艰瘎浼版殏琛屽姙娉曘�嬨�婂辜鍎垮洯鏁欒亴宸ラ厤澶囨爣鍑嗭紙鏆傝锛夈�嬨�婃墭鍎挎墍骞煎効鍥崼鐢熶繚鍋ョ鐞嗗姙娉曘�嬨�婂辜鍎垮洯鏀惰垂绠$悊鏆傝鍔炴硶銆嬨�婂辜鍎垮洯宸ヤ綔瑙勭▼銆嬬瓑涓�绯诲垪鏈夊叧骞煎効鍥鐞嗗伐浣滅殑鏀跨瓥鏂囦欢锛涚浉鍏虫澘鍧楄繕铻嶅悎浜嗘渶鏂扮殑鏁欏笀璧勬牸鑰冭瘯澶х翰鐨勮姹傦紝鍔涘浘鏈�澶ч檺搴﹀湴鍙嶆槧鍥藉鍙戝睍瀛﹀墠鏁欒偛鐨勬柊绮剧銆�
                     </p>
                     <p class="fm-fzfs">绗簩锛岀悊璁轰笌瀹炶返瀵嗗垏缁撳悎銆傝瘎浠风悊璁烘槸鎸囧璇勪环瀹炶返鐨勪緷鎹拰鍏堝锛岀己涔忕悊璁烘寚瀵肩殑瀹炶返鍙兘娌︿负鐩茬洰鐨勫疄璺碉紱鍙嶄箣锛屾病鏈夊疄璺垫牴鍩虹殑鐞嗚涔熷彧鑳借瑙嗕负绌烘礊鐨勭悊璁恒�傛湰鏁欐潗鍦ㄧ紪鍐欒繃绋嬩腑鏃跺埢娉ㄦ剰灏嗙悊璁烘寚瀵间笌瀹炶返搴旂敤缁撳悎璧锋潵銆傛瘮濡傦紝鏈暀鏉愯杩颁簡绯荤粺鐞嗚瀵瑰鍓嶆暀鑲茶瘎浠风殑鎸囧銆侀噺琛ㄧ悊璁哄拰妫�楠岀悊璁哄湪瀛﹀墠鏁欒偛璇勪环涓殑鍏蜂綋搴旂敤銆佸悇绉嶈瘎浠锋ā寮忓湪瀛﹀墠鏁欒偛瀹炶返涓殑鍏蜂綋杩愮敤锛屽瀛﹀墠鏁欒偛璇勪环绫诲瀷鐨勫垎鏋愪篃鍩轰簬澶ч噺鐨勫疄璺垫渚嬶紝瀛﹀墠鏁欒偛璇勪环鏂规鐨勭紪鍒躲�佽瘎浠疯祫鏂欑殑鏀堕泦涓庡鐞嗕篃閮藉嚫鏄句簡鐞嗚涓庡疄璺电殑缁撳悎銆�
                     </p>
diff --git a/src/books/preschoolEvaluation/view/components/index.vue b/src/books/preschoolEvaluation/view/components/index.vue
index 708ff8d..52e11aa 100644
--- a/src/books/preschoolEvaluation/view/components/index.vue
+++ b/src/books/preschoolEvaluation/view/components/index.vue
@@ -172,7 +172,7 @@
 
     // 娴嬭瘯椤甸潰璺宠浆
     setTimeout(() => {
-      this.gotoPage(11, 290);
+      this.gotoPage(2, 18);
       //   setTimeout(() => {
       //     this.renderSign("Highlight", {
       //       id: "2ACA9359",
@@ -935,7 +935,11 @@
         const topGap = playVudio.getBoundingClientRect().top;
         if (bottomGap < 0 || topGap > window.innerHeight) {
           try {
-            if (playVudio.readyState) playVudio.requestPictureInPicture();
+            if (playVudio.readyState) {
+              setTimeout(()=>{
+                playVudio.requestPictureInPicture();
+              },0)
+            }
           } catch (error) {
             console.log(error, "灏忕獥閿欒error");
           }
diff --git a/src/books/toddlerGameImplementation/assets/main.less b/src/books/toddlerGameImplementation/assets/main.less
index 4bf82fc..a45ccb2 100644
--- a/src/books/toddlerGameImplementation/assets/main.less
+++ b/src/books/toddlerGameImplementation/assets/main.less
@@ -278,9 +278,6 @@
     width: 30px;
   }
 
-
-
-
   .headerText-bc {
     width: 70px;
     color: #fff;
diff --git a/src/books/toddlerGameImplementation/view/components/index.vue b/src/books/toddlerGameImplementation/view/components/index.vue
index 2716ffe..73ba023 100644
--- a/src/books/toddlerGameImplementation/view/components/index.vue
+++ b/src/books/toddlerGameImplementation/view/components/index.vue
@@ -191,22 +191,22 @@
     }, 500);
 
     // 娴嬭瘯椤甸潰璺宠浆
-    setTimeout(() => {
-      this.gotoPage(8, 183);
-      //   setTimeout(() => {
-      //     this.renderSign("Highlight", {
-      //       id: "2ACA9359",
-      //       txt: "棰樹竴瀛︿範涓婚涓� 杩愬姩",
-      //       page: "10",
-      //       type: "Highlight",
-      //       color: "#F5E12A"
-      //     });
-      // setTimeout(() => {
-      //   this.delSign({
-      //     ids: ["2ACA9359"]
-      //   });
-      // }, 2000);
-    }, 500);
+    // setTimeout(() => {
+    //   this.gotoPage(1, 5);
+    //   //   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")
diff --git a/src/components/checkVideo/index.vue b/src/components/checkVideo/index.vue
new file mode 100644
index 0000000..11cbc18
--- /dev/null
+++ b/src/components/checkVideo/index.vue
@@ -0,0 +1,191 @@
+<template>
+    <div class="video-box">
+        <div class="video-title">
+            <p class="video-title-name">
+                閰嶅瑙嗛: {{ videoName }}
+            </p>
+            <p class="video-title-img">
+                <img @click="isDisplay = !isDisplay" :src=videoIcon alt="">
+                <el-tooltip class="item" effect="dark" :content="localIsCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                    placement="top-start">
+                    <img :src="collectResourceList.findIndex(
+                        (item) => item.id == videoPath
+                    ) > -1
+                        ? collectCheck
+                        : collectImg
+                        " alt="" class="collect-btn" @click="handleCollect()" />
+                </el-tooltip>
+            </p>
+        </div>
+        <div class="video-main" v-if="isDisplay">
+            <video :src="videoPathSrc" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video"></video>
+
+        </div>
+    </div>
+</template>
+
+<script>
+import { getResourcePath } from "@/assets/methods/resources";
+import { getCollectResource, setCollectResource } from "@/assets/methods/resources";
+export default {
+    data() {
+        return {
+            videoIcon: require("../../assets/images/videoLogo.png"),
+            collectCheck: require("../../assets/images/heart-check.png"),
+            collectImg: require("../../assets/images/heart.png"),
+            videoPathSrc: "",
+            collectResourceList: [],
+            localIsCollectVideo: this.isCollectVideo,
+            isDisplay: true,
+        };
+    },
+    props: {
+        videoPath: {
+            type: String,
+            required: "",
+        },
+        videoName: {
+            type: String,
+            required: "",// 榛樿鍊�
+        },
+        BookId: {
+            type: String,
+            required: "",// 榛樿鍊�
+        },
+        isCollectVideo: {
+            type: Boolean,
+            required: false,// 榛樿鍊�
+        }
+    },
+    computed: {
+        // currentQuestion() {
+        //     return this.questions[this.currentIndex];
+        // },
+        // setHoverStyles() {
+        //     return {
+        //         "--hover-bg-color": this.hoverBackgroundColor,
+        //         "--hover-color": this.hoverColor,
+        //     };
+        // },
+        // mergedStyles() {
+        //     // 鍚堝苟鐩存帴鏍峰紡鍜岃绠楀睘鎬ф牱寮�
+        //     return {
+        //         borderColor: this.primaryColor,
+        //         ...this.setHoverStyles,
+        //     };
+        // },
+    },
+    async mounted() {
+        this.getVidoePath();
+        this.collectResourceList = await getCollectResource(
+            this.BookId
+        );
+    },
+    methods: {
+        async getVidoePath() {
+            this.videoPathSrc = await getResourcePath(
+                this.videoPath
+            );
+            debugger
+        },
+
+        handleCollect() {
+            this.handleCollectResource(
+                this.videoPath,
+                this.videoPath,
+                "",
+                "瑙嗛",
+                "bits",
+                "瑙嗛锛�" + this.videoName
+            );
+            this.localIsCollectVideo = !this.localIsCollectVideo;
+            this.$emit('saveVideoStatus')
+        },
+        //璧勬簮鏀惰棌浜嬩欢
+        // 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.BookId,
+                this.collectResourceList
+            );
+        },
+    },
+};
+</script>
+
+<style lang="less" scoped>
+.video-box {
+    margin: 20px 0 20px 0;
+    border: 1px solid #40C7F4;
+
+}
+
+.video-title {
+    display: flex;
+    justify-content: space-between;
+    background-color: #c7eaf9;
+    border-bottom: 1px solid #40C7F4;
+    min-height: 25px;
+}
+
+.video-title-name {
+    padding: 0 2%;
+    display: flex;
+    text-indent: 0em;
+    margin: 0 !important;
+    border-right: 1px solid #40C7F4;
+}
+
+.video-title-img {
+    padding-right: 2%;
+    text-indent: 0em;
+    display: flex;
+
+    img {
+        cursor: pointer;
+    }
+}
+
+.video-main {
+    margin: 5% 5%;
+    border: 1px dashed #40C7F4;
+}
+
+.collect-btn {
+    cursor: pointer;
+    width: 20px;
+    height: 20px;
+    margin-left: 10px;
+    margin-top: 0.3%;
+}
+
+.w100 {
+    width: 100%;
+}
+
+</style>
\ No newline at end of file
diff --git a/src/components/examinations/index.vue b/src/components/examinations/index.vue
index 34463b6..95c9fe5 100644
--- a/src/components/examinations/index.vue
+++ b/src/components/examinations/index.vue
@@ -972,7 +972,7 @@
 </style>
 
 <style lang="less" scoped>
-.catalogName {
+.catalogName { 
   display: flex;
   text-indent: 1em !important;
   font-size: 16px;

--
Gitblit v1.9.1