From 0c4042a0ced8f17c8f93f96ff3394e25b8338fa8 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期一, 30 十二月 2024 11:56:15 +0800
Subject: [PATCH] 服务礼仪样章

---
 src/books/aviationEtiquette/assets/images/yemei01.png      |    0 
 src/books/aviationEtiquette/assets/images/yemei.png        |    0 
 src/books/aviationEtiquette/view/components/chapter001.vue |  373 +++-------
 src/books/aviationEtiquette/assets/images/yemei02.png      |    0 
 src/books/aviationEtiquette/assets/main.less               | 1588 ++++++++++++++++++++++++++----------------------
 src/books/aviationEtiquette/view/components/index.vue      |    5 
 6 files changed, 991 insertions(+), 975 deletions(-)

diff --git a/src/books/aviationEtiquette/assets/images/yemei.png b/src/books/aviationEtiquette/assets/images/yemei.png
new file mode 100644
index 0000000..0160f7d
--- /dev/null
+++ b/src/books/aviationEtiquette/assets/images/yemei.png
Binary files differ
diff --git a/src/books/aviationEtiquette/assets/images/yemei01.png b/src/books/aviationEtiquette/assets/images/yemei01.png
new file mode 100644
index 0000000..b2b611f
--- /dev/null
+++ b/src/books/aviationEtiquette/assets/images/yemei01.png
Binary files differ
diff --git a/src/books/aviationEtiquette/assets/images/yemei02.png b/src/books/aviationEtiquette/assets/images/yemei02.png
new file mode 100644
index 0000000..14ea0ea
--- /dev/null
+++ b/src/books/aviationEtiquette/assets/images/yemei02.png
Binary files differ
diff --git a/src/books/aviationEtiquette/assets/main.less b/src/books/aviationEtiquette/assets/main.less
index 62f71f0..96d7c92 100644
--- a/src/books/aviationEtiquette/assets/main.less
+++ b/src/books/aviationEtiquette/assets/main.less
@@ -96,6 +96,10 @@
         font-size: 14px !important;
     }
 
+    .fz-15 {
+        font-size: 15px !important;
+    }
+
     .fz-16 {
         font-size: 16px !important;
     }
@@ -138,6 +142,10 @@
 
     .ju-ev {
         justify-content: space-evenly;
+    }
+
+    .jc-sb {
+        justify-content: space-between;
     }
 
     .jc-fs {
@@ -208,6 +216,9 @@
         padding-left: 80px;
     }
 
+    .pad-r-80 {
+        padding-right: 80px;
+    }
 
     .mb-45 {
         margin-bottom: 45px;
@@ -224,7 +235,7 @@
     .headerText {
         font-size: 12px;
         padding: 0 8px;
-        color: #B98C64;
+        color: #B1BEDE;
     }
 
     .headerNumber {
@@ -235,18 +246,60 @@
     }
 
     .header-left-Number {
-        color: #231F20;
-        font-size: 12px;
+        color: #728DC0;
+        font-size: 17px;
         padding-right: 8px;
-        border-right: 1px solid #000;
+
+        .span-box-title {
+            margin: 0 5px;
+            display: inline-block;
+            width: 10px;
+            height: 10px;
+            background-color: #728DC0;
+        }
     }
 
     .header-left-text {
         margin-left: 8px;
         font-size: 12px;
-        color: #fff;
-        background-color: #0082D4;
+        text-align: right;
     }
+
+    .header-right-Box {
+        color: #728DC0;
+        font-size: 17px;
+        padding-right: 8px;
+
+    }
+
+    .header-right-Number {
+        background-color: #92B0D5;
+        color: #fff;
+        // font-size: 17px;
+        padding-right: 8px;
+
+        img {
+            height: 16.8px;
+        }
+    }
+
+    .header-right-title {
+        padding-left: 20px;
+        border-radius: 10px 0px 0px 10px;
+    }
+
+    .header-right-last {
+        background-color: #B799B6; 
+        padding-left: 20px; 
+ 
+    }
+
+    .header-right-end {
+        background-color: #738DC0;
+        padding-left: 50px;
+  
+    }
+
 
     table {
         border-color: none !important;
@@ -307,7 +360,7 @@
         margin-top: 0;
         border-top: 0.7em solid #448D9C;
     }
-    
+
     .task4 {
         width: 16%;
         margin-bottom: 5em;
@@ -316,11 +369,11 @@
     }
 
     .p-odd {
-        padding-right: 8%;
+        padding-right: 1%;
     }
 
     .p-even {
-        padding-left: 8%;
+        padding-left: 1%;
     }
 
     .p-continued {
@@ -699,849 +752,932 @@
         color: #9EAA60;
         font-size: 16px;
     }
-    
+
 
 
     //杩佺Щ
     ul {
-        list-style-type:none;
+        list-style-type: none;
     }
 
     li {
-        list-style-type:none;
+        list-style-type: none;
     }
 
 
-.custom_tag2{
-	background-color:#F1BE49;
-	color: #FFFFFF;
-	display: inline-block;
-	padding:0.5px;
-	border-radius:1.5em;
-	font-size: 1.1em;
-	padding: 2px 10px 2px 10px;
-	font-weight: bold;
-	margin: 0;
-	text-indent: 0em;
-	margin-bottom:0.5em;
-}
+    .custom_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_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;
-}
+    .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;
+    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-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;
+    }
 
-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;
-}
+    .module_block {
+        display: flex;
+        font-size: 1.1em;
+        position: relative;
+        padding-left: 90px;
+        justify-content: center;
+        align-items: center;
+        margin-right: 91px;
+    }
 
-img.bodycontent-divleft-image {
-	float:left; clear:both;height:110px;
-	margin: 15px;
-}
+    .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.bodystyle {
-	font-family:'FZLTXIHJW';
-	font-size: 18px;
-	text-align: justify;
-	margin:10%;
-	line-height:30px;
-}
 
-span.zt-0
-{
-	color:#0087AF;
-}
 
-p.pzt-0
-{
-	color:#0087AF;
-	font-size:18px;
-}
-p.pzt-0-right
-{
-	font-size:18px;
-	color:#0087AF;
-	text-align:right;
-}
-p.pzt-1
-{
-	font-weight: bold;
-	color:#0087AF;
-	font-size:18px;
-}
+    div.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.sgc-toc-title {
-    font-size: 2em;
-    font-weight: bold;
-    margin-bottom: 1em;
-    text-align: center;
-}
+    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;
+    }
 
-div.sgc-toc-level-1 {
-    margin-left: 0em;
-}
+    img.bodycontent-divright-image {
+        float: right;
+        clear: both;
+        height: 140px;
+        margin: 15px;
+    }
 
-div.sgc-toc-level-2 {
-    margin-left: 2em;
-}
+    img.bodycontent-divleft-image {
+        float: left;
+        clear: both;
+        height: 110px;
+        margin: 15px;
+    }
 
-div.sgc-toc-level-3 {
-    margin-left: 2em;
-}
+    div.bodystyle {
+        font-family: 'FZLTXIHJW';
+        text-align: justify;
+        margin: 0 10%;
+        padding-bottom: 80px;
+        line-height: 30px;
+    }
 
-div.sgc-toc-level-4 {
-    margin-left: 2em;
-}
+    span.zt-0 {
+        color: #0087AF;
+    }
 
-div.sgc-toc-level-5 {
-    margin-left: 2em;
-}
+    p.pzt-0 {
+        color: #0087AF;
+        font-size: 18px;
+    }
 
-div.sgc-toc-level-6 {
-    margin-left: 2em;
-}
-.imz{
-	width:100%;
-     text-align:center;
+    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;
+    }
 
-.note{
-font-size: 0.85em;
-}
+    div.sgc-toc-level-1 {
+        margin-left: 0em;
+    }
 
+    div.sgc-toc-level-2 {
+        margin-left: 2em;
+    }
 
+    div.sgc-toc-level-3 {
+        margin-left: 2em;
+    }
 
-.block
-{
-}
+    div.sgc-toc-level-4 {
+        margin-left: 2em;
+    }
 
-.block1
-{
-	text-align: center;
-}
+    div.sgc-toc-level-5 {
+        margin-left: 2em;
+    }
 
+    div.sgc-toc-level-6 {
+        margin-left: 2em;
+    }
 
-.img{
-	font-weight: bold;
-	font-family:'FZLTXIHJW';
-	text-align: center;
-	font-size:0.85em;
-	margin-left: 0%;
-	margin-right: 0%;
-	text-indent: 0em;
-}
+    .imz {
+        width: 100%;
+        text-align: center;
 
-.img1{
-	font-family:'FZLTXIHJW';
-	text-align: right;
-	font-size:0.85em;
-	margin-left: 0%;
-	margin-right: 2em;
-	text-indent: 0em;
-}
+
+    }
+
+    .note {
+        font-size: 0.85em;
+    }
+
+
+
+    .block {}
+
+    .block1 {
+        text-align: center;
+    }
+
+
+    .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 {
+        font-family: "瀹嬩綋";
+        margin-top: 0.2em;
+        margin-bottom: 0.2em !important;
+        text-indent: 2em;
+        line-height: 30px;
+        text-align: justify;
+    }
+
+    .cover {
+        width: 100%;
+        padding: 0px;
+    }
+
+    .center {
+        text-align: center;
+        margin-left: 0%;
+        margin-right: 0%;
+        text-indent: 0em;
+    }
+
+    .center-ss {
+        text-align: center;
+        color: #EF8472;
+        font-weight: bold;
+        margin-left: 0%;
+        margin-right: 0%;
+        text-indent: 0em;
+    }
+
+    .left {
+        text-indent: 0em;
+        margin-left: 0%;
+        margin-right: 0%;
+    }
+
+    .left2 {
+        font-size: 1.3em;
+        text-indent: 0em;
+        font-weight: bold;
+        margin-left: 0%;
+        margin-right: 0%;
+    }
+
+    .right {
+        text-align: right;
+        margin-left: 0%;
+        margin-right: 0%;
+    }
+
+    .left1 {
+        text-indent: 0em;
+        margin-left: 0%;
+        margin-right: 0%;
+    }
+
+    .center1 {
+        text-align: center;
+        margin-left: 0%;
+        margin-right: 0%;
+        font-size: 1.2em;
+        text-indent: 0em;
+        font-weight: bold;
+    }
+
+    .right1 {
+        text-align: right;
+        margin-left: 0%;
+        margin-right: 0%;
+    }
+
+    .quote {
+        margin-top: 0%;
+        margin-bottom: 0%;
+        margin-left: 1em;
+        margin-right: 1em;
+        text-align: justify;
+        font-family: "cnepub", serif;
+    }
+
+    h1 {
+        font-family: 'FZLTZHJW';
+        line-height: 2em;
+        font-weight: bold;
+        color: #FFFFFF;
+        font-size: 2em;
+        margin-bottom: 1em;
+        margin-top: 1em;
+    }
+
+    .h1-bj {
+        background-color: #6E85AF;
+        padding: 0.3em 0.5em 0.3em 0.5em;
+        margin-left: -0.2em;
+
+    }
+
+    .h1-bk {
+        box-shadow: inset 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: 400;
+        font-size: 1.1em;
+        color: #000;
+        margin-top: 1.5em;
+        margin-bottom: 3em;
+        text-indent: 0em;
+        text-align: center;
+    }
+
+    h2 {
+        font-family: 'FZLTZHJW';
+        color: #6A80B9;
+        font-weight: 100;
+        text-align: left;
+        font-size: 1.5em;
+        margin-top: 2em;
+        margin-bottom: 1.5em;
+        margin-left: 2.5em;
+    }
+
+    h3 {
+        font-family: 'FZLTZHJW';
+        font-weight: 100;
+        text-align: left;
+        font-size: 1em;
+        color: #EEAF68;
+        margin-top: 2em;
+        margin-bottom: 1.5em;
+        text-indent: 0em;
+        margin-left: 0em;
+    }
+
+    h4 {
+        font-family: 'FZHTJW';
+        color: #697DB8;
+        font-weight: 100;
+        margin-bottom: 0.5em;
+        margin-top: 1em;
+        font-size: 1.1em;
+        text-indent: 0em;
+    }
+
+    h5 {
+
+        font-family: 'FZHTJW';
+        color: #EEAF68;
+        margin-bottom: 0.5em;
+        margin-top: 1em;
+        font-size: 1.05em;
+        text-indent: 2em;
+    }
+
+    h6 {
+
+        font-family: "妤蜂綋";
+        color: #000000;
+        margin-bottom: 0.2em;
+        margin-top: 0.2em;
+        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%;
+    }
 
-p
-{
-	margin-top: 1em;
-	text-indent:2em;
-	line-height:30px;
-	font-size: 18px;
-	text-align:justify;
+    .img-f {
+        width: 40%;
+    }
 
-}
-.cover {
-	width:100%;
-	padding:0px;
-}
-.center {
-	text-align: center;
-	margin-left: 0%;
-	margin-right: 0%;
-	text-indent:0em;
-}
-.center-ss {
-	text-align: center;
-	color:#EF8472;
-	font-weight: bold;
-	margin-left: 0%;
-	margin-right: 0%;
-	text-indent:0em;
-}
-.left {
-	text-indent: 0em;
-	margin-left: 0%;
-	margin-right: 0%;
-}
-.left2 {
-	font-size:1.3em;
-	text-indent: 0em;
-	font-weight: bold;
-	margin-left: 0%;
-	margin-right: 0%;
-}
-.right {
-	text-align: right;
-	margin-left: 0%;
-	margin-right: 0%;
-}
-.left1 {
-	text-indent:0em;
-	margin-left:0%;
-	margin-right:0%;
-}
-.center1
-{
-	text-align:center;
-	margin-left:0%;
-	margin-right:0%;
-	font-size:1.2em;
-	text-indent:0em;
-	font-weight:bold;
-}
-.right1 {
-	text-align:right;
-	margin-left:0%;
-	margin-right:0%;
-}
-.quote {
-	margin-top: 0%;
-	margin-bottom: 0%;
-	margin-left: 1em;
-	margin-right: 1em;
-	text-align: justify;
-	font-family:"cnepub", serif;
-}
+    .img-g {
+        width: 30%;
+    }
 
-h1 {
-	font-family:'FZLTZHJW';
-	line-height:2em;
-	font-weight:bold;
-	color: #FFFFFF;
-	font-size:1.8em;
-	margin-bottom:1em;
-	margin-top:1em;
-}
+    .img-h {
+        width: 20%;
+    }
 
-.h1-bj{
-	background-color:#6E85AF;
-	padding:0.3em 0.5em 0.3em 0.5em;
-	margin-left:-0.2em;
+    .img-i {
+        width: 10%;
+    }
 
-}
-.h1-bk{
-	box-shadow:inset 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;
+    .img-j {
+        width: 5%;
+    }
 
-}
-h1.jz{
-	text-align:center;
-	text-indent:0em;
-}
+    .img-zt {
+        height: 6em;
+        margin-top: -1.5em;
+        margin-bottom: -0.4em;
+        margin-left: 15%;
+    }
 
+    .inline {
+        height: 1em;
+        margin-bottom: -0.3em;
+    }
 
+    .inline0 {
+        height: 3em;
+    }
 
-.front {
-	font-family: 'FZLTZHJW';
-    font-weight: 400;
-    font-size: 1.1em;
-    color: #000;
-    margin-top: 1.5em;
-    margin-bottom: 3em;
-    text-indent: 0em;
-    text-align: center;
-}
+    .inline0-1 {
+        height: 2em;
+    }
 
+    .inline2 {
+        height: 2.3em;
+    }
 
-h2 {
+    .img-qj {
+        height: 7.5em;
+        margin-bottom: -3.4em;
+        margin-right: 0.5em;
+    }
 
-	font-family:'FZLTZHJW';
-	color:#6A80B9;
-	font-weight:bold;
-	text-align:left;
-	font-size:1.6em;
-	margin-top:2em;
-	margin-bottom:1em;
-	margin-left:4em;
-}
 
-h3 {
-	font-family:'FZLTZHJW';
-	font-weight:bold;
-	text-align:left;
-	font-size:1.4em;
-	color:#EEAF68;
-	margin-top:2em;
-	margin-bottom:1.5em;
-	text-indent:0em;
-	margin-left:0em;
-}
-h4 {
-	font-family:'FZHTJW';
-	color:#697DB8;
-	font-weight:bold;
-	margin-bottom:0.5em;
-	margin-top:1em;
-	font-size:1.1em;
-	text-indent:0em;
-}
-h5 {
+    .bk-bwh {
+        background-color: #DFEBF7;
+        font-size: 1.2em;
+        padding: 25px;
+        border: 4px dotted #197ABF;
+    }
 
-	font-family:'FZHTJW';
-	color:#EEAF68;
-	margin-bottom:0.5em;
-	margin-top:1em;
-	font-size:1.05em;
-	text-indent:2em;
-}
+    .zt-ls1 {
+        color: #197BBC;
+        font-size: 1.2em;
+        font-weight: bold;
 
-h6 {
+    }
 
-	font-family:"妤蜂綋";
-	color:#000000;
-	margin-bottom:0.5em;
-	margin-top:1em;
-	font-size:1.15em;
-	text-indent:2em;
-}
-.zt-h6 {
+    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;
+    }
 
-	font-family:'FZHTJW';
-	color:#65C097;
-	margin-bottom:0.5em;
-	margin-top:1em;
-	font-size:1.15em;
-	text-indent:2em;
-}
-.bb {
+    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;
 
-	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; }
+    .zt-hs1 {
+        font-weight: bold;
+        color: #F0855B;
+        font-size: 1.2em;
+    }
 
-.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:1em;
-margin-bottom:-0.3em;
-}
+    .h1-zt1 {
+        padding: 5px 25px 5px 25px;
+        border-radius: 10px 0px 0px 10px;
+        background-color: #5392C7;
+        font-size: 1.2em;
+        color: #FFFFFF;
+    }
 
-.inline0{
-height:3em;
-}
-.inline0-1{
-height:2em;
-}
+    .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;
+    }
 
-.inline2{
-height:2.3em;
-}
 
-.img-qj{
-	height:7.5em;
-	margin-bottom:-3.4em;
-	margin-right:0.5em;
-}
+    .bk {
+        border: 0.15em dotted #FAAD70;
+        padding: 1em;
+        margin-bottom: 2em;
+        margin-top: 0.5em;
+        border-radius: 0em;
+        position: relative;
 
+        p {
+            font-family: ZHONGDENGXIAN;
+        }
 
-.bk-bwh{
-	background-color:#DFEBF7;
-	font-size:1.2em;
-	padding:25px;
-	border:4px dotted #197ABF;
-}
+        span {
+            font-family: ZHUNYUAN;
+        }
+    }
 
-.zt-ls1{
-	color:#197BBC;
-	font-size:1.2em;
-	font-weight: bold;
+    p.bj1-qjms {
+        background-color: #fff;
+        color: #FAAD70;
+        font-weight: bold;
+        border-radius: 1.5em;
+        margin-left: 0em;
+        text-align: center;
+        text-indent: 0em;
+        position: absolute;
+        top: -19px;
+    }
 
-}
+    .span-box {
+        display: inline-block;
+        width: 8px;
+        height: 8px;
+        background-color: #FAAD70;
+    }
 
-span.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-text {
+        font-size: 16px;
+        font-weight: 100;
+        padding: 0em 0.15em 0em 0.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;
 
-}
+    .bj {
+        background-color: #E1E7F3;
+        padding: 0.2em 0.8em 0.2em 0.8em;
+        margin-bottom: 2em;
 
-.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;
-}
+    span.bj1 {
+        background-color: #FFFFFF;
+        padding: 0.2em 0.05em 0.2em 0.05em;
+        font-size: 1.1em;
+        font-weight: bold;
+        color: #EFAA71;
+    }
 
-div.bk{
-	border:2px dotted #FAAE72;
-	padding:3px 10px 3px 10px;
-	margin-top:2em;
-	margin-bottom:1em;
-}
+    span.bj2 {
+        background-color: #6E85AF;
+        padding: 0.2em 1em 0.2em 1em;
+        font-size: 1.1em;
+        font-weight: bold;
+        border-radius: 0.5em;
+        color: #FFFFFF;
+        box-shadow: 0.3em 0.3em 0px 0px #C3C2C0;
+    }
 
+    div.bk2 {
+        border: 3px solid #93A8D5;
+        padding: 0.2em 1em 0.2em 1em;
+        border-radius: 1em;
+        margin-top: 2em;
+        margin-bottom: 1.5em;
+    }
 
+    .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;
+    }
 
-p.bj1-qjms{
-	background-color:#5392C7;
-	color:#FFFFFF;
-	display:inline-block;
-	font-size:1em;
-	padding:0.1em 0.7em 0.12em 0.7em;
-	font-weight:bold;
-	border-radius:1.5em;
-	margin-left:0em;
-	text-align:center;
-	text-indent:0em;
-	position:absolute;
-	top:-2em;
-}
-.bj{
-	background-color:#E1E7F3;
-	padding:0.2em 0.8em 0.2em 0.8em;
-	margin-bottom:2em;
+    .zt-zysx1 {
+        font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋";
+        background-color: #96A7D5;
+        border-radius: 1.5em;
+        color: #FFFFFF;
+        font-weight: 100;
+        padding: 4px;
+        font-size: 1em;
+    }
 
-}
+    .zt-zysx2 {
+        font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋";
+        background-color: #0071BD;
+        font-size: 1.2em;
+    }
 
-span.bj1{
-	background-color:#FFFFFF;
-	padding:0.2em 0.05em 0.2em 0.05em;
-	font-size:1.1em;
-	font-weight: bold;
-	color:#EFAA71;
-}
+    .zt-1 {
+        color: #6F84AF;
+        font-weight: bold;
+        font-size: 1.1em;
 
-span.bj2{
-	background-color:#6E85AF;
-	padding:0.2em 1em 0.2em 1em;
-	font-size:1.1em;
-	font-weight: bold;
-	border-radius:0.5em;
-	color:#FFFFFF;
-	box-shadow: 0.3em 0.3em 0px 0px #C3C2C0;
-}
+    }
 
-div.bk2{
-	border:3px solid #93A8D5;
-	padding:0.2em 1em 0.2em 1em;
-	border-radius:1em;
-	box-shadow: 0.5em 0.5em 0px 0px #DCDDDF;
-	margin-top:2em;
-	margin-bottom:1.5em;
-}
+    div.bj3 {
+        background-color: #DED5E8;
+        padding: 1em 1em 1em 1.5em;
+        border-radius: 1em;
+        margin-bottom: 0.1em;
+        margin-left: -0.6em;
+        margin-right: -0.6em;
+        margin-top: -0.5em;
+    }
 
+    span.bj3-xyx {
+        background-color: #92B03D;
+        color: #FFFFFF;
+        border-radius: 5px;
+        padding: 5px 10px 5px 10px;
+        font-size: 1em;
+        font-weight: bold;
 
+    }
 
-div.bj3{
-	background-color:#DED5E8;
-	padding:0.2em 0.2em 0.2em 0.2em;
-	border-radius:1em;
-	margin-bottom:0.2em;
-	margin-left:-0.6em;
-	margin-right:-0.6em;
-	margin-top:-1.4em;
-}
+    div.bj3-xyx {
+        position: absolute;
+        top: -15px;
+        left: -25px;
 
+    }
 
 
 
+    span.bj3-xyx {
+        background-color: #92B03E;
+        color: #FFFFFF;
+        border-radius: 1.5em;
+        padding: 5px 20px 5px 20px;
+        font-size: 1em;
+        font-weight: bold;
 
-span.bj3-xyx{
-	background-color:#92B03E;
-	color:#FFFFFF;
-	border-radius:1.5em;
-	padding:5px 20px 5px 20px;
-	font-size:1em;
-	font-weight: bold;
+    }
 
-}
+    div.bk1 {
+        margin-top: -2em;
+        margin-left: -1.6em;
+    }
 
-div.bk1{
-	margin-top:-2em;
-	margin-bottom:1.5em;
-	margin-left:-1.6em;
-}
-.ts-1{
-	font-weight: bold;
-}
+    .ts-1 {
+        font-weight: bold;
+    }
 
-.zt-h4{
-	background-color:#F0BD40;
-	padding:10px;
-	color:#FFFFFF;
-	margin-left:-2em;
-	border-radius:1.5em;
-}
+    .zt-h4 {
+        background-color: #F0BD40;
+        padding: 10px;
+        color: #FFFFFF;
+        margin-left: -2em;
+        border-radius: 1.5em;
+    }
 
-.qyls-h4{
+    .qyls-h4 {
         font-family: "HiFont Hei GB";
-	color:#6CB26C;
-	font-weight: bold;
-	padding:0.2em;
-	text-indent: 0em;
-	margin-left: 0%;
-}
+        color: #6CB26C;
+        font-weight: bold;
+        padding: 0.2em;
+        text-indent: 0em;
+        margin-left: 0%;
+    }
 
-.bj4{
-	background-color:#FFDEB5;
-	padding:20px;
-	border-radius:0.1em;
-	margin-bottom:2em;
-	margin-top:2.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;
+    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;
-}
+    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;
-}
+    .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;
+    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.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;
-}
+    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;
+    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-1{
-	color:#6F84AF;
-	font-weight: bold;
-	font-size:1.1em;
+    }
 
-}
+    .zt-1 {
+        color: #6F84AF;
+        font-weight: bold;
+        font-size: 1.1em;
+
+    }
 
 
-.zt-lvs1{
-	color:#95B321;
-	}
+    .zt-lvs1 {
+        color: #95B321;
+    }
 
 
-.zt-cs{
-	color:#FCA01B;
-	}
+    .zt-cs {
+        color: #FCA01B;
+    }
 
 
-.bk3{
-	background-color:#E9F0E9;
-	border:2px dotted #C9DBCD;
-	padding:3px 10px 3px 10px;
-	margin-top:2em;
-	margin-bottom:1em;
-}
+    .bk3 {
+        background-color: #E9F0E9;
+        border: 2px dotted #C9DBCD;
+        padding: 3px 10px 3px 10px;
+        margin-top: 2em;
+        margin-bottom: 1em;
+    }
 
-.zysx{
-	margin-top:-2.2em;
-	margin-left:-2em;
-}
+    .zysx {
+        margin-top: -1.2em;
+        margin-left: -2em;
+
+        p {
+            margin: 0 !important;
+        }
+    }
+
+    .zt-zysx2 {
+        font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋";
+        background-color: #0071BD;
+        font-size: 1.2em;
+    }
+
+    span.bk1 {
+        border: 1px solid #000000;
+        margin: 1em 1em 1em 1em;
+    }
+
+    .cs1 {
+        color: #E9AB7A;
+        font-weight: bold;
+    }
+
+    .bk4 {
+        border: 2px dashed #9FA8CF;
+        padding: 3px 10px 3px 10px;
+        margin-top: 2em;
+        margin-bottom: 1em;
+    }
 
 
-.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;
-}
+    .bk5 {
+        margin-top: -2em;
+        margin-bottom: 1.5em;
+        margin-left: -1.6em;
+    }
 
-.zt-zysx1{
-	font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋"; 
-	background-color:#96A7D5;
-	border-radius:1.5em;
-	color:#FFFFFF;
-	font-weight: bold;
-	padding:6px;
-	font-size:1.2em;
-}
+    .h3-zt1 {
+        padding: 0.25em;
+        background-color: #EEAF68;
+        color: #FFFFFF;
+    }
 
-.zt-zysx2{
-	font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋"; 
-	background-color:#0071BD;
-	font-size:1.2em;
-}
-
-span.bk1{
-	border: 1px solid #000000;
-	margin: 1em 1em 1em 1em; 
-}
-.cs1{
-	color:#E9AB7A;
-	font-weight: bold;
-}
-
-.bk4{
-	border:2px dashed #9FA8CF;
-	padding:3px 10px 3px 10px;
-	margin-top:2em;
-	margin-bottom:1em;
-}
+    .h3-bk {
+        border: 1px solid #EEAF68;
+        margin: 5em 5em 5em 0em;
+        padding: 0.2em 1em 0.2em 0.4em;
+        border-radius: 0em 1em 1em 0em;
+    }
 
 
-.bk5{
-	margin-top:-2em;
-	margin-bottom:1.5em;
-	margin-left:-1.6em;
-}
-
-.h3-zt1{
-	padding: 0.5em;
-	background-color:#EEAF68;
-	color:#FFFFFF;
-}
-
-.h3-bk{
-	border: 1px solid #EEAF68;
-	margin: 5em 5em 5em 0em; 
-	padding:0.5em 1.5em 0.5em 1em;
-	border-radius:0em 1em 1em 0em;
-}
+    .inline1 {
+        height: 2em;
+        margin-top: 0.5em;
+        margin-bottom: -0.5em;
+    }
 
 
-.inline1{
-height:2em;
-margin-top:0.5em;
-margin-bottom:-0.5em;
-}
+    .tp-3 {
+        margin-top: -4.5em;
+        margin-bottom: 1em;
+    }
 
 
-.tp-3{
-	margin-top:-5em;
-	margin-left:-25em;
-	margin-bottom:1em;
-}
+    .rwmb-4 {
+        height: 2.5em;
+    }
 
-
-.rwmb-4{
-	height:5em;
-}
-    
 
 }
 
@@ -1652,7 +1788,7 @@
 }
 
 @media (max-width: 660px) {
-    .civilServices-book {
+    .aviationEtiquette-book {
 
         /* 鍒嗛〉padding */
         .padding-93 {
@@ -1697,7 +1833,7 @@
 }
 
 @media (min-width: 660px) {
-    .civilServices-book {
+    .aviationEtiquette-book {
         .padding-93 {
             padding: 0 93px 0px 93px;
         }
diff --git a/src/books/aviationEtiquette/view/components/chapter001.vue b/src/books/aviationEtiquette/view/components/chapter001.vue
index ca09df7..2ae67dd 100644
--- a/src/books/aviationEtiquette/view/components/chapter001.vue
+++ b/src/books/aviationEtiquette/view/components/chapter001.vue
@@ -3,47 +3,46 @@
     <!-- 1椤� -->
     <div class="page-box" page="7">
       <div v-if="showPageList.indexOf(7) > -1">
-        <ul class="fl al-c pad-t-55 pad-l-80 mb-45">
-          <li class="header-left-Number">01</li>
+        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
+          <li class="headerText">1</li>
+          <img class="headerImg mr-10" src="../../assets/images/yemei.png" alt="" />
         </ul>
-        <div class="bodystyle">
+        <div class="bodystyle p-even">
           <h1 id="a005">
-            <span class="h1-bj">妯″潡涓�</span
-            ><span class="h1-bk">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</span>
+            <span class="h1-bj">妯″潡涓�</span><span class="h1-bk">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</span>
           </h1>
           <h2 id="b001">椤圭洰涓�銆�绀间华璁ょ煡</h2>
           <div class="tp-3">
-            <p class="center">
+            <p class="tl-f td-0">
               <img class="rwmb-4" alt="" src="../../assets/images/tb.png" />
             </p>
           </div>
           <div class="bk">
-            <div class="bk1">
-              <p><span class="bj1">鈻犮��椤圭洰鎻忚堪銆�鈻�</span></p>
-            </div>
-            <p>
+            <p class="bj1-qjms fl al-c">
+              <span class="span-box"></span><span class="span-text">椤圭洰鎻忚堪</span><span class="span-box"></span>
+            </p>
+            <p class="fz-15">
               鈥滄彁鍗囨湇鍔$礌璐紝浼樺寲鏈嶅姟姘村钩锛屾彁鍗囨湇鍔¤川閲忥紝缁欐梾瀹㈠甫鏉ヨ壇濂界殑涔樻満浣撻獙锛屾彁鍗囦紒涓氬搧鐗屽奖鍝嶅姏鈥︹�︹�濇潕涓界粡甯稿惉鍒拌埅鍙镐汉鍔涜祫婧愰儴缁忕悊鍜岃�佸笀璺熷悓瀛︿滑璋堝埌杩欎釜璇濋銆傛湇鍔$ぜ浠槸鏈嶅姟璐ㄩ噺鐨勯噸瑕佺粍鎴愶紝鏄湇鍔¤兘鍔涚殑閲嶈浣撶幇銆傛皯鑸笓涓氬鐢熻鐭ョぜ銆佸畧绀笺�佹噦绀笺�佺敤绀硷紝閫氳繃绀间华浣撶幇鎬濇兂閬撳痉姘村钩銆佹枃鍖栦慨鍏汇�佷氦闄呬氦寰�鑳藉姏锛屼綋鐜版皯鑸紒涓氱殑鏂囧寲鍐呮兜銆佽亴涓氶亾寰枫�傞偅涔堢ぜ浠埌搴曟槸浠�涔堝憿锛熻瀛︿範鑰呴�氳繃鏈」鐩殑瀛︿範锛屼簡瑙gぜ浠殑璧锋簮銆佸彂灞曘�佸唴娑靛強鏈川锛岀悊瑙gぜ浠殑鐗瑰緛骞跺湪鑷韩鐨勫涔犲拰鏈潵鐨勫伐浣滀腑杩涜鍚堢悊鏈夋晥鐨勮繍鐢ㄣ��
             </p>
           </div>
           <div class="bk">
-            <div class="bk1">
-              <p><span class="bj1">鈻犮��绀煎湪韬竟銆�鈻�</span></p>
-            </div>
+            <p class="bj1-qjms fl al-c">
+              <span class="span-box"></span><span class="span-text">绀煎湪韬竟</span><span class="span-box"></span>
+            </p>
             <p class="center"><span class="cs1">鏇惧瓙閬垮腑</span></p>
-            <p>
+            <p class="fz-15">
               浠插凹灞咃紝鏇惧瓙渚嶃�傚瓙鏇帮細鈥滃厛鐜嬫湁鑷冲痉瑕侀亾锛屼互椤哄ぉ涓嬶紝姘戠敤鍜岀潶锛屼笂涓嬫棤鎬ㄣ�傛睗鐭ヤ箣涔庯紵鈥濇浘瀛愰伩甯洶锛氣�滃弬涓嶆晱锛屼綍瓒充互鐭ヤ箣锛熲��
             </p>
-            <p>璇戞枃锛�</p>
-            <p>
+            <p class="fz-15">璇戞枃锛�</p>
+            <p class="fz-15">
               鏇惧瓙鏄瓟瀛愮殑涓�涓紵瀛愶紝鏈変竴娆′粬鍦ㄥ瓟瀛愯韩杈逛緧鍧愶紝瀛斿瓙灏遍棶浠栵細鈥滀互鍓嶇殑鍦h搐涔嬬帇鏈夎嚦楂樻棤涓婄殑寰疯銆佺簿瑕佸ゥ濡欑殑鐞嗚锛岀敤鏉ユ暀瀵煎ぉ涓嬩箣浜猴紝浜轰滑灏辫兘鍜岀潶鐩稿锛屽悰鐜嬪拰鑷d笅涔嬮棿涔熸病鏈変笉婊★紝浣犵煡閬撳畠浠槸浠�涔堝悧锛熲�濇浘瀛愬惉浜嗭紝鏄庣櫧瀛斿瓙鏄鎸囩偣浠栨渶娣卞埢鐨勯亾鐞嗭紝浜庢槸绔嬪埢浠庡潗鐫�鐨勫腑瀛愪笂绔欒捣鏉ワ紝鎭伃鏁暚鍦拌閬擄細鈥滄垜涓嶅鑱槑锛屽摢閲岃兘鐭ラ亾锛熻繕璇疯�佸笀鎶婅繖浜涢亾鐞嗘暀缁欐垜銆傗��
             </p>
           </div>
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                  <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
@@ -57,19 +56,18 @@
     <!-- 2椤� -->
     <div class="page-box" page="8">
       <div v-if="showPageList.indexOf(8) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerText">2</li>
-          <li class="headerText">姘戣埅鏈嶅姟绀间华</li>
-          <img
-            class="headerImg mr-10"
-            src="../../assets/images/headerlogo.png"
-            alt=""
-          />
+        <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
+          <li class="header-left-Number">
+               <span class="mr-10">2</span>
+               <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+          </li>
+          <li class="header-left-text">
+            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
+          </li>
         </ul>
-        <div class="bodystyle">
+        <div class="bodystyle p-odd">
           <h3 id="c001">
-            <span class="h3-zt1">浠诲姟1</span
-            ><span class="h3-bk">绀间华璧锋簮璁ょ煡</span>
+            <span class="h3-zt1">浠诲姟1</span><span class="h3-bk">绀间华璧锋簮璁ょ煡</span>
           </h3>
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.浜嗚В绀间华鐨勪簲绉嶈捣婧愯銆�</p>
@@ -100,10 +98,13 @@
     <!-- 3椤� -->
     <div class="page-box" page="9">
       <div v-if="showPageList.indexOf(9) > -1">
-        <ul class="fl al-c pad-t-55 pad-l-80 mb-45">
-          <li class="header-left-Number">妯″潡涓�</li>
-          <li class="header-left-text">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
-          <li class="header-left-Number">3</li>
+        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
+          <li class="header-right-Number header-right-title">妯″潡涓�</li>
+          <li class="header-right-Number">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
+          <li class="header-right-Number">3</li>
+          <li class="header-right-Number"><img class=""  src="../../assets/images/yemei02.png" alt="" /></li>
+          <li class="header-right-last" style=""><br></li>
+          <li class="header-right-end" style=""><br></li>
         </ul>
         <div class="bodystyle">
           <h6 id="f004">4.绀间负浜烘�у拰鐜鐭涚浘鐨勪骇鐗�</h6>
@@ -136,23 +137,22 @@
     <!-- 4椤� -->
     <div class="page-box" page="10">
       <div v-if="showPageList.indexOf(10) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">4</li>
-          <li class="headerText">姘戣埅绀间华涓庢湇鍔¤兘鍔涜鐭�</li>
-          <img
-            class="headerImg mr-10"
-            src="../../assets/images/headerlogo.png"
-            alt=""
-          />
+        <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
+          <li class="header-left-Number">
+               <span class="mr-10">4</span>
+               <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+          </li>
+          <li class="header-left-text">
+            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
+          </li>
         </ul>
         <div class="bodystyle">
           <p>纭珛浜嗕腑鍥解�滅ぜ浠箣閭︹�濈殑鍘嗗彶鍦颁綅銆�</p>
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
@@ -167,9 +167,8 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
@@ -202,8 +201,7 @@
         </ul>
         <div class="bodystyle">
           <h3 id="c002">
-            <span class="h3-zt1">浠诲姟2</span
-            ><span class="h3-bk">绀间华鍐呮兜璁ょ煡</span>
+            <span class="h3-zt1">浠诲姟2</span><span class="h3-bk">绀间华鍐呮兜璁ょ煡</span>
           </h3>
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.浜嗚В鈥滅ぜ鈥濆拰鈥滀华鈥濆湪涓嶅悓鏂归潰鐨勫瘬鎰忋��</p>
@@ -240,11 +238,7 @@
         <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
           <li class="headerNumber">6</li>
           <li class="headerText">姘戣埅鏈嶅姟绀间华</li>
-          <img
-            class="headerImg mr-10"
-            src="../../assets/images/headerlogo.png"
-            alt=""
-          />
+          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
         </ul>
         <div class="bodystyle">
           <p>
@@ -273,9 +267,8 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
@@ -296,8 +289,7 @@
         </ul>
         <div class="bodystyle">
           <h3 id="c003">
-            <span class="h3-zt1">浠诲姟3</span
-            ><span class="h3-bk">绀间华鐗瑰緛璁ょ煡</span>
+            <span class="h3-zt1">浠诲姟3</span><span class="h3-bk">绀间华鐗瑰緛璁ょ煡</span>
           </h3>
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.浜嗚В绀间华鐨勫叚澶х壒寰併��</p>
@@ -329,11 +321,7 @@
         <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
           <li class="headerNumber">8</li>
           <li class="headerText">姘戣埅鏈嶅姟绀间华</li>
-          <img
-            class="headerImg mr-10"
-            src="../../assets/images/headerlogo.png"
-            alt=""
-          />
+          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
         </ul>
         <div class="bodystyle">
           <h4 id="d008">鍥涖�佸樊寮傛��</h4>
@@ -367,9 +355,8 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
@@ -380,8 +367,7 @@
             </div>
           </div>
           <h3 id="c004">
-            <span class="h3-zt1">浠诲姟4</span
-            ><span class="h3-bk">绀间华鍘熷垯璁ょ煡</span>
+            <span class="h3-zt1">浠诲姟4</span><span class="h3-bk">绀间华鍘熷垯璁ょ煡</span>
           </h3>
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.浜嗚В绀间华鐨勪簲澶у師鍒欍��</p>
@@ -398,9 +384,8 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
@@ -424,11 +409,7 @@
         <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
           <li class="headerNumber">10</li>
           <li class="headerText">姘戣埅鏈嶅姟绀间华</li>
-          <img
-            class="headerImg mr-10"
-            src="../../assets/images/headerlogo.png"
-            alt=""
-          />
+          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
         </ul>
         <div class="bodystyle">
           <p>
@@ -484,9 +465,8 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
@@ -524,11 +504,7 @@
         <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
           <li class="headerNumber">12</li>
           <li class="headerText">姘戣埅鏈嶅姟绀间华</li>
-          <img
-            class="headerImg mr-10"
-            src="../../assets/images/headerlogo.png"
-            alt=""
-          />
+          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
         </ul>
         <div class="bodystyle">
           <p>2.涓嬮潰鏈夊叧鈥滅ぜ鈥濈殑鍐呭湪鍚箟璇存硶姝g‘鐨勬槸锛堛��銆�锛夈�傦紙澶氶�夐锛�</p>
@@ -578,7 +554,7 @@
           <h2 id="b002">椤圭洰浜屻��姘戣埅鏈嶅姟鎰忚瘑璁ょ煡</h2>
           <div class="tp-3">
             <p class="center">
-              <img class="rwmb-4" alt="" src="../../assets/images/tb.png" />
+              <img class="img-b" alt="" src="../../assets/images/tb.png" />
             </p>
           </div>
           <div class="bk">
@@ -600,9 +576,8 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
@@ -612,8 +587,7 @@
             </div>
           </div>
           <h3 id="c005">
-            <span class="h3-zt1">浠诲姟1</span
-            ><span class="h3-bk">鐞嗚В姘戣埅鏈嶅姟鐨勫唴娑靛強鐗瑰緛</span>
+            <span class="h3-zt1">浠诲姟1</span><span class="h3-bk">鐞嗚В姘戣埅鏈嶅姟鐨勫唴娑靛強鐗瑰緛</span>
           </h3>
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.鐞嗚В姘戣埅鏈嶅姟鐨勫惈涔夈��</p>
@@ -628,11 +602,7 @@
         <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
           <li class="headerNumber">14</li>
           <li class="headerText">姘戣埅鏈嶅姟绀间华</li>
-          <img
-            class="headerImg mr-10"
-            src="../../assets/images/headerlogo.png"
-            alt=""
-          />
+          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
         </ul>
         <div class="bodystyle">
           <h4 id="d016">涓�銆佹皯鑸湇鍔$殑鍚箟</h4>
@@ -674,9 +644,8 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
@@ -724,11 +693,7 @@
         <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
           <li class="headerNumber">16</li>
           <li class="headerText">姘戣埅鏈嶅姟绀间华</li>
-          <img
-            class="headerImg mr-10"
-            src="../../assets/images/headerlogo.png"
-            alt=""
-          />
+          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
         </ul>
         <div class="bodystyle">
           <p>锛�5锛夋槸鍚﹀叿鏈夆�滄潵鐨勯兘鏄鈥濄�佷竴瑙嗗悓浠佺殑骞崇瓑鎰忚瘑銆�</p>
@@ -760,9 +725,8 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
@@ -782,8 +746,7 @@
         </ul>
         <div class="bodystyle">
           <h3 id="c006">
-            <span class="h3-zt1">浠诲姟2</span
-            ><span class="h3-bk">鐞嗚В姘戣埅鏈嶅姟鐨勭幇鐘�</span>
+            <span class="h3-zt1">浠诲姟2</span><span class="h3-bk">鐞嗚В姘戣埅鏈嶅姟鐨勭幇鐘�</span>
           </h3>
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.浜嗚В姘戣埅鏈嶅姟鐨勭幇鐘跺強鏈嶅姟璐ㄩ噺闂浜х敓鐨勫師鍥犮��</p>
@@ -798,9 +761,8 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
@@ -817,9 +779,8 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
@@ -835,11 +796,7 @@
         <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
           <li class="headerNumber">18</li>
           <li class="headerText">姘戣埅鏈嶅姟绀间华</li>
-          <img
-            class="headerImg mr-10"
-            src="../../assets/images/headerlogo.png"
-            alt=""
-          />
+          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
         </ul>
         <div class="bodystyle">
           <h5 id="e009">锛堜簩锛夊競鍦烘剰璇嗕笉瓒�</h5>
@@ -861,9 +818,8 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
@@ -890,9 +846,8 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
@@ -906,9 +861,8 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
@@ -921,8 +875,7 @@
             涓�浜涙皯鑸紒涓氬拰鍛樺伐鐨勬湇鍔℃剰璇嗘贰钖勶紝缂轰箯鏈嶅姟璐d换蹇冿紝杩欐牱寰堥毦鏈夋晥鎻愬崌姘戣埅鏈嶅姟鐨勬暣浣撴按骞炽�傚姞寮烘皯鑸湇鍔′汉鍛樷�滀互鏃呭涓轰腑蹇冣�濈殑鏈嶅姟鐞嗗康锛屽舰鎴愭満鍦哄洿缁曢鏈鸿浆銆侀鏈哄洿缁曞競鍦鸿浆銆佸競鍦哄洿缁曟梾瀹㈣浆鐨勮壇鎬у惊鐜ā寮忥紝鏄笉鏂彁鍗囨皯鑸湇鍔¤川閲忕殑鍩虹銆�
           </p>
           <h3 id="c007">
-            <span class="h3-zt1">浠诲姟3</span
-            ><span class="h3-bk">鐞嗚В涓诲姩鏈嶅姟鐨勯噸瑕佹��</span>
+            <span class="h3-zt1">浠诲姟3</span><span class="h3-bk">鐞嗚В涓诲姩鏈嶅姟鐨勯噸瑕佹��</span>
           </h3>
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.浜嗚В涓诲姩鏈嶅姟鐨勫唴娑点��</p>
@@ -941,11 +894,7 @@
         <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
           <li class="headerNumber">20</li>
           <li class="headerText">姘戣埅鏈嶅姟绀间华</li>
-          <img
-            class="headerImg mr-10"
-            src="../../assets/images/headerlogo.png"
-            alt=""
-          />
+          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
         </ul>
         <div class="bodystyle">
           <p>
@@ -965,9 +914,8 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
@@ -1034,19 +982,14 @@
         <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
           <li class="headerNumber">22</li>
           <li class="headerText">姘戣埅鏈嶅姟绀间华</li>
-          <img
-            class="headerImg mr-10"
-            src="../../assets/images/headerlogo.png"
-            alt=""
-          />
+          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
         </ul>
         <div class="bodystyle">
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
@@ -1076,9 +1019,8 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
@@ -1132,18 +1074,12 @@
         <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
           <li class="headerNumber">24</li>
           <li class="headerText">姘戣埅鏈嶅姟绀间华</li>
-          <img
-            class="headerImg mr-10"
-            src="../../assets/images/headerlogo.png"
-            alt=""
-          />
+          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
         </ul>
         <div class="bodystyle">
           <p><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
           <p class="center">
-            <span class="cs1"
-              >鈥滆繖寮犵収鐗囧浜庢垜鏉ヨ澶弽璐典簡锛佽阿璋紝璋㈣阿浣狅紝濮戝鈥�</span
-            >
+            <span class="cs1">鈥滆繖寮犵収鐗囧浜庢垜鏉ヨ澶弽璐典簡锛佽阿璋紝璋㈣阿浣狅紝濮戝鈥�</span>
           </p>
           <p>
             褰撲唬琛ㄦ案鎭掔埍鎯呯殑鐜懓鑺辩粡鐢变箙缁忓瞾鏈堟钵妗戠殑鍙屾墜閫掑埌瀵归潰閭e弻鎵嬩笂鏃讹紝涓�鐢熸寶鐖辩殑涓や綅鑰佷汉绱х揣鐩告嫢锛屼竾绫抽珮绌轰笂鐨勬墍鏈変汉鍏卞悓瑙佽瘉浜嗚繖鍦烘劅浜虹殑鐖辨儏鏁呬簨銆�
@@ -1154,9 +1090,8 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
@@ -1170,9 +1105,8 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
@@ -1236,11 +1170,7 @@
         <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
           <li class="headerNumber">26</li>
           <li class="headerText">姘戣埅鏈嶅姟绀间华</li>
-          <img
-            class="headerImg mr-10"
-            src="../../assets/images/headerlogo.png"
-            alt=""
-          />
+          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
         </ul>
         <div class="bodystyle">
           <h2 id="b003">椤圭洰涓夈��姘戣埅浜哄憳搴斿叿澶囩殑鑳藉姏</h2>
@@ -1278,9 +1208,8 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
@@ -1301,8 +1230,7 @@
         </ul>
         <div class="bodystyle">
           <h3 id="c008">
-            <span class="h3-zt1">浠诲姟1</span
-            ><span class="h3-bk">姘戣埅鍛樺伐宸ヤ綔鑱岃矗璁ょ煡</span>
+            <span class="h3-zt1">浠诲姟1</span><span class="h3-bk">姘戣埅鍛樺伐宸ヤ綔鑱岃矗璁ょ煡</span>
           </h3>
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.浜嗚В姘戠敤鑸┖浜哄憳鐨勬蹇点��</p>
@@ -1349,11 +1277,7 @@
         <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
           <li class="headerNumber">28</li>
           <li class="headerText">姘戣埅鏈嶅姟绀间华</li>
-          <img
-            class="headerImg mr-10"
-            src="../../assets/images/headerlogo.png"
-            alt=""
-          />
+          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
         </ul>
         <div class="bodystyle">
           <p>
@@ -1418,11 +1342,7 @@
         <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
           <li class="headerNumber">30</li>
           <li class="headerText">姘戣埅鏈嶅姟绀间华</li>
-          <img
-            class="headerImg mr-10"
-            src="../../assets/images/headerlogo.png"
-            alt=""
-          />
+          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
         </ul>
         <div class="bodystyle">
           <p>鏍规嵁宸ヤ綔鍖哄煙涓嶅悓锛屾満鍦哄畨妫�鍛樼殑涓昏鑱岃矗濡備笅銆�</p>
@@ -1502,9 +1422,8 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
@@ -1521,16 +1440,11 @@
         <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
           <li class="headerNumber">32</li>
           <li class="headerText">姘戣埅鏈嶅姟绀间华</li>
-          <img
-            class="headerImg mr-10"
-            src="../../assets/images/headerlogo.png"
-            alt=""
-          />
+          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
         </ul>
         <div class="bodystyle">
           <h3 id="c009">
-            <span class="h3-zt1">浠诲姟2</span
-            ><span class="h3-bk">姘戣埅鍛樺伐鍩烘湰鑳藉姏璁ょ煡</span>
+            <span class="h3-zt1">浠诲姟2</span><span class="h3-bk">姘戣埅鍛樺伐鍩烘湰鑳藉姏璁ょ煡</span>
           </h3>
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.浜嗚В姘戠敤鑸┖浜哄憳搴斿叿澶囩殑閫氱敤鑳藉姏銆�</p>
@@ -1550,9 +1464,8 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
@@ -1607,19 +1520,14 @@
         <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
           <li class="headerNumber">34</li>
           <li class="headerText">姘戣埅鏈嶅姟绀间华</li>
-          <img
-            class="headerImg mr-10"
-            src="../../assets/images/headerlogo.png"
-            alt=""
-          />
+          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
         </ul>
         <div class="bodystyle">
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
@@ -1663,9 +1571,8 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
@@ -1697,11 +1604,7 @@
         <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
           <li class="headerNumber">36</li>
           <li class="headerText">姘戣埅鏈嶅姟绀间华</li>
-          <img
-            class="headerImg mr-10"
-            src="../../assets/images/headerlogo.png"
-            alt=""
-          />
+          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
         </ul>
         <div class="bodystyle">
           <p>
@@ -1714,9 +1617,8 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
@@ -1759,9 +1661,8 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
@@ -1796,11 +1697,7 @@
         <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
           <li class="headerNumber">38</li>
           <li class="headerText">姘戣埅鏈嶅姟绀间华</li>
-          <img
-            class="headerImg mr-10"
-            src="../../assets/images/headerlogo.png"
-            alt=""
-          />
+          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
         </ul>
         <div class="bodystyle">
           <p>
@@ -1842,9 +1739,8 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span
-                ><span class="zt-zysx1">涔�</span
-                ><span class="zt-zysx1">闂�</span>
+                <span class="zt-zysx1">瀵�</span><span class="zt-zysx1">绀�</span><span class="zt-zysx1">涔�</span><span
+                  class="zt-zysx1">闂�</span>
               </p>
             </div>
             <div class="bj3">
@@ -1881,11 +1777,7 @@
         <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
           <li class="headerNumber">40</li>
           <li class="headerText">姘戣埅鏈嶅姟绀间华</li>
-          <img
-            class="headerImg mr-10"
-            src="../../assets/images/headerlogo.png"
-            alt=""
-          />
+          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
         </ul>
         <div class="bodystyle">
           <p>
@@ -1929,8 +1821,7 @@
             鍏ㄧ編鑸┖1549鑸彮涓ゅ彴鍙戝姩鏈鸿楦熷嚮浠ュ悗锛屽湪瀹屽叏澶卞幓鍔ㄥ姏鐨勬儏鍐典笅椋炶鍛橀潬椋橀檷鎴愬姛杩檷鑷冲搱寰烽�婃渤闈笂锛�155浜哄叏閮ㄧ敓杩樸�傝繖铏界劧璇佹槑浜嗘満闀挎嫢鏈夌簿婀涢┚椹舵妧鏈紝浣嗕笉鍙惁璁ょ殑鏄紝鍦ㄨ揩闄嶄互鍚庢満鑸卞唴鐨勭枏鏁e伐浣滃叏閮ㄦ槸鐢变箻鍔″憳缁勭粐瀹屾垚鐨勶紝浠栦滑浠ユ瀬鍏朵笓涓氱殑绱犲吇涓庡洟闃熺簿绁烇紝灏嗗叏閮ㄦ梾瀹㈠畨鍏ㄧ枏鏁c�傚綋鏃惰埍鍐呭叡鏈変笁鍚嶄箻鍔″憳锛屼袱鍚嶄箻鍔″憳鍦ㄥ鑸卞墠閮ㄨ繀閫熷紩瀵兼梾瀹㈡挙绂伙紝涓�鍚嶅湪瀹㈣埍灏鹃儴鍔姏寮曞鏃呭鍚戞満鑸卞墠閮ㄨ繍鍔紙鍥犱负椋炴満灏鹃儴鍦ㄦ按涓悆姘村緢娣憋紝瑕佹槸浠讳綍涓�涓悗闂ㄨ鎵撳紑锛屾渤姘翠細寰堝揩杩涘叆鑸卞唴锛岄鏈哄彲鑳戒笉浼氭紓娴偅涔堥暱鏃堕棿锛夈�傚湪涓夊悕涔樺姟鍛橀粯濂戠殑閰嶅悎涓嬶紝155鍚嶆梾瀹㈠叏閮ㄧ敓杩橈紝鑰屼笖娌℃湁閬彈閲嶅ぇ浼ゅ銆�
           </p>
           <h3 id="c010">
-            <span class="h3-zt1">浠诲姟3</span
-            ><span class="h3-bk">姘戣埅鍛樺伐鍩烘湰鑳藉姏瀹炶</span>
+            <span class="h3-zt1">浠诲姟3</span><span class="h3-bk">姘戣埅鍛樺伐鍩烘湰鑳藉姏瀹炶</span>
           </h3>
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.閫氳繃璁粌鍩瑰吇浜插拰鍔涖��</p>
@@ -1955,11 +1846,7 @@
         <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
           <li class="headerNumber">42</li>
           <li class="headerText">姘戣埅鏈嶅姟绀间华</li>
-          <img
-            class="headerImg mr-10"
-            src="../../assets/images/headerlogo.png"
-            alt=""
-          />
+          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
         </ul>
         <div class="bodystyle">
           <h5 id="e029">锛堜笁锛夊彛鍨嬪鐓ф硶</h5>
@@ -2037,11 +1924,7 @@
         <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
           <li class="headerNumber">44</li>
           <li class="headerText">姘戣埅鏈嶅姟绀间华</li>
-          <img
-            class="headerImg mr-10"
-            src="../../assets/images/headerlogo.png"
-            alt=""
-          />
+          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
         </ul>
         <div class="bodystyle">
           <p>锛�5锛夊父甯稿湪鍒汉璇磋瘽涔嬪墠灏辩煡閬撲粬瑕佽浠�涔堛��</p>
diff --git a/src/books/aviationEtiquette/view/components/index.vue b/src/books/aviationEtiquette/view/components/index.vue
index 3f21b3b..67ab14f 100644
--- a/src/books/aviationEtiquette/view/components/index.vue
+++ b/src/books/aviationEtiquette/view/components/index.vue
@@ -53,7 +53,7 @@
     computed: {
       fontSize() {
         this.transformDom(this.$store.state.qiankun.fontSize)
-        return this.$store.state.qiankun.fontSize ? this.$store.state.qiankun.fontSize : 18;
+        return this.$store.state.qiankun.fontSize ? this.$store.state.qiankun.fontSize : 16;
       },
       pageZoom() {
         return this.$store.state.qiankun.scale ? this.$store.state.qiankun.scale / 100 : 1;
@@ -102,7 +102,6 @@
       // 榛樿鍔犺浇绔犺妭
       this.showCatalogList = [1];
       // 婊氬姩鐩戝惉鑺傛祦
-      debugger
       this.throttledScrollHandler = _.throttle(
         this.scrollFun,
         this.throttleThreshold,
@@ -217,8 +216,6 @@
             event.target.scrollHeight - this.loadThreshold
           ) {
             console.log(1);
-  
-            debugger
             // 鍒拌揪闃堝��
             if (
               this.showCatalogList[this.showCatalogList.length - 1] <

--
Gitblit v1.9.1