From d1bcd29309cc270f90fbaaf4c4197f5afc3e4867 Mon Sep 17 00:00:00 2001
From: user1 <10901603+no-distractions1@user.noreply.gitee.com>
Date: 星期四, 13 六月 2024 17:19:59 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

---
 src/books/lifeCare/view/components/chapter015.vue |   90 +++---
 src/books/mathBook/view/components/chapter001.vue |   12 
 .env.product                                      |    4 
 src/books/lifeCare/view/components/index.vue      |    2 
 src/books/mathBook/assets/main.less               |    2 
 src/books/lifeCare/css/default.less               |  157 ++++++++++-
 src/books/lifeCare/view/components/chapter018.vue |    2 
 src/books/lifeCare/view/components/chapter013.vue |  100 +++---
 src/books/lifeCare/view/components/chapter012.vue |   25 +
 src/books/lifeCare/view/components/chapter014.vue |  216 ++++++++--------
 src/books/lifeCare/view/components/chapter017.vue |   54 ++--
 src/books/lifeCare/view/components/chapter016.vue |   72 ++--
 12 files changed, 427 insertions(+), 309 deletions(-)

diff --git a/.env.product b/.env.product
index eb40f51..2b79397 100644
--- a/.env.product
+++ b/.env.product
@@ -1,6 +1,6 @@
 VUE_APP_ENV = 'product'
 VUE_APP_API_URL = "https://jsek.bnuic.com"
 VUE_APP_RESOURCE_CTX = 'https://jsek.bnuic.com/books/resource/'
-VUE_APP_PUBLIC_PATH = 'https://jsek.bnuic.com/books/book/childHealth'
+VUE_APP_PUBLIC_PATH = 'https://jsek.bnuic.com/books/book/lifeCare'
 VUE_APP_BOOK_LIST = "childHealth/lifeCare/sportsAndHealth/embedded/english/artAndDance/artAndDrama/mathBook"
-VUE_APP_BOOK_ID = 'childHealth'
\ No newline at end of file
+VUE_APP_BOOK_ID = 'lifeCare'
\ No newline at end of file
diff --git a/src/books/lifeCare/css/default.less b/src/books/lifeCare/css/default.less
index c98b62e..a7c0913 100644
--- a/src/books/lifeCare/css/default.less
+++ b/src/books/lifeCare/css/default.less
@@ -257,8 +257,9 @@
         font-family: "瀹嬩綋";
 
 
-        .rightPng{
+        .rightPng {
           float: left;
+          width: 60%;
         }
 
         .bk1-h3 {
@@ -365,11 +366,23 @@
             }
 
             .zt04-con {
-              background-color: #b786bb;
+              background-color: #6eb1e1;
             }
 
             .zt05-con {
-              background-color: #b786bb;
+              background-color: #8f92c7;
+            }
+
+            .zt06-con {
+              background-color: #f26b66;
+            }
+
+            .zt07-con {
+              background-color: #8acfba;
+            }
+
+            .zt08-con {
+              background-color: #a97b50;
             }
 
 
@@ -389,13 +402,28 @@
             }
 
             .zt04-bj {
-              border-left: 2px solid #6eb1e1;
-              border-bottom: 2px solid #6eb1e1;
+              border-left: 2px solid #fbb45e;
+              border-bottom: 2px solid #fbb45e;
             }
 
             .zt05-bj {
-              border-left: 2px solid #6eb1e1;
-              border-bottom: 2px solid #6eb1e1;
+              border-left: 2px solid #f48f9d;
+              border-bottom: 2px solid #f48f9d;
+            }
+
+            .zt06-bj {
+              border-left: 2px solid #fec128;
+              border-bottom: 2px solid #fec128;
+            }
+
+            .zt07-bj {
+              border-left: 2px solid #8f92c7;
+              border-bottom: 2px solid #8f92c7;
+            }
+
+            .zt08-bj {
+              border-left: 2px solid #8b9da7;
+              border-bottom: 2px solid #8b9da7;
             }
 
             @media (max-width: 756px) {
@@ -431,7 +459,7 @@
               font-size: 20px;
               position: absolute;
               right: 36px;
-              top: 85px;
+              top: 88px;
 
               .second-left {
                 width: 23px;
@@ -451,12 +479,27 @@
 
               .zt04-left {
                 width: 20px;
-                background-color: #b786bb;
+                background-color: #6eb1e1;
               }
 
               .zt05-left {
                 width: 20px;
-                background-color: #b786bb;
+                background-color: #8f92c7;
+              }
+
+              .zt06-left {
+                width: 20px;
+                background-color: #f26b66;
+              }
+
+              .zt07-left {
+                width: 20px;
+                background-color: #8acfba;
+              }
+
+              .zt08-left {
+                width: 20px;
+                background-color: #a97b50;
               }
 
               .second-right {
@@ -474,10 +517,10 @@
                 }
 
                 .zt-pen {
-                  height: 40px;
+                  height: 35px;
                   position: absolute;
-                  left: -50px;
-                  top: -10px;
+                  left: -40px;
+                  top: -8px;
                 }
 
                 .pageStr {
@@ -486,22 +529,58 @@
 
                 .zt01-Str {
                   color: #a5c24f;
+                  font-size: 16px;
+                  font-family: 'FZLTXIHJW';
+                  letter-spacing: 2px;
                 }
 
                 .zt02-Str {
                   color: #6eb1e1;
+                  font-size: 16px;
+                  font-family: 'FZLTXIHJW';
+                  letter-spacing: 2px;
                 }
 
                 .zt03-Str {
                   color: #a97b50;
+                  font-size: 16px;
+                  font-family: 'FZLTXIHJW';
+                  letter-spacing: 2px;
                 }
 
                 .zt04-Str {
-                  color: #6eb1e1;
+                  color: #f49a4c;
+                  font-size: 16px;
+                  font-family: 'FZLTXIHJW';
+                  letter-spacing: 2px;
                 }
 
                 .zt05-Str {
-                  color: #6eb1e1;
+                  color: #f48f9d;
+                  font-size: 16px;
+                  font-family: 'FZLTXIHJW';
+                  letter-spacing: 2px;
+                }
+
+                .zt06-Str {
+                  color: #fec128;
+                  font-size: 16px;
+                  font-family: 'FZLTXIHJW';
+                  letter-spacing: 2px;
+                }
+
+                .zt07-Str {
+                  color: #b0a4cf;
+                  font-size: 16px;
+                  font-family: 'FZLTXIHJW';
+                  letter-spacing: 2px;
+                }
+
+                .zt08-Str {
+                  color: #8b9da7;
+                  font-size: 16px;
+                  font-family: 'FZLTXIHJW';
+                  letter-spacing: 2px;
                 }
 
 
@@ -535,13 +614,31 @@
                 .zt04-pageNum {
                   padding: 0 35px 0 20px;
                   text-align: left;
-                  background-color: #6eb1e1;
+                  background-color: #f49a4c;
                 }
 
                 .zt05-pageNum {
                   padding: 0 35px 0 20px;
                   text-align: left;
-                  background-color: #6eb1e1;
+                  background-color: #f48f9d;
+                }
+
+                .zt06-pageNum {
+                  padding: 0 35px 0 20px;
+                  text-align: left;
+                  background-color: #fec128;
+                }
+
+                .zt07-pageNum {
+                  padding: 0 35px 0 20px;
+                  text-align: left;
+                  background-color: #b0a4cf;
+                }
+
+                .zt08-pageNum {
+                  padding: 0 35px 0 20px;
+                  text-align: left;
+                  background-color: #8b9da7;
                 }
 
               }
@@ -590,13 +687,31 @@
             }
 
             .zt04-bdline {
-              background-color: #6eb1e1;
+              background-color: #f49a4c;
               width: 88%;
               margin-right: 20px;
             }
 
             .zt05-bdline {
-              background-color: #6eb1e1;
+              background-color: #f48f9d;
+              width: 88%;
+              margin-right: 20px;
+            }
+
+            .zt06-bdline {
+              background-color:  #fabf2e;
+              width: 88%;
+              margin-right: 20px;
+            }
+
+            .zt07-bdline {
+              background-color: #b0a4cf;
+              width: 88%;
+              margin-right: 20px;
+            }
+
+            .zt08-bdline {
+              background-color: #8b9da7;
               width: 88%;
               margin-right: 20px;
             }
@@ -909,7 +1024,7 @@
             padding: 5px 10px;
 
             p {
-              line-height: 22px;
+              line-height: 25px;
               font-weight: 700;
               color: #666;
             }
@@ -918,7 +1033,7 @@
               line-height: 22px;
               font-size: 20px;
               text-align: center;
-              padding-top: 10px;
+              padding: 10px 0;
             }
           }
         }
diff --git a/src/books/lifeCare/view/components/chapter012.vue b/src/books/lifeCare/view/components/chapter012.vue
index c18f5ae..54ed74f 100644
--- a/src/books/lifeCare/view/components/chapter012.vue
+++ b/src/books/lifeCare/view/components/chapter012.vue
@@ -77,18 +77,21 @@
               ><span class="bj2-h3">涓�</span>銆�銆�娲楁墜鐨勯噸瑕佹�с��</span
             >
           </h3>
-          <div class="bk-ztgs">
-            <p class="bj1-ztgs">鈯欍��鍏充簬娲楁墜鐨勬晠浜嬨��鈯�</p>
-            <p class="block">
-              杩欎釜鏁呬簨鍙戠敓鍦ㄥぇ绾�170骞村墠鐨勫ゥ鍦板埄鎬诲尰闄€�傝繖涓尰闄㈢殑鍚勪釜绉戝鐨勫尰鐤楁按骞抽兘鏄叏涓栫晫椤跺皷鐨勶紝鍙槸鍖婚櫌鐨勪骇绉戝嵈寰堢碂绯曪紝浜у鍥犱负浜у悗鎰熸煋姝讳骸鐨勬鐜囩珶鐒堕珮杈�18%锛屾浜$巼姣斿湪瀹剁敓浜х殑杩橀珮锛佹病浜虹煡閬撳師鍥犳槸浠�涔堬紝鍥犱负閭f椂鍊欒繕娌℃湁缁嗚弻鐨勬蹇碉紝鍖荤敓涓嶇┛鐧藉ぇ瑜傦紝娌℃湁鍙g僵锛岀敋鑷充笉娲楁墜銆�
-            </p>
-            <p class="block">
-              浜х涓讳换濉為害灏旂淮鏂洜姝ゆ壙鎷呬簡宸ㄥぇ鐨勫帇鍔涖�傜湅鐫�涓�涓釜瀹跺涵鐨勫コ涓讳汉锛屽湪閭d箞骞磋交鐨勬椂鍊欏氨姝诲幓锛屼粬鍐呭績鏋佸害鐓庣啲銆傜粡杩囦簡缁嗚嚧銆佷弗鑻涚殑姊崇悊锛屼粬璁や负鍙兘鏄垰鍒氬仛瀹岃В鍓栨墜鏈氨鍘绘帴鐢燂紝灏镐綋涓婄殑鏌愪簺鐗╄川浼犻�掑埌浜嗕骇濡囪韩涓婏紝浜庢槸浠栬姹傛帴鐢熶箣鍓嶇敤婕傜櫧绮夋礂鎵嬶紝杩欓」绠�鍗曠殑鎺柦浣夸骇濡囩殑姝讳骸鐜囬檷浣庤嚦1%銆�
-            </p>
-            <p class="block">
-              閾佺殑浜嬪疄鍛婅瘔浜嗗楹﹀皵缁存柉娲楁墜鐨勯噸瑕佹�э紝浜庢槸浠栧箍娉涘浼犲苟鐫d績浠栫殑鍚岃娲楁墜锛屼粬鎴愪簡鍖诲鍙蹭笂浼犳挱娲楁墜閲嶈鎬х殑绗竴浜恒�傛礂鎵嬫槸鎺у埗鎰熸煋鐨勫紑濮嬶紝鏄汉绫诲崼鐢熷彶涓婄殑涓�涓噷绋嬬銆�
-            </p>
+          <div class="zt-yy-brd" style="margin-bottom: 30px">
+            <div class="bk-ztgs">
+              <p class="bj1-ztgs">鈯欍��鍏充簬娲楁墜鐨勬晠浜嬨��鈯�</p>
+              <p class="block">
+                杩欎釜鏁呬簨鍙戠敓鍦ㄥぇ绾�170骞村墠鐨勫ゥ鍦板埄鎬诲尰闄€�傝繖涓尰闄㈢殑鍚勪釜绉戝鐨勫尰鐤楁按骞抽兘鏄叏涓栫晫椤跺皷鐨勶紝鍙槸鍖婚櫌鐨勪骇绉戝嵈寰堢碂绯曪紝浜у鍥犱负浜у悗鎰熸煋姝讳骸鐨勬鐜囩珶鐒堕珮杈�18%锛屾浜$巼姣斿湪瀹剁敓浜х殑杩橀珮锛佹病浜虹煡閬撳師鍥犳槸浠�涔堬紝鍥犱负閭f椂鍊欒繕娌℃湁缁嗚弻鐨勬蹇碉紝鍖荤敓涓嶇┛鐧藉ぇ瑜傦紝娌℃湁鍙g僵锛岀敋鑷充笉娲楁墜銆�
+              </p>
+              <p class="block">
+                浜х涓讳换濉為害灏旂淮鏂洜姝ゆ壙鎷呬簡宸ㄥぇ鐨勫帇鍔涖�傜湅鐫�涓�涓釜瀹跺涵鐨勫コ涓讳汉锛屽湪閭d箞骞磋交鐨勬椂鍊欏氨姝诲幓锛屼粬鍐呭績鏋佸害鐓庣啲銆傜粡杩囦簡缁嗚嚧銆佷弗鑻涚殑姊崇悊锛屼粬璁や负鍙兘鏄垰鍒氬仛瀹岃В鍓栨墜鏈氨鍘绘帴鐢燂紝灏镐綋涓婄殑鏌愪簺鐗╄川浼犻�掑埌浜嗕骇濡囪韩涓婏紝浜庢槸浠栬姹傛帴鐢熶箣鍓嶇敤婕傜櫧绮夋礂鎵嬶紝杩欓」绠�鍗曠殑鎺柦浣夸骇濡囩殑姝讳骸鐜囬檷浣庤嚦1%銆�
+              </p>
+              <p class="block">
+                閾佺殑浜嬪疄鍛婅瘔浜嗗楹﹀皵缁存柉娲楁墜鐨勯噸瑕佹�э紝浜庢槸浠栧箍娉涘浼犲苟鐫d績浠栫殑鍚岃娲楁墜锛屼粬鎴愪簡鍖诲鍙蹭笂浼犳挱娲楁墜閲嶈鎬х殑绗竴浜恒�傛礂鎵嬫槸鎺у埗鎰熸煋鐨勫紑濮嬶紝鏄汉绫诲崼鐢熷彶涓婄殑涓�涓噷绋嬬銆�
+              </p>
+            </div>
           </div>
+
           <h4 class="h4-zt" id="d118">锛堜竴锛夊┐骞煎効娲楁墜鍙互鏈夋晥闄嶄綆鎰熸煋椋庨櫓</h4>
           <p>
             濠村辜鍎跨殑鍏嶇柅绯荤粺涓嶆垚鐔熴�佷笉瀹屽杽锛屽鏄撳彈鍒板悇绉嶄笉鑹洜绱犵殑褰卞搷锛屾垚涓鸿鎰熸煋鐨勯珮鍗变汉缇ゃ�傛礂鎵嬫槸棰勯槻鐤剧梾鏈�绠�渚挎湁鏁堢殑鎺柦涔嬩竴銆傚┐骞煎効鍦ㄧ敓娲讳腑锛屾墜涓嶆柇鎺ヨЕ鍒拌鐥呮瘨銆佺粏鑿屾薄鏌撶殑鐗╁搧锛屽鏋滀笉鑳藉強鏃舵纭礂鎵嬶紝鎵嬩笂鐨勭梾鍘熶綋鍙兘閫氳繃鎵嬪拰鍙c�佺溂銆侀蓟鐨勯粡鑶滄帴瑙﹁繘鍏ヤ汉浣撱�傛礂鎵嬪彲浠ョ畝鍗曟湁鏁堝湴鍒囨柇杩欎竴閫斿緞锛岄檷浣庢劅鏌撻闄┿��
diff --git a/src/books/lifeCare/view/components/chapter013.vue b/src/books/lifeCare/view/components/chapter013.vue
index 601f3d3..5ac0214 100644
--- a/src/books/lifeCare/view/components/chapter013.vue
+++ b/src/books/lifeCare/view/components/chapter013.vue
@@ -78,14 +78,14 @@
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
-              <div class="second-left"></div>
+              <div class="second-left zt04-left"></div>
               <div class="second-right">
-                <img src="../../image/pageImg.png" alt="" />
-                <span class="pageStr">涓撻鍥浡峰鍘曟椿鍔ㄧ収鎶�</span>
-                <span class="pageNum">2-33</span>
+                <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+                <span class="pageStr zt04-Str">涓撻鍥浡峰鍘曟椿鍔ㄧ収鎶�</span>
+                <span class="pageNum zt04-pageNum">2-33</span>
               </div>
             </div>
-            <div class="borderLine"></div>
+            <div class="borderLine zt04-bdline"></div>
           </div>
         </div>
 
@@ -119,11 +119,11 @@
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
-            <div class="header-bj"></div>
-            <div class="content">
-              <div class="pageStr">2-34</div>
+            <div class="header-bj zt04-bj"></div>
+            <div class="content zt04-con">
+              <div class="pageStr ztStr">2-34</div>
               <div class="title">
-                <img src="../../image/chapter.png" alt="" />
+                <img src="../../image/zt.png" class="ztImg" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -168,14 +168,14 @@
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
-              <div class="second-left"></div>
+              <div class="second-left zt04-left"></div>
               <div class="second-right">
-                <img src="../../image/pageImg.png" alt="" />
-                <span class="pageStr">涓撻鍥浡峰鍘曟椿鍔ㄧ収鎶�</span>
-                <span class="pageNum">2-35</span>
+                <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+                <span class="pageStr zt04-Str">涓撻鍥浡峰鍘曟椿鍔ㄧ収鎶�</span>
+                <span class="pageNum zt04-pageNum">2-35</span>
               </div>
             </div>
-            <div class="borderLine"></div>
+            <div class="borderLine zt04-bdline"></div>
           </div>
         </div>
 
@@ -210,11 +210,11 @@
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
-            <div class="header-bj"></div>
-            <div class="content">
-              <div class="pageStr">2-36</div>
+            <div class="header-bj zt04-bj"></div>
+            <div class="content zt04-con">
+              <div class="pageStr ztStr">2-36</div>
               <div class="title">
-                <img src="../../image/chapter.png" alt="" />
+                <img src="../../image/zt.png" class="ztImg" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -266,14 +266,14 @@
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
-              <div class="second-left"></div>
+              <div class="second-left zt04-left"></div>
               <div class="second-right">
-                <img src="../../image/pageImg.png" alt="" />
-                <span class="pageStr">涓撻鍥浡峰鍘曟椿鍔ㄧ収鎶�</span>
-                <span class="pageNum">2-37</span>
+                <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+                <span class="pageStr zt04-Str">涓撻鍥浡峰鍘曟椿鍔ㄧ収鎶�</span>
+                <span class="pageNum zt04-pageNum">2-37</span>
               </div>
             </div>
-            <div class="borderLine"></div>
+            <div class="borderLine zt04-bdline"></div>
           </div>
         </div>
 
@@ -323,11 +323,11 @@
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
-            <div class="header-bj"></div>
-            <div class="content">
-              <div class="pageStr">2-38</div>
+            <div class="header-bj zt04-bj"></div>
+            <div class="content zt04-con">
+              <div class="pageStr ztStr">2-38</div>
               <div class="title">
-                <img src="../../image/chapter.png" alt="" />
+                <img src="../../image/zt.png" class="ztImg" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -375,14 +375,14 @@
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
-              <div class="second-left"></div>
+              <div class="second-left zt04-left"></div>
               <div class="second-right">
-                <img src="../../image/pageImg.png" alt="" />
-                <span class="pageStr">涓撻鍥浡峰鍘曟椿鍔ㄧ収鎶�</span>
-                <span class="pageNum">2-39</span>
+                <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+                <span class="pageStr zt04-Str">涓撻鍥浡峰鍘曟椿鍔ㄧ収鎶�</span>
+                <span class="pageNum zt04-pageNum">2-39</span>
               </div>
             </div>
-            <div class="borderLine"></div>
+            <div class="borderLine zt04-bdline"></div>
           </div>
         </div>
 
@@ -407,11 +407,11 @@
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
-            <div class="header-bj"></div>
-            <div class="content">
-              <div class="pageStr">2-40</div>
+            <div class="header-bj zt04-bj"></div>
+            <div class="content zt04-con">
+              <div class="pageStr ztStr">2-40</div>
               <div class="title">
-                <img src="../../image/chapter.png" alt="" />
+                <img src="../../image/zt.png" class="ztImg" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -465,14 +465,14 @@
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
-              <div class="second-left"></div>
+              <div class="second-left zt04-left"></div>
               <div class="second-right">
-                <img src="../../image/pageImg.png" alt="" />
-                <span class="pageStr">涓撻鍥浡峰鍘曟椿鍔ㄧ収鎶�</span>
-                <span class="pageNum">2-41</span>
+                <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+                <span class="pageStr zt04-Str">涓撻鍥浡峰鍘曟椿鍔ㄧ収鎶�</span>
+                <span class="pageNum zt04-pageNum">2-41</span>
               </div>
             </div>
-            <div class="borderLine"></div>
+            <div class="borderLine zt04-bdline"></div>
           </div>
         </div>
 
@@ -513,11 +513,11 @@
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
-            <div class="header-bj"></div>
-            <div class="content">
-              <div class="pageStr">2-42</div>
+            <div class="header-bj zt04-bj"></div>
+            <div class="content zt04-con">
+              <div class="pageStr ztStr">2-42</div>
               <div class="title">
-                <img src="../../image/chapter.png" alt="" />
+                <img src="../../image/zt.png" class="ztImg" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -565,14 +565,14 @@
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
-              <div class="second-left"></div>
+              <div class="second-left zt04-left"></div>
               <div class="second-right">
-                <img src="../../image/pageImg.png" alt="" />
-                <span class="pageStr">涓撻鍥浡峰鍘曟椿鍔ㄧ収鎶�</span>
-                <span class="pageNum">2-43</span>
+                <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+                <span class="pageStr zt04-Str">涓撻鍥浡峰鍘曟椿鍔ㄧ収鎶�</span>
+                <span class="pageNum zt04-pageNum">2-43</span>
               </div>
             </div>
-            <div class="borderLine"></div>
+            <div class="borderLine zt04-bdline"></div>
           </div>
         </div>
 
diff --git a/src/books/lifeCare/view/components/chapter014.vue b/src/books/lifeCare/view/components/chapter014.vue
index ed96a8b..60fe7d8 100644
--- a/src/books/lifeCare/view/components/chapter014.vue
+++ b/src/books/lifeCare/view/components/chapter014.vue
@@ -86,14 +86,14 @@
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
-              <div class="second-left"></div>
+              <div class="second-left zt05-left"></div>
               <div class="second-right">
-                <img src="../../image/pageImg.png" alt="" />
-                <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
-                <span class="pageNum">2-45</span>
+                <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+                <span class="pageStr zt05-Str">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
+                <span class="pageNum zt05-pageNum">2-45</span>
               </div>
             </div>
-            <div class="borderLine"></div>
+            <div class="borderLine zt05-bdline"></div>
           </div>
         </div>
 
@@ -131,11 +131,11 @@
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
-            <div class="header-bj"></div>
-            <div class="content">
-              <div class="pageStr">2-46</div>
+            <div class="header-bj zt05-bj"></div>
+            <div class="content zt05-con">
+              <div class="pageStr ztStr">2-46</div>
               <div class="title">
-                <img src="../../image/chapter.png" alt="" />
+                <img src="../../image/zt.png" class="ztImg" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -174,14 +174,14 @@
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
-              <div class="second-left"></div>
+              <div class="second-left zt05-left"></div>
               <div class="second-right">
-                <img src="../../image/pageImg.png" alt="" />
-                <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
-                <span class="pageNum">2-47</span>
+                <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+                <span class="pageStr zt05-Str">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
+                <span class="pageNum zt05-pageNum">2-47</span>
               </div>
             </div>
-            <div class="borderLine"></div>
+            <div class="borderLine zt05-bdline"></div>
           </div>
         </div>
 
@@ -221,11 +221,11 @@
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
-            <div class="header-bj"></div>
-            <div class="content">
-              <div class="pageStr">2-48</div>
+            <div class="header-bj zt05-bj"></div>
+            <div class="content zt05-con">
+              <div class="pageStr ztStr">2-48</div>
               <div class="title">
-                <img src="../../image/chapter.png" alt="" />
+                <img src="../../image/zt.png" class="ztImg" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -275,14 +275,14 @@
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
-              <div class="second-left"></div>
+              <div class="second-left zt05-left"></div>
               <div class="second-right">
-                <img src="../../image/pageImg.png" alt="" />
-                <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
-                <span class="pageNum">2-49</span>
+                <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+                <span class="pageStr zt05-Str">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
+                <span class="pageNum zt05-pageNum">2-49</span>
               </div>
             </div>
-            <div class="borderLine"></div>
+            <div class="borderLine zt05-bdline"></div>
           </div>
         </div>
 
@@ -328,11 +328,11 @@
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
-            <div class="header-bj"></div>
-            <div class="content">
-              <div class="pageStr">2-50</div>
+            <div class="header-bj zt05-bj"></div>
+            <div class="content zt05-con">
+              <div class="pageStr ztStr">2-50</div>
               <div class="title">
-                <img src="../../image/chapter.png" alt="" />
+                <img src="../../image/zt.png" class="ztImg" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -375,14 +375,14 @@
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
-              <div class="second-left"></div>
+              <div class="second-left zt05-left"></div>
               <div class="second-right">
-                <img src="../../image/pageImg.png" alt="" />
-                <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
-                <span class="pageNum">2-51</span>
+                <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+                <span class="pageStr zt05-Str">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
+                <span class="pageNum zt05-pageNum">2-51</span>
               </div>
             </div>
-            <div class="borderLine"></div>
+            <div class="borderLine zt05-bdline"></div>
           </div>
         </div>
 
@@ -430,11 +430,11 @@
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
-            <div class="header-bj"></div>
-            <div class="content">
-              <div class="pageStr">2-52</div>
+            <div class="header-bj zt05-bj"></div>
+            <div class="content zt05-con">
+              <div class="pageStr ztStr">2-52</div>
               <div class="title">
-                <img src="../../image/chapter.png" alt="" />
+                <img src="../../image/zt.png" class="ztImg" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -669,14 +669,14 @@
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
-              <div class="second-left"></div>
+              <div class="second-left zt05-left"></div>
               <div class="second-right">
-                <img src="../../image/pageImg.png" alt="" />
-                <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
-                <span class="pageNum">2-53</span>
+                <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+                <span class="pageStr zt05-Str">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
+                <span class="pageNum zt05-pageNum">2-53</span>
               </div>
             </div>
-            <div class="borderLine"></div>
+            <div class="borderLine zt05-bdline"></div>
           </div>
         </div>
 
@@ -728,11 +728,11 @@
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
-            <div class="header-bj"></div>
-            <div class="content">
-              <div class="pageStr">2-54</div>
+            <div class="header-bj zt05-bj"></div>
+            <div class="content zt05-con">
+              <div class="pageStr ztStr">2-54</div>
               <div class="title">
-                <img src="../../image/chapter.png" alt="" />
+                <img src="../../image/zt.png" class="ztImg" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -899,14 +899,14 @@
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
-              <div class="second-left"></div>
+              <div class="second-left zt05-left"></div>
               <div class="second-right">
-                <img src="../../image/pageImg.png" alt="" />
-                <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
-                <span class="pageNum">2-55</span>
+                <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+                <span class="pageStr zt05-Str">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
+                <span class="pageNum zt05-pageNum">2-55</span>
               </div>
             </div>
-            <div class="borderLine"></div>
+            <div class="borderLine zt05-bdline"></div>
           </div>
         </div>
 
@@ -942,11 +942,11 @@
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
-            <div class="header-bj"></div>
-            <div class="content">
-              <div class="pageStr">2-56</div>
+            <div class="header-bj zt05-bj"></div>
+            <div class="content zt05-con">
+              <div class="pageStr ztStr">2-56</div>
               <div class="title">
-                <img src="../../image/chapter.png" alt="" />
+                <img src="../../image/zt.png" class="ztImg" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -992,14 +992,14 @@
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
-              <div class="second-left"></div>
+              <div class="second-left zt05-left"></div>
               <div class="second-right">
-                <img src="../../image/pageImg.png" alt="" />
-                <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
-                <span class="pageNum">2-57</span>
+                <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+                <span class="pageStr zt05-Str">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
+                <span class="pageNum zt05-pageNum">2-57</span>
               </div>
             </div>
-            <div class="borderLine"></div>
+            <div class="borderLine zt05-bdline"></div>
           </div>
         </div>
 
@@ -1125,11 +1125,11 @@
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
-            <div class="header-bj"></div>
-            <div class="content">
-              <div class="pageStr">2-58</div>
+            <div class="header-bj zt05-bj"></div>
+            <div class="content zt05-con">
+              <div class="pageStr ztStr">2-58</div>
               <div class="title">
-                <img src="../../image/chapter.png" alt="" />
+                <img src="../../image/zt.png" class="ztImg" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -1233,14 +1233,14 @@
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
-              <div class="second-left"></div>
+              <div class="second-left zt05-left"></div>
               <div class="second-right">
-                <img src="../../image/pageImg.png" alt="" />
-                <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
-                <span class="pageNum">2-59</span>
+                <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+                <span class="pageStr zt05-Str">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
+                <span class="pageNum zt05-pageNum">2-59</span>
               </div>
             </div>
-            <div class="borderLine"></div>
+            <div class="borderLine zt05-bdline"></div>
           </div>
         </div>
 
@@ -1291,11 +1291,11 @@
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
-            <div class="header-bj"></div>
-            <div class="content">
-              <div class="pageStr">2-60</div>
+            <div class="header-bj zt05-bj"></div>
+            <div class="content zt05-con">
+              <div class="pageStr ztStr">2-60</div>
               <div class="title">
-                <img src="../../image/chapter.png" alt="" />
+                <img src="../../image/zt.png" class="ztImg" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -1349,14 +1349,14 @@
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
-              <div class="second-left"></div>
+              <div class="second-left zt05-left"></div>
               <div class="second-right">
-                <img src="../../image/pageImg.png" alt="" />
-                <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
-                <span class="pageNum">2-61</span>
+                <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+                <span class="pageStr zt05-Str">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
+                <span class="pageNum zt05-pageNum">2-61</span>
               </div>
             </div>
-            <div class="borderLine"></div>
+            <div class="borderLine zt05-bdline"></div>
           </div>
         </div>
 
@@ -1405,11 +1405,11 @@
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
-            <div class="header-bj"></div>
-            <div class="content">
-              <div class="pageStr">2-62</div>
+            <div class="header-bj zt05-bj"></div>
+            <div class="content zt05-con">
+              <div class="pageStr ztStr">2-62</div>
               <div class="title">
-                <img src="../../image/chapter.png" alt="" />
+                <img src="../../image/zt.png" class="ztImg" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -1461,14 +1461,14 @@
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
-              <div class="second-left"></div>
+              <div class="second-left zt05-left"></div>
               <div class="second-right">
-                <img src="../../image/pageImg.png" alt="" />
-                <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
-                <span class="pageNum">2-63</span>
+                <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+                <span class="pageStr zt05-Str">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
+                <span class="pageNum zt05-pageNum">2-63</span>
               </div>
             </div>
-            <div class="borderLine"></div>
+            <div class="borderLine zt05-bdline"></div>
           </div>
         </div>
 
@@ -1519,11 +1519,11 @@
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
-            <div class="header-bj"></div>
-            <div class="content">
-              <div class="pageStr">2-64</div>
+            <div class="header-bj zt05-bj"></div>
+            <div class="content zt05-con">
+              <div class="pageStr ztStr">2-64</div>
               <div class="title">
-                <img src="../../image/chapter.png" alt="" />
+                <img src="../../image/zt.png" class="ztImg" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -1573,14 +1573,14 @@
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
-              <div class="second-left"></div>
+              <div class="second-left zt05-left"></div>
               <div class="second-right">
-                <img src="../../image/pageImg.png" alt="" />
-                <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
-                <span class="pageNum">2-65</span>
+                <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+                <span class="pageStr zt05-Str">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
+                <span class="pageNum zt05-pageNum">2-65</span>
               </div>
             </div>
-            <div class="borderLine"></div>
+            <div class="borderLine zt05-bdline"></div>
           </div>
         </div>
 
@@ -1632,11 +1632,11 @@
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
-            <div class="header-bj"></div>
-            <div class="content">
-              <div class="pageStr">2-66</div>
+            <div class="header-bj zt05-bj"></div>
+            <div class="content zt05-con">
+              <div class="pageStr ztStr">2-66</div>
               <div class="title">
-                <img src="../../image/chapter.png" alt="" />
+                <img src="../../image/zt.png" class="ztImg" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -1692,14 +1692,14 @@
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
-              <div class="second-left"></div>
+              <div class="second-left zt05-left"></div>
               <div class="second-right">
-                <img src="../../image/pageImg.png" alt="" />
-                <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
-                <span class="pageNum">2-67</span>
+                <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+                <span class="pageStr zt05-Str">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
+                <span class="pageNum zt05-pageNum">2-67</span>
               </div>
             </div>
-            <div class="borderLine"></div>
+            <div class="borderLine zt05-bdline"></div>
           </div>
         </div>
 
@@ -1754,11 +1754,11 @@
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
-            <div class="header-bj"></div>
-            <div class="content">
-              <div class="pageStr">2-68</div>
+            <div class="header-bj zt05-bj"></div>
+            <div class="content zt05-con">
+              <div class="pageStr ztStr">2-68</div>
               <div class="title">
-                <img src="../../image/chapter.png" alt="" />
+                <img src="../../image/zt.png" class="ztImg" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
diff --git a/src/books/lifeCare/view/components/chapter015.vue b/src/books/lifeCare/view/components/chapter015.vue
index 13d1f9c..c8e5397 100644
--- a/src/books/lifeCare/view/components/chapter015.vue
+++ b/src/books/lifeCare/view/components/chapter015.vue
@@ -70,11 +70,11 @@
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
-            <div class="header-bj"></div>
-            <div class="content">
-              <div class="pageStr">2-70</div>
+            <div class="header-bj zt06-bj"></div>
+            <div class="content zt06-con">
+              <div class="pageStr ztStr">2-70</div>
               <div class="title">
-                <img src="../../image/chapter.png" alt="" />
+                <img src="../../image/zt.png" class="ztImg" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -132,14 +132,14 @@
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
-              <div class="second-left"></div>
+              <div class="second-left zt06-left"></div>
               <div class="second-right">
-                <img src="../../image/pageImg.png" alt="" />
-                <span class="pageStr">涓撻鍏烽ギ姘存椿鍔ㄧ収鎶�</span>
-                <span class="pageNum">2-71</span>
+                <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+                <span class="pageStr zt06-Str">涓撻鍏烽ギ姘存椿鍔ㄧ収鎶�</span>
+                <span class="pageNum zt06-pageNum">2-71</span>
               </div>
             </div>
-            <div class="borderLine"></div>
+            <div class="borderLine zt06-bdline"></div>
           </div>
         </div>
 
@@ -184,11 +184,11 @@
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
-            <div class="header-bj"></div>
-            <div class="content">
-              <div class="pageStr">2-72</div>
+            <div class="header-bj zt06-bj"></div>
+            <div class="content zt06-con">
+              <div class="pageStr ztStr">2-72</div>
               <div class="title">
-                <img src="../../image/chapter.png" alt="" />
+                <img src="../../image/zt.png" class="ztImg" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -264,14 +264,14 @@
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
-              <div class="second-left"></div>
+              <div class="second-left zt06-left"></div>
               <div class="second-right">
-                <img src="../../image/pageImg.png" alt="" />
-                <span class="pageStr">涓撻鍏烽ギ姘存椿鍔ㄧ収鎶�</span>
-                <span class="pageNum">2-73</span>
+                <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+                <span class="pageStr zt06-Str">涓撻鍏烽ギ姘存椿鍔ㄧ収鎶�</span>
+                <span class="pageNum zt06-pageNum">2-73</span>
               </div>
             </div>
-            <div class="borderLine"></div>
+            <div class="borderLine zt06-bdline"></div>
           </div>
         </div>
 
@@ -313,11 +313,11 @@
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
-            <div class="header-bj"></div>
-            <div class="content">
-              <div class="pageStr">2-74</div>
+            <div class="header-bj zt06-bj"></div>
+            <div class="content zt06-con">
+              <div class="pageStr ztStr">2-74</div>
               <div class="title">
-                <img src="../../image/chapter.png" alt="" />
+                <img src="../../image/zt.png" class="ztImg" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -360,14 +360,14 @@
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
-              <div class="second-left"></div>
+              <div class="second-left zt06-left"></div>
               <div class="second-right">
-                <img src="../../image/pageImg.png" alt="" />
-                <span class="pageStr">涓撻鍏烽ギ姘存椿鍔ㄧ収鎶�</span>
-                <span class="pageNum">2-75</span>
+                <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+                <span class="pageStr zt06-Str">涓撻鍏烽ギ姘存椿鍔ㄧ収鎶�</span>
+                <span class="pageNum zt06-pageNum">2-75</span>
               </div>
             </div>
-            <div class="borderLine"></div>
+            <div class="borderLine zt06-bdline"></div>
           </div>
         </div>
         <div class="bodystyle">
@@ -389,11 +389,11 @@
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
-            <div class="header-bj"></div>
-            <div class="content">
-              <div class="pageStr">2-76</div>
+            <div class="header-bj zt06-bj"></div>
+            <div class="content zt06-con">
+              <div class="pageStr ztStr">2-76</div>
               <div class="title">
-                <img src="../../image/chapter.png" alt="" />
+                <img src="../../image/zt.png" class="ztImg" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -461,14 +461,14 @@
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
-              <div class="second-left"></div>
+              <div class="second-left zt06-left"></div>
               <div class="second-right">
-                <img src="../../image/pageImg.png" alt="" />
-                <span class="pageStr">涓撻鍏烽ギ姘存椿鍔ㄧ収鎶�</span>
-                <span class="pageNum">2-77</span>
+                <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+                <span class="pageStr zt06-Str">涓撻鍏烽ギ姘存椿鍔ㄧ収鎶�</span>
+                <span class="pageNum zt06-pageNum">2-77</span>
               </div>
             </div>
-            <div class="borderLine"></div>
+            <div class="borderLine zt06-bdline"></div>
           </div>
         </div>
 
@@ -518,11 +518,11 @@
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
-            <div class="header-bj"></div>
-            <div class="content">
-              <div class="pageStr">2-78</div>
+            <div class="header-bj zt06-bj"></div>
+            <div class="content zt06-con">
+              <div class="pageStr ztStr">2-78</div>
               <div class="title">
-                <img src="../../image/chapter.png" alt="" />
+                <img src="../../image/zt.png" class="ztImg" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -581,14 +581,14 @@
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
-              <div class="second-left"></div>
+              <div class="second-left zt06-left"></div>
               <div class="second-right">
-                <img src="../../image/pageImg.png" alt="" />
-                <span class="pageStr">涓撻鍏烽ギ姘存椿鍔ㄧ収鎶�</span>
-                <span class="pageNum">2-79</span>
+                <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+                <span class="pageStr zt06-Str">涓撻鍏烽ギ姘存椿鍔ㄧ収鎶�</span>
+                <span class="pageNum zt06-pageNum">2-79</span>
               </div>
             </div>
-            <div class="borderLine"></div>
+            <div class="borderLine zt06-bdline"></div>
           </div>
         </div>
 
diff --git a/src/books/lifeCare/view/components/chapter016.vue b/src/books/lifeCare/view/components/chapter016.vue
index 2ebdfc6..5bd9dd6 100644
--- a/src/books/lifeCare/view/components/chapter016.vue
+++ b/src/books/lifeCare/view/components/chapter016.vue
@@ -61,14 +61,14 @@
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
-              <div class="second-left"></div>
+              <div class="second-left zt07-left"></div>
               <div class="second-right">
-                <img src="../../image/pageImg.png" alt="" />
-                <span class="pageStr">涓撻涓兟风潯鐪犳椿鍔ㄧ収鎶�</span>
-                <span class="pageNum">2-81</span>
+                <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+                <span class="pageStr zt07-Str">涓撻涓兟风潯鐪犳椿鍔ㄧ収鎶�</span>
+                <span class="pageNum zt07-pageNum">2-81</span>
               </div>
             </div>
-            <div class="borderLine"></div>
+            <div class="borderLine zt07-bdline"></div>
           </div>
         </div>
 
@@ -109,11 +109,11 @@
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
-            <div class="header-bj"></div>
-            <div class="content">
-              <div class="pageStr">2-82</div>
+            <div class="header-bj zt07-bj"></div>
+            <div class="content zt07-con">
+              <div class="pageStr ztStr">2-82</div>
               <div class="title">
-                <img src="../../image/chapter.png" alt="" />
+                <img src="../../image/zt.png" class="ztImg" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -155,14 +155,14 @@
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
-              <div class="second-left"></div>
+              <div class="second-left zt07-left"></div>
               <div class="second-right">
-                <img src="../../image/pageImg.png" alt="" />
-                <span class="pageStr">涓撻涓兟风潯鐪犳椿鍔ㄧ収鎶�</span>
-                <span class="pageNum">2-83</span>
+                <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+                <span class="pageStr zt07-Str">涓撻涓兟风潯鐪犳椿鍔ㄧ収鎶�</span>
+                <span class="pageNum zt07-pageNum">2-83</span>
               </div>
             </div>
-            <div class="borderLine"></div>
+            <div class="borderLine zt07-bdline"></div>
           </div>
         </div>
 
@@ -204,11 +204,11 @@
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
-            <div class="header-bj"></div>
-            <div class="content">
-              <div class="pageStr">2-84</div>
+            <div class="header-bj zt07-bj"></div>
+            <div class="content zt07-con">
+              <div class="pageStr ztStr">2-84</div>
               <div class="title">
-                <img src="../../image/chapter.png" alt="" />
+                <img src="../../image/zt.png" class="ztImg" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -255,14 +255,14 @@
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
-              <div class="second-left"></div>
+              <div class="second-left zt07-left"></div>
               <div class="second-right">
-                <img src="../../image/pageImg.png" alt="" />
-                <span class="pageStr">涓撻涓兟风潯鐪犳椿鍔ㄧ収鎶�</span>
-                <span class="pageNum">2-85</span>
+                <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+                <span class="pageStr zt07-Str">涓撻涓兟风潯鐪犳椿鍔ㄧ収鎶�</span>
+                <span class="pageNum zt07-pageNum">2-85</span>
               </div>
             </div>
-            <div class="borderLine"></div>
+            <div class="borderLine zt07-bdline"></div>
           </div>
         </div>
 
@@ -301,11 +301,11 @@
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
-            <div class="header-bj"></div>
-            <div class="content">
-              <div class="pageStr">2-86</div>
+            <div class="header-bj zt07-bj"></div>
+            <div class="content zt07-con">
+              <div class="pageStr ztStr">2-86</div>
               <div class="title">
-                <img src="../../image/chapter.png" alt="" />
+                <img src="../../image/zt.png" class="ztImg" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -334,14 +334,14 @@
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
-              <div class="second-left"></div>
+              <div class="second-left zt07-left"></div>
               <div class="second-right">
-                <img src="../../image/pageImg.png" alt="" />
-                <span class="pageStr">涓撻涓兟风潯鐪犳椿鍔ㄧ収鎶�</span>
-                <span class="pageNum">2-87</span>
+                <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+                <span class="pageStr zt07-Str">涓撻涓兟风潯鐪犳椿鍔ㄧ収鎶�</span>
+                <span class="pageNum zt07-pageNum">2-87</span>
               </div>
             </div>
-            <div class="borderLine"></div>
+            <div class="borderLine zt07-bdline"></div>
           </div>
         </div>
 
@@ -384,11 +384,11 @@
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
-            <div class="header-bj"></div>
-            <div class="content">
-              <div class="pageStr">2-88</div>
+            <div class="header-bj zt07-bj"></div>
+            <div class="content zt07-con">
+              <div class="pageStr ztStr">2-88</div>
               <div class="title">
-                <img src="../../image/chapter.png" alt="" />
+                <img src="../../image/zt.png" class="ztImg" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
diff --git a/src/books/lifeCare/view/components/chapter017.vue b/src/books/lifeCare/view/components/chapter017.vue
index 708a464..14cb9b6 100644
--- a/src/books/lifeCare/view/components/chapter017.vue
+++ b/src/books/lifeCare/view/components/chapter017.vue
@@ -60,11 +60,11 @@
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
-            <div class="header-bj"></div>
-            <div class="content">
-              <div class="pageStr">2-90</div>
+            <div class="header-bj zt08-bj"></div>
+            <div class="content zt08-con">
+              <div class="pageStr ztStr">2-90</div>
               <div class="title">
-                <img src="../../image/chapter.png" alt="" />
+                <img src="../../image/zt.png" class="ztImg" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -111,14 +111,14 @@
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
-              <div class="second-left"></div>
+              <div class="second-left zt08-left"></div>
               <div class="second-right">
-                <img src="../../image/pageImg.png" alt="" />
-                <span class="pageStr">涓撻鍏风鍥椿鍔ㄧ収鎶�</span>
-                <span class="pageNum">2-91</span>
+                <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+                <span class="pageStr zt08-Str">涓撻鍏风鍥椿鍔ㄧ収鎶�</span>
+                <span class="pageNum zt08-pageNum">2-91</span>
               </div>
             </div>
-            <div class="borderLine"></div>
+            <div class="borderLine zt08-bdline"></div>
           </div>
         </div>
 
@@ -153,11 +153,11 @@
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
-            <div class="header-bj"></div>
-            <div class="content">
-              <div class="pageStr">2-92</div>
+            <div class="header-bj zt08-bj"></div>
+            <div class="content zt08-con">
+              <div class="pageStr ztStr">2-92</div>
               <div class="title">
-                <img src="../../image/chapter.png" alt="" />
+                <img src="../../image/zt.png" class="ztImg" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -196,14 +196,14 @@
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
-              <div class="second-left"></div>
+              <div class="second-left zt08-left"></div>
               <div class="second-right">
-                <img src="../../image/pageImg.png" alt="" />
-                <span class="pageStr">涓撻鍏风鍥椿鍔ㄧ収鎶�</span>
-                <span class="pageNum">2-93</span>
+                <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+                <span class="pageStr zt08-Str">涓撻鍏风鍥椿鍔ㄧ収鎶�</span>
+                <span class="pageNum zt08-pageNum">2-93</span>
               </div>
             </div>
-            <div class="borderLine"></div>
+            <div class="borderLine zt08-bdline"></div>
           </div>
         </div>
         <div class="bodystyle">
@@ -228,11 +228,11 @@
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
-            <div class="header-bj"></div>
-            <div class="content">
-              <div class="pageStr">2-94</div>
+            <div class="header-bj zt08-bj"></div>
+            <div class="content zt08-con">
+              <div class="pageStr ztStr">2-94</div>
               <div class="title">
-                <img src="../../image/chapter.png" alt="" />
+                <img src="../../image/zt.png" class="ztImg" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -272,14 +272,14 @@
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
-              <div class="second-left"></div>
+              <div class="second-left zt08-left"></div>
               <div class="second-right">
-                <img src="../../image/pageImg.png" alt="" />
-                <span class="pageStr">涓撻鍏风鍥椿鍔ㄧ収鎶�</span>
-                <span class="pageNum">2-95</span>
+                <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+                <span class="pageStr zt08-Str">涓撻鍏风鍥椿鍔ㄧ収鎶�</span>
+                <span class="pageNum zt08-pageNum">2-95</span>
               </div>
             </div>
-            <div class="borderLine"></div>
+            <div class="borderLine zt08-bdline"></div>
           </div>
         </div>
         <div class="bodystyle">
diff --git a/src/books/lifeCare/view/components/chapter018.vue b/src/books/lifeCare/view/components/chapter018.vue
index 3605ec9..0af5341 100644
--- a/src/books/lifeCare/view/components/chapter018.vue
+++ b/src/books/lifeCare/view/components/chapter018.vue
@@ -4,7 +4,7 @@
       <div v-if="showPageList.indexOf(247) > -1">
         <div class="header">
           <div class="pageHeader-first">
-            <div class="header-bj"></div>
+            <div class="header-bj zt01-bj"></div>
             <div class="content">
               <div class="pageStr">2-96</div>
               <div class="title">
diff --git a/src/books/lifeCare/view/components/index.vue b/src/books/lifeCare/view/components/index.vue
index b766ff6..2e60d55 100644
--- a/src/books/lifeCare/view/components/index.vue
+++ b/src/books/lifeCare/view/components/index.vue
@@ -191,7 +191,7 @@
   },
   mounted() {
     // 榛樿鍔犺浇绔犺妭
-    this.showCatalogList = [14];
+    this.showCatalogList = [1];
     // 婊氬姩鐩戝惉鑺傛祦
     this.throttledScrollHandler = _.throttle(
       this.scrollFun,
diff --git a/src/books/mathBook/assets/main.less b/src/books/mathBook/assets/main.less
index 52000e9..4f7490e 100644
--- a/src/books/mathBook/assets/main.less
+++ b/src/books/mathBook/assets/main.less
@@ -661,7 +661,7 @@
   }
   .video-border {
     border: 1px solid #15c0f2;
-    border-radius: 20px;
+    border-radius: 10px;
   }
   .fm-st {
     font-family: "STKaiti";
diff --git a/src/books/mathBook/view/components/chapter001.vue b/src/books/mathBook/view/components/chapter001.vue
index c887734..2f327f9 100644
--- a/src/books/mathBook/view/components/chapter001.vue
+++ b/src/books/mathBook/view/components/chapter001.vue
@@ -178,8 +178,8 @@
             <span class="btn-box" @click="isShowExampleOne = !isShowExampleOne">
               <svg
                 xmlns="http://www.w3.org/2000/svg"
-                width="20.501"
-                height="20.501"
+                width="18.501"
+                height="18.501"
                 viewBox="0 0 20.501 20.501"
               >
                 <path
@@ -208,8 +208,8 @@
             <span class="btn-box" @click="isShowExampleTwo = !isShowExampleTwo">
               <svg
                 xmlns="http://www.w3.org/2000/svg"
-                width="20.501"
-                height="20.501"
+                width="18.501"
+                height="18.501"
                 viewBox="0 0 20.501 20.501"
               >
                 <path
@@ -286,8 +286,8 @@
               >
                 <svg
                   xmlns="http://www.w3.org/2000/svg"
-                  width="18.501"
-                  height="18.501"
+                  width="16.501"
+                  height="16.501"
                   viewBox="0 0 20.501 20.501"
                 >
                   <path

--
Gitblit v1.9.1