From a954bafb1bb4a70b2baf768230f2c50fd5c7163c Mon Sep 17 00:00:00 2001
From: YM <479443481@qq.com>
Date: 星期四, 13 六月 2024 14:20:53 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

---
 src/books/math/assets/main.less |  828 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 828 insertions(+), 0 deletions(-)

diff --git a/src/books/math/assets/main.less b/src/books/math/assets/main.less
new file mode 100644
index 0000000..c201a0b
--- /dev/null
+++ b/src/books/math/assets/main.less
@@ -0,0 +1,828 @@
+.math-book {
+  width: 100%;
+  height: 100%;
+  font-family: "瀹嬩綋", SimSun, sans-serif;
+  mn{
+    font-size:1em;
+    }
+    mi{
+    font-size:1em;
+    }
+    
+        ul {
+            list-style-type:none;
+        }
+    
+        li {
+            list-style-type:none;
+        }
+    
+    div.bodystyle {
+      font-family:'FZLTXIHJW',"Times New Roman";
+      font-size:18px;
+      text-align:justify;
+      margin:5%;
+      line-height:30px;
+    }
+    .info {
+        position: relative;
+    }
+    
+    
+    .em_circle {
+      text-decoration:dashed;
+    }
+    
+    .fieldset {
+      background: #E7F4FC;
+      padding:1em;
+      border-radius: 5px;
+      border-radius: 0.6em;
+    }
+    
+    .inline{
+    height:1.2em;
+      vertical-align:top;
+    
+    }
+    .inline2{
+    height:2.9em;
+    margin-top:2em;
+    margin-bottom:-0.4em;
+    }
+    .imz{
+         height:96%;
+         text-align:center;
+    
+    
+    }
+    
+    .note{
+    font-size: 0.85em;
+    }
+    
+    
+    .block{
+      font-family:"STKaiti";
+    }
+    
+    .block1
+    {
+      font-family:"STKaiti";
+      text-align:right;
+      margin-left:0%;
+      margin-right:2em;
+    }
+    
+    .block2
+    {
+      font-family:"STKaiti";
+      text-indent:0em;
+      text-align:center;
+      margin-left:0%;
+      margin-right:0%;
+    }
+    
+    .block3
+    {
+      font-family:"STKaiti";
+      text-align:left;
+      text-indent:0em;
+      margin-left:0%;
+      margin-right:0%;
+    
+    }
+    
+    .img{color:#146Eb4;
+    text-align: center;
+    font-size:0.85em;
+    text-indent: 0em;
+    }
+    
+    body {
+      font-family:"Times New Roman", "锟斤拷锟斤拷";
+    }
+    
+    
+    
+    
+    p
+    {
+      margin-top: 0.5em;
+      text-indent: 2em;
+      line-height: 1.5em;
+    }
+    .cover {
+      width:100%;
+      padding:0px;
+    }
+    .center {
+      text-align: center;
+      margin-left: 0%;
+      margin-right: 0%;
+      text-indent: 0em
+    }
+    .left1 {
+      text-indent: 1em;
+      text-align: left;
+    }
+    .left {
+      text-indent: 0em;
+      margin-left: 0%;
+      margin-right: 0%;
+    }
+    .right {
+      text-align: right;
+      margin-left: 0%;
+      margin-right: 0%;
+    }
+    .quote {
+      margin-top: 0%;
+      margin-bottom: 0%;
+      margin-left: 1em;
+      margin-right: 1em;
+      text-align: justify;
+      font-family:"Times New Roman", "锟斤拷锟斤拷";
+    }
+    h1 {
+      color: #9f052f;
+      font-family:"Times New Roman", "锟斤拷锟斤拷";
+      text-align: center;
+      font-size:1.5em;
+      margin-top: 1em;
+      margin-bottom: 1em;
+      font-family:"Times New Roman", "锟斤拷锟斤拷";
+    }
+    
+    h2 {
+      font-family:"Times New Roman", "锟斤拷锟斤拷";
+      font-weight:bold;
+      font-size:1.3em;
+      margin-top: 1em;
+      margin-bottom: 0.2em;
+    }
+    h3 {
+    
+      font-family:"Times New Roman", "锟斤拷锟斤拷";
+      text-align: left;
+      font-size:1.2em;
+      margin-top: 1em;
+      margin-bottom: 0.2em;
+    }
+    h4 {
+    
+      font-family:"Times New Roman", "锟斤拷锟斤拷";
+      color: #00A1E9;
+      text-align: left;
+      font-weight:bold;
+      font-size:medium;
+      margin-top: 1em;
+      margin-bottom: 0.2em;
+    }
+    h5 {
+    
+      font-family:"Times New Roman", "锟斤拷锟斤拷";
+      text-align: left;
+      font-weight:bold;
+      font-size:small;
+      margin-top: 0.8em;
+      margin-bottom: 0.2em;
+    }
+    h6 {
+    
+      font-family:"Times New Roman", "锟斤拷锟斤拷";
+      text-align: left;
+      font-weight:bold;
+      font-size:x-small;
+      margin-top: 1em;
+      margin-bottom: 0.2em;
+    }
+    .u { 
+    
+          text-decoration: underline; }
+    
+    .img-0{	
+    width:100%;
+    }
+    .img-a{	
+      width:90%;
+    }
+    .img-b{
+      width:80%;
+    }
+    .img-c{	
+      width:70%;
+    }
+    .img-d{	
+      width:60%;
+    }
+    .img-e{	
+      width:50%;
+    }
+    .img-f{	
+      width:40%;
+    }
+    .img-g{	
+      width:30%;
+    }
+    .img-h{	
+      width:20%;
+    }
+    .img-i{       
+      width:10%;
+    }
+    .img-j{        
+      width:5%;
+    }
+    .img-n{        
+      height:1em;
+    }
+    
+    .img-gn{	
+      height:3em;
+    }
+    .img-gn1{	
+      height:2.2em;
+    }
+    .img-gn2{
+      height:1.9em;
+    }
+    .border-1{
+      border: 1px solid #E6E6FA;
+      background-color:#E6E6FA;
+      border-radius: 0.6em;
+      padding-top: 30%;
+      padding-bottom: 70%;
+      margin: 20% 10% 20% 10%;
+    }
+    .border-2{
+      border: 1px solid #FFF5EE;
+      background-color:#FFF5EE;
+      border-radius: 0.6em;
+      padding-top: 30%;
+      padding-bottom: 70%;
+      margin: 20% 10% 20% 10%;
+    }
+    /*锟铰伙拷锟斤拷*/
+    .em_dot {
+      -webkit-text-emphasis-style:dot;
+         -moz-text-emphasis-style:dot;
+          -ms-text-emphasis-style:dot;
+              text-emphasis-style:dot;
+      -webkit-text-emphasis-position:under;
+         -moz-text-emphasis-position:under;
+          -ms-text-emphasis-position:under;
+              text-emphasis-position:under;
+    }
+    blockquote.kindle-cn-blockquote {
+      background: #f9f9f9;
+      border-left: 0.5em solid #ccc;
+      margin: 1.5em;
+      padding: 1em;
+      text-indent:2em;
+      line-height:1.5em;
+    }
+    div.bj{	background-color:#D3EDFA;
+      padding: 0.3em;
+      margin-top:1em;
+      margin-bottom:1em;
+    }
+    .hs
+    {
+      font-family:"Times New Roman", "锟斤拷锟斤拷";
+      color:red;
+    }
+    
+    
+    .zt-ls{
+      color: #00A1E9;
+    }
+    .zt-ls1{
+      color: #00A1E9;
+      font-weight:bold;
+      font-size:0.9em;
+    }
+    
+    .zt-ls2{
+      font-family:'FZLTXIHJW',"Times New Roman";
+      color: #00A1E9;
+      font-weight:bold;
+    }
+    
+    .fontsz1
+    {
+      color: #00A1E9;
+      font-size:0.8em;
+    }
+    .fontsz2
+    {
+      color: #00A1E9;
+      font-size:0.6em;
+    }
+    
+    
+    div.bk-hzjl{
+      border:2px solid #00A1E9;
+      background:#F6FBFF;
+      border-radius: 0 0 0 5px;
+      padding:15px;
+      margin-bottom:2em;
+      margin-top:2em;
+      border-radius:0em 0em 2em 0em;
+    }
+    
+    div.bj1-hzjl{
+      padding:0.01em 1em 0.01em 1em;
+      margin-top:-2.4em;
+      margin-left:-0.5em;
+      margin-right:-1em;
+    }
+    
+    div.bk{
+      border:2px solid #00A1E9;
+      padding:0.8em;
+      margin-bottom:2em;
+      margin-top:2em;
+      box-shadow: inset -0.5em -0.5em 0 0 #E0F2FC;
+    }
+    
+    div.bj1{
+      padding:0.01em 1em 0.01em 1em;
+      margin-top:-2.6em;
+      margin-left:-0.5em;
+      margin-right:-1em;
+    }
+    
+    
+    p.bj2{
+      background-color:#81CFF5;
+      color:#FFFFFF;
+      display: inline-block;
+      padding:1px;
+      font-size: 1.1em;
+      padding: 3px 10px 3px 10px;
+      font-weight: bold;
+      box-shadow: -0.3em -0.3em 0px 0px #2FBDEF; 
+      margin: 0;
+      text-indent: 0em;
+      margin-top:1em;
+      margin-bottom:1em;
+    }
+    
+    .bj-sp{
+      background-color:#FFFFFF;
+      color:#53C3F1;
+      padding:0.3em 1em 0.3em 1em;
+      margin-top:0em;
+      margin-left:-3em;
+    }
+    
+    .fieldset1 {
+      border:2px solid #33BCF0;
+      padding:1em;
+      border-radius: 5px;
+      border-radius: 0.6em;
+    }
+
+  // 鑷畾涔�
+  .page-box {
+    position: relative;
+    box-sizing: border-box;
+    min-height: 1150px;
+    margin-bottom: 20px;
+    box-shadow: 0 3px 6px 1px #00000029;
+    background-color: #fff;
+  }
+  .book {
+    margin: 0 auto;
+    width: 816px;
+  }
+
+  .text-center {
+    text-align: center;
+  }
+  .tl {
+    text-align: left !important;
+  }
+  .tl-ri {
+    text-align: right !important;
+  }
+  .tl-ju {
+    text-align: justify;
+  }
+  .ti2 {
+    text-indent: 2em !important;
+  }
+  .lineInput {
+    width: 90%;
+    font-size: 14px;
+    color: #666;
+    border: none;
+    border-bottom: 1px solid #15c0f2;
+    outline: none;
+    background: transparent;
+  }
+  .textarea-border {
+    border-color: #15c0f2;
+  }
+  .completion-input {
+    width: 64px !important;
+    color: #000 !important;
+  }
+  .judge-input {
+    width: 20px;
+    font-size: 14px;
+    color: #000;
+    border: none;
+    border: 0;
+    outline: none;
+    background: transparent;
+  }
+
+  .sport-text {
+    font-size: 20px;
+    line-height: 40px;
+  }
+  .img-text {
+    color: #000;
+    text-align: center;
+    font-size: 16px;
+    text-indent: 0em;
+    font-weight: 700;
+  }
+  .text-size {
+    font-size: 20px;
+  }
+  .fl {
+    display: flex;
+  }
+  .fl-evenly {
+    justify-content: space-evenly;
+  }
+  .fl-around {
+    justify-content: space-around;
+  }
+  .fl-between {
+    justify-content: space-between;
+  }
+  .ju-cn {
+    justify-content: center;
+  }
+  .fl-di {
+    flex-direction: column;
+  }
+  .fl-cn {
+    align-items: center;
+  }
+  .al-end {
+    align-items: flex-end;
+  }
+  .fz-18 {
+    font-size: 18px;
+  }
+  .fz-16 {
+    font-size: 16px;
+  }
+  .fz-14 {
+    font-size: 14px;
+  }
+  .fz-12 {
+    font-size: 12px;
+  }
+  .suspend-title {
+    white-space: nowrap;
+    min-width: 120px;
+    position: absolute;
+    top: -27px;
+    left: -15px;
+    background-color: #32a59e;
+    height: 34px;
+    line-height: 34px;
+    border-radius: 13px;
+    color: #fff;
+    text-align: center;
+  }
+  .m0 {
+    margin: 0;
+  }
+  .t0 {
+    text-indent: 0;
+  }
+  .t2 {
+    text-indent: 2em;
+  }
+  .m0-t0 {
+    margin: 0;
+    text-indent: 0 !important;
+  }
+
+  .learn-btn img {
+    cursor: pointer;
+    height: 30px;
+    // width: 25px;
+  }
+
+  .lh {
+    line-height: 1.5em;
+    margin-top: 0.5em;
+  }
+  .page-box {
+    box-sizing: border-box;
+    min-height: 1150px ;
+    margin-bottom: 20px;
+    box-shadow: 0 3px 6px 1px #00000029;
+    background-color: #fff;
+  }
+  .ds-bl {
+    display: block;
+  }
+  ul {
+    list-style: none;
+    padding: 0;
+  }
+
+  .lh2 {
+    line-height: 2em;
+  }
+  // 濂囨暟椤甸〉鐪�
+  .page-header-box {
+    margin: 0;
+    margin-bottom: 20px;
+    width: 100%;
+    height: 104px;
+    display: flex;
+    li:first-child {
+      height: 100%;
+      width: 88%;
+      display: flex;
+      align-items: flex-end;
+      P {
+        margin: 0 !important;
+        width: 100%;
+        height: 24px;
+        background-color: #97a4d3;
+        text-align: right;
+        padding-right: 20px;
+        color: #fff;
+      }
+    }
+    li:last-child {
+      margin-left: 20px;
+      p {
+        margin: 0 !important;
+        height: 100%;
+        padding:0 4px;
+        width: min-content;
+        border: 1px solid #7b8cc5; 
+        text-indent: 0em;
+        display: flex;
+        align-items: flex-end;
+        justify-content: center;
+      }
+    }
+  }
+  .page-header-odd {
+    margin: 0;
+    margin-bottom: 20px;
+    width: 100%;
+    height: 104px;
+    display: flex;
+    justify-content: space-between;
+    li:first-child {
+      border: 1px solid #7b8cc5;
+      width: 15%;
+      height: 24px;
+      text-align: right;
+      padding-right: 4px;
+      box-sizing: border-box;
+    }
+    li:nth-child(2) {
+      padding: 0 4px;
+      min-width:132px;
+      height: 24px;
+      border: 1px solid #7b8cc5;
+      text-align: center;
+      box-sizing: border-box;
+      color: #5f7abc;
+      font-weight: bold;
+    }
+    li:last-child {
+      width: 64%;
+      height: 24px;
+      background-color: #97a4d3;
+    }
+  }
+  .fw-b {
+    font-weight: bold;
+  }
+  .italic {
+    font-style: italic;
+  }
+  .mb-0 {
+    margin-bottom: 0;
+  }
+  .mb-20 {
+    margin: 20px 0 !important;
+  }
+  .mb-40 {
+    margin-bottom: 40px !important;
+  }
+  .mt-20 {
+    margin-top: 20px;
+  }
+  .mt-40 {
+    margin-top: 40px;
+  }
+  .mb-80 {
+    margin-bottom: 80px !important;
+  }
+  .mr-20 {
+    margin-right: 20px;
+  }
+  .ml-30 {
+    margin-left: 30px;
+  }
+  .table-box {
+    width: 94%;
+    font-family: "STKaiti";
+    line-height: 1.5em;
+  }
+  .dl-bl {
+    display: inline-block;
+  }
+  .mt-10 {
+    margin-top: 10px;
+  }
+  .w100 {
+    width: 100% !important;
+  }
+  .primary-color {
+    color: #15c0f2;
+  }
+  .video-border {
+    border: 1px solid #15c0f2;
+    border-radius: 30px;
+  }
+  .fm-st {
+    font-family: "STKaiti";
+  }
+  .btn {
+    cursor: pointer;
+    width: 23px;
+    border-radius: 5px;
+    margin-left: 5px;
+  }
+  .table-br-color {
+    border-color: #e9e9e9;
+  }
+  .span-border {
+    margin-left: -13px;
+    display: block;
+    width: 104%;
+    margin-top: 20px;
+    border-bottom: 2px dotted #1eb9ee;
+    border-radius: 10px;
+  }
+  .wh-no {
+    white-space: nowrap;
+  }
+  .annotation-border {
+    margin: 20px 0;
+    width: 150px;
+    border: 1px solid #00aeef;
+  }
+  .word-break-all {
+    word-break: break-all;
+  }
+  .textarea-text {
+    font-size: 16px;
+    font-family: "STKaiti";
+  }
+  .mt-20 {
+    margin-top: 20px;
+  }
+  .mt-40 {
+    margin-top: 40px;
+  }
+  .ta-br {
+    border-color: #c0c4cc;
+  }
+  textarea:focus {
+    border-color: #15c0f2;
+    outline: none;
+  }
+  .cl-66 {
+    color: #666;
+  }
+
+  .svg-btn {
+    margin-left: 5px;
+    cursor: pointer;
+    display: flex;
+    padding: 3px;
+    fill: #fff;
+    border: 1px solid #008bff;
+    border-radius: 5px;
+    background-color: #008bff;
+    &:hover{
+      fill: #008bff;
+      background-color: #fff;
+    }
+  }
+  a {
+    cursor: default;
+  }
+  ul {
+    list-style: none;
+  }
+  li {
+    list-style: none !important;
+  }
+  .collect-btn {
+    cursor: pointer;
+    width: 20px;
+    height: 20px;
+    margin-left: 10px;
+  }
+  // 鏄剧ず绛旀鎸夐挳
+  .btn-box {
+    margin-left: 5px;
+    cursor: pointer;
+    text-indent: 0;
+    display: inline-block;
+    border:1px solid #00a1e9;
+    height: 22px;
+    padding: 3px;
+    background-color:#00a1e9 ;
+    border-radius: 5px;
+    svg {
+      fill: #fff;
+    }
+    &:hover {
+      background-color: #fff;
+      svg {
+        fill:#00a1e9 ;
+      }
+    }
+  }
+}
+
+/* 濯掍綋鏌ヨ鍋氬熀纭�鍝嶅簲寮忓竷灞� */
+@media (max-width: 430px) {
+  .ans-dance  {
+    .page-box {
+      min-height: 750px;
+    }
+    .pg-mh {
+      min-height: 815px;
+    }
+  }
+}
+@media (max-width: 660px) {
+  .math-book {
+    /* 鍒嗛〉padding */
+    .page-padding {
+      padding: 104px 20px;
+    }
+    .padding-96 {
+      padding: 0 20px 40px 20px;
+    }
+    /* video澶у皬 */
+    .video-box {
+      max-width: 260px;
+    }
+    .audio-box {
+      margin-top: 20px;
+      flex-wrap: wrap;
+      li {
+        width: 100%;
+      }
+      li:nth-child(2) {
+        margin-top: 10px;
+      }
+    }
+  }
+}
+@media (min-width: 660px) {
+  .math-book{
+    .page-padding {
+      padding: 104px 96px;
+    }
+    .padding-96 {
+      padding: 0 96px 104px 96px;
+    }
+    .video-box {
+      max-width: 370px;
+    }
+    .audio-box {
+      margin-top: 20px;
+      flex-wrap: nowrap;
+      li {
+        width: 58%;
+      }
+      li:nth-child(2) {
+        margin-left: 10px;
+      }
+    }
+  }
+}

--
Gitblit v1.9.1