From ce30483043ba928310343677cca84f5d8f6d0c42 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期二, 11 二月 2025 16:16:16 +0800
Subject: [PATCH] 0~3岁婴幼儿抚育与教育

---
 src/books/aurturingAndEducationAged0to3/assets/images/0209-4.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0181-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0073-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0171-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0030-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0046-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0086-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/fl.jpg       |    0 
 src/books/aurturingAndEducationAged0to3/assets/Fonts/FZHTJW.ttf    |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0023-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0083-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/tb-4.png     |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/z1.jpg       |    0 
 src/books/aurturingAndEducationAged0to3/view/components/index.vue  | 1002 ++++++++++++++++
 src/books/aurturingAndEducationAged0to3/assets/images/0006-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0187-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0090-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0179-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0119-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0257-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0037-2.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0070-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0184-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0057-2.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0089-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0104-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0127-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0217-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0265-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0082-2.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0107-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0065-2.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0213-2.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0225-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/FD.jpg       |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0205-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/tb-2.png     |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0088-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0268-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0061-2.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/bwh.jpg      |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0091-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0100-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/z3.jpg       |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0173-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0228-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/main.less           | 2318 +++++++++++++++++++++++++++++++++++++++
 src/books/aurturingAndEducationAged0to3/assets/images/0208-3.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0018-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0008-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0106-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0071-2.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/tb-8.png     |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0057-3.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0221-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0137-2.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/tb-6.png     |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0092-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0215-3.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0267-1.jpg   |    0 
 src/books/toddlerGameImplementation/assets/main.less               |   54 
 src/books/aurturingAndEducationAged0to3/assets/images/0244-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0072-2.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0174-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0019-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0099-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0134-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0145-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0153-2.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0185-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0260-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/view/components/header.vue |   24 
 src/books/aurturingAndEducationAged0to3/assets/Fonts/FZLTZHJW.ttf  |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0052-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0148-2.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0047-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0122-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0076-2.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0233-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0105-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0263-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/tb-3.png     |    0 
 src/books/aviationEtiquette/assets/main.less                       |    4 
 src/books/aurturingAndEducationAged0to3/assets/images/0118-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0023-2.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0188-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0213-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0236-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0181-2.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0039-2.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/ml.jpg       |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0174-2.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0082-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/xy.jpg       |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0172-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0229-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0209-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0107-2.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0160-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0180-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/Cover.jpg    |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0175-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0195-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0210-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0132-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0042-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/z2.jpg       |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0057-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/Fonts/FZLTXIHJW.ttf |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0017-1.jpg   |    0 
 src/books/toddlerGameImplementation/view/components/chapter001.vue |    8 
 src/books/aurturingAndEducationAged0to3/assets/images/0258-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0248-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/ckwx.jpg     |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/SMY.jpg      |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/z4.jpg       |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0113-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0153-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0068-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0055-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0071-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0218-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0208-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0264-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0038-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/tb-10.png    |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/tb.png       |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0176-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/xy1.jpg      |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0251-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0072-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0177-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0084-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0109-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/tb-5.png     |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0105-2.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/view/index.vue             |   80 +
 src/books/aurturingAndEducationAged0to3/assets/images/0240-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0133-2.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0165-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0200-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0110-2.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0040-2.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0032-1.jpg   |    0 
 src/App.vue                                                        |   44 
 src/books/aurturingAndEducationAged0to3/assets/images/0142-1.jpg   |    0 
 src/books/aurturingAndEducationAged0to3/assets/images/0027-1.jpg   |    0 
 147 files changed, 3,485 insertions(+), 49 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 698b788..38d4b36 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -4,9 +4,7 @@
     <lifeCare v-if="activeBook.name == 'lifeCare'"></lifeCare>
     <embedded v-if="activeBook.name == 'embedded'"></embedded>
     <english v-if="activeBook.name == 'english'"></english>
-    <sportsAndHealth
-      v-if="activeBook.name == 'sportsAndHealth'"
-    ></sportsAndHealth>
+    <sportsAndHealth v-if="activeBook.name == 'sportsAndHealth'"></sportsAndHealth>
     <artAndDance v-if="activeBook.name == 'artAndDance'"></artAndDance>
     <artAndDrama v-if="activeBook.name == 'artAndDrama'"></artAndDrama>
     <mathBook v-if="activeBook.name == 'mathBook'"></mathBook>
@@ -15,16 +13,20 @@
     <civilServices v-if="activeBook.name == 'civilServices'"></civilServices>
     <meetingPlanners v-if="activeBook.name == 'meetingPlanners'"></meetingPlanners>
     <aviationBasicSkills v-if="activeBook.name == 'aviationBasicSkills'"></aviationBasicSkills>
-    <aviationSafety  v-if="activeBook.name == 'aviationSafety'"></aviationSafety>
-    <aviationEtiquette  v-if="activeBook.name == 'aviationEtiquette'"></aviationEtiquette>
-    <childcareInstitutionsManagement  v-if="activeBook.name == 'childcareInstitutionsManagement'"></childcareInstitutionsManagement>
+    <aviationSafety v-if="activeBook.name == 'aviationSafety'"></aviationSafety>
+    <aviationEtiquette v-if="activeBook.name == 'aviationEtiquette'"></aviationEtiquette>
+    <childcareInstitutionsManagement v-if="activeBook.name == 'childcareInstitutionsManagement'">
+    </childcareInstitutionsManagement>
     <toddlerGameImplementation v-if="activeBook.name == 'toddlerGameImplementation'"></toddlerGameImplementation>
-    <preschoolGameGuidance  v-if="activeBook.name == 'preschoolGameGuidance'"></preschoolGameGuidance>
-    <kindergartenLanguageActivity  v-if="activeBook.name == 'kindergartenLanguageActivity'"></kindergartenLanguageActivity>
-</div>
+    <preschoolGameGuidance v-if="activeBook.name == 'preschoolGameGuidance'"></preschoolGameGuidance>
+    <kindergartenLanguageActivity v-if="activeBook.name == 'kindergartenLanguageActivity'">
+    </kindergartenLanguageActivity>
+    <aurturingAndEducationAged0to3 v-if="activeBook.name == 'aurturingAndEducationAged0to3'">
+    </aurturingAndEducationAged0to3>
+  </div>
 </template>
 <script>
-  // 瑙e喅ERROR ResizeObserver loop completed with undelivered notifications.//闂鐨�
+// 瑙e喅ERROR ResizeObserver loop completed with undelivered notifications.//闂鐨�
 const debounce = (fn, delay) => {
   let timer = null;
   return function () {
@@ -57,15 +59,16 @@
     artAndDrama: () => import("./books/artAndDrama/view/index.vue"),
     botany: () => import("./books/botany/view/index.vue"),
     civilAviation: () => import("./books/civilAviation/view/index.vue"),
-    civilServices: () =>import("./books/civilServices/view/index.vue"),
-    meetingPlanners: () =>import("./books/meetingPlanners/view/index.vue"),
+    civilServices: () => import("./books/civilServices/view/index.vue"),
+    meetingPlanners: () => import("./books/meetingPlanners/view/index.vue"),
     aviationBasicSkills: () => import("./books/aviationBasicSkills/view/index.vue"),
-    aviationSafety: ()=> import("./books/aviationSafety/view/index.vue"),
-    aviationEtiquette: ()=> import("./books/aviationEtiquette/view/index.vue"),
-    childcareInstitutionsManagement: ()=> import("./books/childcareInstitutionsManagement/view/index.vue"),
-    toddlerGameImplementation: ()=> import("./books/toddlerGameImplementation/view/index.vue"),
-    preschoolGameGuidance: ()=> import("./books/preschoolGameGuidance/view/index.vue"),
-    kindergartenLanguageActivity: ()=> import("./books/kindergartenLanguageActivity/view/index.vue"),
+    aviationSafety: () => import("./books/aviationSafety/view/index.vue"),
+    aviationEtiquette: () => import("./books/aviationEtiquette/view/index.vue"),
+    childcareInstitutionsManagement: () => import("./books/childcareInstitutionsManagement/view/index.vue"),
+    toddlerGameImplementation: () => import("./books/toddlerGameImplementation/view/index.vue"),
+    preschoolGameGuidance: () => import("./books/preschoolGameGuidance/view/index.vue"),
+    kindergartenLanguageActivity: () => import("./books/kindergartenLanguageActivity/view/index.vue"),
+    aurturingAndEducationAged0to3: () => import("./books/aurturingAndEducationAged0to3/view/index.vue"),
   },
   data() {
     return {
@@ -112,11 +115,12 @@
       // toddlerGameImplementation  //濠村辜鍎挎父鎴忔椿鍔ㄥ疄鏂�
       // preschoolGameGuidance //瀛﹀墠娓告垙鎸囧 preschoolGameGuidance
       // kindergartenLanguageActivity 
+      // aurturingAndEducationAged0to3 //0~3宀佸┐骞煎効鎶氳偛涓庢暀鑲�
       this.activeBook = await this.config.getBookConfig(
-      process.env.VUE_APP_RESOURCE_CTX +
+        process.env.VUE_APP_RESOURCE_CTX +
         (process.env.VUE_APP_ENV == "product"
           ? process.env.VUE_APP_BOOK_ID
-          : "toddlerGameImplementation")
+          : "aurturingAndEducationAged0to3")
       );
 
       // this.activeBook = await this.config.getBookConfig(
diff --git a/src/books/aurturingAndEducationAged0to3/assets/Fonts/FZHTJW.ttf b/src/books/aurturingAndEducationAged0to3/assets/Fonts/FZHTJW.ttf
new file mode 100644
index 0000000..0e8a216
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/Fonts/FZHTJW.ttf
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/Fonts/FZLTXIHJW.ttf b/src/books/aurturingAndEducationAged0to3/assets/Fonts/FZLTXIHJW.ttf
new file mode 100644
index 0000000..e3c7f7c
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/Fonts/FZLTXIHJW.ttf
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/Fonts/FZLTZHJW.ttf b/src/books/aurturingAndEducationAged0to3/assets/Fonts/FZLTZHJW.ttf
new file mode 100644
index 0000000..ef5ec15
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/Fonts/FZLTZHJW.ttf
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0006-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0006-1.jpg
new file mode 100644
index 0000000..02b9f5a
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0006-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0008-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0008-1.jpg
new file mode 100644
index 0000000..7554c56
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0008-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0017-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0017-1.jpg
new file mode 100644
index 0000000..9314ea4
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0017-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0018-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0018-1.jpg
new file mode 100644
index 0000000..0b94446
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0018-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0019-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0019-1.jpg
new file mode 100644
index 0000000..e0e2bda
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0019-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0023-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0023-1.jpg
new file mode 100644
index 0000000..d8905f8
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0023-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0023-2.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0023-2.jpg
new file mode 100644
index 0000000..6429299
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0023-2.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0027-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0027-1.jpg
new file mode 100644
index 0000000..b12903a
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0027-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0030-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0030-1.jpg
new file mode 100644
index 0000000..1b92df6
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0030-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0032-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0032-1.jpg
new file mode 100644
index 0000000..0644946
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0032-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0037-2.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0037-2.jpg
new file mode 100644
index 0000000..ac29504
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0037-2.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0038-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0038-1.jpg
new file mode 100644
index 0000000..3cb7a3c
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0038-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0039-2.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0039-2.jpg
new file mode 100644
index 0000000..e69d85d
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0039-2.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0040-2.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0040-2.jpg
new file mode 100644
index 0000000..efa5692
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0040-2.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0042-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0042-1.jpg
new file mode 100644
index 0000000..4efb548
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0042-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0046-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0046-1.jpg
new file mode 100644
index 0000000..2c59239
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0046-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0047-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0047-1.jpg
new file mode 100644
index 0000000..3eeeaac
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0047-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0052-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0052-1.jpg
new file mode 100644
index 0000000..beb284b
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0052-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0055-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0055-1.jpg
new file mode 100644
index 0000000..b000ee3
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0055-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0057-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0057-1.jpg
new file mode 100644
index 0000000..5759be1
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0057-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0057-2.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0057-2.jpg
new file mode 100644
index 0000000..159b37c
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0057-2.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0057-3.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0057-3.jpg
new file mode 100644
index 0000000..9df3228
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0057-3.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0061-2.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0061-2.jpg
new file mode 100644
index 0000000..bfdd7b1
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0061-2.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0065-2.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0065-2.jpg
new file mode 100644
index 0000000..199a316
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0065-2.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0068-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0068-1.jpg
new file mode 100644
index 0000000..5e97bd4
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0068-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0070-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0070-1.jpg
new file mode 100644
index 0000000..d7327f9
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0070-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0071-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0071-1.jpg
new file mode 100644
index 0000000..f6740e9
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0071-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0071-2.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0071-2.jpg
new file mode 100644
index 0000000..99a3699
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0071-2.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0072-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0072-1.jpg
new file mode 100644
index 0000000..d1c49d8
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0072-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0072-2.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0072-2.jpg
new file mode 100644
index 0000000..a38e3bc
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0072-2.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0073-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0073-1.jpg
new file mode 100644
index 0000000..76f7e19
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0073-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0076-2.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0076-2.jpg
new file mode 100644
index 0000000..09a6001
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0076-2.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0082-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0082-1.jpg
new file mode 100644
index 0000000..f4869b8
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0082-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0082-2.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0082-2.jpg
new file mode 100644
index 0000000..89feeeb
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0082-2.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0083-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0083-1.jpg
new file mode 100644
index 0000000..a4fa9bc
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0083-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0084-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0084-1.jpg
new file mode 100644
index 0000000..2141700
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0084-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0086-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0086-1.jpg
new file mode 100644
index 0000000..d5b136b
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0086-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0088-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0088-1.jpg
new file mode 100644
index 0000000..0f3a241
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0088-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0089-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0089-1.jpg
new file mode 100644
index 0000000..3cfc491
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0089-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0090-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0090-1.jpg
new file mode 100644
index 0000000..7d414bd
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0090-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0091-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0091-1.jpg
new file mode 100644
index 0000000..0310b4a
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0091-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0092-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0092-1.jpg
new file mode 100644
index 0000000..3cd5ff7
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0092-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0099-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0099-1.jpg
new file mode 100644
index 0000000..3758e21
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0099-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0100-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0100-1.jpg
new file mode 100644
index 0000000..2122040
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0100-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0104-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0104-1.jpg
new file mode 100644
index 0000000..bae70bb
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0104-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0105-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0105-1.jpg
new file mode 100644
index 0000000..6026721
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0105-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0105-2.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0105-2.jpg
new file mode 100644
index 0000000..0c9851e
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0105-2.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0106-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0106-1.jpg
new file mode 100644
index 0000000..de2f271
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0106-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0107-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0107-1.jpg
new file mode 100644
index 0000000..a442d94
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0107-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0107-2.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0107-2.jpg
new file mode 100644
index 0000000..283a82e
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0107-2.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0109-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0109-1.jpg
new file mode 100644
index 0000000..52c575b
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0109-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0110-2.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0110-2.jpg
new file mode 100644
index 0000000..05dd36c
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0110-2.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0113-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0113-1.jpg
new file mode 100644
index 0000000..088be9c
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0113-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0118-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0118-1.jpg
new file mode 100644
index 0000000..cf4c1e0
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0118-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0119-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0119-1.jpg
new file mode 100644
index 0000000..f9cdba7
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0119-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0122-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0122-1.jpg
new file mode 100644
index 0000000..2de9297
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0122-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0127-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0127-1.jpg
new file mode 100644
index 0000000..f339469
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0127-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0132-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0132-1.jpg
new file mode 100644
index 0000000..3cb0e76
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0132-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0133-2.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0133-2.jpg
new file mode 100644
index 0000000..aed1b0f
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0133-2.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0134-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0134-1.jpg
new file mode 100644
index 0000000..b8248f9
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0134-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0137-2.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0137-2.jpg
new file mode 100644
index 0000000..1d1d835
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0137-2.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0142-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0142-1.jpg
new file mode 100644
index 0000000..66e6872
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0142-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0145-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0145-1.jpg
new file mode 100644
index 0000000..2fb8eff
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0145-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0148-2.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0148-2.jpg
new file mode 100644
index 0000000..fa0c7c1
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0148-2.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0153-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0153-1.jpg
new file mode 100644
index 0000000..0b9150a
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0153-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0153-2.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0153-2.jpg
new file mode 100644
index 0000000..e095ded
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0153-2.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0160-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0160-1.jpg
new file mode 100644
index 0000000..a998e52
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0160-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0165-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0165-1.jpg
new file mode 100644
index 0000000..3143a55
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0165-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0171-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0171-1.jpg
new file mode 100644
index 0000000..f05ede6
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0171-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0172-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0172-1.jpg
new file mode 100644
index 0000000..b79f16e
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0172-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0173-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0173-1.jpg
new file mode 100644
index 0000000..f5c4fe8
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0173-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0174-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0174-1.jpg
new file mode 100644
index 0000000..324c9a2
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0174-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0174-2.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0174-2.jpg
new file mode 100644
index 0000000..8429807
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0174-2.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0175-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0175-1.jpg
new file mode 100644
index 0000000..9cd8143
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0175-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0176-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0176-1.jpg
new file mode 100644
index 0000000..6dfe83b
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0176-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0177-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0177-1.jpg
new file mode 100644
index 0000000..dd8bc07
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0177-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0179-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0179-1.jpg
new file mode 100644
index 0000000..38af6a9
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0179-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0180-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0180-1.jpg
new file mode 100644
index 0000000..2654aed
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0180-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0181-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0181-1.jpg
new file mode 100644
index 0000000..ce4ff0b
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0181-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0181-2.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0181-2.jpg
new file mode 100644
index 0000000..c6cd953
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0181-2.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0184-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0184-1.jpg
new file mode 100644
index 0000000..5dfeff7
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0184-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0185-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0185-1.jpg
new file mode 100644
index 0000000..58841b8
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0185-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0187-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0187-1.jpg
new file mode 100644
index 0000000..9f00b6f
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0187-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0188-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0188-1.jpg
new file mode 100644
index 0000000..83a5147
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0188-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0195-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0195-1.jpg
new file mode 100644
index 0000000..afb697d
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0195-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0200-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0200-1.jpg
new file mode 100644
index 0000000..274b34b
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0200-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0205-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0205-1.jpg
new file mode 100644
index 0000000..e6ecc96
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0205-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0208-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0208-1.jpg
new file mode 100644
index 0000000..db1d71e
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0208-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0208-3.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0208-3.jpg
new file mode 100644
index 0000000..bf423b0
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0208-3.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0209-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0209-1.jpg
new file mode 100644
index 0000000..95e2cbc
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0209-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0209-4.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0209-4.jpg
new file mode 100644
index 0000000..633cecc
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0209-4.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0210-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0210-1.jpg
new file mode 100644
index 0000000..578ff3d
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0210-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0213-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0213-1.jpg
new file mode 100644
index 0000000..0d12d1c
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0213-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0213-2.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0213-2.jpg
new file mode 100644
index 0000000..a54a407
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0213-2.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0215-3.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0215-3.jpg
new file mode 100644
index 0000000..77f88e4
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0215-3.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0217-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0217-1.jpg
new file mode 100644
index 0000000..d8b13cc
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0217-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0218-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0218-1.jpg
new file mode 100644
index 0000000..6b65b0f
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0218-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0221-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0221-1.jpg
new file mode 100644
index 0000000..816575d
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0221-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0225-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0225-1.jpg
new file mode 100644
index 0000000..6361cd1
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0225-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0228-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0228-1.jpg
new file mode 100644
index 0000000..f0395ae
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0228-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0229-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0229-1.jpg
new file mode 100644
index 0000000..beedf99
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0229-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0233-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0233-1.jpg
new file mode 100644
index 0000000..7a4a2d1
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0233-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0236-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0236-1.jpg
new file mode 100644
index 0000000..7b1807c
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0236-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0240-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0240-1.jpg
new file mode 100644
index 0000000..d657817
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0240-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0244-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0244-1.jpg
new file mode 100644
index 0000000..2974f7b
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0244-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0248-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0248-1.jpg
new file mode 100644
index 0000000..82f7fdb
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0248-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0251-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0251-1.jpg
new file mode 100644
index 0000000..f814fdb
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0251-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0257-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0257-1.jpg
new file mode 100644
index 0000000..49d7302
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0257-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0258-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0258-1.jpg
new file mode 100644
index 0000000..0ab1e38
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0258-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0260-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0260-1.jpg
new file mode 100644
index 0000000..73c9012
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0260-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0263-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0263-1.jpg
new file mode 100644
index 0000000..7d2b915
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0263-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0264-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0264-1.jpg
new file mode 100644
index 0000000..4e7cfd5
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0264-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0265-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0265-1.jpg
new file mode 100644
index 0000000..adf0460
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0265-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0267-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0267-1.jpg
new file mode 100644
index 0000000..fa58e5a
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0267-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/0268-1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/0268-1.jpg
new file mode 100644
index 0000000..e23674f
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/0268-1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/Cover.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/Cover.jpg
new file mode 100644
index 0000000..6545f91
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/Cover.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/FD.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/FD.jpg
new file mode 100644
index 0000000..fa183ea
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/FD.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/SMY.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/SMY.jpg
new file mode 100644
index 0000000..939e4c8
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/SMY.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/bwh.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/bwh.jpg
new file mode 100644
index 0000000..d4c2405
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/bwh.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/ckwx.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/ckwx.jpg
new file mode 100644
index 0000000..059c50b
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/ckwx.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/fl.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/fl.jpg
new file mode 100644
index 0000000..c266588
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/fl.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/ml.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/ml.jpg
new file mode 100644
index 0000000..81683c6
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/ml.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/tb-10.png b/src/books/aurturingAndEducationAged0to3/assets/images/tb-10.png
new file mode 100644
index 0000000..3e0b9d6
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/tb-10.png
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/tb-2.png b/src/books/aurturingAndEducationAged0to3/assets/images/tb-2.png
new file mode 100644
index 0000000..1fbd4a8
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/tb-2.png
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/tb-3.png b/src/books/aurturingAndEducationAged0to3/assets/images/tb-3.png
new file mode 100644
index 0000000..0a88f65
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/tb-3.png
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/tb-4.png b/src/books/aurturingAndEducationAged0to3/assets/images/tb-4.png
new file mode 100644
index 0000000..68fa99f
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/tb-4.png
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/tb-5.png b/src/books/aurturingAndEducationAged0to3/assets/images/tb-5.png
new file mode 100644
index 0000000..6bc9f69
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/tb-5.png
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/tb-6.png b/src/books/aurturingAndEducationAged0to3/assets/images/tb-6.png
new file mode 100644
index 0000000..0e5aef6
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/tb-6.png
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/tb-8.png b/src/books/aurturingAndEducationAged0to3/assets/images/tb-8.png
new file mode 100644
index 0000000..a451d88
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/tb-8.png
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/tb.png b/src/books/aurturingAndEducationAged0to3/assets/images/tb.png
new file mode 100644
index 0000000..b9eee22
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/tb.png
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/xy.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/xy.jpg
new file mode 100644
index 0000000..1a29898
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/xy.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/xy1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/xy1.jpg
new file mode 100644
index 0000000..939b592
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/xy1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/z1.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/z1.jpg
new file mode 100644
index 0000000..0af3a1f
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/z1.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/z2.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/z2.jpg
new file mode 100644
index 0000000..b93a475
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/z2.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/z3.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/z3.jpg
new file mode 100644
index 0000000..aafb3d4
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/z3.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/images/z4.jpg b/src/books/aurturingAndEducationAged0to3/assets/images/z4.jpg
new file mode 100644
index 0000000..ded16ed
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/images/z4.jpg
Binary files differ
diff --git a/src/books/aurturingAndEducationAged0to3/assets/main.less b/src/books/aurturingAndEducationAged0to3/assets/main.less
new file mode 100644
index 0000000..25c2b99
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/assets/main.less
@@ -0,0 +1,2318 @@
+.aurtuningAndEduction {
+    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-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-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";
+    }
+
+    .img-0 {
+        width: 100%;
+    }
+
+    .pt-10 {
+        padding-top: 10px;
+    }
+
+    .pt-20 {
+        padding-top: 20px;
+    }
+
+    .td-0 {
+        text-indent: 0em !important;
+    }
+
+    .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;
+    }
+
+
+    .w40 {
+        width: 40% !important;
+    }
+
+    .w25 {
+        width: 25%;
+    }
+
+    .w20 {
+        width: 20%;
+    }
+
+    .w15 {
+        width: 15%;
+    }
+
+    .w10 {
+        width: 10%;
+    }
+
+
+    .table-th-bc {
+        color: #00AEEF;
+        background-color: #C6EAFA;
+        line-height: 25px;
+    }
+
+    .table-tr-bc {
+        background-color: #E1F4FC;
+        line-height: 25px;
+
+        p {
+            font-family: 'Times New Roman', Times, serif;
+            font-size: 14px;
+        }
+    }
+
+    .jc-img {
+        margin-bottom: -5px;
+        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%;
+    }
+
+    .video-box {
+        margin: 20px 0 20px 0;
+        border: 2px dashed #40C7F4;
+        padding: 2% 2%;
+    }
+
+    .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%;
+    }
+
+
+    .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;
+
+        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: 'FZLTXIHJW';
+                    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;
+    }
+
+    // 杩佺Щ
+    ul {
+        list-style-type: none;
+    }
+
+    li {
+        list-style-type: none;
+    }
+
+
+    @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');
+    }
+
+
+    .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: 'FZLTXIHJW';
+        text-align: justify;
+        margin: 0 12% 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: 'FZLTXIHJW';
+        text-align: justify;
+        margin: 0 8% 0 12%;
+        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: 14px;
+        line-height: 22px;
+    }
+
+    .block {
+        color: #00ADEF;
+        // 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 {
+        color: red;
+        text-align: center;
+    }
+
+    .block2 {
+        text-align: center;
+        line-height: 25px;
+    }
+
+    .block3 {
+        line-height: 20px;
+    }
+
+    .img {
+        font-weight: bold;
+        font-family: 'FZLTXIHJW';
+        text-align: center;
+        font-size: 0.85em;
+        margin-left: 0%;
+        margin-right: 0%;
+        text-indent: 0em;
+    }
+
+    .img1 {
+        font-family: 'FZLTXIHJW';
+        text-align: right;
+        font-size: 0.85em;
+        margin-left: 0%;
+        margin-right: 2em;
+        text-indent: 0em;
+    }
+
+
+    p {
+        margin-top: 1em;
+        text-indent: 2em;
+        line-height: 30px;
+        font-size: 18px;
+        text-align: justify;
+        font-family: 'msyh';
+    }
+
+    .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: 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: 'FZLTZHJW';
+        line-height: 2em;
+        font-weight: bold;
+        font-size: 1.6em;
+        margin-bottom: -0.8em;
+        margin-top: 1em;
+        text-indent: 0em;
+    }
+
+    .h1-zt {
+        font-family: 'FZLTZHJW';
+        line-height: 2em;
+        color: #01AFEE;
+        font-weight: bold;
+        font-size: 1.9em;
+        margin-bottom: 1em;
+        margin-top: -0.5em;
+        text-indent: 0em;
+    }
+
+    .h1-bk {
+        box-shadow: 0em 0.1em 0em 0em #C3C2C0;
+        border-top-style: solid;
+        border-right-style: solid;
+        border-bottom-style: solid;
+        border-left-style: none;
+        padding: 0.1em 0.8em 0.1em 0.5em;
+        font-weight: bold;
+        color: #000000;
+        margin-bottom: 1em;
+        margin-top: 1em;
+
+    }
+
+    h1.jz {
+        text-align: center;
+        text-indent: 0em;
+    }
+
+    .front {
+        font-family: 'FZLTZHJW';
+        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 {
+        text-align: center;
+        font-family: 'FZHTJW';
+        font-weight: bold;
+        font-size: 1.6em;
+        margin-bottom: 0em;
+        margin-top: 1.5em;
+        text-indent: 2em;
+    }
+
+    .h2-zt {
+        background-color: #3C84A5;
+        color: #FFFFFF;
+        border-radius: 0.2em 0em 0em 0.2em;
+        margin-bottom: 1em;
+        margin-top: -0.5em;
+        padding: 0.2em 0.5em 0.2em 0.5em;
+    }
+
+    .h2-zt1 {
+        border-radius: 0em 0.2em 0.2em 0em;
+        padding: 0.2em 0.5em 0.2em 0.5em;
+        background-color: #316076;
+        color: #FFFFFF;
+        margin-bottom: 1em;
+        margin-top: -0.8em;
+    }
+
+    h3 {
+        font-family: 'FZHTJW';
+        font-weight: bold;
+        color: #1D668F;
+        font-size: 1.3em;
+        border-bottom: 4px dotted #9BC3C2;
+        margin-bottom: 1em;
+        margin-top: 1em;
+        text-indent: 2em;
+        margin-left: 1em;
+    }
+
+    .h3-zt {
+        background-color: #9BC3C2;
+        color: #FFFFFF;
+        border-radius: 0.2em;
+        margin-bottom: 0em;
+        margin-top: -0.5em;
+        padding: 0.1em 0.2em 0.1em 0.2em;
+        margin-left: -3.5em;
+    }
+
+    h4 {
+        font-family: 'FZHTJW';
+        font-weight: bold;
+        color: #316076;
+        border-radius: 1.2em;
+        background-color: #F3F3F3;
+        margin-bottom: 0.5em;
+        margin-top: 1em;
+        font-size: 1.2em;
+        text-indent: 1em;
+    }
+
+    h5 {
+        color: #316076;
+        font-family: 'FZHTJW';
+        margin-bottom: 0.5em;
+        margin-top: 1em;
+        font-size: 1.15em;
+        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-zt {
+        height: 6em;
+        margin-top: -1.5em;
+        margin-bottom: -0.4em;
+        margin-left: 15%;
+    }
+
+    .inline {
+        height: 1.3em;
+        margin-bottom: -0.3em;
+    }
+
+    .inline0 {
+        height: 3em;
+    }
+
+    .inline0-1 {
+        height: 2em;
+    }
+
+    .inline1 {
+        height: 3em;
+        margin-top: 0.5em;
+        margin-bottom: -0.5em;
+    }
+
+    .inline2 {
+        height: 2.3em;
+    }
+
+    .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;
+    }
+
+    .bk-bwh {
+        background-color: #DFEBF7;
+        font-size: 1.2em;
+        padding: 25px;
+        border: 4px dotted #197ABF;
+    }
+
+    .ls1 {
+        color: #00B1F5;
+    }
+
+    .ls2 {
+        color: #00B1F5;
+        font-weight: bold;
+        font-size: 1.1em;
+    }
+
+    span.lsyq-1 {
+        background-color: #0082D4;
+        padding: 0.2em 0.4em 0.2em 0.4em;
+        border-radius: 1.2em;
+        margin-right: 0.5em;
+        color: #FFFFFF;
+        font-weight: bold;
+        font-size: 1.3em;
+    }
+
+    span.hsyq-1 {
+        background-color: #FFB7D4;
+        padding: 0.2em 0.4em 0.2em 0.4em;
+        border-radius: 1.2em;
+        margin-right: 0.5em;
+        color: #FFFFFF;
+        font-weight: bold;
+        font-size: 1.3em;
+
+    }
+
+    .zt-hs1 {
+        font-weight: bold;
+        color: #F0855B;
+        font-size: 1.2em;
+    }
+
+    .h1-zt1 {
+        padding: 5px 25px 5px 25px;
+        border-radius: 10px 0px 0px 10px;
+        background-color: #5392C7;
+        font-size: 1.2em;
+        color: #FFFFFF;
+    }
+
+    .h1-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;
+    }
+
+    .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: 3px solid #BBBCC0;
+        padding: 3px 10px 3px 10px;
+        margin-top: 1em;
+        border-radius: 1.5em;
+        margin-bottom: 1em;
+    }
+
+
+    div.bk-1 {
+        border: 3px dotted #B2B2B2;
+        padding: 3px 10px 3px 10px;
+        margin-top: 2em;
+        border-radius: 1.5em;
+        margin-bottom: 1em;
+    }
+
+    div.bk-2 {
+        margin-top: -2em;
+        margin-bottom: 1.5em;
+        margin-left: -0.5em;
+    }
+
+    div.bk2 {
+        border: 2px dashed #B2B2B2;
+        padding: 3px 10px 3px 10px;
+        margin-top: 3em;
+        margin-bottom: 1.5em;
+    }
+
+    div.bk-tp {
+        margin-top: -3em;
+        margin-bottom: 0.5em;
+        margin-left: -2.7em;
+    }
+
+
+    div.bk-tp1 {
+        margin-top: -2.8em;
+        margin-bottom: 0.5em;
+        margin-left: -2.7em;
+    }
+
+    .rwmb-3 {
+        margin-top: 0.1em;
+        margin-bottom: 0.5em;
+        height: 2.5em;
+    }
+
+
+    .rwmb-4 {
+        margin-top: 0.1em;
+        margin-bottom: 0.5em;
+        height: 2.2em;
+    }
+
+    div.bk4 {
+        border: 2px solid #00AEED;
+        padding: 1px 10px 1px 10px;
+        margin-top: 2em;
+        border-radius: 1.5em;
+        margin-bottom: 1em;
+    }
+
+    div.bk4-1 {
+        background: #E2F4FE;
+        padding: 1px 10px 1px 10px;
+        margin-top: 2em;
+        border-radius: 1.5em;
+        margin-bottom: 1em;
+    }
+
+
+
+    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.bj1 {
+        background-color: #FDAD6E;
+        padding: 0.2em 1em 0.2em 1em;
+        font-size: 1.1em;
+        font-weight: bold;
+        color: #FFFFFF;
+    }
+
+    div.bj1 {
+        background-color: #CCECFB;
+        padding: 0.2em 0.5em 0.2em 0.5em;
+        border-radius: 1em;
+        margin-bottom: 0.2em;
+        margin-left: -0.6em;
+        margin-right: -0.6em;
+        margin-top: -1.4em;
+    }
+
+    span.bj2 {
+        background-color: #B2B2B2;
+        padding: 0.2em 1.5em 0.2em 1em;
+        font-size: 1.1em;
+        font-weight: bold;
+        text-indent: 0em;
+        color: #FFFFFF;
+        border-radius: 1.5em;
+    }
+
+    div.bj2 {
+        background-color: #9ADBF9;
+        padding: 0.1px 0.5px 0.1px 0.5px;
+        border-radius: 1.5em;
+        margin-bottom: 0.2em;
+        margin-left: -0.6em;
+        margin-right: -0.6em;
+        margin-top: -1.4em;
+    }
+
+    div.bj3 {
+        background-color: #C7EAFD;
+        padding: 0.8em 1.8em 0.5em 0.1em;
+        border-radius: 1.5em;
+        margin-bottom: 0.2em;
+        margin-left: -0.6em;
+        margin-right: -0.6em;
+        margin-top: -1.4em;
+    }
+
+    span.bj3-xyx {
+        background-color: #92B03E;
+        color: #FFFFFF;
+        border-radius: 1.5em;
+        padding: 5px 20px 5px 20px;
+        font-size: 1em;
+        font-weight: bold;
+    }
+
+
+    div.bk3 {
+        margin-top: -2em;
+        margin-bottom: 1.5em;
+        margin-left: -1.2em;
+    }
+
+    .ts-1 {
+        font-weight: bold;
+    }
+
+    .zt-h4 {
+        background-color: #F0BD40;
+        padding: 10px;
+        color: #FFFFFF;
+        margin-left: -2em;
+        border-radius: 1.5em;
+    }
+
+
+    .bj4 {
+        background-color: #FFDEB5;
+        padding: 20px;
+        border-radius: 0.1em;
+        margin-bottom: 2em;
+        margin-top: 2.5em;
+    }
+
+    span.bj4-xyx {
+        background-color: #FA9D1A;
+        color: #FFFFFF;
+        border-radius: 1.5em;
+        padding: 5px 20px 5px 20px;
+        font-size: 1em;
+        font-weight: bold;
+
+    }
+
+    div.bj4-xyx {
+        margin-top: -3em;
+        margin-bottom: 1.5em;
+        margin-left: -2.5em;
+    }
+
+    .bj5 {
+        background-color: #CFCBDC;
+        padding: 20px;
+        border-radius: 1em;
+        margin-bottom: 1em;
+        margin-top: 2.5em;
+    }
+
+    span.bj5-xyx {
+        background-color: #FFFFFF;
+        color: #7D719F;
+        border-radius: 0.5em 0.5em 0em 0em;
+        padding: 5px 20px 5px 20px;
+        font-size: 1em;
+        font-weight: bold;
+    }
+
+    div.bj5-xyx {
+        margin-top: -4em;
+        margin-bottom: 1.5em;
+        margin-left: -1.5em;
+    }
+
+    div.bj6 {
+        margin-top: 1.6em;
+        margin-bottom: -2.2em;
+        margin-left: -1.3em;
+    }
+
+    span.bj6-xyx {
+        background-color: #7B72A1;
+        border-radius: 0.5em 0.5em 0em 0em;
+        padding: 10px 20px 10px 20px;
+        font-size: 1em;
+        font-weight: bold;
+    }
+
+    .zt-ht {
+        font-weight: bold;
+        font-size: 1.2em;
+        font-family: "HiFont Hei GB";
+    }
+
+    .zt-1 {
+        color: #6F84AF;
+        font-weight: bold;
+        font-size: 1.1em;
+    }
+
+    .zt-2 {
+        color: red;
+
+    }
+
+    .zt-lvs1 {
+        color: #95B321;
+    }
+
+    .zt-cs {
+        color: #FCA01B;
+    }
+
+    .zysx {
+        margin-top: -2.2em;
+        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: bold;
+        padding:6px;
+        font-size:1.2em;
+    }
+
+    .zt-zysx2 {
+        font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋"; 
+        background-color:#0071BD;
+        font-size:1.2em;
+    }
+    
+    .rwmb-1{
+        margin-left:-2.4em;
+        margin-bottom:-0.6em;
+        margin-top:0.5em;
+        height:3em;
+    }
+
+    div.tp-2{
+        margin-bottom:0.2em;
+        margin-top:-2.8em;
+        margin-left:6em;
+    }
+    
+    div.tp-1{
+        margin-bottom:0.2em;
+        margin-top:-2.8em;
+        margin-left:5em;
+    }
+
+    .rwmb-2{
+        height:1.8em;
+    }
+    .rwmb-7{
+        height: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: #00B1F5;
+        margin-bottom: 1em;
+    }
+
+    div.bj3-xyx {
+        position: absolute;
+        top: -15px;
+        left: -25px;
+
+    }
+
+    .f-kai {
+        font-family: "kaiti";
+    }
+
+
+    .qyls-h4 {
+        font-family: "HiFont Hei GB";
+        padding: 0.2em 0;
+        text-indent: 0em;
+        margin-left: 0%;
+    }
+
+    div.bj6-xyx {
+        position: absolute;
+        top: -20px;
+    }
+
+
+    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-5 {
+        width: 15%;
+        position: absolute;
+        top: -10px;
+        left: -2px;
+    }
+
+    .zt-ls1 {
+        color: #000;
+        font-size: 16px;
+        font-weight: bold;
+    }
+
+    .title {
+        width: 260px;
+        height: 50px;
+        text-align: center;
+        margin: 0 auto;
+        padding-top: 5%;
+        position: relative;
+    }
+
+}
+
+
+
+
+
+.pdfModal {
+    width: 100%;
+    height: 90vh;
+
+    .pdfBox-component {
+        width: 100%;
+        height: 100%;
+        position: relative;
+
+        .preview {
+            width: 100%;
+            height: 100%;
+
+            .imageBox {
+                height: calc(100% - 30px);
+                overflow-x: hidden;
+                overflow-y: auto;
+                background: #ccc;
+                box-sizing: border-box;
+            }
+
+            .imageBox:hover {
+                cursor: zoom-in !important;
+            }
+
+            ::v-deep .el-dialog__header {
+                background-color: rgba(0, 0, 0, 0.8);
+
+                .header_title {
+                    display: flex;
+                    justify-content: space-between;
+                    align-items: center;
+                    color: #fff;
+                    font-weight: 900;
+                    font-size: 16px;
+                    font-family: 'FZLTXIHJW';
+
+                    span:nth-child(2):hover {
+                        cursor: pointer;
+                    }
+                }
+
+                ::v-deep .el-dialog__title,
+                ::v-deep .el-dialog__headerbtn .el-dialog__close {
+                    color: #fff;
+                    font-weight: 900;
+                    font-size: 16px;
+                    font-family: 'FZLTXIHJW';
+                }
+            }
+
+            .bottom_tool {
+                height: 30px;
+                background-color: rgba(0, 0, 0, 0.8);
+                display: flex;
+                justify-content: flex-end;
+                align-items: center;
+
+                svg {
+                    margin-right: 15px;
+                    fill: #d1d1d1;
+                }
+
+                svg:hover {
+                    fill: #fff;
+                    cursor: pointer;
+                }
+            }
+        }
+
+        .notBox {
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: calc(100% - 30px);
+            min-height: 300px;
+        }
+    }
+}
+
+.custom-dialog {
+    overflow: hidden !important;
+
+    .el-dialog__body {
+        padding: 0;
+    }
+
+    .el-dialog__header {
+        background-color: rgba(0, 0, 0, 0.8);
+
+        .header_title {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            color: #fff;
+            font-weight: 900;
+            font-size: 16px;
+            font-family: 'FZLTXIHJW';
+
+            span:nth-child(2):hover {
+                cursor: pointer;
+            }
+        }
+
+        .el-dialog__title,
+        .el-dialog__headerbtn .el-dialog__close {
+            color: #fff;
+            font-weight: 900;
+            font-size: 16px;
+            font-family: 'FZLTXIHJW';
+        }
+    }
+}
+
+.header_title {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    // color: #fff;
+    font-weight: 900;
+    font-size: 16px;
+    font-family: 'FZLTXIHJW';
+
+    span:nth-child(2):hover {
+        cursor: pointer;
+    }
+}
+
+
+
+
+
+// 闅愯棌椤甸潰
+.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;
+        }
+    }
+
+    .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;
+    }
+}
+
+@media screen and (max-width: 800px) {
+    .pdfModal {
+        width: 100%;
+        height: 60vh;
+    }
+
+    .custom-dialog {
+        .el-dialog {
+            width: 90vw !important;
+        }
+    }
+}
+
+@media (max-width: 660px) {
+    .aurtuningAndEduction {
+
+        /* 鍒嗛〉padding */
+        .padding-93 {
+            padding: 0 20px;
+        }
+
+        .padding-102 {
+            padding: 0 20px;
+        }
+
+
+        .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) {
+    .aurtuningAndEduction {
+        .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/aurturingAndEducationAged0to3/view/components/header.vue b/src/books/aurturingAndEducationAged0to3/view/components/header.vue
new file mode 100644
index 0000000..7084e79
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/view/components/header.vue
@@ -0,0 +1,24 @@
+<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>
+</template>
+<script>
+export default {
+    name: "pageHeader",
+    props: {
+        showPageList: {
+            type: Array,
+        },
+    },
+    data() {
+        return {};
+    },
+};
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/books/aurturingAndEducationAged0to3/view/components/index.vue b/src/books/aurturingAndEducationAged0to3/view/components/index.vue
new file mode 100644
index 0000000..43bb60e
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/view/components/index.vue
@@ -0,0 +1,1002 @@
+<template>
+    <div class="page-main" @scroll="throttledScrollHandler">
+      <div id="searchDomBox" style="display: none">
+        <div id="searchContent"></div>
+      </div>
+      <div
+        class="page-content"
+        :style="{
+          fontSize: fontSize + 'px',
+          transform: `scale(${pageZoom})`,
+          transformOrigin: 'center top',
+        }"
+      >
+        <pageHeader
+          v-if="showCatalogList.indexOf(1) > -1"
+          :showPageList="loadPageList"
+        ></pageHeader>
+        <!-- <chapterOne
+          v-if="showCatalogList.indexOf(2) > -1"
+          :showPageList="loadPageList"
+        ></chapterOne>
+        <chapterTwo
+          v-if="showCatalogList.indexOf(3) > -1"
+          :showPageList="loadPageList"
+        ></chapterTwo>
+        <chapterThree
+          v-if="showCatalogList.indexOf(4) > -1"
+          :showPageList="loadPageList"
+        ></chapterThree>
+        <chapterFour
+          v-if="showCatalogList.indexOf(5) > -1"
+          :showPageList="loadPageList"
+        ></chapterFour>
+        <chapterFive
+          v-if="showCatalogList.indexOf(6) > -1"
+          :showPageList="loadPageList"
+        ></chapterFive>
+        <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 _ from "lodash";
+  import Swiper from "swiper/bundle";
+  import "swiper/swiper-bundle.css";
+  import Viewer from "viewerjs";
+  import "viewerjs/dist/viewer.css";
+  export default {
+    name: "pageContent",
+    data() {
+      return {
+        catalogLength: 1, // 鎬荤珷鑺傛暟
+        showCatalogList: [], // 鏄剧ず鐨勭珷鑺�
+        loadThreshold: 300, // 瑙﹀彂鍔犺浇闃堝��
+        throttleThreshold: 100, // 鑺傛祦闃堝��
+        previousScrollTop: 0,
+        throttledScrollHandler: null,
+        observer: null,
+        loadPageObserver: null,
+        loadPageList: [],
+        questionDataMap: {},
+        renderSignMap: {},
+        highlightData: null,
+        audioPath: "",
+        currentTime: null,
+        videoList: [],
+      };
+    },
+    computed: {
+      fontSize() {
+        this.transformDom(this.$store.state.qiankun.fontSize);
+        return this.$store.state.qiankun.fontSize
+          ? this.$store.state.qiankun.fontSize
+          : 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, 10);
+        //   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) playVudio.requestPictureInPicture();
+            } catch (error) {
+              console.log(error, "灏忕獥閿欒error");
+            }
+          }
+        }
+      },
+      //鍏朵粬绫诲悕涓嬪瓧浣撳ぇ灏忓彉鍖�
+      transformDom(fs) {
+        if (!fs) return;
+        let doms = (this.container ? this.container : document).querySelectorAll(
+          ".block"
+        );
+        if (!doms.length) return;
+        for (let index = 0; index < doms.length; index++) {
+          const dom = doms[index];
+          dom.style.fontSize = fs + "px";
+        }
+      },
+    },
+    components: {
+      pageHeader,
+    //   chapterOne,
+    //   chapterTwo,
+    //   chapterThree,
+    //   chapterFour,
+    //   chapterFive,
+    //   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>
+  
\ No newline at end of file
diff --git a/src/books/aurturingAndEducationAged0to3/view/index.vue b/src/books/aurturingAndEducationAged0to3/view/index.vue
new file mode 100644
index 0000000..228952c
--- /dev/null
+++ b/src/books/aurturingAndEducationAged0to3/view/index.vue
@@ -0,0 +1,80 @@
+<template>
+    <div class="aurtuningAndEduction" @mouseup="handleMouseUp">
+      <pageContent></pageContent>
+    </div>
+  </template>
+  
+  <script>
+  import pageContent from "./components/index.vue";
+  export default {
+    name: "aurtuningAndEduction",
+    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/aviationEtiquette/assets/main.less b/src/books/aviationEtiquette/assets/main.less
index 9b48708..c389daf 100644
--- a/src/books/aviationEtiquette/assets/main.less
+++ b/src/books/aviationEtiquette/assets/main.less
@@ -990,7 +990,7 @@
         margin: 15px;
     }
 
-    .bodystyle:nth-of-type(odd) {
+    .page-box:nth-child(odd) .bodystyle {
         font-family: 'FZLTXIHJW';
         text-align: justify;
         margin: 0 11% 0 9%;
@@ -998,7 +998,7 @@
         line-height: 30px;
     }
 
-    .bodystyle:nth-of-type(even) {
+    .page-box:nth-child(even) .bodystyle {
         font-family: 'FZLTXIHJW';
         text-align: justify;
         margin: 0 9% 0 11%;
diff --git a/src/books/toddlerGameImplementation/assets/main.less b/src/books/toddlerGameImplementation/assets/main.less
index 6ef25dc..ca230a9 100644
--- a/src/books/toddlerGameImplementation/assets/main.less
+++ b/src/books/toddlerGameImplementation/assets/main.less
@@ -1107,27 +1107,34 @@
   }
 
 
-  .page-box:nth-child(odd) .bodystyle {
-    font-family: 'FZLTXIHJW';
-    text-align: justify;
-    margin: 0 11% 0 9%;
-    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(even) .bodystyle {
     font-family: 'FZLTXIHJW';
     text-align: justify;
-    margin: 0 9% 0 11%;
+    margin: 0 12% 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: 'FZLTXIHJW';
+    text-align: justify;
+    margin: 0 8% 0 12%;
+    padding-bottom: 80px;
+    line-height: 30px;
+    hr {
+      font-weight: 800;
+      margin-left: 0;
+      margin-top: 10px;
+      margin-bottom: 10px;
+      width: 25%;
+    }
   }
 
 
@@ -1221,10 +1228,11 @@
   .img {
     font-family: 'FZLTXIHJW';
     text-align: center;
-    font-size: 12px;
-    margin: 15px 0 !important;
+    font-size: 14px;
+    font-weight: bold;
+    margin: 5px 0 0 0 !important;
     text-indent: 0em;
-    color: #00AFEF;
+    color: #000;
   }
 
   .img1 {
@@ -1369,7 +1377,7 @@
     font-size: 1.6em;
     margin-bottom: 0em;
     margin-top: 0.3em;
-    text-indent: 2em;
+    text-indent: 3em;
     line-height: 1.3em;
   }
 
@@ -1379,7 +1387,7 @@
     font-weight: 400;
     font-size: 1.4em;
     margin-top: 0em;
-    text-indent: 2.2em;
+    text-indent: 3.3em;
     padding: 10px 0;
   }
 
@@ -1555,8 +1563,8 @@
 
   .ls2 {
     color: #00B1F5;
-    font-weight: 500;
-    font-size: 1.1em;
+    font-weight: bold;
+    font-size: 1em;
     line-height: 30px;
   }
 
diff --git a/src/books/toddlerGameImplementation/view/components/chapter001.vue b/src/books/toddlerGameImplementation/view/components/chapter001.vue
index cd6bd41..67eea05 100644
--- a/src/books/toddlerGameImplementation/view/components/chapter001.vue
+++ b/src/books/toddlerGameImplementation/view/components/chapter001.vue
@@ -37,7 +37,7 @@
                     <div class="bj4">
                         <div class="bj5">
                             <h2 id="b001">瀛︿範浠诲姟涓�</h2>
-                            <p class="h2-zt">鎵樿偛鏈烘瀯鐨勫彂灞曞強鐜扮姸</p>
+                            <p class="h2-zt">0~3宀佸┐骞煎効鍙戝睍姒傚喌</p>
                         </div>
                     </div>
                 </div>
@@ -1172,9 +1172,9 @@
                     <p>浜轰滑璇磋捣濠村辜鍎挎父鎴忔椂锛屾湁鐫�璁歌澶氬涓嶄竴鏍风殑鍗拌薄銆傛湁浜鸿锛氣�滃┐骞煎効鐨勬父鎴忓氨鏄皬鏈嬪弸鎷跨潃鐜╁叿鎽嗗紕涓や笅銆傗�濅篃鏈変汉璇达細鈥滃┐骞煎効鐨勬父鎴忎粬浠嚜宸卞氨鑳界帺锛屼笉闇�瑕佹垚浜虹殑闄即銆傗�濊繕鏈変汉鐢氳嚦璇达細鈥滃┐骞煎効鐜╁浜嗘父鎴忎笉濂斤紝浠ュ悗瀛︿範灏遍潤涓嶄笅鏉ヤ簡锛屼細鑰借浠栦滑鐨勬椂闂淬�傗�濇湁浜涘闀胯寰楀┐骞煎効涓嶉渶瑕佽繃澶氱殑娓告垙锛岀敋鑷宠寰楁湁杩欎釜娓告垙鐨勬椂闂磋繕涓嶅澶氬涔犱竴鐐瑰効鐭ヨ瘑銆�
                     </p>
                     <p><b>鎯充竴鎯筹細</b></p>
-                    <p>1.涓轰粈涔堟湁鐨勫闀夸細涓嶆敮鎸佸拰涓嶇悊瑙f父鎴忥紵</p>
-                    <p>2.娓告垙瀵逛簬濠村辜鍎跨殑鍙戝睍浠峰�兼湁鍝簺锛�</p>
-                    <p>3.鎬庢牱鑳藉淇冧娇瀹堕暱鏇村鍦版帴鍙楀┐骞煎効鐨勬父鎴忓苟鍙備笌鍏朵腑锛�</p>
+                    <p class="f-kaiti">1.涓轰粈涔堟湁鐨勫闀夸細涓嶆敮鎸佸拰涓嶇悊瑙f父鎴忥紵</p>
+                    <p class="f-kaiti">2.娓告垙瀵逛簬濠村辜鍎跨殑鍙戝睍浠峰�兼湁鍝簺锛�</p>
+                    <p class="f-kaiti">3.鎬庢牱鑳藉淇冧娇瀹堕暱鏇村鍦版帴鍙楀┐骞煎効鐨勬父鎴忓苟鍙備笌鍏朵腑锛�</p>
                     <h3 id="c011">涓�銆佸┐骞煎効娓告垙鐨勪环鍊�</h3>
                     <p>姣忎釜濠村辜鍎跨殑绔ュ勾閮界涓嶅紑娓告垙鐨勭偣缂�銆傚彲浠ヨ锛屾父鎴忓湪濠村辜鍎跨殑鎴愰暱閬撹矾涓婂崰鎹簡鍗佸垎閲嶈鐨勫湴浣嶃�傚畠涓嶄粎鏄┐骞煎効鐢熸椿鐨勬柟寮忥紝涔熸槸濠村辜鍎垮涔犵煡璇嗐�佺Н绱妧鑳界殑涓昏鎵嬫锛屽浜庡┐骞煎効鐨勫彂灞曚环鍊兼槸涓嶈█鑰屽柣鐨勩��
                     </p>

--
Gitblit v1.9.1