From 47b06c613a82cea4066f323437d1275aa0c7c31d Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期四, 09 五月 2024 11:14:00 +0800
Subject: [PATCH] 样式调整

---
 /dev/null                                                    |  569 -------------------
 public/resource.json                                         |   34 +
 src/main.js                                                  |    2 
 src/books/childHealth/view/header/index.vue                  |   11 
 src/books/childHealth/assets/main.less                       |  567 +++++++++++++++++++
 src/components/examinations/index.vue                        |  138 +++
 public/information.json                                      |   21 
 src/books/childHealth/view/content/components/chapter001.vue |  366 ++++++-----
 8 files changed, 940 insertions(+), 768 deletions(-)

diff --git a/public/information.json b/public/information.json
new file mode 100644
index 0000000..5998ba9
--- /dev/null
+++ b/public/information.json
@@ -0,0 +1,21 @@
+[
+  {
+    "label": "涓撻涓� 瀛﹀墠鍎跨鐢熺悊鍙戣偛鐗圭偣涓庝繚鍋�",
+    "id": "a008",
+    "page":1,
+    "children": [
+      {
+        "label": "瀛︿範涓婚涓� 杩愬姩绯荤粺",
+        "id": "b001",
+        "page":2,
+        "children": [
+          {
+            "label": "涓�銆佸鍓嶅効绔ヨ繍鍔ㄧ郴缁熺殑鐗圭偣",
+            "id": "c001",
+            "page":2
+          }
+        ]
+      }
+    ]
+  }
+]
diff --git a/public/resource.json b/public/resource.json
new file mode 100644
index 0000000..f6e8d20
--- /dev/null
+++ b/public/resource.json
@@ -0,0 +1,34 @@
+{
+  "imgList":[
+
+  ],
+  "audioList" :[
+
+
+  ],
+  "videoList" : [
+    {
+      "name": "1e5acedac3d8453d693a71db330a781d.mp4",
+      "type": "video"
+    }
+
+  ],
+  "attachmentList":[
+    {
+      "name": "1 鏁欐 涓撻鍏細瀛︿範涓婚浜� 瀛﹀墠鍎跨甯歌鐨勬剰澶栦簨鏁呭強鎬ユ晳.docx",
+      "type": "word"
+    },
+    {
+      "name": "1 鏁欐 涓撻鍗侊細瀛︿範涓婚涓� 鎵樺辜鏈烘瀯鐨勫缓绛戝崼鐢�.docx",
+      "type": "word"
+    },
+    {
+      "name": "1 鏁欐 涓撻鍥涳細瀛︿範涓婚浜� 瀛﹀墠鍎跨蹇冪悊鍋ュ悍鐨勮瘎浠�.docx",
+      "type": "word"
+    },
+    {
+      "name": "1 鏁欐 涓撻鍥涳細瀛︿範涓婚涓� 瀛﹀墠鍎跨韬綋鍋ュ悍鐨勮瘎浠�.docx",
+      "type": "word"
+    }
+  ]
+}
diff --git a/src/assets/style/main.css b/src/assets/style/main.css
deleted file mode 100644
index 5738626..0000000
--- a/src/assets/style/main.css
+++ /dev/null
@@ -1,449 +0,0 @@
-.custom_tag{
-	background-color:#1EB9EE;
-	color: #FFFFFF;
-	display: inline-block;
-	padding: 5px 10px;
-	border-radius: 8px;
-	font-size: 15px;
-	padding: 10px;
-	box-shadow: 9px 5px 0px 0px #eaf6fd;
-	margin: 0;
-	margin-top: 20px;
-	text-indent: 0em;
-	margin-bottom:0.5em;
-}
-h6.Conclusion-title4 {
-font-family: "DK-HEITI", "锟斤拷锟斤拷锟斤拷亭锟节硷拷锟斤拷", "锟斤拷锟斤拷";
-font-weight: normal;
-font-size: 18px;
-color: #FFFFFF; 
-background-color: #1EB9EE;
-padding: 0.3em;
-width:7em;
-text-align:center;
-border-radius: 0.6em;
-margin-bottom: -0.6em;
-duokan-text-indent: 0em;
-text-indent: 0em;
-}
-h6.Conclusion-title2 {
-font-family: "DK-HEITI", "锟斤拷锟斤拷锟斤拷亭锟节硷拷锟斤拷", "锟斤拷锟斤拷";
-font-weight: normal;
-font-size: 18px;
-color: #FFFFFF; 
-background-color: #1EB9EE;
-padding: 0.3em;
-width:6.5em;
-text-align:center;
-border-radius: 0.6em;
-margin-bottom: -0.9em;
-duokan-text-indent: 0em;
-text-indent: 0em;
-display: flex;
-align-items: center;
-justify-content: center;
-}
-
-/* 锟斤拷锟侥讹拷锟斤拷 */
-p.blockh6 {
-font-family:"STKaiti";
-font-weight: normal;
-font-size: 16px;
-border-style: dotted;
-border-width: 2px;
-border-color: #1EB9EE; 
-padding: 0.8em;
-margin-left: 1em;
-margin-top: 0em;
-margin-bottom: 20px;
-border-radius: 1em;
-duokan-text-indent: 2em;
-text-indent: 2em;
-}
-
-/* 锟斤拷锟侥讹拷锟斤拷锟斤拷锟� */
-p.blockh6-c {
-font-family:"STKaiti";
-font-weight: normal;
-font-size: 16px;
-border-style: dotted;
-border-radius: 1em;
-border-width: 2px;
-border-color: #1EB9EE; 
-padding: 0.8em;
-text-align:center;
-margin-left: 1em;
-margin-top: 0em;
-text-indent: 0em;
-margin-bottom: 20px;
-text-align: center;
-}
-
-
-h6.Conclusion-title3 {
-font-family: "DK-HEITI", "锟斤拷锟斤拷锟斤拷亭锟节硷拷锟斤拷", "锟斤拷锟斤拷";
-font-weight: normal;
-font-size: 18px;
-color: #ffffff; 
-background-color: #32a59e;
-padding: 0.3em;
-width: 6em;
-text-align:center;
-border-radius: 0.6em;
-margin-bottom: -0.5em;
-duokan-text-indent: 0em;
-text-indent: 0em;
-}
-
-.module_block{
-	display: flex;
-	font-size: 1.2em;
-	position: relative;
-	padding-left: 110px;
-}
-.module_block .custom1{
-	background-color:#1EB9EE;
-	padding: 10px 20px;
-	color: #FFFFFF;
-	position: absolute;
-	left: 0;
-	top: 50%;
-	transform: translateY(-50%);
-}
-.module_block .custom2{
-	border:4px solid #1EB9EE;
-	padding: 6px 5px 6px 40px;
-	color: #1EB9EE;
-	font-weight: bold;
-	border-radius: 1em;
-}
-
-
-.fieldset {
-	margin-bottom: 20px;
-	border:dotted #1EB9EE;
-	border-radius: 1em;
-	font-size:0.9em;/*16px;*/
-	padding: 10px 10px 10px 10px;
-	color: #666666;
-	font-family: "锟斤拷锟斤拷", "锟斤拷锟斤拷";
-}
-.inline{
-height:1.2em;
-	vertical-align:top;
-
-}
-.imz{
-     height:96%;
-     text-align:center;
-
-
-}
-
-.note{
-font-size: 0.85em;
-}
-
-
-.block{
-	font-family:"STKaiti";
-}
-
-.block1
-{
-	font-family:"STKaiti";
-	text-align:right;
-	margin-left:0%;
-	margin-right:2em;
-}
-
-.block2
-{
-	font-family:"STKaiti";
-	text-indent:0em;
-	text-align:center;
-	margin-left:0%;
-	margin-right:0%;
-}
-
-.block3
-{
-	font-family:"STKaiti";
-	text-align:left;
-	text-indent:0em;
-	margin-left:0%;
-	margin-right:0%;
-
-}
-
-.img{
-text-align: center;
-font-family:"STKaiti";
-font-size:1em;
-text-indent: 0em;
-}
-
-body {
-	font-family:"cnepub", serif;
-}
-
-
-
-
-p
-{
-	margin-top: 0.5em;
-	text-indent: 2em;
-	line-height: 1.5em;
-}
-.cover {
-	width:100%;
-	padding:0px;
-}
-.center {
-	text-align: center;
-	margin-left: 0%;
-	margin-right: 0%;
-	text-indent: 0em
-}
-.left {
-	text-indent: 0em;
-	margin-left: 0%;
-	margin-right: 0%;
-}
-.right {
-	text-align: right;
-	margin-left: 0%;
-	margin-right: 0%;
-}
-.quote {
-	margin-top: 0%;
-	margin-bottom: 0%;
-	margin-left: 1em;
-	margin-right: 1em;
-	text-align: justify;
-	font-family:"cnepub", serif;
-}
-h1 {
-	color: #9f052f;
-	font-family:"cnepub", serif;
-	text-align: center;
-	font-size:1.5em;
-	margin-top: 1em;
-	margin-bottom: 1em;
-        font-family: "HiFont Hei GB";
-}
-
-h2 {
-
-	font-family:"cnepub", serif;
-	text-align: center;
-	font-weight:bold;
-	font-size:1.3em;
-	margin-top: 1em;
-	margin-bottom: 0.2em;
-        font-family: "HiFont Hei GB";
-}
-h3 {
-
-	color: #00A1E9;
-	font-family:"cnepub", serif;
-	font-weight:bold;
-	font-size:1.2em;
-	margin-top: 1em;
-	margin-bottom: 0.2em;
-	text-indent:0em;
-        font-family: "HiFont Hei GB";
-}
-h4 {
-
-	font-family:"cnepub", serif;
-	font-weight:bold;
-	font-size:medium;
-	margin-top:1.1em;
-	text-indent:2em;
-	margin-bottom: 0.2em;
-        font-family: "HiFont Hei GB";
-}
-h5 {
-	color: #00A1E9;
-	font-family:"cnepub", serif;
-	font-weight:bold;
-	font-size:1em;
-	margin-top:0.8em;
-	text-indent:2em;
-	margin-bottom: 0.2em;
-        font-family: "HiFont Hei GB";
-}
-h6 {
-
-	font-family:"cnepub", serif;
-	text-align: left;
-	font-weight:bold;
-	font-size:x-small;
-	margin-top: 1em;
-	margin-bottom: 0.2em;
-        font-family: "HiFont Hei GB";
-}
-.u { 
-
-      text-decoration: underline; }
-
-.img-a{	
-	width:90%;
-}
-.img-b{
-	width:80%;
-}
-.img-c{	
-	width:70%;
-}
-.img-d{	
-	width:60%;
-}
-.img-e{	
-	width:50%;
-}
-.img-f{	
-	width:40%;
-}
-.img-g{	
-	width:30%;
-}
-.img-h{	
-	width:20%;
-}
-.img-i{       
-	width:10%;
-}
-.img-j{        
-	width:5%;
-}
-.img-n{        
-	height:1em;
-}
-.border-1{
-	border: 1px solid #E6E6FA;
-	background-color:#E6E6FA;
-	border-radius: 0.6em;
-	padding-top: 30%;
-	padding-bottom: 70%;
-	margin: 20% 10% 20% 10%;
-}
-.border-2{
-	border: 1px solid #FFF5EE;
-	background-color:#FFF5EE;
-	border-radius: 0.6em;
-	padding-top: 30%;
-	padding-bottom: 70%;
-	margin: 20% 10% 20% 10%;
-}
-
-.img-gn{	
-	height:1.3em;
-	vertical-align:top;
-}
-
-
-.book {
-  margin: 0 auto;
-  width: 816px;
-}
-
-.text-center {
-  text-align: center;
-}
-.tl{
-  text-align: left !important;
-}
-.ti2 {
-	text-indent:2em !important;
-}
-.lineInput {
-  width: 92%;
-	font-size: 14px;
-	color: #666;
-  border: none;
-  border-bottom: 1px solid #000;
-  outline: none;
-  background: transparent;
-}
-.completion-input {
-	width: 64px !important;
-	color: #000 !important;
-}
-.judge-input {
-	width: 20px;
-	font-size: 14px;
-	color: #000;
-  border: none;
-  border:0;
-  outline: none;
-  background: transparent;
-}
-
-.sport-text {
-  font-size: 20px;
-  line-height: 40px;
-}
-.img-text {
-  color: #000;
-  text-align: center;
-  font-size: 16px;
-  text-indent: 0em;
-  font-weight: 700;
-}
-.text-size {
-  font-size: 20px;
-}
-.fl {
-  display: flex;
-}
-.fl-evenly {
-  justify-content: space-evenly;
-}
-.fl-around {
-  justify-content: space-around;
-}
-.fl-di {
-  flex-direction: column;
-}
-.fl-cn {
-  align-items: center;
-}
-.fz-18 {
-  font-size: 18px;
-}
-.fz-16 {
-  font-size: 16px;
-}
-.fz-12 {
-  font-size: 12px;
-}
-.suspend-title {
-  white-space: nowrap;
-  min-width: 120px;
-  position: absolute;
-  top: -27px;
-  left: -15px;
-  background-color: #32a59e;
-  height: 34px;
-  line-height: 34px;
-  border-radius: 13px;
-  color: #fff;
-  text-align: center;
-}
-.m0-t0 {
-  margin: 0;
-  text-indent: 0 !important;
-}
-
-.learn-btn img {
-  cursor: pointer;
-  height: 30px;
-}
-
-.lh {
-	line-height: 1.5em;
-	margin-top: 0.5em;
-}
\ No newline at end of file
diff --git a/src/books/childHealth/assets/main.css b/src/books/childHealth/assets/main.css
deleted file mode 100644
index 6063e02..0000000
--- a/src/books/childHealth/assets/main.css
+++ /dev/null
@@ -1,569 +0,0 @@
-.temp-book .custom_tag {
-  background-color: #1eb9ee;
-  color: #ffffff;
-  display: inline-block;
-  padding: 5px 10px;
-  border-radius: 8px;
-  font-size: 15px;
-  padding: 10px;
-  box-shadow: 9px 5px 0px 0px #eaf6fd;
-  margin: 0;
-  margin-top: 20px;
-  text-indent: 0em;
-  margin-bottom: 0.5em;
-}
-.temp-book h6.Conclusion-title4 {
-  font-family: "DK-HEITI", "锟斤拷锟斤拷锟斤拷亭锟节硷拷锟斤拷", "锟斤拷锟斤拷";
-  font-weight: normal;
-  font-size: 18px;
-  color: #ffffff;
-  background-color: #1eb9ee;
-  padding: 0.3em;
-  width: 7em;
-  text-align: center;
-  border-radius: 0.6em;
-  margin-bottom: -0.6em;
-  duokan-text-indent: 0em;
-  text-indent: 0em;
-}
-.temp-book h6.Conclusion-title2 {
-  font-family: "DK-HEITI", "锟斤拷锟斤拷锟斤拷亭锟节硷拷锟斤拷", "锟斤拷锟斤拷";
-  font-weight: normal;
-  font-size: 18px;
-  color: #ffffff;
-  background-color: #1eb9ee;
-  padding: 0.3em;
-  width: 6.5em;
-  text-align: center;
-  border-radius: 0.6em;
-  margin-bottom: -0.9em;
-  duokan-text-indent: 0em;
-  text-indent: 0em;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-/* 锟斤拷锟侥讹拷锟斤拷 */
-.temp-book p.blockh6 {
-  font-family: "STKaiti";
-  font-weight: normal;
-  font-size: 16px;
-  border-style: dotted;
-  border-width: 2px;
-  border-color: #1eb9ee;
-  padding: 0.8em;
-  margin-left: 1em;
-  margin-top: 0em;
-  margin-bottom: 40px;
-  border-radius: 1em;
-  duokan-text-indent: 2em;
-  text-indent: 2em;
-}
-
-/* 锟斤拷锟侥讹拷锟斤拷锟斤拷锟� */
-.temp-book p.blockh6-c {
-  font-family: "STKaiti";
-  font-weight: normal;
-  font-size: 16px;
-  border-style: dotted;
-  border-radius: 1em;
-  border-width: 2px;
-  border-color: #1eb9ee;
-  padding: 0.8em;
-  text-align: center;
-  margin-left: 1em;
-  margin-top: 0em;
-  text-indent: 0em;
-  margin-bottom: 20px;
-  text-align: center;
-}
-
-.temp-book h6.Conclusion-title3 {
-  font-family: "DK-HEITI", "锟斤拷锟斤拷锟斤拷亭锟节硷拷锟斤拷", "锟斤拷锟斤拷";
-  font-weight: normal;
-  font-size: 18px;
-  color: #ffffff;
-  background-color: #32a59e;
-  padding: 0.3em;
-  width: 6em;
-  text-align: center;
-  border-radius: 0.6em;
-  margin-bottom: -0.5em;
-  duokan-text-indent: 0em;
-  text-indent: 0em;
-}
-
-.temp-book .module_block {
-  display: flex;
-  font-size: 1.2em;
-  position: relative;
-  padding-left: 110px;
-}
-.temp-book .module_block .custom1 {
-  background-color: #1eb9ee;
-  padding: 10px 20px;
-  color: #ffffff;
-  position: absolute;
-  left: 0;
-  top: 50%;
-  transform: translateY(-50%);
-}
-.temp-book .module_block .custom2 {
-  border: 4px solid #1eb9ee;
-  padding: 6px 5px 6px 40px;
-  color: #1eb9ee;
-  font-weight: bold;
-  border-radius: 1em;
-}
-
-.temp-book .fieldset {
-  margin-bottom: 20px;
-  border: dotted #1eb9ee;
-  border-radius: 1em;
-  font-size: 0.9em; /*16px;*/
-  padding: 10px 10px 10px 10px;
-  color: #666666;
-  font-family: "锟斤拷锟斤拷", "锟斤拷锟斤拷";
-}
-.temp-book .inline {
-  height: 1.2em;
-  vertical-align: top;
-}
-.temp-book .imz {
-  height: 96%;
-  text-align: center;
-}
-
-.temp-book .note {
-  font-size: 0.85em;
-}
-
-.temp-book .block {
-  font-family: "STKaiti";
-}
-
-.temp-book .block1 {
-  font-family: "STKaiti";
-  text-align: right;
-  margin-left: 0%;
-  margin-right: 2em;
-}
-
-.temp-book .block2 {
-  font-family: "STKaiti";
-  text-indent: 0em;
-  text-align: center;
-  margin-left: 0%;
-  margin-right: 0%;
-}
-
-.temp-book .block3 {
-  font-family: "STKaiti";
-  text-align: left;
-  text-indent: 0em;
-  margin-left: 0%;
-  margin-right: 0%;
-}
-
-.temp-book .img {
-  text-align: center;
-  font-family: "STKaiti";
-  font-size: 1em;
-  text-indent: 0em;
-}
-
-.temp-book {
-  font-family: "瀹嬩綋", SimSun, sans-serif;
-}
-
-.temp-book p {
-  margin-top: 0.5em;
-  text-indent: 2em;
-  line-height: 1.5em;
-  margin: 0;
-}
-.temp-book .cover {
-  width: 100%;
-  padding: 0px;
-}
-.temp-book .center {
-  text-align: center;
-  margin-left: 0%;
-  margin-right: 0%;
-  text-indent: 0em;
-}
-.temp-book .left {
-  text-indent: 0em;
-  margin-left: 0%;
-  margin-right: 0%;
-}
-.temp-book .right {
-  text-align: right;
-  margin-left: 0%;
-  margin-right: 0%;
-}
-.temp-book .quote {
-  margin-top: 0%;
-  margin-bottom: 0%;
-  margin-left: 1em;
-  margin-right: 1em;
-  text-align: justify;
-  font-family: "cnepub", serif;
-}
-.temp-book h1 {
-  color: #9f052f;
-  font-family: "cnepub", serif;
-  text-align: center;
-  font-size: 1.5em;
-  margin-top: 1em;
-  margin-bottom: 1em;
-  font-family: "HiFont Hei GB";
-}
-
-.temp-book h2 {
-  font-family: "cnepub", serif;
-  text-align: center;
-  font-weight: bold;
-  font-size: 1.3em;
-  margin-top: 1em;
-  margin-bottom: 0.2em;
-  font-family: "HiFont Hei GB";
-}
-.temp-book h3 {
-  color: #00a1e9;
-  font-family: "cnepub", serif;
-  font-weight: bold;
-  font-size: 1.2em;
-  margin-top: 1em;
-  margin-bottom: 0.2em;
-  text-indent: 0em;
-  font-family: "HiFont Hei GB";
-}
-.temp-book h4 {
-  font-family: "cnepub", serif;
-  font-weight: bold;
-  font-size: medium;
-  margin-top: 1.1em;
-  text-indent: 2em;
-  margin-bottom: 0.2em;
-  font-family: "HiFont Hei GB";
-}
-.temp-book h5 {
-  color: #00a1e9;
-  font-family: "cnepub", serif;
-  font-weight: bold;
-  font-size: 1em;
-  margin-top: 0.8em;
-  text-indent: 2em;
-  margin-bottom: 0.2em;
-  font-family: "HiFont Hei GB";
-}
-.temp-book h6 {
-  font-family: "cnepub", serif;
-  text-align: left;
-  font-weight: bold;
-  font-size: x-small;
-  margin-top: 1em;
-  margin-bottom: 0.2em;
-  font-family: "HiFont Hei GB";
-}
-.temp-book .u {
-  text-decoration: underline;
-}
-
-.temp-book .img-a {
-  width: 90%;
-}
-.temp-book .img-b {
-  width: 80%;
-}
-.temp-book .img-c {
-  width: 70%;
-}
-.temp-book .img-d {
-  width: 60%;
-}
-.temp-book .img-e {
-  width: 50%;
-}
-.temp-book .img-f {
-  width: 40%;
-}
-.temp-book .img-g {
-  width: 30%;
-}
-.temp-book .img-h {
-  width: 20%;
-}
-.temp-book .img-i {
-  width: 10%;
-}
-.temp-book .img-j {
-  width: 5%;
-}
-.temp-book .img-n {
-  height: 1em;
-}
-.temp-book .border-1 {
-  border: 1px solid #e6e6fa;
-  background-color: #e6e6fa;
-  border-radius: 0.6em;
-  padding-top: 30%;
-  padding-bottom: 70%;
-  margin: 20% 10% 20% 10%;
-}
-.temp-book .border-2 {
-  border: 1px solid #fff5ee;
-  background-color: #fff5ee;
-  border-radius: 0.6em;
-  padding-top: 30%;
-  padding-bottom: 70%;
-  margin: 20% 10% 20% 10%;
-}
-
-.temp-book .img-gn {
-  height: 1.3em;
-  vertical-align: top;
-}
-
-.temp-book .book {
-  margin: 0 auto;
-  width: 816px;
-}
-
-.temp-book .text-center {
-  text-align: center;
-}
-.temp-book .tl {
-  text-align: left !important;
-}
-.temp-book .tl-ju {
-  text-align: justify;
-}
-.temp-book .ti2 {
-  text-indent: 2em !important;
-}
-.temp-book .lineInput {
-  width: 92%;
-  font-size: 14px;
-  color: #666;
-  border: none;
-  border-bottom: 1px solid #000;
-  outline: none;
-  background: transparent;
-}
-.temp-book .completion-input {
-  width: 64px !important;
-  color: #000 !important;
-}
-.temp-book .judge-input {
-  width: 20px;
-  font-size: 14px;
-  color: #000;
-  border: none;
-  border: 0;
-  outline: none;
-  background: transparent;
-}
-
-.temp-book .sport-text {
-  font-size: 20px;
-  line-height: 40px;
-}
-.temp-book .img-text {
-  color: #000;
-  text-align: center;
-  font-size: 16px;
-  text-indent: 0em;
-  font-weight: 700;
-}
-.temp-book .text-size {
-  font-size: 20px;
-}
-.temp-book .fl {
-  display: flex;
-}
-.temp-book .fl-evenly {
-  justify-content: space-evenly;
-}
-.temp-book .fl-around {
-  justify-content: space-around;
-}
-.temp-book .fl-between {
-	justify-content: space-between;
-}
-.temp-book .fl-di {
-  flex-direction: column;
-}
-.temp-book .fl-cn {
-  align-items: center;
-}
-.temp-book .fz-18 {
-  font-size: 18px;
-}
-.temp-book .fz-16 {
-  font-size: 16px;
-}
-.temp-book .fz-14 {
-  font-size: 14px;
-}
-.temp-book .fz-12 {
-  font-size: 12px;
-}
-.temp-book .suspend-title {
-  white-space: nowrap;
-  min-width: 120px;
-  position: absolute;
-  top: -27px;
-  left: -15px;
-  background-color: #32a59e;
-  height: 34px;
-  line-height: 34px;
-  border-radius: 13px;
-  color: #fff;
-  text-align: center;
-}
-.temp-book .m0 {
-	margin: 0;
-}
-.temp-book .t0 {
-	text-indent: 0;
-}
-.temp-book .m0-t0 {
-  margin: 0;
-  text-indent: 0 !important;
-}
-
-.temp-book .learn-btn img {
-  cursor: pointer;
-  height: 30px;
-}
-
-.temp-book .lh {
-  line-height: 1.5em;
-  margin-top: 0.5em;
-}
-
-body {
-  background-color: #e6e6e6;
-}
-
-.temp-book .page-box {
-	box-sizing: border-box;
-	min-height: 1150px !important;
-  margin-bottom: 20px;
-  box-shadow: 0 3px 6px 1px #00000029;
-  background-color: #fff;
-}
-.temp-book .ds-bl {
-  display: block;
-}
-.temp-book ul {
-	list-style: none;
-	padding: 0;
-}
-
-.temp-book .lh2 {
-	line-height: 2em;
-}
-
-.temp-book .header-box {
-	position: relative;
-	display: flex;
-	justify-content: flex-end;
-	margin-bottom: 20px;
-}
-
-.temp-book .header-border-box {
-	width: 90%;
-	height: 100px;
-	border-bottom: 1px solid #00aeef;
-	border-left:1px solid #00aeef ;
-}
-
-.temp-book .header-num-box {
-	box-sizing: border-box;
-	position: absolute;
-	top: 50px;
-	width: 100%;
-	height: 26px !important;
-	line-height: 26px;
-	background-color: #15c0f2;
-	color: #fff;
-	padding-left: 50px;
-}
-.temp-book .page-header-box {
-  padding-top: 96px;
-  display: flex;
-  justify-content: flex-end;
-  align-items: flex-end;
-  margin-bottom: 45px;
-}
-.temp-book .page-header-text {
-  color: #616161;
-  font-size: 14px;
-}
-.temp-book .page-header-num {
-  display: inline-block;
-  width: 100px;
-  height: 30px;
-  line-height: 30px;
-  padding-left: 20px;
-  box-sizing: border-box;
-  background-color: #15c0f2;
-  color: #fff;
-  margin-left: 20px;
-  font-weight: bold;
-}
-.temp-book .fw-b {
-	font-weight: bold;
-}
-.temp-book .italic {
-	font-style: italic
-}
-.temp-book .mb-0 {
-  margin-bottom: 0;
-}
-.temp-book .mb-20 {
-  margin: 20px 0 !important;
-}
-.temp-book .mb-40 {
-  margin-bottom: 40px !important;
-}
-.temp-book .mb-80 {
-  margin-bottom: 80px !important;
-}
-.temp-book .ml-30 {
-  margin-left: 30px;
-}
-.temp-book .table-box {
-  width: 94%;
-  font-family: "STKaiti";
-  line-height: 1.5em;
-}
-/* 濯掍綋鏌ヨ鍋氬熀纭�鍝嶅簲寮忓竷灞� */
-@media (max-width:660px) {
-  /* 鍒嗛〉padding */
-  .temp-book  .page-padding {
-    padding: 104px 20px;
-  }
-  .temp-book .padding-96 {
-    padding: 0 20px;
-  }
-  /* video澶у皬 */
-  .temp-book .video-box {
-    max-width: 260px;
-  }
-}
-@media (min-width:660px) {
-  .temp-book .page-padding {
-    padding: 104px 96px;
-  }
-  .temp-book .padding-96 {
-    padding: 0 96px;
-  }
-  .temp-book .video-box {
-    max-width: 370px;
-  }
-}
\ No newline at end of file
diff --git a/src/books/childHealth/assets/main.less b/src/books/childHealth/assets/main.less
new file mode 100644
index 0000000..0a808dc
--- /dev/null
+++ b/src/books/childHealth/assets/main.less
@@ -0,0 +1,567 @@
+.temp-book {
+  font-family: "瀹嬩綋", SimSun, sans-serif;
+  .custom_tag {
+    background-color: #1eb9ee;
+    color: #ffffff;
+    display: inline-block;
+    padding: 5px 10px;
+    border-radius: 8px;
+    font-size: 15px;
+    padding: 10px;
+    box-shadow: 9px 5px 0px 0px #eaf6fd;
+    margin: 0;
+    margin-top: 20px;
+    text-indent: 0em;
+    margin-bottom: 0.5em;
+  }
+  h6.Conclusion-title4 {
+    font-family: "DK-HEITI", "锟斤拷锟斤拷锟斤拷亭锟节硷拷锟斤拷", "锟斤拷锟斤拷";
+    font-weight: normal;
+    font-size: 18px;
+    color: #ffffff;
+    background-color: #1eb9ee;
+    padding: 0.3em;
+    width: 7em;
+    text-align: center;
+    border-radius: 0.6em;
+    margin-bottom: -0.6em;
+    duokan-text-indent: 0em;
+    text-indent: 0em;
+  }
+  h6.Conclusion-title2 {
+    font-family: "DK-HEITI", "锟斤拷锟斤拷锟斤拷亭锟节硷拷锟斤拷", "锟斤拷锟斤拷";
+    font-weight: normal;
+    font-size: 18px;
+    color: #ffffff;
+    background-color: #1eb9ee;
+    padding: 0.3em;
+    width: 6.5em;
+    text-align: center;
+    border-radius: 0.6em;
+    margin-bottom: -0.9em;
+    duokan-text-indent: 0em;
+    text-indent: 0em;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  p.blockh6 {
+    font-family: "STKaiti";
+    font-weight: normal;
+    font-size: 16px;
+    border-style: dotted;
+    border-width: 2px;
+    border-color: #1eb9ee;
+    padding: 0.8em;
+    margin-left: 1em;
+    margin-top: 0em;
+    margin-bottom: 40px;
+    border-radius: 1em;
+    duokan-text-indent: 2em;
+    text-indent: 2em;
+  }
+  p.blockh6-c {
+    font-family: "STKaiti";
+    font-weight: normal;
+    font-size: 16px;
+    border-style: dotted;
+    border-radius: 1em;
+    border-width: 2px;
+    border-color: #1eb9ee;
+    padding: 0.8em;
+    text-align: center;
+    margin-left: 1em;
+    margin-top: 0em;
+    text-indent: 0em;
+    margin-bottom: 20px;
+    text-align: center;
+  }
+  h6.Conclusion-title3 {
+    font-family: "DK-HEITI", "锟斤拷锟斤拷锟斤拷亭锟节硷拷锟斤拷", "锟斤拷锟斤拷";
+    font-weight: normal;
+    font-size: 18px;
+    color: #ffffff;
+    background-color: #32a59e;
+    padding: 0.3em;
+    width: 6em;
+    text-align: center;
+    border-radius: 0.6em;
+    margin-bottom: -0.5em;
+    duokan-text-indent: 0em;
+    text-indent: 0em;
+  }
+
+  .module_block {
+    display: flex;
+    font-size: 1.2em;
+    position: relative;
+    padding-left: 110px;
+  }
+  .module_block .custom1 {
+    background-color: #1eb9ee;
+    padding: 10px 20px;
+    color: #ffffff;
+    position: absolute;
+    left: 0;
+    top: 50%;
+    transform: translateY(-50%);
+  }
+  .module_block .custom2 {
+    border: 4px solid #1eb9ee;
+    padding: 6px 5px 6px 40px;
+    color: #1eb9ee;
+    font-weight: bold;
+    border-radius: 1em;
+  }
+
+  .fieldset {
+    margin-bottom: 20px;
+    border: dotted #1eb9ee;
+    border-radius: 1em;
+    font-size: 0.9em; /*16px;*/
+    padding: 10px 10px 10px 10px;
+    color: #666666;
+    font-family: "锟斤拷锟斤拷", "锟斤拷锟斤拷";
+  }
+  .inline {
+    height: 1.2em;
+    vertical-align: top;
+  }
+  .imz {
+    height: 96%;
+    text-align: center;
+  }
+
+  .note {
+    font-size: 0.85em;
+  }
+
+  .block {
+    font-family: "STKaiti";
+  }
+
+  .block1 {
+    font-family: "STKaiti";
+    text-align: right;
+    margin-left: 0%;
+    margin-right: 2em;
+  }
+
+  .block2 {
+    font-family: "STKaiti";
+    text-indent: 0em;
+    text-align: center;
+    margin-left: 0%;
+    margin-right: 0%;
+  }
+
+  .block3 {
+    font-family: "STKaiti";
+    text-align: left;
+    text-indent: 0em;
+    margin-left: 0%;
+    margin-right: 0%;
+  }
+
+  .img {
+    text-align: center;
+    font-family: "STKaiti";
+    font-size: 1em;
+    text-indent: 0em;
+  }
+
+  p {
+    margin-top: 0.5em;
+    text-indent: 2em;
+    line-height: 1.5em;
+    margin: 0;
+  }
+  .cover {
+    width: 100%;
+    padding: 0px;
+  }
+  .center {
+    text-align: center;
+    margin-left: 0%;
+    margin-right: 0%;
+    text-indent: 0em;
+  }
+  .left {
+    text-indent: 0em;
+    margin-left: 0%;
+    margin-right: 0%;
+  }
+  .right {
+    text-align: right;
+    margin-left: 0%;
+    margin-right: 0%;
+  }
+  .quote {
+    margin-top: 0%;
+    margin-bottom: 0%;
+    margin-left: 1em;
+    margin-right: 1em;
+    text-align: justify;
+    font-family: "cnepub", serif;
+  }
+  h1 {
+    color: #9f052f;
+    font-family: "cnepub", serif;
+    text-align: center;
+    font-size: 1.5em;
+    margin-top: 1em;
+    margin-bottom: 1em;
+    font-family: "HiFont Hei GB";
+  }
+
+  h2 {
+    font-family: "cnepub", serif;
+    text-align: center;
+    font-weight: bold;
+    font-size: 1.3em;
+    margin-top: 1em;
+    margin-bottom: 0.2em;
+    font-family: "HiFont Hei GB";
+  }
+  h3 {
+    color: #00a1e9;
+    font-family: "cnepub", serif;
+    font-weight: bold;
+    font-size: 1.2em;
+    margin-top: 1em;
+    margin-bottom: 0.2em;
+    text-indent: 0em;
+    font-family: "HiFont Hei GB";
+  }
+  h4 {
+    font-family: "cnepub", serif;
+    font-weight: bold;
+    font-size: medium;
+    margin-top: 1.1em;
+    text-indent: 2em;
+    margin-bottom: 0.2em;
+    font-family: "HiFont Hei GB";
+  }
+  h5 {
+    color: #00a1e9;
+    font-family: "cnepub", serif;
+    font-weight: bold;
+    font-size: 1em;
+    margin-top: 0.8em;
+    text-indent: 2em;
+    margin-bottom: 0.2em;
+    font-family: "HiFont Hei GB";
+  }
+  h6 {
+    font-family: "cnepub", serif;
+    text-align: left;
+    font-weight: bold;
+    font-size: x-small;
+    margin-top: 1em;
+    margin-bottom: 0.2em;
+    font-family: "HiFont Hei GB";
+  }
+  .u {
+    text-decoration: underline;
+  }
+
+  .img-a {
+    width: 90%;
+  }
+  .img-b {
+    width: 80%;
+  }
+  .img-c {
+    width: 70%;
+  }
+  .img-d {
+    width: 60%;
+  }
+  .img-e {
+    width: 50%;
+  }
+  .img-f {
+    width: 40%;
+  }
+  .img-g {
+    width: 30%;
+  }
+  .img-h {
+    width: 20%;
+  }
+  .img-i {
+    width: 10%;
+  }
+  .img-j {
+    width: 5%;
+  }
+  .img-n {
+    height: 1em;
+  }
+  .border-1 {
+    border: 1px solid #e6e6fa;
+    background-color: #e6e6fa;
+    border-radius: 0.6em;
+    padding-top: 30%;
+    padding-bottom: 70%;
+    margin: 20% 10% 20% 10%;
+  }
+  .border-2 {
+    border: 1px solid #fff5ee;
+    background-color: #fff5ee;
+    border-radius: 0.6em;
+    padding-top: 30%;
+    padding-bottom: 70%;
+    margin: 20% 10% 20% 10%;
+  }
+
+  .img-gn {
+    height: 1.3em;
+    vertical-align: top;
+  }
+
+  .book {
+    margin: 0 auto;
+    width: 816px;
+  }
+
+  .text-center {
+    text-align: center;
+  }
+  .tl {
+    text-align: left !important;
+  }
+  .tl-ju {
+    text-align: justify;
+  }
+  .ti2 {
+    text-indent: 2em !important;
+  }
+  .lineInput {
+    width: 90%;
+    font-size: 14px;
+    color: #666;
+    border: none;
+    border-bottom: 1px solid #15c0f2;
+    outline: none;
+    background: transparent;
+  }
+  .completion-input {
+    width: 64px !important;
+    color: #000 !important;
+  }
+  .judge-input {
+    width: 20px;
+    font-size: 14px;
+    color: #000;
+    border: none;
+    border: 0;
+    outline: none;
+    background: transparent;
+  }
+
+  .sport-text {
+    font-size: 20px;
+    line-height: 40px;
+  }
+  .img-text {
+    color: #000;
+    text-align: center;
+    font-size: 16px;
+    text-indent: 0em;
+    font-weight: 700;
+  }
+  .text-size {
+    font-size: 20px;
+  }
+  .fl {
+    display: flex;
+  }
+  .fl-evenly {
+    justify-content: space-evenly;
+  }
+  .fl-around {
+    justify-content: space-around;
+  }
+  .fl-between {
+    justify-content: space-between;
+  }
+  .fl-di {
+    flex-direction: column;
+  }
+  .fl-cn {
+    align-items: center;
+  }
+  .fz-18 {
+    font-size: 18px;
+  }
+  .fz-16 {
+    font-size: 16px;
+  }
+  .fz-14 {
+    font-size: 14px;
+  }
+  .fz-12 {
+    font-size: 12px;
+  }
+  .suspend-title {
+    white-space: nowrap;
+    min-width: 120px;
+    position: absolute;
+    top: -27px;
+    left: -15px;
+    background-color: #32a59e;
+    height: 34px;
+    line-height: 34px;
+    border-radius: 13px;
+    color: #fff;
+    text-align: center;
+  }
+  .m0 {
+    margin: 0;
+  }
+  .t0 {
+    text-indent: 0;
+  }
+  .m0-t0 {
+    margin: 0;
+    text-indent: 0 !important;
+  }
+
+  .learn-btn img {
+    cursor: pointer;
+    height: 30px;
+  }
+
+  .lh {
+    line-height: 1.5em;
+    margin-top: 0.5em;
+  }
+  .page-box {
+    box-sizing: border-box;
+    min-height: 1150px !important;
+    margin-bottom: 20px;
+    box-shadow: 0 3px 6px 1px #00000029;
+    background-color: #fff;
+  }
+  .ds-bl {
+    display: block;
+  }
+  ul {
+    list-style: none;
+    padding: 0;
+  }
+
+  .lh2 {
+    line-height: 2em;
+  }
+
+  .header-box {
+    position: relative;
+    display: flex;
+    justify-content: flex-end;
+    margin-bottom: 20px;
+  }
+
+  .header-border-box {
+    width: 90%;
+    height: 100px;
+    border-bottom: 1px solid #00aeef;
+    border-left: 1px solid #00aeef;
+  }
+
+  .header-num-box {
+    box-sizing: border-box;
+    position: absolute;
+    top: 50px;
+    width: 100%;
+    height: 26px !important;
+    line-height: 26px;
+    background-color: #15c0f2;
+    color: #fff;
+    padding-left: 50px;
+  }
+  .page-header-box {
+    padding-top: 96px;
+    display: flex;
+    justify-content: flex-end;
+    align-items: flex-end;
+    margin-bottom: 45px;
+  }
+  .page-header-text {
+    color: #616161;
+    font-size: 14px;
+  }
+  .page-header-num {
+    display: inline-block;
+    width: 100px;
+    height: 30px;
+    line-height: 30px;
+    padding-left: 20px;
+    box-sizing: border-box;
+    background-color: #15c0f2;
+    color: #fff;
+    margin-left: 20px;
+    font-weight: bold;
+  }
+  .fw-b {
+    font-weight: bold;
+  }
+  .italic {
+    font-style: italic;
+  }
+  .mb-0 {
+    margin-bottom: 0;
+  }
+  .mb-20 {
+    margin: 20px 0 !important;
+  }
+  .mb-40 {
+    margin-bottom: 40px !important;
+  }
+  .mb-80 {
+    margin-bottom: 80px !important;
+  }
+  .ml-30 {
+    margin-left: 30px;
+  }
+  .table-box {
+    width: 94%;
+    font-family: "STKaiti";
+    line-height: 1.5em;
+  }
+}
+
+body {
+  background-color: #e6e6e6;
+}
+
+/* 濯掍綋鏌ヨ鍋氬熀纭�鍝嶅簲寮忓竷灞� */
+@media (max-width: 660px) {
+  .temp-book {
+    /* 鍒嗛〉padding */
+    .page-padding {
+      padding: 104px 20px;
+    }
+    .padding-96 {
+      padding: 0 20px 104px 20px;
+    }
+    /* video澶у皬 */
+    .video-box {
+      max-width: 260px;
+    }
+  }
+}
+@media (min-width: 660px) {
+  .temp-book {
+    .page-padding {
+      padding: 104px 96px;
+    }
+    .padding-96 {
+      padding: 0 96px 104px 96px;
+    }
+    .video-box {
+      max-width: 370px;
+    }
+  }
+}
diff --git a/src/books/childHealth/view/content/components/chapter001.vue b/src/books/childHealth/view/content/components/chapter001.vue
index 1f5ede7..b6b7937 100644
--- a/src/books/childHealth/view/content/components/chapter001.vue
+++ b/src/books/childHealth/view/content/components/chapter001.vue
@@ -42,6 +42,7 @@
         />
       </p>
     </div>
+    <!-- 2 -->
     <div class="chapterOne">
       <div class="page-box" style="padding-bottom: 50px">
         <div class="header-box">
@@ -53,10 +54,14 @@
         </div>
         <div class="padding-96">
           <h6 class="Conclusion-title2">鈥㈤澶囧涔犫��</h6>
-          <p class="blockh6-c tl ti2">
-            浜茬埍鐨勫悓瀛︿滑锛屽湪寮�濮嬪涔犫�滆繍鍔ㄧ郴缁熲�濅箣鍓嶏紝鍜变滑鍏堥�氳繃瑙嗛瀛︿範鈥滀汉浣撴杩扳�濆苟瀹屾垚鐩稿叧缁冧範銆傝鎵弿涓嬮潰鐨勪簩缁寸爜锛屽紑濮嬪挶浠殑棰勫瀛︿範涔嬫梾鍚э紒
+          <p class="blockh6-c tl ti2 " >
+            <span style="margin:10px 0;display:block">
+              浜茬埍鐨勫悓瀛︿滑锛屽湪寮�濮嬪涔犫�滆繍鍔ㄧ郴缁熲�濅箣鍓嶏紝鍜变滑鍏堥�氳繃瑙嗛瀛︿範鈥滀汉浣撴杩扳�濆苟瀹屾垚鐩稿叧缁冧範銆傝鎵弿涓嬮潰鐨勪簩缁寸爜锛屽紑濮嬪挶浠殑棰勫瀛︿範涔嬫梾鍚э紒
+            </span>
+            <span class="span-border"></span>
             <span class="fl fl-cn mb-20">
-              <span>鑷富瀛︿範浠诲姟鍗�</span>
+              <span class="learn-title-text">鑷富瀛︿範浠诲姟鍗曪細</span>
+              <span style="text-indent:0">涓撻涓�瀛︿範涓婚涓� 杩愬姩绯荤粺鑷富瀛︿範浠诲姟鍗�</span>
               <img
                 src="../../../assets/images/icon/document.png"
                 alt=""
@@ -65,30 +70,30 @@
                 class="btn"
               />
             </span>
-            <span class="span-border" v-if="learnTbaleOne">
               <table
+              v-if="learnTbaleOne"
                 align="center"
                 border="1"
                 cellpadding="10"
                 cellspacing="0"
-                style="width: 94%"
+                style="width: 100%;border-color:#e9e9e9"
               >
-                <caption class="fw-b" style="font-size: 18px; margin: 20px 0">
+                <!-- <caption class="fw-b" style="font-size: 18px; margin: 20px 0">
                   鑷富瀛︿範浠诲姟鍗曪細涓撻涓�瀛︿範涓婚涓� 杩愬姩绯荤粺鑷富瀛︿範浠诲姟鍗�
-                </caption>
+                </caption> -->
                 <tr>
-                  <th>涓�銆佸涔犳寚鍗�</th>
+                  <th class="primary-color">涓�銆佸涔犳寚鍗�</th>
                 </tr>
                 <tr>
                   <td>
-                    <span class="ds-bl">(涓�)瀛︿範鍐呭</span>
+                    <span class="ds-bl primary-color">(涓�)瀛︿範鍐呭</span>
                     <span class="ds-bl">涓撻涓� 瀛﹀墠鍎跨鐢熺悊鍙戣偛鐗圭偣涓庝繚鍋�</span>
                     <span class="ds-bl">瀛︿範涓婚涓� 杩愬姩绯荤粺</span>
                   </td>
                 </tr>
                 <tr>
                   <td>
-                    <span class="ds-bl">(浜�)杈炬垚鐩爣</span>
+                    <span class="ds-bl primary-color">(浜�)杈炬垚鐩爣</span>
                     <span class="ds-bl">1.浜嗚В杩愬姩绯荤粺鐨勭粍鎴愬強鍔熻兘銆�</span>
                     <span class="ds-bl"
                       >2.鎺屾彙瀛﹀墠鍎跨楠ㄩ銆佽倢鑲夈�佸叧鑺傜殑鐗圭偣銆�</span
@@ -103,7 +108,7 @@
                 </tr>
                 <tr>
                   <td>
-                    <span class="ds-bl">(涓�)瀛︿範鏂规硶寤鸿</span>
+                    <span class="ds-bl primary-color">(涓�)瀛︿範鏂规硶寤鸿</span>
                     <span class="ds-bl">缁勫悎瀛︿範鏂规硶锛屼换鍔″崟+闃呰+瑙嗛</span>
                     <span class="ds-bl"
                       >1.闃呰锛氭暀鏉愩�佹暀瀛﹁浠跺強琛ュ厖鏉愭枡銆�</span
@@ -115,7 +120,7 @@
                 </tr>
                 <tr>
                   <td>
-                    <span class="ds-bl">(鍥�)璇句欢瀛︿範褰㈠紡棰勫憡</span>
+                    <span class="ds-bl primary-color">(鍥�)璇句欢瀛︿範褰㈠紡棰勫憡</span>
                     <span class="ds-bl"
                       >1.娴嬮獙锛氭暀鏉愩�佹暀瀛﹁浠跺強琛ュ厖鏉愭枡銆�</span
                     >
@@ -125,68 +130,68 @@
                   </td>
                 </tr>
                 <tr>
-                  <th>浜屻�佸涔犱换鍔�</th>
+                  <th class="primary-color">浜屻�佸涔犱换鍔�</th>
                 </tr>
                 <tr>
                   <td>
                     <span class="ds-bl"
                       >1.浜轰綋杩愬姩绯荤粺鐢卞摢涓変釜閮ㄥ垎缁勬垚锛熷悇閮ㄥ垎鐨勫姛鑳藉紡浠�涔堬紵</span
                     >
-                    <input type="text" class="lineInput" />
-                    <input type="text" class="lineInput" />
-                    <input type="text" class="lineInput" />
+                    <input type="text" class="lineInput w100" />
+                    <input type="text" class="lineInput w100" />
+                    <input type="text" class="lineInput w100" />
                     <span class="ds-bl"
                       >2.瀛﹀墠鍎跨鐨勯锛堥锛夋湁浠�涔堢壒鐐癸紵鏃ュ父鐢熸椿涓簲璇ュ浣曚繚鍋ワ紵</span
                     >
-                    <input type="text" class="lineInput" />
-                    <input type="text" class="lineInput" />
-                    <input type="text" class="lineInput" />
+                    <input type="text" class="lineInput w100" />
+                    <input type="text" class="lineInput w100" />
+                    <input type="text" class="lineInput w100" />
                     <span class="ds-bl"
                       >3.涓轰粈涔堝鍓嶅効绔ヤ笉瀹滀粠浜嬫嫈娌炽�佹攢宀┿�佸紩浣撳悜涓婄瓑娲诲姩锛�</span
                     >
-                    <input type="text" class="lineInput" />
-                    <input type="text" class="lineInput" />
-                    <input type="text" class="lineInput" />
+                    <input type="text" class="lineInput w100" />
+                    <input type="text" class="lineInput w100" />
+                    <input type="text" class="lineInput w100" />
                     <span class="ds-bl"
                       >4.瀛﹀墠鍎跨楠ㄩ鑲屾湁浠�涔堢壒鐐癸紵杩愬姩杩囩▼涓簲璇ユ敞鎰忓摢浜涗簨椤癸紵</span
                     >
-                    <input type="text" class="lineInput" />
-                    <input type="text" class="lineInput" />
-                    <input type="text" class="lineInput" />
+                    <input type="text" class="lineInput w100" />
+                    <input type="text" class="lineInput w100" />
+                    <input type="text" class="lineInput w100" />
                     <span class="ds-bl"
                       >5.骞煎効鍥兘缁勭粐骞煎効缁冧範鍐欏瓧鍚楋紵涓轰粈涔堬紵</span
                     >
-                    <input type="text" class="lineInput" />
-                    <input type="text" class="lineInput" />
-                    <input type="text" class="lineInput" />
+                    <input type="text" class="lineInput w100" />
+                    <input type="text" class="lineInput w100" />
+                    <input type="text" class="lineInput w100" />
                     <span class="ds-bl"
                       >6.瀛﹀墠鍎跨鐨勫叧鑺傛湁浠�涔堢壒鐐癸紵鏃ュ父鐢熸椿涓簲璇ユ敞鎰忓摢浜涢棶棰橈紵</span
                     >
-                    <input type="text" class="lineInput" />
-                    <input type="text" class="lineInput" />
-                    <input type="text" class="lineInput" />
+                    <input type="text" class="lineInput w100" />
+                    <input type="text" class="lineInput w100" />
+                    <input type="text" class="lineInput w100" />
                     <span class="ds-bl"
                       >7.浠�涔堟槸鎵佸钩瓒筹紵鎬庢牱棰勯槻瀛﹀墠鍎跨褰㈡垚鎵佸钩瓒筹紵</span
                     >
-                    <input type="text" class="lineInput" />
-                    <input type="text" class="lineInput" />
-                    <input type="text" class="lineInput" />
+                    <input type="text" class="lineInput w100" />
+                    <input type="text" class="lineInput w100" />
+                    <input type="text" class="lineInput w100" />
                     <span class="ds-bl"
                       >8.瀛﹀墠鍎跨杩愬姩绯荤粺鐨勪繚鑲茶鐐规湁鍝簺锛�</span
                     >
-                    <input type="text" class="lineInput" />
-                    <input type="text" class="lineInput" />
-                    <input type="text" class="lineInput" />
+                    <input type="text" class="lineInput w100" />
+                    <input type="text" class="lineInput w100" />
+                    <input type="text" class="lineInput w100" />
                     <span class="ds-bl"
                       >9.鏃ュ父淇濇暀娲诲姩涓紝濡備綍绉戝缁勭粐浣撹偛閿荤偧鍜屾埛澶栨椿鍔紵</span
                     >
-                    <input type="text" class="lineInput" />
-                    <input type="text" class="lineInput" />
-                    <input type="text" class="lineInput" />
+                    <input type="text" class="lineInput w100" />
+                    <input type="text" class="lineInput w100" />
+                    <input type="text" class="lineInput w100" />
                   </td>
                 </tr>
                 <tr>
-                  <th>涓夈�佸涔犲弽棣�</th>
+                  <th class="primary-color">涓夈�佸涔犲弽棣�</th>
                 </tr>
                 <tr>
                   <td>
@@ -196,9 +201,9 @@
                   </td>
                 </tr>
               </table>
-            </span>
+              <span class="span-border"></span>
             <span class="fl fl-cn mb-20">
-              <span>瑙嗛锛氫汉浣撴杩�</span>
+              <span class="learn-title-text">瑙嗛锛氫汉浣撴杩�</span>
               <img
                 src="../../../assets/images/icon/video.png"
                 alt=""
@@ -218,11 +223,12 @@
                 x5-video-player-fullscreen="true"
                 x5-playsinline=""
                 controls
-                style="width: 92%; padding: 20px; border: 2px dotted #1eb9ee"
+                style="width: 100%; border:1px dotted #15c0f2"
               ></video>
             </span>
+            <span class="span-border"></span>
             <span class="fl fl-cn mb-20">
-              <span>浜戞祴璇曪細浜轰綋姒傝堪</span>
+              <span class="learn-title-text">浜戞祴璇曪細浜轰綋姒傝堪</span>
               <img
                 src="../../../assets/images/icon/topic.png"
                 alt=""
@@ -231,24 +237,12 @@
                 class="btn"
               />
             </span>
-            <span class="span-border" v-if="testOne">
               <examinations
+              v-if="testOne"
                 ref="examinationOne"
                 :productLinkPath="productLinkPath"
               ></examinations>
-            </span>
           </p>
-        </div>
-      </div>
-      <!-- 3 -->
-      <div class="page-box" style="padding: 0 0 68px 0">
-        <div class="page-header-box">
-          <span class="page-header-text"
-            >涓撻涓�&nbsp;瀛﹀墠鍎跨鐢熺悊鍙戣偛鐗圭偣涓庝繚鍋�</span
-          >
-          <span class="page-header-num">3</span>
-        </div>
-        <div class="padding-96">
           <h2 class="module_block" id="b001" style="margin: 0">
             <div class="custom1">瀛︿範涓婚涓�</div>
             <div class="custom2">杩愬姩绯荤粺</div>
@@ -311,14 +305,13 @@
         </div>
       </div>
     </div>
-    <!-- 4 -->
+    <!-- 3 -->
     <div class="page-box">
-      <div class="header-box">
-        <div class="header-border-box"></div>
-        <div class="header-num-box">
-          <span class="fw-b italic">4</span>
-          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
-        </div>
+      <div class="page-header-box">
+          <span class="page-header-text"
+            >涓撻涓�&nbsp;瀛﹀墠鍎跨鐢熺悊鍙戣偛鐗圭偣涓庝繚鍋�</span
+          >
+          <span class="page-header-num">3</span>
       </div>
       <div class="padding-96">
         <h5 id="e002">2.楠ㄦ煍闊э紝鏄撳彉褰�</h5>
@@ -333,15 +326,21 @@
         <p class="text-left text-height lh2 mb-0">
           楠ㄧ泦鏄敱宸︺�佸彸楂嬮涓庤剨鏌变笅閮ㄧ殑楠堕鍜屽熬楠ㄥ�熼杩炵粨鏋勬垚鐨勯鎬ц厰銆傚┐骞煎効鏃舵湡锛岄珛楠ㄧ敱楂傞銆佸潗楠ㄥ拰鑰婚鍊熻蒋楠ㄨ繛缁撹捣鏉ワ紝绾�16宀佹椂涓夐瀹屽叏铻嶅悎銆傜敺濂抽鐩嗗湪褰㈡�佷笂锛屽埌10宀佸乏鍙冲紑濮嬪嚭鐜板樊鍒紝濂虫�у鑰岀煭锛岀敺鎬х獎鑰岄暱銆�
         </p>
+        <p class="text-left text-height lh2">
+          瀛﹀墠鍎跨鐨勯鐩嗗拰鎴愪汉涓嶅悓锛岃繕娌¢暱缁撳疄锛屽湪韫﹁烦鏃惰娉ㄦ剰瀹夊叏銆傛瘮濡傦紝骞煎効浠庨珮澶勫線纭湴涓婅烦锛屽氨鍙兘瀵艰嚧缁勬垚楠ㄧ泦鐨勯鍙戠敓涓嶆槗瀵熻鐨勭Щ浣嶏紝浣块鐩嗗彉褰€�傝嫢濂崇楠ㄧ泦鍙樺舰锛屽皢浼氱洿鎺ュ奖鍝嶆垚骞村悗鐨勬甯哥敓鐞嗗姛鑳斤紝杩欎竴鐐瑰簲寮曡捣瀹堕暱鍜屾暀甯堢殑鐗瑰埆娉ㄦ剰銆�
+        </p>
+        <p class="text-left text-height lh2">
+          瀛﹀墠鍎跨鐨勯鐩嗗拰鎴愪汉涓嶅悓锛岃繕娌¢暱缁撳疄锛屽湪韫﹁烦鏃惰娉ㄦ剰瀹夊叏銆傛瘮濡傦紝骞煎効浠庨珮澶勫線纭湴涓婅烦锛屽氨鍙兘瀵艰嚧缁勬垚楠ㄧ泦鐨勯鍙戠敓涓嶆槗瀵熻鐨勭Щ浣嶏紝浣块鐩嗗彉褰€�傝嫢濂崇楠ㄧ泦鍙樺舰锛屽皢浼氱洿鎺ュ奖鍝嶆垚骞村悗鐨勬甯哥敓鐞嗗姛鑳斤紝杩欎竴鐐瑰簲寮曡捣瀹堕暱鍜屾暀甯堢殑鐗瑰埆娉ㄦ剰銆�
+        </p>
         <div class="fl">
           <div class="bottom-left" style="width: 65%">
-            <p class="text-left text-height lh2">
-              瀛﹀墠鍎跨鐨勯鐩嗗拰鎴愪汉涓嶅悓锛岃繕娌¢暱缁撳疄锛屽湪韫﹁烦鏃惰娉ㄦ剰瀹夊叏銆傛瘮濡傦紝骞煎効浠庨珮澶勫線纭湴涓婅烦锛屽氨鍙兘瀵艰嚧缁勬垚楠ㄧ泦鐨勯鍙戠敓涓嶆槗瀵熻鐨勭Щ浣嶏紝浣块鐩嗗彉褰€�傝嫢濂崇楠ㄧ泦鍙樺舰锛屽皢浼氱洿鎺ュ奖鍝嶆垚骞村悗鐨勬甯哥敓鐞嗗姛鑳斤紝杩欎竴鐐瑰簲寮曡捣瀹堕暱鍜屾暀甯堢殑鐗瑰埆娉ㄦ剰銆�
-            </p>
             <h5 id="e005">5.鑴婃煴鐨勭敓鐞嗗集鏇茶繕鏈畾鍨�</h5>
             <p class="text-left text-height lh2 mb-0">
-              鑴婃煴鏄汉浣撶殑涓昏鏀煴锛岀敱24鍧楁楠ㄣ��1鍧楅楠ㄥ拰1鍧楀熬楠ㄥ�熷姪妞庨棿鐩樸�侀煣甯﹀拰妞庨棿鍏宠妭杩炵粨鑰屾垚銆傛垚浜鸿剨鏌辨湁4涓敓鐞嗗集鏇诧紝鍗抽鏇层�佽兏鏇层�佽叞鏇插拰楠舵洸锛堣鍥�1-2锛夈�傝繖浜涘集鏇茬殑褰㈡垚鏃㈡湁鍒╀簬淇濇寔韬綋骞宠 锛岃繕鍙鍔犺剨鏌辨湰
+              鑴婃煴鏄汉浣撶殑涓昏鏀煴锛岀敱24鍧楁楠ㄣ��1鍧楅楠ㄥ拰1鍧楀熬楠ㄥ�熷姪妞庨棿鐩樸�侀煣甯﹀拰妞庨棿鍏宠妭杩炵粨鑰屾垚銆傛垚浜鸿剨鏌辨湁4涓敓鐞嗗集鏇诧紝鍗抽鏇层�佽兏鏇层�佽叞鏇插拰楠舵洸锛堣鍥�1-2锛夈�傝繖浜涘集鏇茬殑褰㈡垚鏃㈡湁鍒╀簬淇濇寔韬綋骞宠 锛岃繕鍙鍔犺剨鏌辨湰韬殑寮规�э紝鍓х儓杩愬姩鏃剁紦鍐插鑴戝拰鍐呰剰鐨勫啿鍑讳笌闇囪崱銆傝儦鑳庨樁娈佃剨鏌辨暣浣撳舰鎴愬悗鍑革紝鍑虹敓鍚庯紝淇崸鎶ご鍙戝睍杩囩▼涓舰鎴愰鏇诧紝閫愭鐩寸珛鍙戝睍杩囩▼涓舰鎴愯叞鏇诧紝鐩村埌绗�6骞村勾搴曟墠缁撴潫銆傝剨鏌辩殑鐢熺悊鎬у集鏇插湪濠村辜鍎挎椂鏈熻櫧宸插舰鎴愶紝浣嗚繕鏈畾鍨嬶紝涓�鑸湪18锝�25宀佹墠鑳藉畬鎴愬畾鍨嬨��
             </p>
+            <h4 id="d002">锛堜簩锛夐楠艰倢</h4>
+            <h5 id="e006">1.楠ㄨ兂鑲屽鏄撶柌鍔�</h5>
+            <p>鏂扮敓鍎块楠艰倢鐨勮川閲忎粎鍗犱綋閲嶇殑1/5宸﹀彸锛岄殢鐫�骞撮緞</p>
           </div>
           <div class="bottom-right" style="width: 35%">
             <el-carousel
@@ -366,26 +365,21 @@
           </div>
         </div>
         <p class="m0-t0 lh2 tl-ju">
-          韬殑寮规�э紝鍓х儓杩愬姩鏃剁紦鍐插鑴戝拰鍐呰剰鐨勫啿鍑讳笌闇囪崱銆傝儦鑳庨樁娈佃剨鏌辨暣浣撳舰鎴愬悗鍑革紝鍑虹敓鍚庯紝淇崸鎶ご鍙戝睍杩囩▼涓舰鎴愰鏇诧紝閫愭鐩寸珛鍙戝睍杩囩▼涓舰鎴愯叞鏇诧紝鐩村埌绗�6骞村勾搴曟墠缁�
         </p>
       </div>
     </div>
-    <!-- 5 -->
+    <!-- 4 -->
     <div class="page-box">
-      <div class="page-header-box">
-        <span class="page-header-text"
-          >涓撻涓�&nbsp;瀛﹀墠鍎跨鐢熺悊鍙戣偛鐗圭偣涓庝繚鍋�</span
-        >
-        <span class="page-header-num">5</span>
-      </div>
+      <div class="header-box">
+          <div class="header-border-box"></div>
+          <div class="header-num-box">
+            <span class="fw-b italic">4</span>
+            <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+          </div>
+        </div>
       <div class="padding-96">
-        <p class="m0-t0 lh2 tl-ju">
-          鏉熴�傝剨鏌辩殑鐢熺悊鎬у集鏇插湪濠村辜鍎挎椂鏈熻櫧宸插舰鎴愶紝浣嗚繕鏈畾鍨嬶紝涓�鑸湪18锝�25宀佹墠鑳藉畬鎴愬畾鍨嬨��
-        </p>
-        <h4 id="d002">锛堜簩锛夐楠艰倢</h4>
-        <h5 id="e006">1.楠ㄨ兂鑲屽鏄撶柌鍔�</h5>
-        <p class="lh2">
-          鏂扮敓鍎块楠艰倢鐨勮川閲忎粎鍗犱綋閲嶇殑1/5宸﹀彸锛岄殢鐫�骞撮緞鐨勫闀匡紝楠ㄩ鑲屽崰浣撻噸鐨勭櫨鍒嗘瘮閫愭笎涓婂崌锛�5宀佹椂杈�1/3宸﹀彸锛岃�屽埌闈掓槬鍙戣偛鏈熻揪杩�1/2銆傚鍓嶅効绔ラ楠艰倢涓墍鍚按鍒嗙浉瀵硅緝澶氾紝铔嬬櫧璐ㄣ�佽倢绯栧師鍜屾棤鏈虹洂杈冩垚浜哄皯锛屽洜姝わ紝鑲岃倝鏌斿锛屾敹缂╁姏杈冨樊锛屽姏閲忓皬锛屾槗鐤插姵銆備絾鐢变簬鏂伴檲浠h阿鏃虹洓锛屽鍓嶅効绔ョ柌鍔冲悗鎭㈠杈冨揩銆傚勾榫勮秺灏忥紝杩欎簺鐗圭偣瓒婃槑鏄俱��
+        <p class="lh2 t0">
+          鐨勫闀匡紝楠ㄩ鑲屽崰浣撻噸鐨勭櫨鍒嗘瘮閫愭笎涓婂崌锛�5宀佹椂杈�1/3宸﹀彸锛岃�屽埌闈掓槬鍙戣偛鏈熻揪杩�1/2銆傚鍓嶅効绔ラ楠艰倢涓墍鍚按鍒嗙浉瀵硅緝澶氾紝铔嬬櫧璐ㄣ�佽倢绯栧師鍜屾棤鏈虹洂杈冩垚浜哄皯锛屽洜姝わ紝鑲岃倝鏌斿锛屾敹缂╁姏杈冨樊锛屽姏閲忓皬锛屾槗鐤插姵銆備絾鐢变簬鏂伴檲浠h阿鏃虹洓锛屽鍓嶅効绔ョ柌鍔冲悗鎭㈠杈冨揩銆傚勾榫勮秺灏忥紝杩欎簺鐗圭偣瓒婃槑鏄俱��
         </p>
         <h5 id="e007">2.澶ц倢鑲夌兢鍙戣偛鏃┿�佸皬鑲岃倝缇ゅ彂鑲叉櫄</h5>
         <p class="lh2">
@@ -412,18 +406,6 @@
             <p class="tl">鍏宠妭妯″紡瑙佸浘1-3銆�</p>
           </div>
         </div>
-      </div>
-    </div>
-    <!-- 6 -->
-    <div class="page-box">
-      <div class="header-box">
-        <div class="header-border-box"></div>
-        <div class="header-num-box">
-          <span class="fw-b italic">6</span>
-          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
-        </div>
-      </div>
-      <div class="padding-96">
         <div class="fl">
           <div class="left" style="width: 30%">
             <el-carousel
@@ -457,6 +439,19 @@
             </p>
           </div>
         </div>
+      </div>
+    </div>
+    <!-- 6 -->
+    <div class="page-box">
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">6</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
+      <div class="padding-96">
+
         <h3 id="c002">浜屻�佸鍓嶅効绔ヨ繍鍔ㄧ郴缁熺殑淇濆仴</h3>
         <h4 id="d004">锛堜竴锛夋寚瀵煎鍓嶅効绔ヤ繚鎸佹纭Э鍔匡紝闃叉鑴婃煴鍜岃兏寤撶暩褰�</h4>
         <p class="lh2">
@@ -770,9 +765,7 @@
             <p class="lh2">
               瀛﹀墠鍎跨榧绘梺绐﹀皻鏈彂鑲插畬鍏紝闅忕潃骞撮緞鐨勫闀匡紝闈㈤楠ㄩ�愭笎鍙戣偛锛岄蓟鏃佺鎵嶉�愭笎鍙戣偛瀹屽杽銆傚洜姝わ紝瀛﹀墠鍎跨铏界劧瀹规槗鍙戠敓涓婂懠鍚搁亾鎰熸煋锛屼絾鏋佸皯鍑虹幇榧荤鐐庛�傞蓟涓殧鍓嶄笅鏂硅绠′赴瀵岋紝瀹规槗鍥犲共鐕ャ�佸浼ょ瓑鍑鸿锛岀О涓衡�滄槗鍑鸿鍖衡�濄��
             </p>
-            <p class="lh2">
-              瀛﹀墠鍎跨榧绘唱绠¤緝鐭紝寮�鍙d簬
-            </p>
+            <p class="lh2">瀛﹀墠鍎跨榧绘唱绠¤緝鐭紝寮�鍙d簬</p>
           </div>
           <div class="right" style="width: 60%">
             <video
@@ -790,7 +783,9 @@
             <p class="img">瑙嗛锛氬鍓嶅効绔ュ懠鍚搁亾鐨勯槻寰$壒鐐逛笌淇濆仴</p>
           </div>
         </div>
-        <p class="t0 lh2">鐪煎唴鐪︼紝鐡h啘鍙戣偛涓嶅叏銆傚洜姝わ紝濡傛灉涓婂懠鍚搁亾鎰熸煋锛岀梾鑿屽彲浠ラ�氳繃榧绘唱绠′镜鍙婄溂缁撹啘锛屽紩鍙戞唱鍥婄値銆佺粨鑶滅値绛夈��</p>
+        <p class="t0 lh2">
+          鐪煎唴鐪︼紝鐡h啘鍙戣偛涓嶅叏銆傚洜姝わ紝濡傛灉涓婂懠鍚搁亾鎰熸煋锛岀梾鑿屽彲浠ラ�氳繃榧绘唱绠′镜鍙婄溂缁撹啘锛屽紩鍙戞唱鍥婄値銆佺粨鑶滅値绛夈��
+        </p>
         <h5 id="e013">2.鍜�</h5>
         <p class="lh2">
           鍜藉垎鍒互杞叚娓哥缂樺拰浼氬帉涓婄紭涓虹晫锛屽垎涓洪蓟鍜姐�佸彛鍜藉拰鍠夊捊锛屽湪濠村効鏈熺浉瀵圭嫮灏忥紝鏂瑰悜鍨傜洿銆傚鍓嶅効绔ュ捊榧撶杈冨銆佺煭锛岃�屼笖骞崇洿锛屾晠涓婂懠鍚搁亾鎰熸煋鏃讹紝鐥呭師浣撳鏄撲镜鍏ヤ腑鑰筹紝寮曞彂涓�崇値锛屾崯浼ゅ惉鍔涖��
@@ -809,7 +804,8 @@
             </p>
             <h5 id="e015">4.姘旂銆佹敮姘旂</h5>
             <p class="lh2">
-              瀛﹀墠鍎跨姘旂鍜屾敮姘旂绠¤厰杈冩垚浜虹嫮绐勶紝绠″鏌旇蒋锛岃倢鑲夊彂鑲蹭笉瀹屽杽锛岀己涔忓脊鎬х粍缁囷紱 榛忚啘琛�绠′赴瀵岋紝榛忔恫鑵哄垎娉屼笉瓒宠�岃緝骞茬嚗锛岄粡鑶滅氦姣涜繍鍔ㄨ緝宸紝涓嶈兘寰堝ソ鍦版帓闄ゅ井鐢熺墿鍙婇粡娑诧紝鍥犺�岃嫢鍙戠敓鎰熸煋锛屾槗鍑虹幇鍛煎惛鍥伴毦銆�
+              瀛﹀墠鍎跨姘旂鍜屾敮姘旂绠¤厰杈冩垚浜虹嫮绐勶紝绠″鏌旇蒋锛岃倢鑲夊彂鑲蹭笉瀹屽杽锛岀己涔忓脊鎬х粍缁囷紱
+              榛忚啘琛�绠′赴瀵岋紝榛忔恫鑵哄垎娉屼笉瓒宠�岃緝骞茬嚗锛岄粡鑶滅氦姣涜繍鍔ㄨ緝宸紝涓嶈兘寰堝ソ鍦版帓闄ゅ井鐢熺墿鍙婇粡娑诧紝鍥犺�岃嫢鍙戠敓鎰熸煋锛屾槗鍑虹幇鍛煎惛鍥伴毦銆�
             </p>
           </div>
           <div class="right" style="width: 20%">
@@ -821,68 +817,95 @@
         </div>
       </div>
     </div>
-
-    <p class="m0-t0">
-     
-    </p>
-    <h5 id="e016">5.鑲�</h5>
-    <p>
-      鍦ㄨ儙鍎挎椂鏈燂紝鑲哄凡鍙戣偛锛屽嚭鐢熷悗闅忕潃骞撮緞鐨勫闀匡紝鑲鸿繘涓�姝ュ彂鑲诧紝涓昏鏄偤娉$殑鍒嗗寲銆傝偤娉℃暟閲忓湪鍑虹敓鏃剁害涓�200涓囷紝8宀佹椂澧炶嚦1
-      400涓囧乏鍙筹紝鎴愪汉涓�3浜匡綖4浜匡紱鑲烘场闈㈢Н鐨勫闀挎瘮浣撹〃闈㈢Н鏄庢樉锛屼粠鍑虹敓鑷虫垚骞达紝姘斾綋浜ゆ崲闈㈢Н澧炲姞浜�20鍊嶅乏鍙筹紝鎬婚潰绉害涓�100骞虫柟绫筹紱鑷嚭鐢熷埌鐢熼暱鍙戣偛鍋滄锛岃偤鐨勮川閲忓鍔犱簡澶х害20鍊嶃��
-    </p>
-    <p>
-      瀛﹀墠鍎跨鑲哄脊鍔涚粍缁囧彂鑲茶緝宸紝琛�绠′赴瀵岋紝鑲哄惈琛�澶氾紝鍚皵灏戯紝鑲洪棿璐ㄥ彂鑲叉椇鐩涳紝鑲烘场鏁伴噺灏戯紝鍥犺�屾劅鏌撴椂瀹规槗瀵艰嚧榛忔恫鍫靛锛屽苟寮曡捣鑲轰笉寮犮�佽偤姘旇偪鍙婅偤鐦�琛�绛夈��
-    </p>
-    <h4 id="d010">锛堜簩锛夊懠鍚歌繍鍔ㄧ殑鐗圭偣</h4>
-    <p>
-      瀛﹀墠鍎跨鏂伴檲浠h阿鏃虹洓锛屽湪鏂伴檲浠h阿杩囩▼涓紝鏈轰綋闇�姘ч噺鐩稿姣旀垚浜哄锛屽彧鏈夊姞蹇懠鍚搁鐜囨墠鑳芥弧瓒宠嚜韬姘ф皵鐨勯渶姹傞噺锛屾墍浠ワ紝骞撮緞瓒婂皬锛屽懠鍚搁鐜囪秺蹇�傛柊鐢熷効姣忓垎閽熷懠鍚�40锝�44娆★紝1宀佷互鍐呯害30娆★紝1锝�3宀�25锝�30娆★紝4锝�7宀佺害22娆°�備笉鍚屽勾榫勭殑浜虹殑鍛煎惛棰戠巼瑙佽〃1-1銆�
-    </p>
-    <p class="img">琛�1-1 涓嶅悓骞撮緞鐨勪汉鐨勫懠鍚搁鐜�</p>
-    <p class="center">
-      <el-image :src="tableOne" :preview-src-list="[tableOne]" />
-    </p>
-    <p>
-      鍥犺皟鑺傚懠鍚歌繍鍔ㄧ殑绁炵粡涓灑鍙戣偛灏氭湭瀹屽杽锛屽鍓嶅効绔ュ懠鍚歌妭寰嬪父涓嶇ǔ瀹氥�傚洜鍛煎惛鑲岃緝寮憋紝鎵�浠ュ鍓嶅効绔ヤ互鑵瑰紡鍛煎惛涓轰富銆�
-    </p>
-    <h3 id="c004">浜屻�佸鍓嶅効绔ュ懠鍚哥郴缁熺殑淇濆仴锛烇紴锛烇紴锛烇紴</h3>
-    <h4 id="d011">锛堜竴锛夊煿鍏诲鍓嶅効绔ヨ壇濂界殑鍗敓涔犳儻</h4>
-    <p>
-      绗竴锛屾垝闄ょ敤鍙e懠鍚哥殑涔犳儻銆傜敤鍙e懠鍚告槸涓�绉嶄笉鑹範鎯紝搴斿綋鎴掗櫎銆傞鍏堬紝瀹冧細瀵艰嚧绌烘皵涓殑鐏板皹銆佺粏鑿屼笉缁忚繃榧绘瘺鍙婇蓟榛忚啘鐨勬竻娲佽繃婊よ�岃繘鍏ヤ綋鍐咃紝涔呰�屼箙涔嬩細閫犳垚鍛煎惛绯荤粺鍜屾秷鍖栫郴缁熺柧鐥呫�傚叾娆★紝鐢变簬瀛﹀墠鍎跨鑲洪儴鎵╁紶涓嶅叏锛岄暱鏈熺敤鍙e懠鍚镐細褰卞搷鑳稿粨鍙戣偛锛屽舰鎴愭紡鏂楄兏銆傚啀娆★紝鐢ㄥ彛鍛煎惛浼氫娇鐫$湢涓嶅畨绋筹紝褰卞搷绮惧姏鍜屼綋鍔涙仮澶嶃�傛澶栵紝鐢ㄥ彛鍛煎惛杩樻湁鍙兘瀵艰嚧娑堝寲涓嶈壇锛岀瓑绛夈�傛�讳箣锛屼竴鏃﹀彂鐜板鍓嶅効绔ユ湁鐢ㄥ彛鍛煎惛鐨勪笉鑹範鎯紝鍔″繀鍙婃椂閲囧彇鎺柦杩涜鐭锛屼互浣垮叾鍏绘垚鐢ㄩ蓟鍛煎惛鐨勮壇濂戒範鎯��
-    </p>
-    <p>
-      绗簩锛岀姝㈢敤鎵嬫寲榧诲瓟銆傜敤鎵嬫寲榧诲瓟涔熸槸涓�绉嶅潖涔犳儻锛岄渶瑕佸強鏃舵敼姝c�傚洜涓哄畠浼氫娇榧绘瘺鑴辫惤锛岄粡鑶滄崯浼わ紝鐢氳嚦瀵艰嚧琛�绠$牬瑁傚紩璧峰嚭琛�銆傚彟澶栵紝鎵嬫寚鍙婃寚鐢茬紳涓殑鐥呰弻涔熶細闅忎箣鍏ヤ镜榧昏厰锛屽彲鑳戒細寮曡捣榧昏厰鎰熸煋锛岀敋鑷虫槸鏇翠负涓ラ噸鐨勫苟鍙戠棁銆傛澶栵紝闀挎湡鐢ㄦ墜鎸栭蓟瀛旓紝杩樻湁鍙兘浣垮鍓嶅効绔ュ舰鎴愨�滄湞澶╅蓟鈥濄��
-    </p>
-    <p>
-      绗笁锛屾暀鑲插鍓嶅効绔ュ挸鍡姐�佹墦鍠峰殢鏃讹紝涓嶈闈㈠浠栦汉锛岃鐢ㄧ焊宸剧瓑鎹備綇鍙i蓟锛涙暀缁欏鍓嶅効绔ユ纭殑鎿ら蓟娑曟柟娉曘��
-    </p>
-    <p>绗洓锛屼笉瑕佽瀛﹀墠鍎跨钂欏ご鐫$湢锛屼互淇濊瘉鐫¤鏃跺惛鍏ユ柊椴滅┖姘斻��</p>
-    <h4 id="d012">锛堜簩锛変繚鎸佸鍐呯┖姘旀柊椴�</h4>
-    <p>
-      鏂伴矞绌烘皵閲岀梾鑿屽皯骞舵湁鍏呰冻鐨勬哀姘旓紝鑳戒績杩涗汉浣撶殑鏂伴檲浠h阿锛岃繕鍙互澧炲己瀛﹀墠鍎跨瀵瑰鐣屾皵鍊欏彉鍖栫殑閫傚簲鑳藉姏銆傚洜姝わ紝瀹ゅ唴搴旂粡甯稿紑绐楅�氶鎹㈡皵銆�
-    </p>
-    <h4 id="d013">锛堜笁锛夌瀛︾粍缁囦綋鑲查敾鐐煎拰鎴峰娲诲姩</h4>
-    <p>
-      缁忓父鍙傚姞浣撹偛閿荤偧鍜屾埛澶栨椿鍔紝鍙互澧炲己瀛﹀墠鍎跨鍛煎惛鑲岀殑鍔涢噺锛屼績杩涘叾鑳稿粨鍜岃偤鐨勬甯稿彂鑲诧紝澧炲姞鑲烘椿閲忋�傛埛澶栨椿鍔ㄨ繕鑳芥彁楂樺懠鍚哥郴缁熷鐤剧梾鐨勬姷鎶楀姏锛岄闃插懠鍚搁亾鎰熸煋銆�
-    </p>
-    <p>
-      鍦ㄧ粍缁囧鍓嶅効绔ュ紑灞曚綋鑲叉父鎴忋�佷綋鎿嶃�佽窇姝ョ瓑娲诲姩鏃讹紝搴旀敞鎰忚鍎跨閰嶅悎鍔ㄤ綔锛岃嚜鐒惰�屾纭湴鍔犳繁鍛煎惛锛屼娇鑲洪儴鍏呭垎鍚歌繘姘ф皵锛屾帓鍑轰簩姘у寲纰炽��
-    </p>
-    <h4 id="d014">锛堝洓锛変弗闃插懠鍚搁亾寮傜墿</h4>
-    <p>
-      鍩瑰吇瀛﹀墠鍎跨瀹夐潤杩涢鐨勪範鎯紝涓嶈杈瑰悆杈硅绗戙�傛暀鑲插効绔ヤ笉瑕佽竟鐜╄竟鍚冨皬椋熷搧锛屾洿涓嶅彲鎶涜捣鏉モ�滄帴椋熲�濓紝闃叉椋熺墿鍛涘叆姘旂銆�
-    </p>
-    <p>
-      鏁欒偛瀛﹀墠鍎跨鐜╃幓鐠冪悆銆佺‖甯併�佺航鎵c�佽眴绫荤瓑灏忎笢瑗挎椂瑕佺壒鍒敞鎰忥紝鏇翠笉鑳藉皢瀹冧滑鏀惧叆榧昏厰锛屼弗闃插懠鍚搁亾寮傜墿鐨勫彂鐢熴��
-    </p>
-    <h6 class="Conclusion-title2">
-      <img class="img-gn" alt="" src="../../../assets/images/icon/ycs.png" />
-      浜戞祴璇�
-    </h6>
-    <p class="blockh6-c">
-      <!-- <img class="img-g" alt="" src="image/0022-1.jpg" /><br /> -->
-      <span class="img">涓撻涓� 瀛︿範涓婚浜�</span>
-    </p>
-
+    <!-- 12 -->
+    <div class="page-box">
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">12</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
+      <div class="padding-96">
+        <h5 id="e016">5.鑲�</h5>
+        <p class="lh2">
+          鍦ㄨ儙鍎挎椂鏈燂紝鑲哄凡鍙戣偛锛屽嚭鐢熷悗闅忕潃骞撮緞鐨勫闀匡紝鑲鸿繘涓�姝ュ彂鑲诧紝涓昏鏄偤娉$殑鍒嗗寲銆傝偤娉℃暟閲忓湪鍑虹敓鏃剁害涓�200涓囷紝8宀佹椂澧炶嚦1
+          400涓囧乏鍙筹紝鎴愪汉涓�3浜匡綖4浜匡紱鑲烘场闈㈢Н鐨勫闀挎瘮浣撹〃闈㈢Н鏄庢樉锛屼粠鍑虹敓鑷虫垚骞达紝姘斾綋浜ゆ崲闈㈢Н澧炲姞浜�20鍊嶅乏鍙筹紝鎬婚潰绉害涓�100骞虫柟绫筹紱鑷嚭鐢熷埌鐢熼暱鍙戣偛鍋滄锛岃偤鐨勮川閲忓鍔犱簡澶х害20鍊嶃��
+        </p>
+        <p class="lh2">
+          瀛﹀墠鍎跨鑲哄脊鍔涚粍缁囧彂鑲茶緝宸紝琛�绠′赴瀵岋紝鑲哄惈琛�澶氾紝鍚皵灏戯紝鑲洪棿璐ㄥ彂鑲叉椇鐩涳紝鑲烘场鏁伴噺灏戯紝鍥犺�屾劅鏌撴椂瀹规槗瀵艰嚧榛忔恫鍫靛锛屽苟寮曡捣鑲轰笉寮犮�佽偤姘旇偪鍙婅偤鐦�琛�绛夈��
+        </p>
+        <h4 id="d010">锛堜簩锛夊懠鍚歌繍鍔ㄧ殑鐗圭偣</h4>
+        <p class="lh2">
+          瀛﹀墠鍎跨鏂伴檲浠h阿鏃虹洓锛屽湪鏂伴檲浠h阿杩囩▼涓紝鏈轰綋闇�姘ч噺鐩稿姣旀垚浜哄锛屽彧鏈夊姞蹇懠鍚搁鐜囨墠鑳芥弧瓒宠嚜韬姘ф皵鐨勯渶姹傞噺锛屾墍浠ワ紝骞撮緞瓒婂皬锛屽懠鍚搁鐜囪秺蹇�傛柊鐢熷効姣忓垎閽熷懠鍚�40锝�44娆★紝1宀佷互鍐呯害30娆★紝1锝�3宀�25锝�30娆★紝4锝�7宀佺害22娆°�備笉鍚屽勾榫勭殑浜虹殑鍛煎惛棰戠巼瑙佽〃1-1銆�
+        </p>
+        <p class="img">琛�1-1 涓嶅悓骞撮緞鐨勪汉鐨勫懠鍚搁鐜�</p>
+        <p class="center">
+          <el-image :src="tableOne" :preview-src-list="[tableOne]" />
+        </p>
+        <p class="lh2">
+          鍥犺皟鑺傚懠鍚歌繍鍔ㄧ殑绁炵粡涓灑鍙戣偛灏氭湭瀹屽杽锛屽鍓嶅効绔ュ懠鍚歌妭寰嬪父涓嶇ǔ瀹氥�傚洜鍛煎惛鑲岃緝寮憋紝鎵�浠ュ鍓嶅効绔ヤ互鑵瑰紡鍛煎惛涓轰富銆�
+        </p>
+        <h3 id="c004">浜屻�佸鍓嶅効绔ュ懠鍚哥郴缁熺殑淇濆仴锛烇紴锛烇紴锛烇紴</h3>
+        <h4 id="d011">锛堜竴锛夊煿鍏诲鍓嶅効绔ヨ壇濂界殑鍗敓涔犳儻</h4>
+        <p class="lh2">
+          绗竴锛屾垝闄ょ敤鍙e懠鍚哥殑涔犳儻銆傜敤鍙e懠鍚告槸涓�绉嶄笉鑹範鎯紝搴斿綋鎴掗櫎銆傞鍏堬紝瀹冧細瀵艰嚧绌烘皵涓殑鐏板皹銆佺粏鑿屼笉缁忚繃榧绘瘺鍙婇蓟榛忚啘鐨勬竻娲佽繃婊よ�岃繘鍏ヤ綋鍐咃紝涔呰�屼箙涔嬩細閫犳垚鍛煎惛绯荤粺鍜屾秷鍖栫郴缁熺柧鐥呫�傚叾娆★紝鐢变簬瀛﹀墠鍎跨鑲洪儴鎵╁紶涓嶅叏锛岄暱鏈熺敤鍙e懠鍚镐細褰卞搷鑳稿粨鍙戣偛锛屽舰鎴愭紡鏂楄兏銆傚啀娆★紝鐢ㄥ彛鍛煎惛浼氫娇鐫$湢涓嶅畨绋筹紝褰卞搷绮惧姏鍜屼綋鍔涙仮澶嶃�傛澶栵紝鐢ㄥ彛鍛煎惛杩樻湁鍙兘瀵艰嚧娑堝寲涓嶈壇锛岀瓑绛夈�傛�讳箣锛屼竴鏃﹀彂鐜板鍓嶅効绔ユ湁鐢ㄥ彛鍛煎惛鐨勪笉鑹範鎯紝鍔″繀鍙婃椂閲囧彇鎺柦杩涜鐭锛屼互浣垮叾鍏绘垚鐢ㄩ蓟鍛煎惛鐨勮壇濂戒範鎯��
+        </p>
+        <p class="lh2">
+          绗簩锛岀姝㈢敤鎵嬫寲榧诲瓟銆傜敤鎵嬫寲榧诲瓟涔熸槸涓�绉嶅潖涔犳儻锛岄渶瑕佸強鏃舵敼姝c�傚洜涓哄畠浼氫娇榧绘瘺鑴辫惤锛岄粡鑶滄崯浼わ紝鐢氳嚦瀵艰嚧琛�绠$牬瑁傚紩璧峰嚭琛�銆傚彟澶栵紝鎵嬫寚鍙婃寚鐢茬紳涓殑鐥呰弻涔熶細闅忎箣
+        </p>
+      </div>
+    </div>
+    <!-- 13 -->
+    <div class="page-box">
+      <div class="page-header-box">
+        <span class="page-header-text"
+          >涓撻涓�&nbsp;瀛﹀墠鍎跨鐢熺悊鍙戣偛鐗圭偣涓庝繚鍋�</span
+        >
+        <span class="page-header-num">13</span>
+      </div>
+      <div class="padding-96">
+        <p class="lh2 t0">
+          鍏ヤ镜榧昏厰锛屽彲鑳戒細寮曡捣榧昏厰鎰熸煋锛岀敋鑷虫槸鏇翠负涓ラ噸鐨勫苟鍙戠棁銆傛澶栵紝闀挎湡鐢ㄦ墜鎸栭蓟瀛旓紝杩樻湁鍙兘浣垮鍓嶅効绔ュ舰鎴愨�滄湞澶╅蓟鈥濄��
+        </p>
+        <p class="lh2">
+          绗笁锛屾暀鑲插鍓嶅効绔ュ挸鍡姐�佹墦鍠峰殢鏃讹紝涓嶈闈㈠浠栦汉锛岃鐢ㄧ焊宸剧瓑鎹備綇鍙i蓟锛涙暀缁欏鍓嶅効绔ユ纭殑鎿ら蓟娑曟柟娉曘��
+        </p>
+        <p class="lh2">
+          绗洓锛屼笉瑕佽瀛﹀墠鍎跨钂欏ご鐫$湢锛屼互淇濊瘉鐫¤鏃跺惛鍏ユ柊椴滅┖姘斻��
+        </p>
+        <h4 id="d012">锛堜簩锛変繚鎸佸鍐呯┖姘旀柊椴�</h4>
+        <p class="lh2">
+          鏂伴矞绌烘皵閲岀梾鑿屽皯骞舵湁鍏呰冻鐨勬哀姘旓紝鑳戒績杩涗汉浣撶殑鏂伴檲浠h阿锛岃繕鍙互澧炲己瀛﹀墠鍎跨瀵瑰鐣屾皵鍊欏彉鍖栫殑閫傚簲鑳藉姏銆傚洜姝わ紝瀹ゅ唴搴旂粡甯稿紑绐楅�氶鎹㈡皵銆�
+        </p>
+        <h4 id="d013">锛堜笁锛夌瀛︾粍缁囦綋鑲查敾鐐煎拰鎴峰娲诲姩</h4>
+        <p class="lh2">
+          缁忓父鍙傚姞浣撹偛閿荤偧鍜屾埛澶栨椿鍔紝鍙互澧炲己瀛﹀墠鍎跨鍛煎惛鑲岀殑鍔涢噺锛屼績杩涘叾鑳稿粨鍜岃偤鐨勬甯稿彂鑲诧紝澧炲姞鑲烘椿閲忋�傛埛澶栨椿鍔ㄨ繕鑳芥彁楂樺懠鍚哥郴缁熷鐤剧梾鐨勬姷鎶楀姏锛岄闃插懠鍚搁亾鎰熸煋銆�
+        </p>
+        <p class="lh2">
+          鍦ㄧ粍缁囧鍓嶅効绔ュ紑灞曚綋鑲叉父鎴忋�佷綋鎿嶃�佽窇姝ョ瓑娲诲姩鏃讹紝搴旀敞鎰忚鍎跨閰嶅悎鍔ㄤ綔锛岃嚜鐒惰�屾纭湴鍔犳繁鍛煎惛锛屼娇鑲洪儴鍏呭垎鍚歌繘姘ф皵锛屾帓鍑轰簩姘у寲纰炽��
+        </p>
+        <h4 id="d014">锛堝洓锛変弗闃插懠鍚搁亾寮傜墿</h4>
+        <p class="lh2">
+          鍩瑰吇瀛﹀墠鍎跨瀹夐潤杩涢鐨勪範鎯紝涓嶈杈瑰悆杈硅绗戙�傛暀鑲插効绔ヤ笉瑕佽竟鐜╄竟鍚冨皬椋熷搧锛屾洿涓嶅彲鎶涜捣鏉モ�滄帴椋熲�濓紝闃叉椋熺墿鍛涘叆姘旂銆�
+        </p>
+        <p class="lh2">
+          鏁欒偛瀛﹀墠鍎跨鐜╃幓鐠冪悆銆佺‖甯併�佺航鎵c�佽眴绫荤瓑灏忎笢瑗挎椂瑕佺壒鍒敞鎰忥紝鏇翠笉鑳藉皢瀹冧滑鏀惧叆榧昏厰锛屼弗闃插懠鍚搁亾寮傜墿鐨勫彂鐢熴��
+        </p>
+        <h6 class="Conclusion-title2">
+          <img
+            class="img-gn"
+            alt=""
+            src="../../../assets/images/icon/ycs.png"
+          />
+          浜戞祴璇�
+        </h6>
+        <p class="blockh6-c">
+          <!-- <img class="img-g" alt="" src="image/0022-1.jpg" /><br /> -->
+          <span class="img">涓撻涓� 瀛︿範涓婚浜�</span>
+        </p>
+      </div>
+    </div>
     <h4 id="d015">锛堜簲锛変繚鎶ゅ0甯�</h4>
     <p>
       閫夋嫨閫傚悎瀛﹀墠鍎跨闊冲煙鐗圭偣鐨勬瓕鏇叉垨鏈楄鏉愭枡锛屾瘡娆″敱姝屾垨鏈楄鐨勬椂闂翠笉瀹滆繃闀匡紙鏈�澶�5鍒嗛挓锛夛紝鏇翠笉鑳介珮澹板枈鍙紝浠ラ槻澹板甫鍏呰銆佽偪鑳�銆佸彉鍘氾紝閫犳垚澹伴煶鍢跺搼銆傜粌涔犲彂澹扮殑鍦烘墍搴斾繚鎸佺┖姘旀祦閫氾紝娓╁害銆佹箍搴﹂�傚疁銆傚啲瀛d笉瑕佸湪瀹ゅ缁冨0锛岃閬垮厤瀛﹀墠鍎跨鍦ㄦ俯搴﹂鍙樼殑鎯呭喌涓嬬粌涔犲彂澹般�傚綋鍜介儴鏈夌値鐥囨椂锛屽簲鍑忓皯鍙戦煶锛岀洿鍒板畬鍏ㄥ悍澶嶃��
@@ -2508,14 +2531,27 @@
 </script>
 
 <style lang="less" scoped>
+.w100 {
+  width: 100% !important;
+}
+.primary-color {
+  color: #15c0f2;
+}
+.learn-title-text {
+  font-weight: bold;
+  color: #1eb9ee;
+}
 .span-border {
+  margin-left: -13px;
   display: block;
-  padding-bottom: 20px;
-  border: 2px dotted #1eb9ee;
+  width: 105%;
+  margin-top: 20px;
+  border-bottom: 2px dotted #1eb9ee;
   border-radius: 10px;
 }
 .btn {
   cursor: pointer;
+  width: 30px;
 }
 .btn-box {
   width: 100%;
diff --git a/src/books/childHealth/view/header/index.vue b/src/books/childHealth/view/header/index.vue
index 346ec32..5e86b5c 100644
--- a/src/books/childHealth/view/header/index.vue
+++ b/src/books/childHealth/view/header/index.vue
@@ -12,11 +12,11 @@
       <div class="box">
         <hr class="line" />
         <p class="tl fz-14"><b>鍥句功鍦ㄧ増缂栫洰锛圕IP锛夋暟鎹�</b></p>
-        <p class="tl fz-14 m0">
+        <p class="tl fz-14 m0" >
           瀛﹀墠鍎跨鍗敓涓庝繚鍋�/寮犲叞棣欙紝娼樼钀嶄富缂�.鈥�3鐗�.鈥斿寳浜細鍖椾含甯堣寖澶у鍑虹増绀撅紝2023.2锛�2024.2閲嶅嵃锛�
         </p>
-        <p class="tl">ISBN 978-7-303-26340-0</p>
-        <p class="tl fz-14 m0">
+        <p class="tl" style="margin-bottom: 10px;">ISBN 978-7-303-26340-0</p>
+        <p class="tl fz-14 m0" style="margin-bottom: 10px;">
           鈪�.鈶犲鈥� 鈪�.鈶犲紶鈥� 鈶℃綐鈥� 鈪�.鈶犲鍓嶅効绔モ�斿崼鐢熶繚鍋モ�斿辜鍎垮笀鑼冨鏍♀�旀暀鏉� 鈪�.鈶燫179
         </p>
         <p class="tl fz-14">涓浗鐗堟湰鍥句功棣咰IP鏁版嵁鏍稿瓧锛�2020锛夌179545鍙�</p>
@@ -51,8 +51,8 @@
             <p class="tl fz-14 m0">璐d换鍗板埗锛氶┈娲�</p>
           </li>
         </ul>
-        <p class="center m0" style="margin-top: 20px">
-          <b>鐗堟潈鎵�鏈� 渚垫潈蹇呯┒</b>
+        <p class="center m0" style="margin-top: 20px;font-size:20px;">
+          <b>鐗堟潈鎵�鏈�&nbsp;&nbsp;渚垫潈蹇呯┒</b>
         </p>
         <p class="center m0"><b>鍙嶇洍鐗堛�� 渚垫潈涓炬姤鐢佃瘽锛�</b>010-58800697</p>
         <p class="block2 m0">鍖椾含璇昏�呮湇鍔¢儴鐢佃瘽锛�010-58808104</p>
@@ -127,7 +127,6 @@
       </p>
       <p class="block1">缂栬��</p>
     </div>
-    <div class="page-box"></div>
     <!-- 鍓嶈█1 -->
     <div class="page-box page-padding">
       <div class="tixing">
diff --git a/src/components/examinations/index.vue b/src/components/examinations/index.vue
index 9adde9f..f5c27d5 100644
--- a/src/components/examinations/index.vue
+++ b/src/components/examinations/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="examination" v-loading="loading">
-    <div v-for="(item, nindex) in cardList" :key="nindex">
+    <div v-for="(item, nindex) in cardList" :key="nindex" class="border-box">
       <p class="catalogName">
         <span v-if="nindex == 0">涓�銆�</span>
         <span v-if="nindex == 1">浜屻��</span>
@@ -18,7 +18,13 @@
           <!-- 鏍囬 -->
           <div class="questionTitle">
             <div class="titleContent">
-              <span class="questionNum" :style="{marginTop:value.questionType == 'completion' ? '12px' : '0'}">{{ index + 1 }}銆�</span>
+              <span
+                class="questionNum"
+                :style="{
+                  marginTop: value.questionType == 'completion' ? '12px' : '0',
+                }"
+                >{{ index + 1 }}銆�</span
+              >
               <!-- 鍚姏杩涘害鏉� -->
               <!-- <answerAudioPlayer :audioUrl="value.src" v-show="item.name == '鍚姏棰�'" /> -->
               <!-- 棰樺共 -->
@@ -57,7 +63,7 @@
                   v-for="(itemText, indexText) in value.stem"
                   :key="indexText"
                 >
-                  <span v-if="typeof itemText == 'string'">{{ itemText }}</span>
+                  <span v-if="typeof itemText == 'string'" >{{ itemText }}</span>
                   <!-- &nbsp; -->
                   <el-input
                     v-else
@@ -269,11 +275,11 @@
                       <div class="headerConent sitgBox">
                         <p v-if="!value.isUnfold">
                           <span class="analysisColor">鏌ョ湅瑙f瀽</span
-                          ><el-image :src="chakanIcon" />
+                          ><el-image  />
                         </p>
                         <p v-else>
                           <span class="analysisColor">鏀惰捣瑙f瀽</span
-                          ><el-image :src="packIcon" />
+                          ><el-image  />
                         </p>
                       </div>
                     </div>
@@ -353,10 +359,20 @@
     </div>
 
     <div class="bottom-btn" v-if="!loading">
-      <el-button>淇濆瓨</el-button>
-      <el-button @click="openAnswers">鎻愪氦</el-button>
-      <el-button @click="redo">閲嶅仛</el-button>
-      <el-button @click="openAnswers">鏌ョ湅绛旀</el-button>
+      <el-button style="height: 34px; padding: 4px 10px">淇濆瓨</el-button>
+      <el-button
+        @click="handleQuestion"
+        style="border-color: #1eb9ee; height: 34px; padding: 4px 10px"
+        >鎻愪氦</el-button
+      >
+      <el-button @click="redo" style="height: 34px; padding: 4px 10px"
+        >閲嶅仛</el-button
+      >
+      <el-button
+        @click="openAnswers"
+        style="border-color: #1eb9ee; height: 34px; padding: 4px 10px"
+        >鏌ョ湅绛旀</el-button
+      >
     </div>
   </div>
 </template>
@@ -374,7 +390,7 @@
     };
   },
   mounted() {
-    this.getIdPathList()
+    this.getIdPathList();
   },
   methods: {
     // 鏁扮粍杞负瀛楃涓叉柟娉�
@@ -424,7 +440,7 @@
       // }
     },
     openAnswers() {
-      this.$data.loading = true
+      this.$data.loading = true;
       for (let index = 0; index < this.cardList.length; index++) {
         const item = this.cardList[index];
         for (let cindex = 0; cindex < item.infoList.length; cindex++) {
@@ -432,7 +448,7 @@
           citem.isComplete = true;
         }
       }
-      this.$data.loading = false
+      this.$data.loading = false;
     },
     watchParsing(data) {
       data.isUnfold = !data.isUnfold;
@@ -444,14 +460,14 @@
         path: "*",
         queryType: "*",
         productId: this.config.bookId,
-        cmsPath: '24080\\63791\\63792\\63807',
+        cmsPath: "24080\\63791\\63792\\63807",
         pading: {
           start: 0,
           size: 999,
         },
       };
       this.MG.store.getProductDetail(query).then(async (res) => {
-        console.log(this.$props.productLinkPath,res.datas.cmsDatas[0].datas);
+        console.log(this.$props.productLinkPath, res.datas.cmsDatas[0].datas);
         const idPathList = res.datas.cmsDatas[0].datas;
         await this.getQuestionList(idPathList);
       });
@@ -680,6 +696,57 @@
         });
       }
     },
+    // 鎵规敼棰樼洰  (缁冧範,鎴戠殑鍋氶,鎴戠殑鏀惰棌妯″紡涓�)
+    handleQuestion() {
+      const list = this.$data.cardList
+      for (let index = 0; index < list.length; index++) {
+        const item = list[index];
+        for (let cindex = 0; cindex < item.infoList.length; cindex++) {
+          const citem = item.infoList[cindex];
+          citem.isComplete = true;
+           // 淇敼棰樼洰鐘舵�佷负瀹屾垚
+           citem.isComplete = true;
+            // 鎵规敼棰樼洰
+            if (citem.questionType == "multipleChoice") {
+              // 澶氶�夐
+              if (citem.answer.length == citem.userAnswer.length) {
+                const sortedArr1 = citem.answer.slice().sort();
+                const sortedArr2 = citem.userAnswer.slice().sort();
+                citem.isRight = sortedArr1.every(
+                  (value, index) => value === sortedArr2[index]
+                );
+              } else {
+                citem.isRight = false;
+              }
+            } else if (
+              citem.questionType == "singleChoice" ||
+              citem.questionType == "judge"
+            ) {
+              if(citem.id == '63825') console.log('i',item);
+              citem.isRight = citem.answer == citem.userAnswer;
+            } else if (citem.questionType == "shortAnswer") {
+              // 绠�绛� 缈昏瘧
+              citem.isRight = null;
+            } else if (citem.questionType == "completion") {
+              // 濉┖
+              if (typeof citem.answer == "string") {
+                citem.isRight = citem.answer == citem.userAnswer[0];
+              } else {
+                if (citem.answer.length != citem.userAnswer.length) {
+                  citem.isRight = false;
+                } else {
+                  citem.isRight = citem.answer.every(
+                    (value, index) =>
+                      value === citem.userAnswer[index]
+                  );
+                }
+              }
+            }
+        }
+        
+      }
+      this.$data.cardList = list
+    },
   },
 };
 </script>
@@ -688,12 +755,29 @@
 .catalogName {
   color: #00aeef;
   text-indent: 1em !important;
-  font-size: 24px;
+  font-size: 16px;
 }
 .examination {
   min-height: 100px;
   ul {
-    list-style:none ;
+    list-style: none;
+  }
+}
+.border-box {
+  border: 2px solid #e9e9e9;
+  border-top: 0;
+}
+.border-box:first-child {
+  border-top:2px solid #e9e9e9 ;
+}
+.questionContent {
+  // display: flex;
+  // justify-content: flex-start;
+  margin-left: -36px;
+}
+.input {
+  /deep/ .el-input__inner {
+    height: 26px;
   }
 }
 p {
@@ -747,9 +831,9 @@
   padding-left: 12px;
   display: flex;
   align-items: center;
-  font-size: 14px;
+  font-size: 16px;
   .questionText {
-    font-size: 14px;
+    font-size: 16px;
     color: #000;
   }
   span {
@@ -776,12 +860,12 @@
       text-align: left;
       padding: 0 10px 10px 0px;
       min-width: 90%;
-      font-size: 14px;
+      font-size: 16px;
       line-height: 32px;
       color: #000;
       span {
         display: inline-block;
-        font-size: 14px;
+        font-size: 16px;
         // line-height: 26px;
         color: #000;
         font-weight: 400;
@@ -799,7 +883,7 @@
         border-top: 0 !important;
         border-left: 0 !important ;
         border-right: 0 !important ;
-        border-bottom: 1px solid #000 !important;
+        border-bottom: 1px solid #15c0f2 !important;
         border-radius: 0 !important;
       }
       /deep/ .el-input.is-disabled .el-input__inner {
@@ -858,7 +942,7 @@
     min-height: 48px;
     height: min-content;
     padding: 0 20px;
-    font-size: 14px;
+    font-size: 16px;
     background-color: #f4f4f4;
     .headerBox {
       width: 100%;
@@ -908,7 +992,7 @@
           }
           .errorBox {
             width: 100px;
-            height: 48px;
+            // height: 48px;
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
@@ -937,7 +1021,7 @@
   width: 100%;
   padding: 0 20px;
   background-color: #f4f4f4;
-  font-size: 14px;
+  font-size: 16px;
   color: #333;
 }
 /deep/ .el-collapse-item__arrow {
@@ -956,7 +1040,7 @@
     background-color: #f4f4f4;
     width: 100%;
     padding: 0 20px;
-    font-size: 14px;
+    font-size: 16px;
     display: flex;
     flex-direction: column;
     justify-content: flex-start;
@@ -1007,7 +1091,7 @@
       span,
       p {
         text-indent: 0em;
-        font-size: 14px;
+        font-size: 16px;
         line-height: 20px;
       }
     }
@@ -1148,7 +1232,7 @@
 }
 
 .bottom-btn {
-  margin-top: 50px;
+  margin-top: 25px;
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
diff --git a/src/main.js b/src/main.js
index aec3e37..96fd090 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,7 +1,7 @@
 import Vue from "vue";
 import App from "./App.vue";
 import less from "less";
-import "./books/childHealth/assets/main.css";
+import "./books/childHealth/assets/main.less";
 import ElementUI from "element-ui";
 import "element-ui/lib/theme-chalk/index.css";
 import store from "./store";

--
Gitblit v1.9.1