From 02d67eabb2cde78382ebbed64fde95ec7207e23d Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期二, 29 四月 2025 10:27:20 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

---
 src/books/aviationSafety/assets/main.less |  648 +++++++++++++++++++++++++++++++---------------------------
 1 files changed, 341 insertions(+), 307 deletions(-)

diff --git a/src/books/aviationSafety/assets/main.less b/src/books/aviationSafety/assets/main.less
index 2f97f1a..1110ddd 100644
--- a/src/books/aviationSafety/assets/main.less
+++ b/src/books/aviationSafety/assets/main.less
@@ -1,155 +1,156 @@
 .aviationSafety-book {
-  width: 100%;
-  height: 100%;
+    width: 100%;
+    height: 100%;
 
-  // 鑷畾涔夊唴瀹�
-  .page-box {
-      box-sizing: border-box;
-      min-height: 1128px;
-      margin-bottom: 20px;
-      box-shadow: 0 3px 6px 1px #00000029;
-      background-color: #fff;
-  }
+    // 鑷畾涔夊唴瀹�
+    .page-box {
+        box-sizing: border-box;
+        min-height: 1128px;
+        margin-bottom: 20px;
+        box-shadow: 0 3px 6px 1px #00000029;
+        background-color: #fff;
+    }
 
-  .foreword {
-      line-height: 10px !important;
-      margin-top: 0;
-  }
+    .foreword {
+        line-height: 10px !important;
+        margin-top: 0;
+    }
 
-  .c-g {
-      color: green;
-  }
+    .c-g {
+        color: green;
+    }
 
-  .c-r {
-      color: red;
-  }
+    .c-r {
+        color: red;
+    }
 
-  .t-right {
-      text-align: right;
-  }
+    .t-right {
+        text-align: right;
+    }
 
-  .mr-0 {
-      margin: 0 !important;
-  }
+    .mr-0 {
+        margin: 0 !important;
+    }
 
-  .mr-9 {
-      margin-right: 9%;
-  }
+    .mr-9 {
+        margin-right: 9%;
+    }
 
-  .ml-9 {
-      margin-left: 9%;
-  }
+    .ml-9 {
+        margin-left: 9%;
+    }
 
-  .ml-2e {
-      margin-left: 2em;
-  }
+    .ml-2e {
+        margin-left: 2em;
+    }
 
-  .mt--25{
-      margin-top: -25px !important;
-  }
+    .mt--25 {
+        margin-top: -25px !important;
+    }
 
-  .mt-10 {
-      margin-top: 10px !important;
-  }
+    .mt-10 {
+        margin-top: 10px !important;
+    }
 
-  .mt-20 {
-      margin-top: 20px !important;
-  }
+    .mt-20 {
+        margin-top: 20px !important;
+    }
 
-  .mt-30 {
-      margin-top: 30px !important;;
-  }
+    .mt-30 {
+        margin-top: 30px !important;
+        ;
+    }
 
-  .mt-50 {
-      margin-top: 50px !important;
-  }
+    .mt-50 {
+        margin-top: 50px !important;
+    }
 
-  .mb-20 {
-      margin-bottom: 20px !important;
-  }
+    .mb-20 {
+        margin-bottom: 20px !important;
+    }
 
-  .mb-10 {
-      margin-bottom: 10px;
-  }
+    .mb-10 {
+        margin-bottom: 10px;
+    }
 
-  .pd-5 {
-      padding: 0 5px;
-  }
+    .pd-5 {
+        padding: 0 5px;
+    }
 
-  .w100 {
-      width: 100%;
-  }
+    .w100 {
+        width: 100%;
+    }
 
-  .w90 {
-      width: 90%;
-  }
+    .w90 {
+        width: 90%;
+    }
 
 
-  .w80 {
-      width: 80%;
-  }
+    .w80 {
+        width: 80%;
+    }
 
 
-  .b0 {
-      border: 0;
-  }
+    .b0 {
+        border: 0;
+    }
 
-  sup {
-      vertical-align: super;
-      /* 淇濇寔涓婃爣瀵归綈鏂瑰紡 */
-      font-size: smaller;
-      // position: relative; /* 鐩稿浜庢甯镐綅缃皟鏁� */  
-      // top: -0.2em; /* 鏍规嵁闇�瑕佽皟鏁磋繖涓�� */ 
-  }
+    sup {
+        vertical-align: super;
+        /* 淇濇寔涓婃爣瀵归綈鏂瑰紡 */
+        font-size: smaller;
+        // position: relative; /* 鐩稿浜庢甯镐綅缃皟鏁� */  
+        // top: -0.2em; /* 鏍规嵁闇�瑕佽皟鏁磋繖涓�� */ 
+    }
 
-  .fz-13 {
-      font-size: 13px !important;
-  }
+    .fz-13 {
+        font-size: 13px !important;
+    }
 
-  .fz-14 {
-      font-size: 14px !important;
-  }
+    .fz-14 {
+        font-size: 14px !important;
+    }
 
-  .fz-15 {
-      font-size: 15px !important;
-  }
+    .fz-15 {
+        font-size: 15px !important;
+    }
 
-  .fz-16 {
-      font-size: 16px !important;
-  }
+    .fz-16 {
+        font-size: 16px !important;
+    }
 
-  .fz-18 {
-      font-size: 18px !important;
-  }
+    .fz-18 {
+        font-size: 18px !important;
+    }
 
 
-  .img-0 {
-      width: 100%;
-  }
+    .img-0 {
+        width: 100%;
+    }
 
-  .pt-20 {
-      padding-top: 20px;
-  }
+    .pt-20 {
+        padding-top: 20px;
+    }
 
-  .td-0 {
-      text-indent: 0em !important;
-  }
+    .td-0 {
+        text-indent: 0em !important;
+    }
 
-  .td-1 {
-      text-indent: 1em !important;
-  }
+    .td-1 {
+        text-indent: 1em !important;
+    }
 
-  .td-2 {
-      text-indent: 2em !important;
-  }
+    .td-2 {
+        text-indent: 2em !important;
+    }
 
-  .fl {
-      display: flex;
-  }
+    .fl {
+        display: flex;
+    }
 
-  .ju-cn {
-      justify-content: center;
-  }
+    .ju-cn {
+        justify-content: center;
+    }
 
     .ju-ev {
         justify-content: space-evenly;
@@ -258,9 +259,9 @@
         background-color: #6D84AE;
     }
 
-    .radioClass{
+    .radioClass {
         margin: 0 0 0 4px !important;
-       
+
     }
 
 
@@ -493,7 +494,7 @@
 
     .table-title-bc {
         background-color: #8091BC;
-        color:#fff;
+        color: #fff;
         line-height: 25px;
     }
 
@@ -536,7 +537,7 @@
             outline: none;
         }
     }
-    
+
     .table-input-border-w10 {
         width: 10%;
         background-color: transparent;
@@ -562,6 +563,7 @@
         background-color: transparent;
         border: 0;
         border-bottom: 1px solid #000;
+
         &:focus {
             outline: none;
         }
@@ -572,12 +574,13 @@
         background-color: transparent;
         border: 0;
         border-bottom: 1px solid #000;
+
         &:focus {
             outline: none;
         }
     }
 
-    
+
     .input-bottom-border2 {
         width: 21.5%;
         background-color: transparent;
@@ -588,6 +591,7 @@
             outline: none;
         }
     }
+
     // 瑙嗛  
     .video-box-cover {
         border: 1px dashed #895B2E;
@@ -609,6 +613,13 @@
     .videoname {
         display: flex;
         justify-content: center;
+    }
+
+    .sInput {
+        width: 60px;
+        border: 0;
+        outline: none;
+        text-align: center;
     }
 
     .collect-btn {
@@ -764,7 +775,7 @@
         display: flex !important;
         flex-direction: column-reverse !important;
         position: relative !important;
-    
+
         .img {
             margin: 0 !important;
             font-size: 14px !important;
@@ -773,7 +784,7 @@
             transform: translateX(-50%);
             bottom: -2% !important;
         }
-    
+
         img {
             height: 80%;
         }
@@ -1094,7 +1105,7 @@
     }
 
     .block2 {
-        font-family: "FANGSONG";
+        // font-family: "FANGSONG"
         font-size: 17px;
     }
 
@@ -1118,7 +1129,7 @@
 
 
     p {
-        font-family: "BOYA";
+        // font-family: "BOYA";
         margin-top: 0.2em;
         margin-bottom: 0.2em !important;
         text-indent: 2em;
@@ -1214,7 +1225,7 @@
 
 
     .h1-bj {
-        font-family: 'ZHUNYUAN';
+        // font-family: 'ZHUNYUAN';
         font-weight: 100;
         color: #FFFFFF;
         background-color: #6E85AF;
@@ -1223,7 +1234,7 @@
     }
 
     .h1-bk {
-        font-family: 'FANGZHENG';
+        // font-family: 'FANGZHENG';
         box-shadow: inset 0em 0.1em 0em 0em #C3C2C0;
         border-top-style: solid;
         border-right-style: solid;
@@ -1475,6 +1486,8 @@
         font-size: 1.2em;
     }
 
+
+
     .bk {
         border: 0.15em dotted #FAAD70;
         padding: 1em;
@@ -1484,11 +1497,11 @@
         position: relative;
 
         p {
-            font-family: ZHONGDENGXIAN;
+            // font-family: ZHONGDENGXIAN;
         }
 
         span {
-            font-family: ZHUNYUAN;
+            // font-family: ZHUNYUAN;
         }
     }
 
@@ -1516,6 +1529,9 @@
         font-weight: 100;
         padding: 0em 0.15em 0em 0.3em;
     }
+
+
+
 
 
     .bk1 {
@@ -1593,11 +1609,11 @@
         font-size: 1.2em;
     }
 
-    .zt-1{
-        color:#6F84AF;
+    .zt-1 {
+        color: #6F84AF;
         font-weight: bold;
-        font-size:1.1em;
-    
+        font-size: 1.1em;
+
     }
 
     div.bj3 {
@@ -1607,7 +1623,7 @@
         margin-bottom: 0.2em;
         margin-left: -0.6em;
         margin-right: -0.6em;
-        margin-top: -0.7em;
+        margin-top: -0.6em;
     }
 
     span.bj3-xyx {
@@ -1626,6 +1642,9 @@
         left: -25px;
 
     }
+
+
+
 
     .ts-1 {
         font-weight: bold;
@@ -1769,268 +1788,283 @@
 }
 
 .pdfModal {
-  width: 100%;
-  height: 90vh;
+    width: 100%;
+    height: 90vh;
 
-  .pdfBox-component {
-      width: 100%;
-      height: 100%;
-      position: relative;
+    .pdfBox-component {
+        width: 100%;
+        height: 100%;
+        position: relative;
 
-      .preview {
-          width: 100%;
-          height: 100%;
+        .preview {
+            width: 100%;
+            height: 100%;
 
-          .imageBox {
-              height: calc(100% - 30px);
-              overflow-x: hidden;
-              overflow-y: auto;
-              background: #ccc;
-              box-sizing: border-box;
-          }
+            .imageBox {
+                height: calc(100% - 30px);
+                overflow-x: hidden;
+                overflow-y: auto;
+                background: #ccc;
+                box-sizing: border-box;
+            }
 
-          .imageBox:hover {
-              cursor: zoom-in !important;
-          }
+            .imageBox:hover {
+                cursor: zoom-in !important;
+            }
 
-          ::v-deep .el-dialog__header {
-              background-color: rgba(0, 0, 0, 0.8);
+            ::v-deep .el-dialog__header {
+                background-color: rgba(0, 0, 0, 0.8);
 
-              .header_title {
-                  display: flex;
-                  justify-content: space-between;
-                  align-items: center;
-                  color: #fff;
-                  font-weight: 900;
-                  font-size: 16px;
-                  font-family: 'FZLTXIHJW';
+                .header_title {
+                    display: flex;
+                    justify-content: space-between;
+                    align-items: center;
+                    color: #fff;
+                    font-weight: 900;
+                    font-size: 16px;
+                    font-family: 'FZLTXIHJW';
 
-                  span:nth-child(2):hover {
-                      cursor: pointer;
-                  }
-              }
+                    span:nth-child(2):hover {
+                        cursor: pointer;
+                    }
+                }
 
-              ::v-deep .el-dialog__title,
-              ::v-deep .el-dialog__headerbtn .el-dialog__close {
-                  color: #fff;
-                  font-weight: 900;
-                  font-size: 16px;
-                  font-family: 'FZLTXIHJW';
-              }
-          }
+                ::v-deep .el-dialog__title,
+                ::v-deep .el-dialog__headerbtn .el-dialog__close {
+                    color: #fff;
+                    font-weight: 900;
+                    font-size: 16px;
+                    font-family: 'FZLTXIHJW';
+                }
+            }
 
-          .bottom_tool {
-              height: 30px;
-              background-color: rgba(0, 0, 0, 0.8);
-              display: flex;
-              justify-content: flex-end;
-              align-items: center;
+            .bottom_tool {
+                height: 30px;
+                background-color: rgba(0, 0, 0, 0.8);
+                display: flex;
+                justify-content: flex-end;
+                align-items: center;
 
-              svg {
-                  margin-right: 15px;
-                  fill: #d1d1d1;
-              }
+                svg {
+                    margin-right: 15px;
+                    fill: #d1d1d1;
+                }
 
-              svg:hover {
-                  fill: #fff;
-                  cursor: pointer;
-              }
-          }
-      }
+                svg:hover {
+                    fill: #fff;
+                    cursor: pointer;
+                }
+            }
+        }
 
-      .notBox {
-          position: absolute;
-          top: 0;
-          left: 0;
-          width: 100%;
-          height: calc(100% - 30px);
-          min-height: 300px;
-      }
-  }
+        .notBox {
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: calc(100% - 30px);
+            min-height: 300px;
+        }
+    }
 }
 
 .custom-dialog {
-  overflow: hidden !important;
 
-  .el-dialog__body {
-      padding: 0;
-  }
+    .el-dialog__body {
+        padding: 0;
+    }
 
-  .el-dialog__header {
-      background-color: rgba(0, 0, 0, 0.8);
+    .el-dialog__header {
+        background-color: rgba(0, 0, 0, 0.8);
 
-      .header_title {
-          display: flex;
-          justify-content: space-between;
-          align-items: center;
-          color: #fff;
-          font-weight: 900;
-          font-size: 16px;
-          font-family: 'FZLTXIHJW';
+        .header_title {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            color: #fff;
+            font-weight: 900;
+            font-size: 16px;
+            font-family: 'FZLTXIHJW';
 
-          span:nth-child(2):hover {
-              cursor: pointer;
-          }
-      }
+            span:nth-child(2):hover {
+                cursor: pointer;
+            }
+        }
 
-      .el-dialog__title,
-      .el-dialog__headerbtn .el-dialog__close {
-          color: #fff;
-          font-weight: 900;
-          font-size: 16px;
-          font-family: 'FZLTXIHJW';
-      }
-  }
+        .el-dialog__title,
+        .el-dialog__headerbtn .el-dialog__close {
+            color: #fff;
+            font-weight: 900;
+            font-size: 16px;
+            font-family: 'FZLTXIHJW';
+        }
+    }
 }
 
 .header_title {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  // color: #fff;
-  font-weight: 900;
-  font-size: 16px;
-  font-family: 'FZLTXIHJW';
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    // color: #fff;
+    font-weight: 900;
+    font-size: 16px;
+    font-family: 'FZLTXIHJW';
 
-  span:nth-child(2):hover {
-      cursor: pointer;
-  }
+    span:nth-child(2):hover {
+        cursor: pointer;
+    }
 }
 
 
 @font-face {
-  font-family: 'FZLTZHJW';
-  src: url('./Fonts/FZLTZHJW.ttf');
+    font-family: 'FZLTZHJW';
+    src: url('./Fonts/FZLTZHJW.ttf');
 }
 
 @font-face {
-  font-family: 'FZLTXIHJW';
-  src: url('./Fonts/FZLTXIHJW.ttf');
+    font-family: 'FZLTXIHJW';
+    src: url('./Fonts/FZLTXIHJW.ttf');
 }
 
 @font-face {
-  font-family: 'FZHTJW';
-  src: url('./Fonts/FZHTJW.ttf');
+    font-family: 'FZHTJW';
+    src: url('./Fonts/FZHTJW.ttf');
 }
 
 @font-face {
-  font-family: 'FANGSONG';
-  src: url('./Fonts/fangSong.ttf');
+    font-family: 'FANGSONG';
+    src: url('./Fonts/fangSong.ttf');
 }
 
 @font-face {
-  font-family: 'FANGZHENG';
-  src: url('./Fonts/fangZheng.ttf');
+    font-family: 'FANGZHENG';
+    src: url('./Fonts/fangZheng.ttf');
 }
 
 @font-face {
-  font-family: 'ZHUNYUAN';
-  src: url('./Fonts/zhunyuan.ttf');
+    font-family: 'ZHUNYUAN';
+    src: url('./Fonts/zhunyuan.ttf');
 }
 
 @font-face {
-  font-family: 'ZHONGDENGXIAN';
-  src: url('./Fonts/zhongdengxian.ttf');
+    font-family: 'ZHONGDENGXIAN';
+    src: url('./Fonts/zhongdengxian.ttf');
 }
 
 @font-face {
-  font-family: 'BOYA';
-  src: url('./Fonts/boYa.ttf');
+    font-family: 'BOYA';
+    src: url('./Fonts/boYa.ttf');
 }
 
 
 // 闅愯棌椤甸潰
 .hidePage {
-  min-height: 0 !important;
-  height: 0 !important;
-  box-shadow: none !important;
+    min-height: 0 !important;
+    height: 0 !important;
+    box-shadow: none !important;
 }
 
 /* 濯掍綋鏌ヨ鍋氬熀纭�鍝嶅簲寮忓竷灞� */
 
 @media screen and (max-width: 1024px) {
-  .pdfModal {
-      width: 100%;
-      height: 80vh;
-  }
+    .pdfModal {
+        width: 100%;
+        height: 80vh;
+    }
 
-  .custom-dialog {
-      .el-dialog {
-          width: 90vw !important;
-      }
-  }
+    h1 {
+        font-size: 1.1em;
+    }
+
+    .custom-dialog {
+        .el-dialog {
+            width: 90vw !important;
+        }
+    }
 }
 
 @media screen and (max-width: 800px) {
-  .pdfModal {
-      width: 100%;
-      height: 60vh;
-  }
+    .pdfModal {
+        width: 100%;
+        height: 60vh;
+    }
 
-  .custom-dialog {
-      .el-dialog {
-          width: 90vw !important;
-      }
-  }
+    .custom-dialog {
+        .el-dialog {
+            width: 90vw !important;
+        }
+    }
 }
 
 @media (max-width: 660px) {
-  .aviationSafety-book {
+    .aviationSafety-book {
 
-      /* 鍒嗛〉padding */
-      .padding-93 {
-          padding: 0 20px;
-      }
+        /* 鍒嗛〉padding */
+        .padding-93 {
+            padding: 0 20px;
+        }
 
-      .padding-102 {
-          padding: 0 20px;
-      }
+        .padding-102 {
+            padding: 0 20px;
+        }
 
 
-      .img-float {
-          width: 130px;
-      }
+        .img-float {
+            width: 130px;
+        }
 
-      .img-rights {
-          width: 130px;
-      }
+        .img-rights {
+            width: 130px;
+        }
 
-      .btn-w {
-          width: 42px;
-      }
-  }
+        .btn-w {
+            width: 42px;
+        }
+
+        .pad-l-60 {
+            padding-left: 10px;
+        }
+
+        .mr-70 {
+            margin-right: 15px;
+        }
+
+        h1 {
+            font-size: 1.1em;
+        }
+    }
 }
 
 @media (min-width: 660px) {
-  .aviationSafety-book {
-      .padding-93 {
-          padding: 0 93px 0px 93px;
-      }
+    .aviationSafety-book {
+        .padding-93 {
+            padding: 0 93px 0px 93px;
+        }
 
-      .padding-102 {
-          padding: 0 102px 0 102px;
-      }
-  }
+        .padding-102 {
+            padding: 0 102px 0 102px;
+        }
+    }
 }
 
 ::-webkit-scrollbar {
-  width: 8px;
-  height: 10px;
+    width: 8px;
+    height: 10px;
 }
 
 ::-webkit-scrollbar-track-piece {
-  background-color: rgba(0, 0, 0, 0.1);
-  -webkit-border-radius: 6px;
+    background-color: rgba(0, 0, 0, 0.1);
+    -webkit-border-radius: 6px;
 }
 
 ::-webkit-scrollbar-thumb:vertical {
-  height: 5px;
-  background-color: rgba(125, 125, 125, 0.3);
-  -webkit-border-radius: 6px;
+    height: 5px;
+    background-color: rgba(125, 125, 125, 0.3);
+    -webkit-border-radius: 6px;
 }
 
 ::-webkit-scrollbar-thumb:horizontal {
-  width: 5px;
-  background-color: rgba(125, 125, 125, 0.3);
-  -webkit-border-radius: 6px;
+    width: 5px;
+    background-color: rgba(125, 125, 125, 0.3);
+    -webkit-border-radius: 6px;
 }
\ No newline at end of file

--
Gitblit v1.9.1