From a78bf9dadeb48b87bd2cdee6ae589f0847fc78d7 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期四, 24 七月 2025 00:14:23 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

---
 src/books/preschoolGameGuidance/css/default.less |  746 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 737 insertions(+), 9 deletions(-)

diff --git a/src/books/preschoolGameGuidance/css/default.less b/src/books/preschoolGameGuidance/css/default.less
index a035df0..7dfe265 100644
--- a/src/books/preschoolGameGuidance/css/default.less
+++ b/src/books/preschoolGameGuidance/css/default.less
@@ -47,11 +47,145 @@
         align-items: center;
       }
 
-      .notIndent{
+      .notIndent {
         text-indent: 0 !important;
       }
 
       .chapter {
+
+        .questionBox {
+          width: 100%;
+          border: 2px solid #00ADEF;
+          margin-bottom: 10px;
+
+          .titleBox {
+            width: 100%;
+            height: 35px;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            border-bottom: 2px solid #00ADEF;
+
+            .title {
+              padding: 3px 0;
+              width: 120px;
+              background-color: #00ADEF;
+              text-align: center;
+              color: #000;
+              font-weight: 600;
+              letter-spacing: 2px;
+            }
+
+            img {
+              width: 25px;
+              height: 26px;
+              cursor: pointer;
+              margin-right: 10px;
+            }
+          }
+
+          .questionContent {
+            padding: 20px;
+            box-sizing: border-box;
+
+            .q-title {
+              font-size: 32px;
+              font-weight: 700;
+              text-align: center;
+              margin-bottom: 60px;
+            }
+
+            .q-tips {
+              font-size: 22px;
+              font-weight: 600;
+              text-align: center;
+              text-indent: 0;
+            }
+
+            .block-tips {
+              font-size: 18px;
+              font-weight: 600;
+              font-family: '妤蜂綋';
+            }
+
+            .block-ms-tips {
+              font-weight: 600;
+            }
+          }
+        }
+
+        .imgBox-003 {
+          width: 100%;
+          height: 220px;
+        }
+
+        .videoBox {
+          width: 100%;
+          padding: 30px 20px;
+          padding-top: 60px;
+          box-sizing: border-box;
+          display: flex;
+          justify-content: space-around;
+          flex-wrap: wrap;
+          align-items: center;
+
+          .videoItem {
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+            align-items: center;
+
+            .video-border {
+              width: 100%;
+              // border: 2px solid #fff;
+              border-radius: 10px;
+              margin-bottom: 10px;
+            }
+          }
+        }
+
+        .bk-xyx {
+          textarea {
+            width: 100%;
+            max-width: 630px;
+            border: 1px solid #00ADEF;
+            border-radius: 5px;
+            font-size: 16px;
+            font-family: '瀹嬩綋';
+            line-height: 30px;
+            padding: 10px;
+            box-sizing: border-box;
+          }
+
+          textarea:focus {
+            outline: none;
+            border-color: #000;
+          }
+        }
+
+        .btn-group {
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          margin-bottom: 5px;
+          padding-left: 20px;
+
+          .answerText {
+            margin-left: 20px;
+            font-weight: 600;
+          }
+        }
+
+        .btn-default {
+          background-color: #35ACD6;
+          border: 1px solid #35ACD6;
+          color: #fff;
+          padding: 5px 10px;
+          box-sizing: border-box;
+          border-radius: 5px;
+          margin: 0 5px;
+          cursor: pointer;
+        }
 
         .coverImg {
           position: absolute;
@@ -290,9 +424,10 @@
 
         .block {
           font-size: 16px;
-          color: #666;
-          font-weight: 600;
+          color: #000;
+          font-weight: 500;
           font-family: '妤蜂綋';
+          line-height: 1.5;
         }
 
         .block1 {
@@ -793,7 +928,7 @@
           min-height: 1150px;
           display: flex;
           flex-direction: column;
-          justify-content: center;  
+          justify-content: center;
           align-items: center;
         }
 
@@ -838,8 +973,8 @@
 
         div.tp-2 {
           margin-bottom: 0.2em;
-          margin-top: -3em;
-          margin-left: 25em;
+          margin-top: -3.5em;
+          margin-left: 27em;
         }
 
         div.tp-3 {
@@ -856,8 +991,13 @@
 
         div.tp-5 {
           margin-bottom: 0.2em;
-          margin-top: -2.9em;
-          margin-left: 6.5em;
+          margin-top: -1.3em;
+          margin-left: 8.5em;
+        }
+        div.tp-5-1 {
+          margin-bottom: 0.2em;
+          margin-top: -3.3em;
+          margin-left: 8.7em;
         }
 
         div.tp-6 {
@@ -1118,4 +1258,592 @@
 
     }
   }
-}
\ No newline at end of file
+}
+
+
+
+.headerTextImg {
+  width: 2%;
+  margin-right: 5px;
+}
+
+.header-left {
+  font-size: 14px;
+  font-family: "FZHTJW";
+  position: relative;
+}
+
+.headerText {
+  font-size: 14px;
+}
+
+.zoom12 {
+  width: 100%;
+  height: 100%;
+  -webkit-transform: scale(1.2);
+  transform: scale(1.2);
+  -webkit-transform-origin: 0 0;
+  transform-origin: 0 0;
+}
+
+
+.headerRightNumber {
+  font-size: 14px;
+  border-left: #00ADEF solid 1px;
+  padding-left: 10px;
+  margin-left: 10px;
+}
+
+
+.header-left-text {
+  font-size: 14px;
+  margin-left: 10px;
+  padding-left: 10px;
+  border-left: #00ADEF solid 2px;
+}
+
+.header-left-img {
+  position: absolute;
+  top: 60px;
+  left: 19%;
+  width: 22%;
+}
+
+.max-400 {
+  max-width: 400px;
+}
+
+.c-p {
+  cursor: pointer;
+}
+
+.foreword {
+  line-height: 10px !important;
+  margin-top: 0;
+}
+
+.c-g {
+  color: green;
+}
+
+.c-r {
+  color: red;
+}
+
+.t-right {
+  text-align: right;
+}
+
+.mr-0 {
+  margin: 0 !important;
+}
+
+.mr-9 {
+  margin-right: 9%;
+}
+
+.ml-9 {
+  margin-left: 9%;
+}
+
+.ml-2e {
+  margin-left: 2em;
+}
+
+.mt--25 {
+  margin-top: -25px !important;
+}
+
+.mt-10 {
+  margin-top: 10px !important;
+}
+
+.mt-20 {
+  margin-top: 20px !important;
+}
+
+.mt-30 {
+  margin-top: 30px !important;
+}
+
+.mt-50 {
+  margin-top: 50px !important;
+}
+
+
+.mb-20 {
+  margin-bottom: 20px !important;
+}
+
+.mb-10 {
+  margin-bottom: 10px;
+}
+
+.pd-5 {
+  padding: 0 5px;
+}
+
+.w100 {
+  width: 100%;
+}
+
+.mk-img {
+  height: 100%;
+}
+
+.w90 {
+  width: 90%;
+}
+
+
+.w80 {
+  width: 80%;
+}
+
+
+.b0 {
+  border: 0;
+}
+
+.tal-j {
+  font-size: 23px;
+  font-family: "瀹嬩綋";
+  display: inline-block;
+  width: 100px;
+  text-align-last: justify;
+}
+
+
+sup {
+  cursor: pointer;
+  vertical-align: super;
+  /* 淇濇寔涓婃爣瀵归綈鏂瑰紡 */
+  font-size: smaller;
+  // position: relative; /* 鐩稿浜庢甯镐綅缃皟鏁� */  
+  // top: -0.2em; /* 鏍规嵁闇�瑕佽皟鏁磋繖涓�� */ 
+}
+
+.fz-13 {
+  font-size: 13px !important;
+}
+
+.fz-14 {
+  font-size: 14px !important;
+}
+
+.fz-15 {
+  font-size: 15px !important;
+}
+
+.fz-16 {
+  font-size: 16px !important;
+}
+
+.fz-18 {
+  font-size: 18px !important;
+}
+
+.fz-20 {
+  font-size: 20px !important;
+}
+
+.fz-23 {
+  font-size: 23px !important;
+}
+
+.fm-kt {
+  font-family: "kaiti";
+}
+
+.fm-st {
+  font-family: "瀹嬩綋";
+}
+
+.fm-fzfs {
+  font-family: "鏂规浠垮畫绠�浣�";
+}
+
+
+.fm-fzdbs {
+  font-family: "鏂规澶ф爣瀹�";
+}
+
+.fm-fzss {
+  font-family: "鏂规涔﹀畫";
+}
+
+.img-0 {
+  width: 100%;
+}
+
+.pt-10 {
+  padding-top: 10px;
+}
+
+.pt-20 {
+  padding-top: 20px;
+}
+
+.td-0 {
+  text-indent: 0em !important;
+}
+
+.td-1 {
+  text-indent: 1em !important;
+}
+
+.td-2 {
+  text-indent: 2em !important;
+}
+
+.fl {
+  display: flex;
+}
+
+.ju-cn {
+  justify-content: center;
+}
+
+.ju-ev {
+  justify-content: space-evenly;
+}
+
+.fd-c {
+  flex-direction: column;
+}
+
+.fd-r {
+  flex-direction: row-reverse;
+}
+
+.al-c {
+  align-items: center;
+}
+
+.al-fe {
+  align-items: flex-end;
+}
+
+.ac-f {
+  align-content: flex-end;
+}
+
+.jc-fe {
+  justify-content: flex-end;
+}
+
+.jc-c {
+  justify-content: center;
+}
+
+.jc-sa {
+  justify-content: space-around
+}
+
+.mr-70 {
+  margin-right: 70px;
+}
+
+.mr-45 {
+  margin-right: 45px;
+}
+
+.mr-10 {
+  margin-right: 10px;
+}
+
+.mr-5 {
+  margin-right: 5px;
+}
+
+.ma-l {
+  margin-left: 10%;
+}
+
+.ta-l {
+  text-align: left !important;
+}
+
+.wh-no {
+  white-space: nowrap;
+}
+
+.pad-t-55 {
+  padding-top: 55px;
+}
+
+.pad-r-14 {
+  padding-right: 14%;
+}
+
+// 椤电湁
+.pad-l-14 {
+  padding-left: 14%;
+}
+
+.pad-l-60 {
+  padding-left: 60px;
+}
+
+.mb-25 {
+  margin-bottom: 25px;
+}
+
+.mb-45 {
+  margin-bottom: 45px;
+}
+
+.headerImg {
+  width: 30px;
+}
+
+.footer-right {
+  font-size: 13px;
+  position: absolute;
+  bottom: 50px;
+  right: 13%;
+}
+
+.footer-left {
+  font-size: 13px;
+  padding: 0;
+  position: absolute;
+  bottom: 50px;
+  left: 13%;
+}
+
+.footerText {
+  margin-right: 15px;
+  font-weight: 200;
+}
+
+.footerText-left {
+  margin-left: 15px;
+  font-weight: 200;
+}
+
+.footerNumber {
+  font-size: 15px;
+}
+
+.radioClass {
+  margin: 0 0 0 4px !important;
+
+}
+
+
+.task-u2-c {
+  width: 16%;
+  margin-bottom: 6em;
+  margin-top: 0;
+  border-top: 0.7em solid #F89C1C;
+}
+
+.task-u3-c {
+  width: 16%;
+  margin-bottom: 6em;
+  margin-top: 0;
+  border-top: 0.7em solid #0A9CAC;
+}
+
+.task-u4-c {
+  width: 16%;
+  margin-bottom: 6em;
+  margin-top: 0;
+  border-top: 0.7em solid #92B03D;
+}
+
+.task-u5-c {
+  width: 16%;
+  margin-bottom: 6em;
+  margin-top: 0;
+  border-top: 0.7em solid #0180CD;
+}
+
+.p-odd {
+  padding-right: 2%;
+}
+
+.p-even {
+  padding-left: 2%;
+}
+
+.input-bottom-border {
+  border: 0;
+  border-bottom: 1px solid #03AFED;
+  width: 40%;
+  margin-left: 5%;
+
+  &:focus {
+    outline: none;
+  }
+}
+
+.input-bc-t {
+  border: 0;
+  border-bottom: 1px solid #03AFED;
+  width: 86%;
+  background-color: transparent;
+
+  &:focus {
+    outline: none;
+  }
+}
+
+.btn-box {
+  margin-left: 5px;
+  cursor: pointer;
+  text-indent: 0;
+  display: inline-block;
+  border: 1px solid #0bab87;
+  height: 22px;
+  padding: 5px;
+  background-color: #0bab87;
+  border-radius: 5px;
+
+  &:hover {
+
+    svg {
+      fill: #0bab87;
+    }
+  }
+}
+
+.a {
+  fill: #fff;
+}
+
+.btn-border {
+  border-radius: 6px;
+  border-color: #5192C6;
+}
+
+.btn-w {
+  cursor: pointer;
+  font-size: 14px;
+  border-width: 1px;
+  width: 80px;
+  height: 30px;
+  background-color: #fff;
+
+  &:hover {
+    background-color: #5192C6;
+    color: #fff;
+  }
+}
+
+.parimary-btn {
+  cursor: pointer;
+  min-width: 80px;
+  height: 30px;
+  font-size: 14px;
+  margin-left: 5px;
+  background-color: #5192C6;
+  border-color: #5192C6;
+  border-width: 1px;
+  color: #fff;
+  border-radius: 6px;
+
+  &:hover {
+    background-color: #a1afc8;
+    border-color: #a1afc8;
+  }
+}
+
+.rwmb-1 {
+  margin-left: -2.4em;
+  margin-bottom: -0.6em;
+  margin-top: 0.5em;
+  height: 2em;
+}
+
+.rwmb-5 {
+  margin-left: -2.75em;
+  margin-bottom: 1em;
+  margin-top: -5em;
+  height: 2em;
+}
+
+.rwmb-6 {
+  height: 1.8em;
+}
+
+.rwmb-7 {
+  height: 1.5em;
+}
+
+.zt-ht {
+  font-weight: bold;
+  font-size: 1.2em;
+  font-family: "HiFont Hei GB";
+}
+
+   .pdf-text {
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        align-items: flex-start;
+        margin-bottom: 20px;
+
+        p {
+            margin: 0;
+            margin-right: 10px;
+        }
+
+        .pdf-con {
+            display: flex;
+            justify-content: flex-start;
+            align-items: center;
+            padding: 10px 0;
+            box-sizing: border-box;
+            border-radius: 10px;
+
+            .pdf-view {
+                min-width: 160px;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                margin-right: 15px;
+                padding: 0 15px;
+                border-radius: 5px;
+                margin-top: 15px;
+
+                span {
+                    color: #1b98be;
+                    font-size: 14px;
+                    text-align: center;
+                    font-family: 'FZLTXIHJW';
+                    display: flex;
+                    align-items: center;
+                    justify-content: flex-start;
+
+                    svg {
+                        fill: #1b98be;
+                    }
+                }
+
+                span:nth-child(2) {
+                    padding-top: 5px;
+                    box-sizing: border-box;
+                }
+
+                span:hover {
+                    color: #1b98be;
+                    cursor: pointer;
+                    text-decoration: underline;
+                    -webkit-user-select: none;
+                    /* Safari 3.1+ */
+                    -moz-user-select: none;
+                    /* Firefox 2+ */
+                    -ms-user-select: none;
+                    /* IE 10+ */
+                    user-select: none;
+                    /* 鏍囧噯璇硶 */
+                }
+            }
+        }
+
+        .pdf-con-15 {
+            margin-top: -20px;
+        }
+    }

--
Gitblit v1.9.1