From af3ed71065bf2b2139740ce882e38e1c21b3d9ad Mon Sep 17 00:00:00 2001
From: litian <2804272236@qq.com>
Date: 星期一, 30 十二月 2024 17:33:28 +0800
Subject: [PATCH] 页眉

---
 src/books/aviationEtiquette/view/components/chpater002.vue |  666 +++++++++++++----------
 src/books/aviationEtiquette/assets/main.less               |    6 
 src/books/aviationEtiquette/view/components/chapter005.vue |  223 ++++---
 src/books/aviationEtiquette/view/components/index.vue      |    6 
 src/books/aviationEtiquette/view/components/chapter004.vue |  468 +++++++++-------
 src/books/aviationEtiquette/view/components/chapter003.vue |  304 ++++++----
 6 files changed, 920 insertions(+), 753 deletions(-)

diff --git a/src/books/aviationEtiquette/assets/main.less b/src/books/aviationEtiquette/assets/main.less
index 798b9dc..7c753fc 100644
--- a/src/books/aviationEtiquette/assets/main.less
+++ b/src/books/aviationEtiquette/assets/main.less
@@ -1399,7 +1399,7 @@
         border: 0.15em dotted #FAAD70;
         padding: 1em;
         margin-bottom: 2em;
-        margin-top: 0.5em;
+        margin-top: 2em;
         border-radius: 0em;
         position: relative;
 
@@ -1434,7 +1434,7 @@
     .span-text {
         font-size: 16px;
         font-weight: 100;
-        padding: 0em 0.15em 0em 0.3em;
+        padding: 0em 0.5em 0em 0.5em;
     }
 
 
@@ -1701,7 +1701,7 @@
     }
 
     .h3-zt1 {
-        padding: 0.25em;
+        padding: 0.26em 0.7em;
         background-color: #EEAF68;
         color: #FFFFFF;
     }
diff --git a/src/books/aviationEtiquette/view/components/chapter003.vue b/src/books/aviationEtiquette/view/components/chapter003.vue
index 43eb427..1777415 100644
--- a/src/books/aviationEtiquette/view/components/chapter003.vue
+++ b/src/books/aviationEtiquette/view/components/chapter003.vue
@@ -3,10 +3,9 @@
     <!-- 89 -->
     <div class="page-box" page="95">
       <div v-if="showPageList.indexOf(95) > -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">89</li>
+        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
+          <li class="headerText pNum">89</li>
+          <img class="headerImg mr-10" src="../../assets/images/yemei.png" alt="" />
         </ul>
         <div class="bodystyle">
           <h1 id="a007">
@@ -54,14 +53,14 @@
     <!-- 90 -->
     <div class="page-box" page="96">
       <div v-if="showPageList.indexOf(96) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">90</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 pNum">90</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>
@@ -98,10 +97,13 @@
     <!-- 91 -->
     <div class="page-box" page="97">
       <div v-if="showPageList.indexOf(97) > -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">91</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 pNum">91</li>
+          <li class="header-right-Number cloud"><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">
           <h5 id="e074">锛堜簲锛夊鎸戝墧鏃呭</h5>
@@ -135,14 +137,14 @@
     <!-- 92 -->
     <div class="page-box" page="98">
       <div v-if="showPageList.indexOf(98) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">92</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 pNum">92</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>
@@ -180,10 +182,13 @@
     <!-- 93 -->
     <div class="page-box" page="99">
       <div v-if="showPageList.indexOf(99) > -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">93</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 pNum">93</li>
+          <li class="header-right-Number cloud"><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">
           <p>
@@ -235,14 +240,14 @@
     <!-- 94 -->
     <div class="page-box" page="100">
       <div v-if="showPageList.indexOf(100) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">94</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 pNum">94</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">
           <h6 id="f034">4.璁ヨ銆佽交瑙嗙殑璇彞</h6>
@@ -301,10 +306,13 @@
     <!-- 95 -->
     <div class="page-box" page="101">
       <div v-if="showPageList.indexOf(101) > -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">95</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 pNum">95</li>
+          <li class="header-right-Number cloud"><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">
           <h3 id="c022">
@@ -349,14 +357,14 @@
     <!-- 96 -->
     <div class="page-box" page="102">
       <div v-if="showPageList.indexOf(102) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">96</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 pNum">96</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>
@@ -411,10 +419,13 @@
     <!-- 97 -->
     <div class="page-box" page="103">
       <div v-if="showPageList.indexOf(103) > -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">97</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 pNum">97</li>
+          <li class="header-right-Number cloud"><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">
           <p><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
@@ -456,14 +467,14 @@
     <!-- 98 -->
     <div class="page-box" page="104">
       <div v-if="showPageList.indexOf(104) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">98</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 pNum">98</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>7.涓婁簡鍏氦鍚庝綘鍙戠幇鑷繁娌″甫闆堕挶锛屼綘浼氭�庝箞鍔烇紵</p>
@@ -505,10 +516,13 @@
     <!-- 99 -->
     <div class="page-box" page="105">
       <div v-if="showPageList.indexOf(105) > -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">99</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 pNum">99</li>
+          <li class="header-right-Number cloud"><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">
           <p>4.寰楀垎25锝�30鍒嗭紝鑱屽満娌熼�氬姏锛�99鍒嗐��</p>
@@ -559,14 +573,14 @@
     <!-- 100 -->
     <div class="page-box" page="106">
       <div v-if="showPageList.indexOf(106) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">100</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 pNum">100</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>C.缇℃厱</p>
@@ -611,10 +625,13 @@
     <!-- 101 -->
     <div class="page-box" page="107">
       <div v-if="showPageList.indexOf(107) > -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">101</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 pNum">101</li>
+          <li class="header-right-Number cloud"><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">
           <p>B.鍦ㄤ笉鍚岀殑鍦哄悎锛屼綘浼氱敤涓嶅悓鐨勬�佸害涓庝箣璁茶瘽</p>
@@ -654,14 +671,14 @@
     <!-- 102 -->
     <div class="page-box" page="108">
       <div v-if="showPageList.indexOf(108) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">102</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 pNum">102</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="bk4">
@@ -692,10 +709,13 @@
     <!-- 103 -->
     <div class="page-box" page="109">
       <div v-if="showPageList.indexOf(109) > -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">103</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 pNum">103</li>
+          <li class="header-right-Number cloud"><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">
           <h2 id="b007">椤圭洰浜屻��姘戣埅鏃呭鎶曡瘔搴斿鎶�宸�</h2>
@@ -749,14 +769,14 @@
     <!-- 104 -->
     <div class="page-box" page="110">
       <div v-if="showPageList.indexOf(110) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">104</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 pNum">104</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">
           <h3 id="c023">
@@ -800,10 +820,13 @@
     <!-- 105 -->
     <div class="page-box" page="111">
       <div v-if="showPageList.indexOf(111) > -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">105</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 pNum">105</li>
+          <li class="header-right-Number cloud"><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">
           <p>
@@ -861,14 +884,14 @@
     <!-- 106 -->
     <div class="page-box" page="112">
       <div v-if="showPageList.indexOf(112) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">106</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 pNum">106</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>
@@ -901,10 +924,13 @@
     <!-- 107 -->
     <div class="page-box" page="113">
       <div v-if="showPageList.indexOf(113) > -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">107</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 pNum">107</li>
+          <li class="header-right-Number cloud"><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">
           <h3 id="c024">
@@ -958,14 +984,14 @@
     <!-- 108 -->
     <div class="page-box" page="114">
       <div v-if="showPageList.indexOf(114) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">108</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 pNum">108</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><span class="bj2">路闆嗘�濆箍鐩娐�</span></p>
@@ -1017,10 +1043,13 @@
     <!-- 109 -->
     <div class="page-box" page="115">
       <div v-if="showPageList.indexOf(115) > -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">109</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 pNum">109</li>
+          <li class="header-right-Number cloud"><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">
           <p><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
@@ -1072,14 +1101,14 @@
     <!-- 110 -->
     <div class="page-box" page="116">
       <div v-if="showPageList.indexOf(116) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">110</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 pNum">110</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>
@@ -1131,10 +1160,13 @@
     <!-- 111 -->
     <div class="page-box" page="117">
       <div v-if="showPageList.indexOf(117) > -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">111</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 pNum">111</li>
+          <li class="header-right-Number cloud"><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">
           <p class="center">
diff --git a/src/books/aviationEtiquette/view/components/chapter004.vue b/src/books/aviationEtiquette/view/components/chapter004.vue
index 9643212..88806ec 100644
--- a/src/books/aviationEtiquette/view/components/chapter004.vue
+++ b/src/books/aviationEtiquette/view/components/chapter004.vue
@@ -4,13 +4,8 @@
     <div class="page-box" page="118">
       <div v-if="showPageList.indexOf(118) > -1">
         <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">112</li>
-          <li class="headerText">姘戣埅鏈嶅姟绀间华</li>
-          <img
-            class="headerImg mr-10"
-            src="../../assets/images/headerlogo.png"
-            alt=""
-          />
+          <li class="headerText pNum">112</li>
+          <img class="headerImg mr-10" src="../../assets/images/yemei.png" alt="" />
         </ul>
         <div class="bodystyle">
           <h1 id="a008">
@@ -62,10 +57,13 @@
     <!-- 113 -->
     <div class="page-box" page="119">
       <div v-if="showPageList.indexOf(119) > -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">113</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 pNum">113</li>
+          <li class="header-right-Number cloud"><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">
           <h3 id="c026">
@@ -102,14 +100,14 @@
     <!-- 114 -->
     <div class="page-box" page="120">
       <div v-if="showPageList.indexOf(120) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">114</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 pNum">114</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>
@@ -152,10 +150,13 @@
     <!-- 115 -->
     <div class="page-box" page="121">
       <div v-if="showPageList.indexOf(121) > -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">115</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 pNum">115</li>
+          <li class="header-right-Number cloud"><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">
           <p>瀹㈡儏缁��</p>
@@ -199,14 +200,14 @@
     <!-- 116 -->
     <div class="page-box" page="122">
       <div v-if="showPageList.indexOf(122) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">116</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 pNum">116</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>锛�2锛夋嫧鎵撴梾瀹㈢數璇濈ぜ浠��</p>
@@ -245,10 +246,13 @@
     <!-- 117 -->
     <div class="page-box" page="123">
       <div v-if="showPageList.indexOf(123) > -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">117</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 pNum">117</li>
+          <li class="header-right-Number cloud"><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">
           <p><span class="bj2">路绀间箣鍙嶆�澛�</span></p>
@@ -294,14 +298,14 @@
     <!-- 118 -->
     <div class="page-box" page="124">
       <div v-if="showPageList.indexOf(124) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">118</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 pNum">118</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>
@@ -334,10 +338,13 @@
     <!-- 119 -->
     <div class="page-box" page="125">
       <div v-if="showPageList.indexOf(125) > -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">119</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 pNum">119</li>
+          <li class="header-right-Number cloud"><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">
           <p><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
@@ -373,14 +380,14 @@
     <!-- 120 -->
     <div class="page-box" page="126">
       <div v-if="showPageList.indexOf(126) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">120</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 pNum">120</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>
@@ -427,10 +434,13 @@
     <!-- 121 -->
     <div class="page-box" page="127">
       <div v-if="showPageList.indexOf(127) > -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">121</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 pNum">121</li>
+          <li class="header-right-Number cloud"><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">
           <p>
@@ -478,14 +488,14 @@
     <!-- 122 -->
     <div class="page-box" page="128">
       <div v-if="showPageList.indexOf(128) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">122</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 pNum">122</span>
+               <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+          </li>
+          <li class="header-left-text">
+            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
+          </li>
         </ul>
         <div class="bodystyle">
           <p class="center">
@@ -525,10 +535,13 @@
     <!-- 123 -->
     <div class="page-box" page="129">
       <div v-if="showPageList.indexOf(129) > -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">123</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 pNum">123</li>
+          <li class="header-right-Number cloud"><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">
           <p>
@@ -583,14 +596,14 @@
     <!-- 124 -->
     <div class="page-box" page="130">
       <div v-if="showPageList.indexOf(130) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">124</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 pNum">124</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><span class="bj2">路绀间箣瀹炶返路</span></p>
@@ -626,10 +639,13 @@
     <!-- 125 -->
     <div class="page-box" page="131">
       <div v-if="showPageList.indexOf(131) > -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">125</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 pNum">125</li>
+          <li class="header-right-Number cloud"><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">
           <p>瀵逛紤鎭鍐呴煶閲忚繃澶ф垨琛屼负涓嶉泤鐨勬梾瀹㈣繘琛屽繀瑕佺殑鎻愰啋鎴栨湁鏁堝共棰勩��</p>
@@ -681,14 +697,14 @@
     <!-- 126 -->
     <div class="page-box" page="132">
       <div v-if="showPageList.indexOf(132) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">126</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 pNum">126</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>
@@ -735,10 +751,13 @@
     <!-- 127 -->
     <div class="page-box" page="133">
       <div v-if="showPageList.indexOf(133) > -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">127</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 pNum">127</li>
+          <li class="header-right-Number cloud"><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">
           <p>
@@ -771,14 +790,14 @@
     <!-- 128 -->
     <div class="page-box" page="134">
       <div v-if="showPageList.indexOf(134) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">128</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 pNum">128</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><span class="bj2">路椤圭洰鑷祴路</span></p>
@@ -819,10 +838,13 @@
     <!-- 129 -->
     <div class="page-box" page="135">
       <div v-if="showPageList.indexOf(135) > -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">129</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 pNum">129</li>
+          <li class="header-right-Number cloud"><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">
           <h2 id="b009">椤圭洰浜屻��瀹夋鏈嶅姟绀间华</h2>
@@ -871,14 +893,14 @@
     <!-- 130 -->
     <div class="page-box" page="136">
       <div v-if="showPageList.indexOf(136) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">130</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 pNum">130</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">
           <h3 id="c030">
@@ -911,10 +933,13 @@
     <!-- 131 -->
     <div class="page-box" page="137">
       <div v-if="showPageList.indexOf(137) > -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">131</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 pNum">131</li>
+          <li class="header-right-Number cloud"><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">
           <p>
@@ -970,14 +995,14 @@
     <!-- 132 -->
     <div class="page-box" page="138">
       <div v-if="showPageList.indexOf(138) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">132</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 pNum">132</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">
           <h3 id="c031">
@@ -1023,10 +1048,13 @@
     <!-- 133 -->
     <div class="page-box" page="139">
       <div v-if="showPageList.indexOf(139) > -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">133</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 pNum">133</li>
+          <li class="header-right-Number cloud"><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">
           <p>
@@ -1070,14 +1098,14 @@
     <!-- 134 -->
     <div class="page-box" page="140">
       <div v-if="showPageList.indexOf(140) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">134</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 pNum">134</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>2.寮�绠卞寘妫�鏌ユ椂锛屼互涓嬪摢浜涗笉鏄彲鐤戠墿鍝侊紵锛堛��銆�锛夛紙鍗曢�夐锛�</p>
@@ -1099,10 +1127,13 @@
     <!-- 135 -->
     <div class="page-box" page="141">
       <div v-if="showPageList.indexOf(141) > -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">135</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 pNum">135</li>
+          <li class="header-right-Number cloud"><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">
           <h2 id="b010">椤圭洰涓夈��瀹㈣埍鏈嶅姟绀间华</h2>
@@ -1154,14 +1185,14 @@
     <!-- 136 -->
     <div class="page-box" page="142">
       <div v-if="showPageList.indexOf(142) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">136</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 pNum">136</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">
           <h4 id="d101">涓�銆佷箻鍔″憳鐫�瑁呯ぜ浠鑼�</h4>
@@ -1203,10 +1234,13 @@
     <!-- 137 -->
     <div class="page-box" page="143">
       <div v-if="showPageList.indexOf(143) > -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">137</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 pNum">137</li>
+          <li class="header-right-Number cloud"><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">
           <p>
@@ -1250,14 +1284,14 @@
     <!-- 138 -->
     <div class="page-box" page="144">
       <div v-if="showPageList.indexOf(144) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">138</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 pNum">138</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>
@@ -1322,10 +1356,13 @@
     <!-- 139 -->
     <div class="page-box" page="145">
       <div v-if="showPageList.indexOf(145) > -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">139</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 pNum">139</li>
+          <li class="header-right-Number cloud"><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">
           <h3 id="c033">
@@ -1381,14 +1418,14 @@
     <!-- 140 -->
     <div class="page-box" page="146">
       <div v-if="showPageList.indexOf(146) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">140</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 pNum">140</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>
@@ -1433,10 +1470,13 @@
     <!-- 141 -->
     <div class="page-box" page="147">
       <div v-if="showPageList.indexOf(147) > -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">141</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 pNum">141</li>
+          <li class="header-right-Number cloud"><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="f046">2.鎷跨殑绀间华瑙勮寖</h6>
@@ -1484,14 +1524,14 @@
     <!-- 142 -->
     <div class="page-box" page="148">
       <div v-if="showPageList.indexOf(148) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">142</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 pNum">142</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>
@@ -1538,10 +1578,13 @@
     <!-- 143 -->
     <div class="page-box" page="149">
       <div v-if="showPageList.indexOf(149) > -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">143</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 pNum">143</li>
+          <li class="header-right-Number cloud"><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">
           <p>
@@ -1577,14 +1620,14 @@
     <!-- 144 -->
     <div class="page-box" page="150">
       <div v-if="showPageList.indexOf(150) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">144</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 pNum">144</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>
@@ -1622,10 +1665,13 @@
     <!-- 145 -->
     <div class="page-box" page="151">
       <div v-if="showPageList.indexOf(151) > -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">145</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 pNum">145</li>
+          <li class="header-right-Number cloud"><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">
           <p><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
@@ -1673,14 +1719,14 @@
     <!-- 146 -->
     <div class="page-box" page="152">
       <div v-if="showPageList.indexOf(152) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">146</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 pNum">146</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>C.妗嗘灦鐪奸暅銆佺編鐬�</p>
diff --git a/src/books/aviationEtiquette/view/components/chapter005.vue b/src/books/aviationEtiquette/view/components/chapter005.vue
index 4c9b236..cba6135 100644
--- a/src/books/aviationEtiquette/view/components/chapter005.vue
+++ b/src/books/aviationEtiquette/view/components/chapter005.vue
@@ -3,8 +3,9 @@
     <!-- 147 -->
     <div class="page-box" page="153">
       <div v-if="showPageList.indexOf(153) > -1">
-        <ul class="fl al-c pad-t-55 pad-l-80 mb-45">
-          <li class="header-left-Number">147</li>
+        <ul class="fl al-c  mr-70 pad-t-55 mb-45">
+          <img class="headerImg mr-10" src="../../assets/images/yemei.png" alt="" />
+          <li class="headerText pNum">147</li>
         </ul>
         <div class="bodystyle">
           <h1 id="a009">
@@ -61,14 +62,14 @@
     <!-- 148 -->
     <div class="page-box" page="154">
       <div v-if="showPageList.indexOf(154) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">148</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 pNum">148</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">
           <h4 id="d107">涓�銆佹儏鏅墽鐨勯噴涔夊拰浣滅敤</h4>
@@ -101,10 +102,13 @@
     <!-- 149 -->
     <div class="page-box" page="155">
       <div v-if="showPageList.indexOf(155) > -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">149</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 pNum">149</li>
+          <li class="header-right-Number cloud"><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">
           <p>杩愮敤鎯宠薄杩涜鍐嶅垱閫狅紝浠庤�屾彁楂樺垱鏂拌兘鍔涳紝鍩瑰吇璇█鑳藉姏銆�</p>
@@ -147,14 +151,14 @@
     <!-- 150 -->
     <div class="page-box" page="156">
       <div v-if="showPageList.indexOf(156) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">150</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 pNum">150</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>1涓虹劍鐐瑰尯锛�2銆�3銆�4涓烘鐒︾偣鍖猴紝5銆�6涓烘湯鐒︾偣鍖猴紙瑙佸浘5-1-1锛夈��</p>
@@ -192,10 +196,13 @@
     <!-- 151 -->
     <div class="page-box" page="157">
       <div v-if="showPageList.indexOf(157) > -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">151</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 pNum">151</li>
+          <li class="header-right-Number cloud"><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">
           <p>
@@ -231,14 +238,14 @@
     <!-- 152 -->
     <div class="page-box" page="158">
       <div v-if="showPageList.indexOf(158) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">152</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 pNum">152</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>
@@ -294,10 +301,13 @@
     <!-- 153 -->
     <div class="page-box" page="159">
       <div v-if="showPageList.indexOf(159) > -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">153</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 pNum">153</li>
+          <li class="header-right-Number cloud"><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">
           <p>2.鍑嗗涓ゅ箙鍏ョ敾鐨勫浘鐗囪繘琛屼綔涓氱殑缂栨帓銆�</p>
@@ -332,14 +342,14 @@
     <!-- 154 -->
     <div class="page-box" page="160">
       <div v-if="showPageList.indexOf(160) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">154</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 pNum">154</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">
           <h2 id="b012">椤圭洰浜屻��姘戣埅鏈嶅姟绀间华琛ㄦ紨</h2>
@@ -399,10 +409,13 @@
     <!-- 155 -->
     <div class="page-box" page="161">
       <div v-if="showPageList.indexOf(161) > -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">155</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 pNum">155</li>
+          <li class="header-right-Number cloud"><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">
           <p>
@@ -444,14 +457,14 @@
     <!-- 156 -->
     <div class="page-box" page="162">
       <div v-if="showPageList.indexOf(162) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">156</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 pNum">156</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>
@@ -481,10 +494,13 @@
     <!-- 157 -->
     <div class="page-box" page="163">
       <div v-if="showPageList.indexOf(163) > -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">157</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 pNum">157</li>
+          <li class="header-right-Number cloud"><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">
           <h4 id="d112">浜屻�佺ぜ浠〃婕旂殑瑕佹眰鍙婂師鍒�</h4>
@@ -523,14 +539,14 @@
     <!-- 158 -->
     <div class="page-box" page="164">
       <div v-if="showPageList.indexOf(164) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">157</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 pNum">158</span>
+               <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+          </li>
+          <li class="header-left-text">
+            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
+          </li>
         </ul>
         <div class="bodystyle">
           <p class="center">
@@ -576,10 +592,13 @@
     <!-- 159 -->
     <div class="page-box" page="165">
       <div v-if="showPageList.indexOf(165) > -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">159</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 pNum">159</li>
+          <li class="header-right-Number cloud"><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">
           <p>
@@ -615,14 +634,14 @@
     <!-- 160 -->
     <div class="page-box" page="166">
       <div v-if="showPageList.indexOf(166) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">160</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 pNum">160</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>
@@ -655,10 +674,13 @@
     <!-- 161 -->
     <div class="page-box" page="167">
       <div v-if="showPageList.indexOf(167) > -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">161</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 pNum">161</li>
+          <li class="header-right-Number cloud"><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">
           <h5 id="e162">锛堜竴锛夋皯鑸ぜ浠妧鑳藉睍绀烘儏鏅墽鍒涗綔鎬濊矾鈥斺�旀儏鏅噸鐜�</h5>
@@ -703,14 +725,14 @@
     <!-- 162 -->
     <div class="page-box" page="168">
       <div v-if="showPageList.indexOf(168) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">162</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 pNum">162</span>
+               <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span>
+          </li>
+          <li class="header-left-text">
+            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
+          </li>
         </ul>
         <div class="bodystyle">
           <p class="center">
@@ -752,10 +774,13 @@
     <!-- 163 -->
     <div class="page-box" page="169">
       <div v-if="showPageList.indexOf(169) > -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">163</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 pNum">163</li>
+          <li class="header-right-Number cloud"><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">
           <p>2.姘戣埅绀间华鎶�鑳藉睍绀烘儏鏅墽鍒涗綔鎬濊矾鏄紙銆�銆�锛夈�傦紙鍗曢�夐锛�</p>
@@ -790,7 +815,7 @@
         </div>
       </div>
     </div>
-    <!-- 199椤� -->
+    <!-- 164椤� -->
     <div class="page-box mt-20" page="170" style="min-height: auto">
             <div v-if="showPageList.indexOf(170) > -1">
                 <img class="img-0" alt="" src="../../assets/images/fengdi.png" />
diff --git a/src/books/aviationEtiquette/view/components/chpater002.vue b/src/books/aviationEtiquette/view/components/chpater002.vue
index ccb442d..a2e4414 100644
--- a/src/books/aviationEtiquette/view/components/chpater002.vue
+++ b/src/books/aviationEtiquette/view/components/chpater002.vue
@@ -3,8 +3,9 @@
     <!-- 46 -->
     <div class="page-box" page="52">
       <div v-if="showPageList.indexOf(52) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">46</li>
+        <ul class="fl al-c  mr-70 pad-t-55 mb-45">
+          <img class="headerImg mr-10" src="../../assets/images/yemei.png" alt="" />
+          <li class="headerText pNum">46</li>
         </ul>
         <div class="bodystyle">
           <h1 id="a006">
@@ -13,23 +14,23 @@
           </h1>
           <h2 id="b004">椤圭洰涓�銆�姘戣埅鏈嶅姟浜哄憳鑱屼笟褰㈣薄</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">
               姘戣埅浜哄憳鑱屼笟褰㈣薄鏄皯鑸紒涓氱暀缁欐梾瀹㈢殑闈炲父閲嶈鐨勭涓�鍗拌薄銆傛潕涓藉彂鐜版瘡涓埅绌哄叕鍙哥殑鏈嶉グ閮藉緢鏈夌壒鐐癸紝鑰屼笖姘戣埅鏈嶅姟浜哄憳鐨勫瀹瑰拰鏈嶉グ鎼厤寰楃浉褰撳拰璋愩�傛潕涓藉緢鎯充簡瑙f皯鑸湇楗扮殑鐗圭偣锛屽笇鏈涜嚜宸变篃鑳芥嫢鏈夌搴勫緱浣撶殑褰㈣薄銆傛湰椤圭洰閫氳繃浠嬬粛鏈嶉グ鎼厤鐨勫師鍒欎笌鎶�宸э紝浠ュ強涓浗姘戣埅绌轰箻鍒舵湇鍙戝睍鍘嗗彶锛屽府鍔╁涔犺�呭缓绔嬪姘戣埅鍒舵湇瑙勮寖鐨勫垵姝ュ嵃璞★紝骞堕�氳繃浠嬬粛姘戣埅宀椾綅涓湇楗扮殑瑙勮寖锛屽府鍔╁涔犺�呬簡瑙h亴涓氬埗鏈嶅湪鏈嶅姟琛屼笟涓殑绾︽潫鍜屽紩瀵间綔鐢紝鍩瑰吇鑷垜瑙勮寖銆佺埍宀楁暚涓氱殑鑱屼笟璐d换鎰熴��
             </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">
               杩欎竴澶╋紝鏉庝附鍜屽悓瀛︿滑鍦ㄥ鏍$綉绔欎笂鐪嬪埌涓嬪懆涓夋湁涓�鍦鸿埅鍙告嫑鑱橀潰璇曪紝闈㈣瘯瑕佹眰濡備笅锛氬舰璞℃皵璐ㄤ匠锛屽コ澹寲娣″銆佺潃绠�鏄撳瑁欙紝鐢峰+鐫�鍟嗗姟琛。鍜岃タ瑁わ紝闉嬭銆侀厤楗颁笌鏈嶈鐩搁厤濂楋紝甯︿笂涓汉绠�鍘嗗拰璧勬枡鈥︹��
             </p>
           </div>
@@ -53,10 +54,13 @@
     <!-- 47 -->
     <div class="page-box" page="53">
       <div v-if="showPageList.indexOf(53) > -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">47</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 pNum">47</li>
+          <li class="header-right-Number cloud"><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">
           <h3 id="c011">
@@ -80,7 +84,7 @@
           <p>
             鏀归潻寮�鏀�40澶氬勾鏉ワ紝涓浗姘戣埅鍒舵湇涔熼殢鐫�鏃朵唬鐨勫彉杩佽�屾敼鍙樸�備粠20涓栫邯80骞翠唬鍒版皯鑸綋鍒舵敼闈╁墠锛屾満鍦哄畨妫�宸ヤ綔閮芥槸鐢辨璀﹁竟闃查儴闃熸壙鎷呯殑銆傞偅鏃剁殑瀹夋鍛樻槸姝﹁鎴樺+锛屼粬浠韩鐫�娴呯豢鑹茬殑涓婅。锛岀┛甯﹂粍鑹茶¥杈圭殑鍐涚豢鑹茶¥瀛愶紝鑲╁ご鏈夐啋鐩殑娣辩孩鑹茶偐绔犮��20涓栫邯90骞翠唬鍒濓紝瀹夋宸ヤ綔鐢遍儴闃熺Щ浜ゆ皯鑸��1992骞达紝姘戣埅浣撳埗鏀归潻锛屾満鍦虹嫭绔嬪疄琛屼紒涓氬寲杩愪綔銆傛鏃剁殑瀹夋鏈嶈鐨勮偐绔犮�佽噦绔犺劚鑳庝簬姝﹁鍒舵湇锛屾寮忎笌姘戣埅鍏朵粬宀椾綅鐨勫伐浣滃埗鏈嶅尯鍒笉澶э紝澶ф湁姘戣埅鈥滀竴瀹朵翰鈥濈殑鍛抽亾銆�
           </p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-c" alt="" src="../../assets/images/0053-1.jpg" />
           </p>
           <p class="img">鍥�2-1-1 瀹夋鍒舵湇</p>
@@ -93,14 +97,14 @@
     <!-- 48 -->
     <div class="page-box" page="54">
       <div v-if="showPageList.indexOf(54) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">48</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 pNum">48</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><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
@@ -131,16 +135,19 @@
     <!-- 49 -->
     <div class="page-box" page="55">
       <div v-if="showPageList.indexOf(55) > -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">49</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 pNum">49</li>
+          <li class="header-right-Number cloud"><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">
-          <p>
+          <p class="td-0">
             鍔°�傝吹瀹惧巺鍒舵湇缁撳悎鎵�灞炶埅绌哄叕鍙歌繘琛屽畾鍒讹紝鍗曚綅缁熶竴鏍囧噯銆傚湪鏈嶈璁捐涓婏紝闄や簡浣撶幇鑱屼笟鎬у拰鍔熻兘鎬х壒鐐瑰锛岃繕搴斾綋鐜板綋鍦版皯淇楁枃鍖栫殑鐗圭偣锛屽叿鏈夊垱鏂版�у拰瀹炵敤鎬э紙瑙佸浘2-1-2锛夈��
           </p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-c" alt="" src="../../assets/images/0055-1.jpg" />
           </p>
           <p class="img">鍥�2-1-2 璐靛鍘呭埗鏈�</p>
@@ -179,14 +186,14 @@
     <!-- 50 -->
     <div class="page-box" page="56">
       <div v-if="showPageList.indexOf(56) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">50</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 pNum">50</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>
@@ -200,7 +207,7 @@
           <p>
             鍥借埅鐨勮繙鏅拰瀹氫綅鏄�滃叿鏈夊浗闄呯煡鍚嶅害鐨勮埅绌哄叕鍙糕�濓紝鍏跺唴娑垫槸瀹炵幇鈥滀富娴佹梾瀹㈣鍙�佷腑鍥芥渶鍏蜂环鍊笺�佷腑鍥界泩鍒╄兘鍔涙渶寮恒�佸叿涓栫晫绔炰簤鍔涒�濈殑鎴樼暐鐩爣銆傚浗鑸鎵库�滃畨鍏ㄧ涓�銆佹梾瀹㈣嚦涓娾�濈殑鐞嗗康锛屾帹鍑轰互鈥滄斁蹇冦�侀『蹇冦�佽垝蹇冦�佸姩蹇冣�濅负鍐呭鐨勨�滃洓蹇冩湇鍔″伐绋嬧�濄��2001骞村浗鑸互鈥滃浗闊碘�濅负鍚嶏紝涓烘柊鐨勭┖涔樺埗鏈嶆嫑鏍囥�傗�滃浗闊碘�濇剰鍦ㄦ辈鍙栦笢鏂圭編瀛︾簿鍗庯紝琛ㄧ幇涓浗鏂囧寲鐨勬繁鍒诲唴娑点�備箻鍔″憳鐨勭孩銆佽摑濂楄锛岄噰鐢ㄤ簡鏄庣摲涓殑闇佺孩涓庨潚鑺变袱绉嶉鑹蹭綔涓轰富鑹诧紝浣撶幇浜嗕笢鏂逛箣缇庯紝绐佸嚭浜嗗浗鑸柊鏈嶈鐨勬皯鏃忓寲涓庡浗闄呭寲鐩哥粨鍚堢殑鐗圭偣銆傝。鏂欓�夋嫨浜嗛珮姣斾緥鐨勭緤姣涢潰鏂欙紝鑰愮┛鑸掗�傘�傚埗鏈嶇┛璧锋潵鍏锋湁琛屽姩鏂逛究鐨勭壒鐐癸紝鍦ㄧ揣鎬ユ儏鍐典笅锛屼箻鍔″憳鑳藉敖蹇枏鏁f梾瀹紝淇濊瘉瀹㈣埍瀹夊叏锛屼綋鐜颁簡姘戣埅瀹楁棬鐨勨�滃畨鍏ㄧ涓�鈥濆師鍒欍�傚埗鏈嶇殑璁捐浜烘�у寲鍜屾椂灏氬寲骞跺瓨锛屽叾楂橀泤绔簞锛屼笉澶变腑鍗庝箣绀间华锛屽叿澶囩嫭鐗圭殑缇庢劅锛堣鍥�2-1-3锛夈��
           </p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-c" alt="" src="../../assets/images/0056-1.jpg" />
           </p>
           <p class="img">鍥�2-1-3 鍥借埅鍒舵湇</p>
@@ -214,10 +221,13 @@
     <!-- 51 -->
     <div class="page-box" page="57">
       <div v-if="showPageList.indexOf(57) > -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">51</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 pNum">51</li>
+          <li class="header-right-Number cloud"><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">
           <p>
@@ -226,7 +236,7 @@
           <p>
             2013骞达紝閰嶅悎鍥介檯鍖栧彂灞曟垬鐣ワ紝涓滆埅鎺ㄥ嚭绗簲浠e埗鏈嶃�備笢鑸浜斿鍒舵湇閬靛惊鈥滅畝娲併�佺編瑙傘�佸緱浣撯�濈殑鍘熷垯锛屽湪婊¤冻鑱屼笟鍒舵湇鍔熻兘鎬ч渶姹傜殑鍚屾椂锛屽姏姹傚睍鐜颁紭闆呯殑涓滄柟姘旇川涓庢椂灏氱殑娴锋淳椋庢牸銆傛捣鍐涜摑鐨勪富鑹茶皟钀ラ�犲嚭绋抽噸銆佷笓涓氱殑鑱屼笟姘涘洿锛屼腑鍥界粨銆佹绾㈣壊鑵板甫鍙婇厤楗帮紝绐佸嚭浜嗛潚鑺辩摲涓婚璁捐鍏冪礌锛岀粡鍏镐腑閫忓嚭鐑儏銆傚コ娆捐‖琛笌涓濆肪璁捐涓繍鐢ㄧ殑钃濊壊鑺辨湹鍏冪礌锛岃劚鑳庝簬搴蜂箖棣ㄥ拰鑾茶姳锛屼綋鐜板嚭涓滄柟濂虫�т紭闆呫�佹煍缇庛�佸惈钃勭殑鐗硅川锛屽悓鏃跺悜鏃呭浼犻�掑嚭娓╅Θ銆佽垝閫傘�佺粏鑵汇�侀珮鏁堢殑楂樺搧浣嶆湇鍔$悊蹇碉紙瑙佸浘2-1-4锛夈��
           </p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-c" alt="" src="../../assets/images/0057-1.jpg" />
           </p>
           <p class="img">鍥�2-1-4 涓滆埅鍒舵湇</p>
@@ -234,7 +244,7 @@
           <p>
             绉夋壙鈥滃鎴疯嚦涓娾�濈殑鎵胯锛屽崡鑸�氳繃鎻愪緵鈥滃彲闈犮�佸噯鐐广�佷究鎹封�濈殑浼樿川鏈嶅姟锛岃嚧鍔涗簬婊¤冻骞惰秴瓒婂鎴风殑鏈熸湜銆傛敼闈╁紑鏀�40澶氬勾鏉ワ紝绌轰箻鍒舵湇涓�鐩村湪鍙橈紝鑰屽崡鑸汉鐨勫垵蹇冧粠鏈敼鍙樸�備粠浠呬粎鎻愪緵鎶ョ焊銆佽尪姘寸殑鍗曚竴鏈嶅姟鍒板浠婄┖涓湇鍔$殑鍝佺墝鍖栥�佹爣鍑嗗寲銆佷綋绯诲寲锛涗粠鏁负澶╀笅鍏堬紝涓诲姩鍙備笌鍥介檯绔炰簤鍒板悜鐫�瑙勮寖鍖栥�佷竴浣撳寲銆佹櫤鑳藉寲銆佸浗闄呭寲涓嶆柇鍙戝睍锛涗负寤鸿涓栫晫涓�娴佽埅绌鸿繍杈撲紒涓氾紝鎺ㄥ嚭涓�绯诲垪鈥滄湪妫夌郴鈥濇湇鍔′骇鍝侊紝鐫�鍔涙墦閫犲浗闄呭寲绮惧搧鏍囨潌鑸嚎锛屾繁鍏ュ紑灞曞浗闄呭悎浣滐紝绋虫鏈夊簭寮�鎷撳浗闄呭競鍦恒�傜鍥涘鍒舵湇鏁翠綋鑹茬郴涓哄ぉ闈掕摑鑹插拰鐜矇绾㈣壊锛屾暣濂楀埗鏈嶅寘鎷瑁呫�佹槬绉嬭銆佸啲瀛eぇ琛e拰鍥磋澶氫釜娆惧紡锛屽搧绉嶅寘鎷タ瑁呫�佽‖琛c�侀┈鐢层�佽¥瀛愩�佸ぇ琛c�侀琛g瓑銆傛鍨嬮珮闆呬翰鍒囷紝淇韩閫備綋銆備箻鍔¢暱韬潃鏈夊疂鐭宠埇鐨勫厜娉姐�佺函鍑�鍜岄�忔槑鎰熺殑澶╅潚钃濊壊鍒舵湇锛岃�屼箻鍔″憳绌跨潃鍏锋湁濂虫�ч瓍鍔涚殑鐜矇绾㈣壊鍒舵湇銆備笂瑁呮槸V瀛楅鐨勶紝鐢ㄦ祬閲戣壊绾挎潯瀵归杈瑰拰琚栧彛杩涜浜嗗嬀鍕掞紝鑰屼笅瑁呭垯鏄孩銆佽摑鏂滅汗闈㈡枡鐨勮タ鏈嶈锛屾棦娲绘臣鍒嚧锛屽張鏄惧緱浜插垏骞茬粌鍜屾椂灏氶珮闆咃紙瑙佸浘2-1-5锛夈��
           </p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-c" alt="" src="../../assets/images/0057-2.jpg" />
           </p>
           <p class="img">鍥�2-1-5 鍗楄埅鍒舵湇</p>
@@ -245,14 +255,14 @@
     <!-- 52 -->
     <div class="page-box" page="58">
       <div v-if="showPageList.indexOf(58) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">52</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 pNum">52</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">
           <h6 id="f007">2.鏃朵唬鎬�</h6>
@@ -263,7 +273,7 @@
           <p>
             宸濊埅浠モ�滅湡銆佸杽銆佺編銆佺埍鈥濅箣蹇冧负鏃呭鎻愪緵绮惧搧鏈嶅姟銆備互缇庝附鍏崇埍鎰熷姩浜哄績锛屼互鎰熸仼浜嬩笟閾搁�犲拰璋愩��2008骞达紝宸濊埅绌轰箻缁熶竴鎹笂绗竷浠e埗鏈嶏紝鍒舵湇鐏垫劅鏉ヨ嚜宸濊埅涓婚鑹测�斺�斿窛鑸孩锛屼富娆句负绾㈣壊涓冨垎琚栬繛琛h锛岄粦鑹茶叞甯︼紝娴呯珛棰嗭紝鑳稿墠鏈夌孩榛戠浉闂寸殑鈥滆ざ鐨扁�濇姌楗般�傜孩鑹茶繛琛h鏁翠綋绾挎潯绠�娲佹祦鐣咃紝鑳藉灞曠幇宸濊埅涔樺姟鍛樺ù闈欑搴勭殑鑱屼笟浠�併�傛祬绔嬮鑳藉琛墭涔樺姟鍛樼殑浼橀泤姘旇川锛涢粦鑹茬嚎鏉′负鏈嶈娉ㄥ叆鐞嗘�с�佹矇绋崇殑鐗硅川锛涒�滆ざ鐨扁�濇姌楗板湪琛岃蛋鏃惰嚜鐒跺緥鍔紝浼犻�掔伒鍔ㄤ箣缇庛�傝�冭檻鍒扮┖涔樼殑鑱屼笟鐗规�э紝琚栧瓙閲囩敤骞茬粌鍒╄惤鐨勪竷鍒嗚璁捐锛岃韬笅鎽嗗井鏀讹紝鐣欐湁瓒冲娲诲姩瑁曞害锛屾柟渚夸箻鍔″憳鍦ㄥ鑸变腑寮�灞曟湇鍔℃搷浣滐紙瑙佸浘2-1-6锛夈��
           </p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-c" alt="" src="../../assets/images/0058-1.jpg" />
           </p>
           <p class="img">鍥�2-1-6 宸濊埅鍒舵湇</p>
@@ -271,7 +281,7 @@
           <p>
             鍘﹁埅涔樺姟闃熷舰鎴愪簡鈥滃叚鍕も�濓紙鐪煎嫟銆佹墜鍕ゃ�佽吙鍕ゃ�佸槾鍕ゃ�佽�冲嫟銆佽剳鍕わ級銆佲�滀簲蹇冣�濓紙鐑績銆佽瘹蹇冦�佺粏蹇冦�佽�愬績銆佹亽蹇冿級銆佲�滃洓缇庘�濓紙蹇冪伒缇庛�佽瑷�缇庛�佽涓虹編銆佸舰璞$編锛夈�佲�滀笁涓嶆�曗�濓紙涓嶆�曡剰銆佷笉鎬曠疮銆佷笉鎬曠儲锛夌殑鏈嶅姟浣滈銆傜┖涔樺埗鏈嶇粡鍘嗕簡娉℃场琚栥�佺櫧铦磋澏缁撱�佷腑寮忔棗琚嶇瓑闃舵銆�2018骞�8鏈堬紝鍘﹁埅鏂颁竴浠g┖涔樺埗鏈嶆儕鑹充寒鐩革紝铻嶅悎浜嗗鍙ゅ厓绱犱笌鐜颁唬绠�绾︽椂灏氾紝鍕惧嫆鍑烘洿鍔犻珮闆呫�佽嚜淇°�佸共缁冪殑绌轰箻褰㈣薄銆備繌鐨殑灏忓附涓婂甫鏈夆�滀竴楣珮椋炩�濊埅寰斤紝琛h涓轰竷鍒嗚锛屽苟閰嶆湁娣辫摑鑹茬殑瀹借叞甯︼紙瑙佸浘2-1-7锛夈�備笉鍚屾槑搴︹�滃ぉ绌鸿摑鈥濆埗鏈嶏紝鍖哄垎涔樺姟鍛樹笉鍚岀殑宀椾綅锛岀敱娴呭埌娣辩殑钃濊壊鏂板埗鏈嶅垎灞炰簬鏅�氫箻鍔″憳銆佸鑸变箻鍔¢暱鍜屽鑸辩粡鐞嗐��
           </p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-c" alt="" src="../../assets/images/0058-2.jpg" />
           </p>
           <p class="img">鍥�2-1-7 鍘﹁埅鍒舵湇</p>
@@ -285,16 +295,19 @@
     <!-- 53 -->
     <div class="page-box" page="59">
       <div v-if="showPageList.indexOf(59) > -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">53</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 pNum">53</li>
+          <li class="header-right-Number cloud"><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">
           <p>
             鍒舵湇鍚嶄负鈥滄捣澶╃ゥ浜戔�濓紝浜�2018骞�6鏈�6鏃ュ惎鐢ㄣ�傚叾鍒舵湇鐨勬渶澶т寒鐐瑰湪浜庝腑鍥戒紶缁熷厓绱犱笌鍥介檯鏃跺皻鐨勭粨鍚堛�傚埗鏈嶇敤涓紡鏃楄褰㈢姸鍋氬簳锛岄鍙d负绁ヤ簯婕ぉ锛屼笅鎽嗕负姹熸动娴锋按锛屼互鈥滃僵浜戞弧澶┾�濅负鍩猴紝鍛堢幇浜嗘捣鑸ぇ楣忛噾缈呴笩缈辩繑浜庝簯娴蜂箣闂寸殑杈夌厡鎰忓锛岃癄閲婁簡娴疯埅鐨勬棤闄愬彂灞曠┖闂村強鐢熺敓涓嶆伅鐨勪紒涓氬唴娑碉紙瑙佸浘2-1-8锛夈��
           </p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-c" alt="" src="../../assets/images/0059-1.jpg" />
           </p>
           <p class="img">鍥�2-1-8 娴疯埅鍒舵湇</p>
@@ -327,14 +340,14 @@
     <!-- 54 -->
     <div class="page-box" page="60">
       <div v-if="showPageList.indexOf(60) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">54</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 pNum">54</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>
@@ -384,10 +397,13 @@
     <!-- 55 -->
     <div class="page-box" page="61">
       <div v-if="showPageList.indexOf(61) > -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">55</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 pNum">55</li>
+          <li class="header-right-Number cloud"><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">
           <h4 id="d039">鍥涖�佹皯鑸埗鏈嶇殑鍩烘湰瑙勮寖</h4>
@@ -430,14 +446,14 @@
     <!-- 56 -->
     <div class="page-box" page="62">
       <div v-if="showPageList.indexOf(62) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">56</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 pNum">56</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>锛�2锛変笣宸剧殑浣╂埓鏂规硶鏍规嵁鑸┖鍏徃鏍囧噯鎵ц锛屽伐浣滃皬缁勯渶淇濇寔缁熶竴銆�</p>
@@ -486,10 +502,13 @@
     <!-- 57 -->
     <div class="page-box" page="63">
       <div v-if="showPageList.indexOf(63) > -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">57</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 pNum">57</li>
+          <li class="header-right-Number cloud"><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">
           <p>锛�3锛変繚鎸佸埗鏈嶆暣娲佸钩鏁淬�佹棤寮傚懗銆佹棤姹℃笉銆佹棤鏂戠偣銆佹棤瑜剁毐銆�</p>
@@ -501,7 +520,7 @@
           <p>
             濮撳悕鐗屼笂閫氬父鍖呭惈鑸窘銆佷腑鏂囧鍚嶅拰濮撳悕鎷奸煶绛夈�傚湪宸ヤ綔涓繀椤讳僵鎴村鍚嶇墝锛堝鍥�2-1-9锛夛紝涓�鏂归潰浣撶幇瑙勮寖绠$悊锛屽彟涓�鏂归潰琛ㄧず鎺ュ彈鍏紬鐩戠潱鍜屾鏌ャ�傚鍚嶇墝瑕佷僵鎴村湪鍒舵湇鐨勫闈紝鑳稿墠宸︿晶涓婃柟锛堝彛琚嬶級澶勩��
           </p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-c" alt="" src="../../assets/images/0063-1.jpg" />
           </p>
           <p class="img">鍥�2-1-9 濮撳悕鐗�</p>
@@ -509,7 +528,7 @@
           <p>
             鏈嶅姟浜哄憳鍦ㄥ伐浣滃矖浣嶄笂瑕佹牴鎹伐浣滃尯鍩熶僵鎴寸櫥鏈鸿瘉銆傝瘉浠剁粺涓�鎸備簬鑳稿墠锛屽苟浣跨敤鍏徃閰嶅彂鐨勫甫鏈夊叕鍙稿拰涓浗姘戣埅灞�鏍囧織鐨勬寕缁炽�傝瘉浠讹紙瑙佸浘2-1-10锛夋闈㈡湞澶栵紝鑷劧涓嬪瀭銆�
           </p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-c" alt="" src="../../assets/images/0063-2.jpg" />
           </p>
           <p class="img">鍥�2-1-10 璇佷欢</p>
@@ -517,11 +536,11 @@
           <p>
             鍏徃閫氬父浼氫负涔樺姟鍛橀厤鍙戝伐浣滅鍖咃紝浣跨敤鏃惰鍦ㄥ伐浣滅鍖呯殑鎸囧畾浣嶇疆鎻掑叆涓汉鍚嶇墖锛屼絾涓嶈兘鍦ㄥ伐浣滅鍖呬笂鎷存寕鎴栫矘璐村悇绉嶉�犲瀷楗扮墿銆傛牴鎹嚭宸ぉ鏁帮紝涔樺姟鍛樺簲鎸夌収鑸┖鍏徃瑙勫畾閰嶅甫鐩稿簲鐨勫伐浣滅鍖咃紙瑙佸浘2-1-11銆佸浘2-1-12锛夈��
           </p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-c" alt="" src="../../assets/images/0063-3.jpg" />
           </p>
           <p class="img">鍥�2-1-11 宸ヤ綔绠�</p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-c" alt="" src="../../assets/images/0063-4.jpg" />
           </p>
           <p class="img">鍥�2-1-12 宸ヤ綔鍖�</p>
@@ -532,14 +551,14 @@
     <!-- 58 -->
     <div class="page-box" page="64">
       <div v-if="showPageList.indexOf(64) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">58</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 pNum">58</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">
           <h5 id="e053">锛堝洓锛変笣宸句笌棰嗗甫</h5>
@@ -601,10 +620,13 @@
     <!-- 59 -->
     <div class="page-box" page="65">
       <div v-if="showPageList.indexOf(65) > -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">59</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 pNum">59</li>
+          <li class="header-right-Number cloud"><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">
           <p><span class="bj2">路绀间箣瀹炶返路</span></p>
@@ -653,14 +675,14 @@
     <!-- 60 -->
     <div class="page-box" page="66">
       <div v-if="showPageList.indexOf(66) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">60</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 pNum">60</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">
           <h4 id="d043">浜屻�佹皯鑸湇鍔′汉鍛樺瀹瑰師鍒�</h4>
@@ -703,10 +725,13 @@
     <!-- 61 -->
     <div class="page-box" page="67">
       <div v-if="showPageList.indexOf(67) > -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">61</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 pNum">61</li>
+          <li class="header-right-Number cloud"><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">
           <p><b>1.鐪煎奖鐢ㄨ壊</b></p>
@@ -752,20 +777,20 @@
     <!-- 62 -->
     <div class="page-box" page="68">
       <div v-if="showPageList.indexOf(68) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">62</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 pNum">62</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>
             浣撳舰璞¢鏍煎閫犺嚜宸憋紝鍙拷姹傛椂灏氥�佺搴勩�佷紭闆呫�佹竻鏂帮紝闅忔剰鎬ц緝寮猴紝閫夋嫨鑼冨洿杈冨ぇ锛屼絾闇�娉ㄦ剰閫傚悎鐨勫勾榫勩�佺幆澧冦�傚彲鏍规嵁鎵�鍦ㄥ満鍚堛�佺洰鐨勮繘琛屽閫狅紝涔熷彲鏍规嵁瀛h妭鍙樺寲鏉ヨ璁″瀹癸紙瑙佸浘2-1-13锛夈��
           </p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-c" alt="" src="../../assets/images/0068-1.jpg" />
           </p>
           <p class="img">鍥�2-1-13 鏃ュ父濡�</p>
@@ -777,7 +802,7 @@
           <p>
             锛�2锛夊寲濡嗚鐐癸細鑷劧銆佺搴勩�佺畝鏄擄紝闇�娉ㄦ剰濡嗛潰鐨勬寔涔呮�э紙瑙佸浘2-1-14锛夈��
           </p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-c" alt="" src="../../assets/images/0068-2.jpg" />
           </p>
           <p class="img">鍥�2-1-14 鍦伴潰鏈嶅姟濡�</p>
@@ -791,7 +816,7 @@
           <p>
             锛�2锛夊寲濡嗚鐐癸細濡嗚壊娣¢泤銆佹竻鏂般�佸共鍑�銆佺粰浜轰翰鍜屽姏杈冨己鐨勬劅瑙夛紝浣嗚娉ㄦ剰涔樺姟缁勪箣闂寸殑鍗忚皟銆佺粺涓�鏁堟灉锛堣鍥�2-1-15锛夈��
           </p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-c" alt="" src="../../assets/images/0068-3.jpg" />
           </p>
           <p class="img">鍥�2-1-15 瀹㈣埍涔樺姟濡�</p>
@@ -806,10 +831,13 @@
     <!-- 63 -->
     <div class="page-box" page="69">
       <div v-if="showPageList.indexOf(69) > -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">63</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 pNum">63</li>
+          <li class="header-right-Number cloud"><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">
           <p>
@@ -819,7 +847,7 @@
           <p>
             娲佽偆鈫掍慨鐪夆啋鐖借偆鈫掓鼎鑲も啋娑傞槻鏅掍钩鈫掓秱濡嗗墠涔斥啋娑傞伄鐟曗啋娑傜矇搴曗啋瀹氬鈫掓秱鐪煎奖鈫掔敾鐪肩嚎鈫掑す鐪肩潾姣涒啋娑傜潾姣涜啅鈫掔敾鐪夋瘺鈫掓秱鑵孩鈫掓秱鍞囪啅锛堝攪褰┿�佸攪閲夌瓑锛夆啋妫�鏌ユ暣浣撳闈紙濡傚浘2-1-16锛夈��
           </p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-c" alt="" src="../../assets/images/0069-1.jpg" />
           </p>
           <p class="img">鍥�2-1-16 鏃ュ父濡�</p>
@@ -852,14 +880,14 @@
     <!-- 64 -->
     <div class="page-box" page="70">
       <div v-if="showPageList.indexOf(70) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">64</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 pNum">64</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>
@@ -890,10 +918,13 @@
     <!-- 65 -->
     <div class="page-box" page="71">
       <div v-if="showPageList.indexOf(71) > -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">65</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 pNum">65</li>
+          <li class="header-right-Number cloud"><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">
           <p>娣″寲鐪夊ご鐨勯鑹诧紝鐪夊熬涓嶈兘浣庝簬鐪夊ご銆傛绉嶇湁褰㈤�傚悎闀胯劯鍨嬨��</p>
@@ -916,7 +947,7 @@
           <p>
             閫氳繃閬憰鍜屼慨瀹癸紝灏嗛潰閮ㄨ偆鑹茶皟鏁村緱鏇村姞鍧囧寑锛屼娇姘旇壊绾㈡鼎锛屽睍鐜版渶濂界殑绮剧闈㈣矊銆傞伄鐟曚富瑕佹帺鐩栬劯閮ㄧ憰鐤碉紝浣挎暣涓潰閮ㄥ共鍑�娓呯埥锛涗慨瀹逛富瑕佹槸澧炲姞闈㈤儴绔嬩綋鎰燂紱鐪夌殑淇グ涓昏鏄幓闄ゆ潅鐪夛紝璋冩暣鍜屼慨琛ョ湁褰紙瑙佸浘2-1-17锛夈��
           </p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-c" alt="" src="../../assets/images/0071-2.jpg" />
           </p>
           <p class="img">鍥�2-1-17 鐢峰+闈㈤儴鍖栧</p>
@@ -935,14 +966,14 @@
     <!-- 66 -->
     <div class="page-box" page="72">
       <div v-if="showPageList.indexOf(72) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">66</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 pNum">66</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">
           <h5 id="e060">锛堜簩锛夊嵏濡嗛『搴�</h5>
@@ -987,10 +1018,13 @@
     <!-- 67 -->
     <div class="page-box" page="73">
       <div v-if="showPageList.indexOf(73) > -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">67</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 pNum">67</li>
+          <li class="header-right-Number cloud"><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">
           <p><span class="bj2">路绀间箣瀹炶返路</span></p>
@@ -1020,31 +1054,31 @@
     <!-- 68 -->
     <div class="page-box" page="74">
       <div v-if="showPageList.indexOf(74) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">68</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 pNum">68</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>
           <h5 id="e062">锛堜簩锛夐暱搴﹂�傚疁鐨勫師鍒�</h5>
           <h6 id="f012">1.鐢峰+</h6>
           <p>鍓嶅彂锛氱敺澹簲涓虹煭鍙戯紝鍓嶅彂瑕佹眰涓嶉伄鐩栭澶翠竴鍗婏紙瑙佸浘2-1-18锛夈��</p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-e" alt="" src="../../assets/images/0074-1.jpg" />
           </p>
           <p class="img">鍥�2-1-18 鍓嶅彂</p>
           <p>渚у彂锛氫笉閬洊鑰虫湹锛岄瑩瑙掍笉闀夸簬鑰虫湹鐨勪腑閮紙瑙佸浘2-1-19锛夈��</p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-e" alt="" src="../../assets/images/0074-2.jpg" />
           </p>
           <p class="img">鍥�2-1-19 渚у彂</p>
           <p>鍚庡彂锛氫笉闀夸簬鍚庡彂闄呯嚎锛堣鍥�2-1-20锛夈��</p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-e" alt="" src="../../assets/images/0074-3.jpg" />
           </p>
           <p class="img">鍥�2-1-20 鍚庡彂</p>
@@ -1052,17 +1086,17 @@
           <p>
             鍓嶅彂锛氶�傚害钃勭暀涓�瀹氶暱搴︾殑澶村彂锛屾敞鎰忓彂閲忕殑澶氬皯銆傚啀鏍规嵁鑴稿瀷閫傚害璋冩暣锛屽墠鍙戣姹備笉閬洊鐪夋瘺锛堣鍥�2-1-21锛夈��
           </p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-e" alt="" src="../../assets/images/0074-4.jpg" />
           </p>
           <p class="img">鍥�2-1-21 鍓嶅彂</p>
           <p>渚у彂锛氫笉閬洊鑰虫湹锛堣鍥�2-1-22锛夈��</p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-e" alt="" src="../../assets/images/0074-5.jpg" />
           </p>
           <p class="img">鍥�2-1-22 渚у彂</p>
           <p>鍚庡彂锛氶暱鍙戝簲鐩樺渾楂伙紝鐭彂鍒欏簲涓嶇洊鍚庤。棰嗭紙瑙佸浘2-1-23锛夈��</p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-e" alt="" src="../../assets/images/0074-6.jpg" />
           </p>
           <p class="img">鍥�2-1-23 鍚庡彂</p>
@@ -1084,10 +1118,13 @@
     <!-- 69 -->
     <div class="page-box" page="75">
       <div v-if="showPageList.indexOf(75) > -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">69</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 pNum">69</li>
+          <li class="header-right-Number cloud"><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">
           <p>鐨勯�犲瀷涓嶆潅涔便�傚彂鍨嬪伐鍏峰绉嶅鏍凤紝鍏朵綔鐢ㄤ篃鏄牴鎹彂璐ㄨ�屽畾鐨勩��</p>
@@ -1095,36 +1132,36 @@
           <p>
             灏栧熬姊筹細鍒悕鎸戞⒊銆佸垎閽堟⒊锛屼富瑕佺敤浜庣洏鍙戙�備竴杈规⒊锛屼竴杈圭敤灏栧熬椤烘鎶婂ご鍙戞寫璧凤紙瑙佸浘2-1-24锛夈��
           </p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-c" alt="" src="../../assets/images/0075-1.jpg" />
           </p>
           <p class="img">鍥�2-1-24 灏栧熬姊�</p>
           <p>
             榛戣壊鍙戝崱锛氫竴瀛楀す锛屽彂楗扮殑涓�绉嶏紝澶氱敤閲戝睘鍋氭垚锛屾槸灏嗗ご鍙戝崱鎴愪竴鏉熺殑澶瑰瓙锛堣鍥�2-1-25锛夈��
           </p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-c" alt="" src="../../assets/images/0075-2.jpg" />
           </p>
           <p class="img">鍥�2-1-25 榛戣壊鍙戝崱</p>
           <p>榛戣壊鐨瓔锛氱敤浜庢潫鍙戙�佹崋缁戝ご鍙戯紙瑙佸浘2-1-26锛夈��</p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-c" alt="" src="../../assets/images/0075-3.jpg" />
           </p>
           <p class="img">鍥�2-1-26 榛戣壊鐨瓔</p>
           <p>U褰㈠崱锛氱敤浜庡浐瀹氬彂楂伙紙瑙佸浘2-1-27锛夈��</p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-c" alt="" src="../../assets/images/0075-4.jpg" />
           </p>
           <p class="img">鍥�2-1-27 U褰㈠崱</p>
           <p>
             榛戣壊闅愬舰鍙戠綉锛氱敤浜庡寘浣忓彂楂伙紝鏀堕┈灏剧鍙戯紝鍙戠綉涓嶆槑鏄撅紝鑳戒娇鍙戦骞插噣銆侀ケ婊°�備竴鑸笌U褰㈠崱涓�璧蜂娇鐢紙瑙佸浘2-1-28锛夈��
           </p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-c" alt="" src="../../assets/images/0075-5.jpg" />
           </p>
           <p class="img">鍥�2-1-28 榛戣壊闅愬舰鍙戠綉</p>
           <p>闀滃瓙锛氭暣鐞嗕华瀹癸紙瑙佸浘2-1-29锛夈��</p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-c" alt="" src="../../assets/images/0075-6.jpg" />
           </p>
           <p class="img">鍥�2-1-29 闀滃瓙</p>
@@ -1140,14 +1177,14 @@
     <!-- 70 -->
     <div class="page-box" page="76">
       <div v-if="showPageList.indexOf(76) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">70</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 pNum">70</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">
           <h6 id="f015">2.濂冲+</h6>
@@ -1195,10 +1232,13 @@
     <!-- 71 -->
     <div class="page-box" page="77">
       <div v-if="showPageList.indexOf(77) > -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">71</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 pNum">71</li>
+          <li class="header-right-Number cloud"><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">
           <p>鈶″垎鍖哄浐瀹氾細鐢ㄩ腑鍢村畾浣嶅す鍥哄畾鍒樻捣鍖恒��</p>
@@ -1239,14 +1279,14 @@
     <!-- 72 -->
     <div class="page-box" page="78">
       <div v-if="showPageList.indexOf(78) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">72</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 pNum">72</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><span class="bj2">路椤圭洰鑷祴路</span></p>
@@ -1288,10 +1328,13 @@
     <!-- 73 -->
     <div class="page-box" page="79">
       <div v-if="showPageList.indexOf(79) > -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">73</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 pNum">73</li>
+          <li class="header-right-Number cloud"><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">
           <h2 id="b005">椤圭洰浜屻��姘戣埅浜哄憳浠�佺ぜ浠鐭�</h2>
@@ -1329,15 +1372,15 @@
       <!-- 74 -->
       <div class="page-box" page="80">
         <div v-if="showPageList.indexOf(80) > -1">
-          <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-            <li class="headerNumber">74</li>
-            <li class="headerText">姘戣埅鏈嶅姟绀间华</li>
-            <img
-              class="headerImg mr-10"
-              src="../../assets/images/headerlogo.png"
-              alt=""
-            />
-          </ul>
+          <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
+          <li class="header-left-Number">
+               <span class="mr-10 pNum">74</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>
               鎰熸偀锛氭湁鏃讹紝鐪熻瘹鐨勫井绗戣兘澶熷讥琛ユ垜浠殑杩囧け锛屾秷闄ゅ鏂圭殑璇細鍜屾�ㄦ仺銆傚彧瑕佸浠栦汉缁芥斁浣犵湡璇氱殑绗戝锛屼粬浜轰篃浼氱粰浜堜綘鍚屾牱鐨勭儹璇氬拰鍏崇埍銆傚埆鍚濆暚浣犵殑绗戝锛屽湪浣犵殑鍞囪竟缁藉紑涓�鏉熺編涓界殑鑺辨湹锛屼笘鐣屼究浼氬洜姝よ�岀編涓姐��
@@ -1380,10 +1423,13 @@
     <!-- 75 -->
     <div class="page-box" page="81">
       <div v-if="showPageList.indexOf(81) > -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">75</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 pNum">75</li>
+          <li class="header-right-Number cloud"><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">
           <p>
@@ -1429,32 +1475,32 @@
     <!-- 76 -->
     <div class="page-box" page="82">
       <div v-if="showPageList.indexOf(82) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">76</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 pNum">76</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>锛�2锛夊仛閫備腑鐨勫井绗戯紝鍢磋寰�涓婃壃锛屼繚鎸�10绉掋��</p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-c" alt="" src="../../assets/images/0082-1.jpg" />
           </p>
           <p class="img">鍥�2-2-1 寰瑧璁粌姝ラ涓�</p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-c" alt="" src="../../assets/images/0082-2.jpg" />
           </p>
           <p class="img">鍥�2-2-2 寰瑧璁粌姝ラ浜�</p>
           <p>锛�3锛夊槾瑙掓帴骞崇灣瀛旂殑寤堕暱绾匡紝浣滃ぇ绗戠姸锛屾寔缁繚鎸�10绉掔劧鍚庡鍘熴��</p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-c" alt="" src="../../assets/images/0082-3.jpg" />
           </p>
           <p class="img">鍥�2-2-3 寰瑧璁粌姝ラ涓�</p>
           <p>锛�4锛夊弽澶嶅仛寰瑧鍜屾澗寮涚姸锛岀‘淇濊倢鑲夎繍鍔ㄣ��</p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-c" alt="" src="../../assets/images/0082-4.jpg" />
           </p>
           <p class="img">鍥�2-2-4 寰瑧璁粌姝ラ鍥�</p>
@@ -1479,10 +1525,13 @@
     <!-- 77 -->
     <div class="page-box" page="83">
       <div v-if="showPageList.indexOf(83) > -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">77</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 pNum">77</li>
+          <li class="header-right-Number cloud"><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">
           <p>
@@ -1496,7 +1545,7 @@
           <p>
             韬綋鑸掑睍鐩寸珛锛岀簿绁為ケ婊★紝闈㈠甫寰瑧锛屽弻鐩钩瑙嗭紝鐩厜鏌斿拰鏈夌锛岃嚜鐒朵翰鍒囷紱鑴栧瓙浼哥洿锛屽ご鍚戜笂椤讹紝涓嬮鐣ユ敹鍥炪�傚弻鑲╁睍寮�鑷劧涓嬫矇锛屾尯鑳搞�佹敹鑵广�佺珛鑵般�佹彁鑷�锛涗袱鑷備簬瑁ょ紳涓や晶鑷劧涓嬪瀭锛屽弻鑵垮す绱с�佽啙鐩栧苟鎷€�佽剼璺熷苟鎷紝鑴氬皷鐣ュ垎寮�30掳锝�50掳鍛堚�淰鈥濆瓧褰€�傞暱鏃堕棿绔欑珛鎴栦氦璋堟椂锛屽皢閲嶅績钀戒簬鍚庤剼锛屼互缂撹В鐤插姵鎰燂紙瑙佸浘2-2-5锛夈��
           </p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-c" alt="" src="../../assets/images/0083-1.jpg" />
           </p>
           <p class="img">鍥�2-2-5 鏍囧噯寮忕珯濮�</p>
@@ -1520,25 +1569,25 @@
     <!-- 78 -->
     <div class="page-box" page="84">
       <div v-if="showPageList.indexOf(84) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">78</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 pNum">78</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">
           <h6 id="f018">3.鍚庤儗寮忕珯濮跨殑鍔ㄤ綔瑕侀</h6>
           <p>
             澶存銆侀鐩淬�佺洰骞炽�佷笅棰氬井鏀躲�侀潰甯﹀井绗戯紱鍙岃偐灞曞紑鑷劧涓嬫矇锛屾尯鑳搞�佹敹鑵广�佺珛鑵般�佹彁鑷�锛涘乏鎵嬪崐鎻℃嫵锛屽彸鎵嬫彙浣忓乏鎵嬫墜鑵曪紝鑳屼簬韬悗鑵颁笅10cm锛屾墜鑷傝嚜鐒跺集鏇诧紱鍙岃剼鎵撳紑涓庤偐鍚屽锛岃剼灏栧悜鍓嶏紙瑙佸浘2-2-8锛夈��
           </p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-c" alt="" src="../../assets/images/0084-1.jpg" />
           </p>
           <p class="img">鍥�2-2-7 鍓嶈吂寮忕珯濮�</p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-c" alt="" src="../../assets/images/0084-2.jpg" />
           </p>
           <p class="img">鍥�2-2-8 鍚庤儗寮忕珯濮�</p>
@@ -1568,10 +1617,13 @@
     <!-- 79 -->
     <div class="page-box" page="85">
       <div v-if="showPageList.indexOf(85) > -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">79</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 pNum">79</li>
+          <li class="header-right-Number cloud"><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">
           <p>
@@ -1619,14 +1671,14 @@
     <!-- 80 -->
     <div class="page-box" page="86">
       <div v-if="showPageList.indexOf(86) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">80</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 pNum">80</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>
@@ -1675,10 +1727,13 @@
     <!-- 81 -->
     <div class="page-box" page="87">
       <div v-if="showPageList.indexOf(87) > -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">81</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 pNum">81</li>
+          <li class="header-right-Number cloud"><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">
           <h4 id="d058">浜屻�佸紩瀵兼墜鍔跨殑鍩烘湰瑕佹眰</h4>
@@ -1715,14 +1770,14 @@
     <!-- 82 -->
     <div class="page-box" page="88">
       <div v-if="showPageList.indexOf(88) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">82</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 pNum">82</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">
           <h3 id="c018">
@@ -1760,10 +1815,13 @@
     <!-- 83 -->
     <div class="page-box" page="89">
       <div v-if="showPageList.indexOf(89) > -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">83</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 pNum">83</li>
+          <li class="header-right-Number cloud"><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">
           <h4 id="d062">涓夈�佽璧版椂鐨勬敞鎰忎簨椤�</h4>
@@ -1803,14 +1861,14 @@
     <!-- 84 -->
     <div class="page-box" page="90">
       <div v-if="showPageList.indexOf(90) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">84</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 pNum">84</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">
           <h4 id="d064">涓�銆佸潗濮垮熀鏈棰�</h4>
@@ -1848,10 +1906,13 @@
     <!-- 85 -->
     <div class="page-box" page="91">
       <div v-if="showPageList.indexOf(91) > -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">85</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 pNum">85</li>
+          <li class="header-right-Number cloud"><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">
           <p class="center">
@@ -1895,14 +1956,14 @@
     <!-- 86 -->
     <div class="page-box" page="92">
       <div v-if="showPageList.indexOf(92) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">86</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 pNum">86</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>
@@ -1946,10 +2007,13 @@
     <!-- 87 -->
     <div class="page-box" page="93">
       <div v-if="showPageList.indexOf(93) > -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">87</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 pNum">87</li>
+          <li class="header-right-Number cloud"><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">
           <p><span class="bj2">路绀间箣瀹炶返路</span></p>
@@ -1977,14 +2041,14 @@
     <!-- 88 -->
     <div class="page-box" page="94">
       <div v-if="showPageList.indexOf(94) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">88</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 pNum">88</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>
diff --git a/src/books/aviationEtiquette/view/components/index.vue b/src/books/aviationEtiquette/view/components/index.vue
index 67ab14f..17ed6ff 100644
--- a/src/books/aviationEtiquette/view/components/index.vue
+++ b/src/books/aviationEtiquette/view/components/index.vue
@@ -156,8 +156,8 @@
       }, 500);
   
       // 娴嬭瘯椤甸潰璺宠浆
-      // setTimeout(() => {
-      //   this.gotoPage(3, 92);
+      setTimeout(() => {
+        this.gotoPage(2, 52);
       //   setTimeout(() => {
       //     this.renderSign("Highlight", {
       //       id: "2ACA9359",
@@ -171,7 +171,7 @@
       //     ids: ["2ACA9359"]
       //   });
       // }, 2000);
-      // }, 500);
+      }, 500);
   
       // const pageDom = (this.container ? this.container : document)
       //   .querySelector("#app")

--
Gitblit v1.9.1