litian
2025-02-28 774365953b5b41069efa0e1e463ffe6aef0c26d4
src/books/preschoolBasicKnowledge/assets/main.less
@@ -5,10 +5,11 @@
   // 自定义内容
   .page-box {
      box-sizing: border-box;
      min-height: 1128px;
      min-height: 980px;
      margin-bottom: 20px;
      box-shadow: 0 3px 6px 1px #00000029;
      background-color: #fff;
      position: relative;
   }
   p {
@@ -41,7 +42,7 @@
   }
   .fz-20 {
      font-size: 20px;
      font-size: 20px !important;
   }
   .img-0 {
@@ -100,6 +101,9 @@
    .mt-30 {
        margin-top: 30px;
    }
   .mt-100 {
        margin-top: 100px;
    }
    .ml-30 {
        margin-left: 30px;
@@ -108,6 +112,9 @@
    .ml-9 {
        margin-left: 9%;
    }
   .padding{
      padding:10%;
   }
   .bwh{
@@ -131,15 +138,118 @@
        width: 200px;
        margin: 10px 0;
    }
   .textarea-box {
        width:88%;
        margin-left:2em;
        overflow: auto;
        word-break: break-all;
        resize: none;
        border-radius: 5px;
        background-color: rgba(255, 255, 255, 0);
      margin-bottom: 20px;
    }
    .textarea-box1 {
        width: 100%;
        overflow: auto;
        word-break: break-all;
        resize: none;
        border: 0;
        background-color: rgba(255, 255, 255, 0);
        outline: none;
    }
   .input-box{
        border:none;
        border-bottom:1px solid #333;
        background-color:rgba(255, 255, 255, 0);
        outline: none;
    }
   .pdf-view {
      min-width: 160px;
      display: flex;
      align-items: center;
      span {
         font-size: 14px;
         text-align: center;
         font-family: 'FZLTXIHJW';
         display: flex;
         align-items: center;
         justify-content: flex-start;
         color:#01AFEE;
         svg {
            fill: #01AFEE;
         }
      }
      span:nth-child(2) {
         padding-top: 5px;
         box-sizing: border-box;
      }
   }
   .color{
      font-weight: bold;
      color:#01AFEE;
   }
   .img-rights {
        width: 260px;
        float: right;
        height: auto;
        margin: auto;
        margin-left: 18px;
    }
   .collect-btn {
        cursor: pointer;
        width: 20px;
        height: 20px;
        margin-left: 10px;
        margin-top: 0.8%;
    }
    .collect-btn1 {
        cursor: pointer;
        width: 10px;
        height: 10px;
        margin-left: 10px;
        margin-top: 0.8%;
    }
   .w100{
      width:100%;
   }
   .videoname{
      font-size:12px;
   }
   .between{
      flex:1;
      margin: 0 10px;
   }
   //
   ul {
      list-style-type: none;
      margin: 20px 10%;
      padding:0 !important;
      font-size:13px;
      font-family: "YouYuan";
   }
   li {
      list-style-type: none;
      padding: 0 5px;
   }
   .f-right{
      position: absolute;
      bottom: 20px;
      right: 9%;
   }
   .f-left{
      position: absolute;
      bottom: 20px;
      left: 9%;
   }
   @font-face {
@@ -289,13 +399,44 @@
   div.bodystyle {
      font-family: 'FZLTXIHJW';
      font-size: 18px;
      text-align: justify;
      margin:0 10%;
      padding: 8% 0;
      line-height: 30px;
      // font-size: 18px;
   }
   .page-box:nth-child(even) .bodystyle {
        font-family: 'FZLTXIHJW';
        text-align: justify;
        margin: 0 15% 0 13%;
        padding-bottom: 80px;
        line-height: 30px;
        padding: 8% 0 12%;
    }
    .page-box:nth-child(odd) .bodystyle {
        font-family: 'FZLTXIHJW';
        text-align: justify;
        margin: 0 13% 0 15%;
        padding-bottom: 80px;
        line-height: 30px;
        padding: 8% 0 12% 0;
    }
   // .bodystyle:nth-of-type(odd) {
    //     font-family: 'FZLTXIHJW';
    //     text-align: justify;
    //     padding: 8% 11% 0 9%;
    //     padding-bottom: 80px;
    //     line-height: 30px;
    // }
    // .bodystyle:nth-of-type(even) {
    //     font-family: 'FZLTXIHJW';
    //     text-align: justify;
    //     padding: 8% 9% 0 11%;
    //     padding-bottom: 80px;
    //     line-height: 30px;
    // }
   span.zt-0 {
      color: #0087AF;
@@ -363,12 +504,18 @@
   .block {
      color: #00ADEF;
      font-size: 16px;
        font-family: "KAITI";
   }
   .block1 {
      font-size: 16px;
        font-family: "FangSong";
   }
      color: red;
   .block3{
      font-size:16px;
       font-family: 'FZLTXIHJW';
   }
@@ -474,18 +621,6 @@
   }
   .h1-zt {
      font-family: 'FZLTZHJW';
      line-height: 2em;
      color: #01AFEE;
      font-weight: bold;
      font-size: 1.9em;
      margin-bottom: 1em;
      margin-top: -0.5em;
      text-indent: 0em;
   }
   .h1-bk {
      box-shadow: 0em 0.1em 0em 0em #C3C2C0;
      border-top-style: solid;
@@ -507,113 +642,62 @@
   .front {
      font-family: 'FZLTZHJW';
      font-weight: bold;
      font-size: 1.1em;
      color: #00ADEF;
      margin-top: 0.2em;
      margin-bottom: 3em;
      text-indent: 0em;
      text-align: center;
   }
   h2 {
      text-align: center;
      font-family: 'FZHTJW';
      font-family: '宋体';
      font-weight: bold;
      font-size: 1.6em;
      margin-bottom: 0em;
      margin-top: 1.5em;
      text-indent: 2em;
   }
   .h2-zt {
      background-color: #3C84A5;
      color: #FFFFFF;
      border-radius: 0.2em 0em 0em 0.2em;
      margin-bottom: 1em;
      margin-top: -0.5em;
      padding: 0.2em 0.5em 0.2em 0.5em;
   }
   .h2-zt1 {
      border-radius: 0em 0.2em 0.2em 0em;
      padding: 0.2em 0.5em 0.2em 0.5em;
      background-color: #316076;
      color: #FFFFFF;
      margin-bottom: 1em;
      margin-top: -0.8em;
   }
   h3 {
      font-family: 'FZHTJW';
      font-family: '宋体';
      font-weight: bold;
      color: #1D668F;
      font-size: 1.3em;
      border-bottom: 4px dotted #9BC3C2;
      margin-bottom: 1em;
      margin-top: 1em;
      text-indent: 2em;
      margin-left: 1.5em;
   }
   .h3-zt {
      background-color: #9BC3C2;
      color: #FFFFFF;
      border-radius: 0.2em;
      margin-bottom: 0em;
      margin-top: -0.5em;
      padding: 0.1em 0.2em 0.1em 0.2em;
      margin-left: -3.5em;
   }
   h4 {
      font-family: 'FZHTJW';
      font-weight: 500;
      font-family: '宋体';
      font-weight: bold;
      margin-bottom: 0.5em;
      margin-top: 1em;
      font-size: 1.1em;
      border-radius: 1em;
      text-indent: 1em;
      text-indent: 2em;
      color: #000;
   }
   h5 {
      color: #000;
      font-family: 'FZHTJW';
      font-weight: bold;
      font-family: '宋体';
      margin-bottom: 0.5em;
      margin-top: 1em;
      font-size: 1.05em;
      text-indent: 2em;
   }
   .zt-h6 {
      font-family: 'FZHTJW';
      color: #65C097;
      margin-bottom: 0.5em;
      margin-top: 1em;
      font-size: 1.15em;
      text-indent: 2em;
   }
   .bb {
      font-family: "cnepub", serif;
      font-family: 'FZHTJW';
      color: #66CCCC;
      font-size: 1.1em;
      margin-top: 10px;
      text-indent: 2em;
      margin-bottom: 10px;
      border-bottom: 5px dotted #F4C388;
      margin-left: 2em;
      margin-bottom: 0.5em;
      text-indent: 0em;
   }
   .u {
@@ -788,32 +872,33 @@
   div.bk-tp {
      margin-top: -3em;
      margin-bottom: 0.5em;
      margin-left: -2.7em;
      margin-left: -2.5em;
   }
   .rwmb-2 {
      margin-top: 0.1em;
      margin-top: 1em;
      margin-bottom: 0.5em;
      height: 3.4em;
      height: 3em;
   }
   div.bk-tp1 {
      margin-top: -2.8em;
      margin-bottom: 0.5em;
      margin-left: -2.7em;
      margin-left: -2.4em;
   }
   .rwmb-3 {
      margin-top: 0.1em;
      margin-top: 1em;
      margin-bottom: 0.5em;
      height: 2.5em;
      height: 2.2em;
   }
   .rwmb-4 {
      margin-top: 0.1em;
      margin-top: 1em;
      margin-bottom: 0.5em;
      height: 2.2em;
      height: 2em;
   }
   div.bk4 {
@@ -997,9 +1082,10 @@
   }
   .zt-ht {
      font-weight: bold;
      font-size: 1.2em;
      font-family: "HiFont Hei GB";
      font-weight: 500;
      font-size: 1.1em;
      font-family: "YOUYUAN";
      margin-left:0.5em;
   }
   .zt-1 {
@@ -1061,13 +1147,8 @@
      margin-left: -2.4em;
      margin-bottom: -0.6em;
      margin-top: 0.5em;
      height: 3em;
      height: 2.2em;
   }
   .rwmb-5 {
      margin-left: -2.75em;
@@ -1083,4 +1164,6 @@
   .rwmb-7 {
      height: 1.5em;
   }
}