From ef1a27bad9c3b21ee4ab081b68e02a38b44b1bdf Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期一, 05 八月 2024 11:58:05 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

---
 src/books/sportsAndHealth/css/default.less |  321 +++++++++++++++++++++++++++++++++++++++++-----------
 1 files changed, 251 insertions(+), 70 deletions(-)

diff --git a/src/books/sportsAndHealth/css/default.less b/src/books/sportsAndHealth/css/default.less
index 670e107..2027bb9 100644
--- a/src/books/sportsAndHealth/css/default.less
+++ b/src/books/sportsAndHealth/css/default.less
@@ -18,6 +18,79 @@
       font-size: 18px;
 
       .chapter {
+        //new
+        .fl{
+          display: flex;
+        }
+        .fd-c{
+          flex-direction: column;
+        }
+        .al-c{
+          align-items: center;
+        }
+        .w50{
+          width: 50%;
+        }
+        .w56{
+          width: 56%;
+        }
+        .w13{
+          width: 13%;
+        }
+        .w24{
+          width: 24%;
+        }
+        .w22{
+          width: 22%;
+        }
+        .w32{
+          width: 32%;
+        }
+        .w34{
+          width: 34%;
+        }
+        .span-P{
+          font-family: "FZLTXIHJW";
+          font-size: 14px;
+          color:#F79447 ;
+        }
+        .span-S{
+          color:#F79447 ;
+        }
+        .tl{
+          text-align: left !important;
+        }
+        .tw-no{
+          text-wrap: nowrap;
+        }
+        .table-p{
+          margin: 0%;
+          text-indent: 0;
+          font-size: 14px;
+          line-height: 25px;
+          font-family: "FZLTXIHJW";
+        }
+        .imgBox{
+          display: flex; 
+          flex-direction: column-reverse;
+          position: relative;
+          .img{
+            position: absolute;
+            left: 40%;
+            bottom:-10%;
+          }
+        }
+
+        .table-text{
+          border: none;
+          background-color: transparent;
+          resize: none;
+          &:focus {
+            outline: none;
+          }
+        }
+
+        //over
         textarea {
           width: 100%;
           font-family: "FZLTXIHJW";
@@ -406,6 +479,75 @@
           justify-content: flex-start;
         }
 
+        .bj-img04 {
+          position: absolute;
+          left: 0;
+          top: 0;
+          width: 100%;
+          height: 98%;
+          background: url("../image/dy4.jpg");
+          background-position: top;
+          background-size: 100% 45%;
+          background-repeat: no-repeat;
+          display: flex;
+          justify-content: flex-start;
+        }
+        
+        .bj-img05 {
+          position: absolute;
+          left: 0;
+          top: 0;
+          width: 100%;
+          height: 98%;
+          background: url("../image/dy5.jpg");
+          background-position: top;
+          background-size: 100% 45%;
+          background-repeat: no-repeat;
+          display: flex;
+          justify-content: flex-start;
+        }
+        .bj-img06 {
+          position: absolute;
+          left: 0;
+          top: 0;
+          width: 100%;
+          height: 98%;
+          background: url("../image/dy6.jpg");
+          background-position: top;
+          background-size: 100% 45%;
+          background-repeat: no-repeat;
+          display: flex;
+          justify-content: flex-start;
+        }
+        .bj-img07 {
+       
+          position: absolute;
+          left: 0;
+          top: 0;
+          width: 100%;
+          height: 98%;
+          background: url("../image/dy7.jpg");
+          background-position: top;
+          background-size: 100% 45%;
+          background-repeat: no-repeat;
+          display: flex;
+          justify-content: flex-start;
+        }
+
+        .bj-img08 {
+       
+          position: absolute;
+          left: 0;
+          top: 0;
+          width: 100%;
+          height: 98%;
+          background: url("../image/dy8.jpg");
+          background-position: top;
+          background-size: 100% 45%;
+          background-repeat: no-repeat;
+          display: flex;
+          justify-content: flex-start;
+        }
         .bj-byb {
           width: 100%;
           padding: 20px 10px;
@@ -435,7 +577,7 @@
             outline: none;
           }
         }
-
+          
         .publicxbc {
           min-width: 100px;
           display: flex;
@@ -453,7 +595,7 @@
           font-size: 16px;
           font-weight: 700;
           border-radius: 15px;
-
+      
           .icon {
             width: 25px;
             height: 25px;
@@ -487,6 +629,21 @@
           height: auto;
           margin: auto;
           margin-right: 20px;
+
+          img {
+            width: 100%;
+          }
+
+          p {
+            margin: 0;
+          }
+        }
+        .img-rights {
+          width: 250px;
+          float: right;
+          height: auto;
+          margin: auto;
+          margin-left: 20px;
 
           img {
             width: 100%;
@@ -549,7 +706,7 @@
           .pdf-con {
             display: flex;
             justify-content: flex-start;
-            align-items: center;
+            flex-direction: column;
             padding: 10px 0;
             box-sizing: border-box;
             border-radius: 10px;
@@ -558,9 +715,9 @@
               min-width: 160px;
               display: flex;
               justify-content: center;
-              align-items: center;
               border: 0.15em dashed #b898c7;
               margin-right: 15px;
+              margin-top: 5%;
               padding: 0 15px;
               border-radius: 5px;
 
@@ -880,12 +1037,22 @@
           font-family: "FZLTXIHJW";
           text-align: center;
           font-size: 0.8em;
-          color: #5d78bb;
+          color: #F79447;
           margin-left: 0%;
           margin-right: 0%;
           text-indent: 0em;
         }
 
+        
+        .img-2{
+          font-family: "FZLTXIHJW";
+          text-align: center;
+          font-size: 0.8em;
+          color: #457EBA;
+          margin-left: 0%;
+          margin-right: 0%;
+          text-indent: 0em;
+        }
         .img1 {
           font-family: "FZLTXIHJW";
           text-align: right;
@@ -1702,6 +1869,7 @@
         .zt-ls {
           color: #99b4df;
           font-weight: bold;
+          text-indent: 1em;
         }
 
         .zt-cs {
@@ -1921,71 +2089,6 @@
   }
 }
 
-.pdfModal {
-  width: 100%;
-  height: 90vh;
-}
-
-@media screen and (max-width: 1024px) {
-  .pdfModal {
-    width: 100%;
-    height: 80vh;
-  }
-
-  .custom-dialog {
-    .el-dialog {
-      width: 90vw !important;
-    }
-  }
-}
-
-@media screen and (max-width: 800px) {
-  .pdfModal {
-    width: 100%;
-    height: 60vh;
-  }
-
-  .custom-dialog {
-    .el-dialog {
-      width: 90vw !important;
-    }
-  }
-}
-
-
-.custom-dialog {
-  overflow: hidden !important;
-
-  .el-dialog__body {
-    padding: 0;
-  }
-
-  .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";
-
-      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";
-    }
-  }
-}
 
 .tablePublic input[type="checkbox"]:checked + .checkmark {
   background: #000 !important;
@@ -2020,3 +2123,81 @@
 body {
   background-color: #e6e6e6;
 }
+
+
+.promptLeftBox{
+      width: 200px;
+      float: left;
+}
+
+
+.promptRightBox{
+  width: 200px;
+  float: right;
+}
+
+
+.learnOneMore{
+  width: 100px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  background-color:#b898c7;
+  border: 0.15em dotted #b898c7;
+  padding: 2px 8px 3px 2px;
+  box-sizing: border-box;
+  color:#ffffff;
+  font-family: "FZLTXIHJW";
+  font-size: 16px;
+  font-weight: 700;
+  border-radius: 15px;
+
+  .icon {
+    width: 25px;
+    height: 25px;
+    border-radius: 5px;
+    background-color: #b898c7;
+    border: 1px solid #b898c7;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-left: 10px;
+    cursor: pointer;
+
+    svg {
+      fill: #fff;
+    }
+  }
+
+  .icon:hover {
+    background-color: #fff;
+    border: 1px solid #b898c7;
+
+    svg {
+      fill: #b898c7;
+    }
+  }
+}
+
+
+.smallTitle{
+  text-indent: 1em;
+}
+
+
+.subsectionContent{
+  text-indent: 2em;
+}
+
+.imgp{
+  color: #ac92c4; font-size: 14px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+ 
+}
+.learningObjectives{
+  color: #8da2d7;
+}
+

--
Gitblit v1.9.1