From 1b3fd3be47ea0c06b80db9603eb1279daa0dad07 Mon Sep 17 00:00:00 2001
From: QYF-GitLab1 <1940665526@qq.com>
Date: 星期一, 17 二月 2025 15:35:55 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout
---
src/books/toddlerGameImplementation/assets/main.less | 2224 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 2,224 insertions(+), 0 deletions(-)
diff --git a/src/books/toddlerGameImplementation/assets/main.less b/src/books/toddlerGameImplementation/assets/main.less
new file mode 100644
index 0000000..7455708
--- /dev/null
+++ b/src/books/toddlerGameImplementation/assets/main.less
@@ -0,0 +1,2224 @@
+.game-Imple {
+ 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;
+ }
+
+ .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 {
+ display: inline-block;
+ width: 120px;
+ text-align-last: justify;
+ }
+
+
+ sup {
+ 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;
+ }
+
+ .fm-kt {
+ font-family: "kaiti";
+ }
+
+ .img-0 {
+ width: 100%;
+ }
+
+ .pt-10 {
+ padding-top: 10px;
+ }
+
+ .pt-20 {
+ padding-top: 20px;
+ }
+
+ .td-0 {
+ text-indent: 0em !important;
+ }
+
+ // .td-{
+
+ // }
+
+ .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-l-60 {
+ padding-left: 60px;
+ }
+
+ .mb-25 {
+ margin-bottom: 25px;
+ }
+
+ .mb-45 {
+ margin-bottom: 45px;
+ }
+
+ .headerImg {
+ width: 30px;
+ }
+
+
+
+
+ .headerText-bc {
+ width: 70px;
+ color: #fff;
+ font-size: 12px;
+ text-align: center;
+ background-color: #9CDCF8;
+ border-radius: 15px;
+ }
+
+ .headerText {
+ font-size: 12px;
+ padding: 0 8px;
+ color: #00AFEF;
+ }
+
+ .headerNumber {
+ width: 110px;
+ color: #fff;
+ font-size: 12px;
+ text-align: left;
+ position: relative;
+ padding-bottom: 5px;
+
+ span {
+ position: absolute;
+ top: 33%;
+ left: 25%;
+ }
+ }
+
+ .header-left-Number {
+ width: 50px;
+ color: #fff;
+ font-size: 12px;
+ text-align: center;
+ border-radius: 15px;
+ position: relative;
+
+ span {
+ position: absolute;
+ left: 56%;
+ top: 35%;
+ transform: translateX(-50%);
+ }
+ }
+
+ .header-left-text {
+ color: #00AFEF;
+ margin-left: 8px;
+ margin-top: 7px;
+ font-size: 12px;
+ }
+
+ .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%;
+ }
+
+ .img-float-smaller {
+ width: 200px;
+ float: left;
+ height: auto;
+ margin: auto;
+ margin-right: 20px;
+ }
+
+ .img-float-medium {
+ width: 250px;
+ float: left;
+ height: auto;
+ margin: auto;
+ margin-right: 20px;
+ }
+
+
+
+ .img-float {
+ width: 310px;
+ float: left;
+ height: auto;
+ margin: auto;
+ margin-right: 20px;
+
+ p {
+ margin: 0;
+ }
+ }
+
+
+ .img-float-formula {
+ width: 310px;
+ float: left;
+ height: auto;
+ margin: auto;
+ margin-right: 20px;
+
+ p {
+ margin: 0;
+ }
+ }
+
+ .img-rights {
+ width: 47%;
+ float: right;
+ height: auto;
+ margin: auto;
+ margin-left: 20px;
+
+ p {
+ margin: 0;
+ }
+ }
+
+ .references {
+ margin-top: 140px;
+
+ hr {
+ font-weight: bold;
+ margin-left: 0;
+ width: 15%;
+ }
+ }
+
+ .w430 {
+ width: 430px;
+ }
+
+ .w395 {
+ width: 395px;
+ }
+
+ .w365 {
+ width: 365px;
+ }
+
+
+ .w300 {
+ width: 300px;
+ }
+
+ .w290 {
+ width: 290px;
+ }
+
+ .w280 {
+ width: 280px;
+ }
+
+ .w270 {
+ width: 270px;
+ }
+
+ .w260 {
+ width: 260px;
+ }
+
+ .w250 {
+ width: 250px;
+ }
+
+ .w230 {
+ width: 230px;
+ }
+
+ .w220 {
+ width: 220px;
+ }
+
+ .w210 {
+ width: 210px;
+ }
+
+ .w200 {
+ width: 200px;
+ }
+
+ .w190 {
+ width: 190px;
+ }
+
+ .w180 {
+ width: 180px;
+ }
+
+ .w170 {
+ width: 170px;
+ }
+
+ .w160 {
+ width: 160px;
+ }
+
+ .w150 {
+ width: 150px;
+ }
+
+ .w140 {
+ width: 140px;
+ }
+
+ .w135 {
+ width: 135px;
+ }
+
+ .w130 {
+ width: 130px;
+ }
+
+ .w120 {
+ width: 120px;
+ }
+
+ .w115 {
+ width: 115px;
+ }
+
+
+ .w40 {
+ width: 40% !important;
+ }
+
+ .w25 {
+ width: 25%;
+ }
+
+ .w20 {
+ width: 20%;
+ }
+
+ .w15 {
+ width: 15%;
+ }
+
+ .w10 {
+ width: 10%;
+ }
+
+
+ .table-th-bc {
+ color: #00AEEF;
+ background-color: #C6EAFA;
+ line-height: 25px;
+ }
+
+ .table-tr-bc {
+ background-color: #E1F4FC;
+ line-height: 25px;
+
+ p {
+ font-family: 'Times New Roman', Times, serif;
+ font-size: 14px;
+ }
+ }
+
+ .jc-img {
+ margin-bottom: -5px;
+ cursor: pointer;
+ }
+
+
+ .textarea-box {
+ width: 100%;
+ overflow: auto;
+ word-break: break-all;
+ resize: none;
+ border: 1px solid #01AFEE;
+ border-radius: 5px;
+ background-color: rgba(255, 255, 255, 0);
+ }
+
+ .table-title-bc {
+ background-color: #8091BC;
+ color: #fff;
+ line-height: 25px;
+ }
+
+ .table-textarea {
+ font-size: 14px;
+ font-family: "Times New Roman", "瀹嬩綋";
+ resize: none;
+ width: 95%;
+ background-color: transparent;
+ border: none;
+
+ &:focus {
+ outline: none;
+ }
+ }
+
+ .table-input-border {
+ width: 80%;
+ background-color: transparent;
+ border: 0;
+
+ &:focus {
+ outline: none;
+ }
+ }
+
+ .table-input-border-w20 {
+ width: 20%;
+ background-color: transparent;
+ border: 0;
+
+ &:focus {
+ outline: none;
+ }
+ }
+
+ .table-input-border-w15 {
+ width: 15%;
+ background-color: transparent;
+ border: 0;
+
+ &:focus {
+ outline: none;
+ }
+ }
+
+ .table-input-border-w10 {
+ width: 10%;
+ background-color: transparent;
+ border: 0;
+
+ &:focus {
+ outline: none;
+ }
+ }
+
+ .table-input-border-w5 {
+ width: 5%;
+ background-color: transparent;
+ border: 0;
+
+ &:focus {
+ outline: none;
+ }
+ }
+
+ .input-bottom-border {
+ width: 11%;
+ background-color: transparent;
+ border: 0;
+ border-bottom: 1px solid #000;
+
+ &:focus {
+ outline: none;
+ }
+ }
+
+ .input-bottom-border1 {
+ width: 33%;
+ background-color: transparent;
+ border: 0;
+ border-bottom: 1px solid #000;
+
+ &:focus {
+ outline: none;
+ }
+ }
+
+
+ .input-bottom-border2 {
+ width: 21.5%;
+ background-color: transparent;
+ border: 0;
+ border-bottom: 1px solid #000;
+
+ &:focus {
+ outline: none;
+ }
+ }
+
+ // 瑙嗛
+ .video-box-cover {
+ border: 1px dashed #40C7F4;
+ padding: 2% 2%;
+ }
+
+ .video-box {
+ margin: 20px 0 20px 0;
+ border: 2px dashed #40C7F4;
+ padding: 2% 2%;
+ }
+
+ .video-box-left {
+ margin: 20px 8% 20px 0;
+ border: 1px dashed #895B2E;
+ padding: 2% 2%;
+ }
+
+ .videoname {
+ display: flex;
+ justify-content: center;
+ }
+
+ .sInput {
+ width: 60px;
+ border: 0;
+ outline: none;
+ text-align: center;
+ }
+
+ .collect-btn {
+ cursor: pointer;
+ width: 20px;
+ height: 20px;
+ margin-left: 10px;
+ margin-top: 0.3%;
+ }
+
+ .collect-btn1 {
+ cursor: pointer;
+ width: 10px;
+ height: 10px;
+ margin-left: 10px;
+ margin-top: 0.8%;
+ }
+
+ // 缁〃
+ .continued {
+ text-align: right;
+ margin: 0%;
+ }
+
+
+ .text-rights {
+ width: 230px;
+ float: right;
+ height: auto;
+ margin: auto;
+ margin-left: 20px;
+
+ img {
+ width: 100%;
+ }
+
+ p {
+ margin: 0 !important;
+ }
+ }
+
+
+
+ .pdf-text {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ align-items: flex-start;
+
+ 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;
+ border: 0.15em dashed #FAAD70;
+ margin-right: 15px;
+ padding: 0 15px;
+ border-radius: 5px;
+
+ span {
+ font-size: 14px;
+ text-align: center;
+ font-family: 'FZLTXIHJW';
+ display: flex;
+ align-items: center;
+ justify-content: flex-start;
+
+ svg {
+ fill: #FAAD70;
+ }
+ }
+
+ span:nth-child(2) {
+ padding-top: 5px;
+ box-sizing: border-box;
+ }
+
+ span:hover {
+ color: #FAAD70;
+ 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;
+ }
+ }
+
+ div.bk-ztgs {
+ border: 0.15em dotted #5192c6;
+ padding: 1.5em 0.5em;
+ margin-bottom: 2em;
+ margin-top: 2em;
+ border-radius: 1em;
+ position: relative;
+ }
+
+ p.bj1-ztgs {
+ background-color: #5192c6;
+ color: #ffffff;
+ display: inline-block;
+ font-size: 1em;
+ padding: 0.1em 0.7em 0.12em 0.7em;
+ font-weight: bold;
+ border-radius: 0em;
+ margin-left: 0em;
+ text-align: center;
+ text-indent: 0em;
+ position: absolute;
+ top: -1.2em;
+ }
+
+
+ .link-float {
+ width: 120px;
+ float: left;
+ height: auto;
+ margin: auto;
+ margin-top: 12px;
+ margin-right: 20px;
+ }
+
+ .imgBox-003 {
+ width: 100%;
+ height: 280px;
+ margin-bottom: 18px;
+ }
+
+ .imgBox {
+ display: flex !important;
+ flex-direction: column-reverse !important;
+ position: relative !important;
+
+ .img {
+ margin: 0 !important;
+ font-size: 14px !important;
+ position: absolute !important;
+ left: 50% !important;
+ transform: translateX(-50%);
+ bottom: -2% !important;
+ }
+
+ img {
+ height: 80%;
+ }
+ }
+
+ // 棰樼洰
+ .textarea-box {
+ background-color: transparent;
+ max-width: 100%;
+ min-width: 100%;
+ outline: none;
+ }
+
+ .textarea-box-left {
+ background-color: transparent;
+ margin-left: 15%;
+ max-width: 84%;
+ min-width: 84%;
+ outline: none;
+ }
+
+ .textarea-box-right {
+ background-color: transparent;
+ margin-left: 2em;
+ margin-right: 9%;
+ max-width: 95%;
+ min-width: 95%;
+ outline: none;
+ }
+
+ .textarea-focused {
+ border-color: #5192c6 !important;
+ box-shadow: #5192c6 !important;
+ }
+
+ .select-border {
+ width: 60px;
+ border: 0;
+ border-bottom: 1px solid #767676;
+
+ &:focus {
+ outline: none;
+ }
+ }
+
+ .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;
+ }
+ }
+
+ .inputChoice {
+ display: flex;
+ align-items: center;
+
+ input {
+ margin: 0 5px;
+ cursor: pointer;
+ }
+
+ span {
+ cursor: pointer;
+ }
+ }
+
+ .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;
+ }
+ }
+
+ .event-header-text-bc {
+ background-color: #D4F0FE;
+ }
+
+ // 杩佺Щ
+ .bk-bwh {
+ min-height: 800px;
+ font-size: 1.2em;
+ padding: 25px;
+ }
+
+ ul {
+ list-style-type: none;
+ }
+
+ li {
+ list-style-type: none;
+ }
+
+ .custom_tag2 {
+ background-color: #F1BE49;
+ color: #FFFFFF;
+ display: inline-block;
+ padding: 0.5px;
+ border-radius: 1.5em;
+ font-size: 1.1em;
+ padding: 2px 10px 2px 10px;
+ font-weight: bold;
+ margin: 0;
+ text-indent: 0em;
+ margin-bottom: 0.5em;
+ }
+
+ .custom_tag1 {
+ background-color: #35ACD6;
+ color: #FFFFFF;
+ display: inline-block;
+ padding: 1px;
+ font-size: 1.1em;
+ padding: 3px 10px 3px 10px;
+ font-weight: bold;
+ box-shadow: 15px 0px 0px 0px #F5D83E, -15px 0px 0px 0px #F5D83E;
+ margin: 0;
+ text-indent: 0em;
+ margin-bottom: 0.5em;
+ }
+
+ .custom_tag {
+ background-color: #35509F;
+ color: #FFFFFF;
+ display: inline-block;
+ padding: 1px;
+ border-radius: 1.5em;
+ font-size: 1.1em;
+ padding: 10px 20px 10px 20px;
+ font-weight: bold;
+ box-shadow: 30px 0px 0px 0px #F5D83E;
+ margin: 0;
+ text-indent: 0em;
+ margin-bottom: 0.5em;
+ }
+
+
+ span.under1 {
+ border-bottom: 2px solid #F0BD4A;
+ border-width: 2px;
+
+ }
+
+ div.bodycontent-div-center {
+ font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋";
+ margin: 1em 1em 1em 1em;
+ font-weight: normal;
+ border-width: 1.5px;
+ border-color: #dfb27d;
+ padding: 1em;
+ }
+
+ img.bodycontent-divcenter-image {
+ float: center;
+ clear: both;
+ height: 140px;
+ margin: 15px;
+ }
+
+ .module_block {
+ display: flex;
+ font-size: 1.1em;
+ position: relative;
+ padding-left: 90px;
+ justify-content: center;
+ align-items: center;
+ margin-right: 91px;
+ }
+
+ .module_block .custom1 {
+ background-color: #9ACC77;
+ padding: 10px 20px;
+ color: #FFFFFF;
+ /* position: absolute; */
+ /* left:0; */
+ /* top: 50%; */
+ border-radius: 0.5em 0em 0em 0.5em;
+ /* transform: translateY(-50%); */
+ }
+
+ .module_block .custom2 {
+ background-color: #E9F3E0;
+ padding: 10px 20px;
+ color: #75A64E;
+ font-weight: bold;
+ border-radius: 0em 0.5em 0.5em 0em;
+ }
+
+
+
+ div.bodycontent-div-left1 {
+ font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋";
+ margin: 1em 1em 1em 1em;
+ font-weight: normal;
+ border-width: 1.5px;
+ border-color: #dfb27d;
+ padding: 1em;
+ background-color: #F0F8FF;
+ }
+
+ div.bodycontent-div-left {
+ font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋";
+ margin: 1em 1em 1em 1em;
+ font-weight: normal;
+ border-width: 1.5px;
+ border-color: #dfb27d;
+ padding: 1em;
+ }
+
+ img.bodycontent-divright-image {
+ float: right;
+ clear: both;
+ height: 140px;
+ margin: 15px;
+ }
+
+ img.bodycontent-divleft-image {
+ float: left;
+ clear: both;
+ height: 110px;
+ margin: 15px;
+ }
+
+
+ .page-box:nth-child(even) .bodystyle {
+ font-family: 'FZLTXIHJW';
+ text-align: justify;
+ margin: 0 12% 0 8%;
+ padding-bottom: 80px;
+ line-height: 30px;
+
+ hr {
+ font-weight: 800;
+ margin-left: 0;
+ margin-top: 10px;
+ margin-bottom: 10px;
+ width: 25%;
+ }
+ }
+
+ .page-box:nth-child(odd) .bodystyle {
+ font-family: 'FZLTXIHJW';
+ text-align: justify;
+ margin: 0 8% 0 12%;
+ padding-bottom: 80px;
+ line-height: 30px;
+
+ hr {
+ font-weight: 800;
+ margin-left: 0;
+ margin-top: 10px;
+ margin-bottom: 10px;
+ width: 25%;
+ }
+ }
+
+
+ span.zt-0 {
+ color: #0087AF;
+ }
+
+ p.pzt-0 {
+ color: #0087AF;
+ font-size: 18px;
+ }
+
+ p.pzt-0-right {
+ font-size: 18px;
+ color: #0087AF;
+ text-align: right;
+ }
+
+ p.pzt-1 {
+ font-weight: bold;
+ color: #0087AF;
+ font-size: 18px;
+ }
+
+ div.sgc-toc-title {
+ font-size: 2em;
+ font-weight: bold;
+ margin-bottom: 1em;
+ text-align: center;
+ }
+
+ div.sgc-toc-level-1 {
+ margin-left: 0em;
+ }
+
+ div.sgc-toc-level-2 {
+ margin-left: 2em;
+ }
+
+ div.sgc-toc-level-3 {
+ margin-left: 2em;
+ }
+
+ div.sgc-toc-level-4 {
+ margin-left: 2em;
+ }
+
+ div.sgc-toc-level-5 {
+ margin-left: 2em;
+ }
+
+ div.sgc-toc-level-6 {
+ margin-left: 2em;
+ }
+
+ .imz {
+ height: 96%;
+ text-align: center;
+
+
+ }
+
+ .note {
+ margin: 0;
+ font-size: 14px;
+ line-height: 22px;
+ }
+
+ .block {
+ font-family: "kaiti";
+ margin-top: 0.2em;
+ margin-bottom: 0.2em !important;
+ text-indent: 2em;
+ line-height: 30px;
+ font-size: 14px;
+ text-align: justify;
+ }
+
+ .block1 {
+ text-align: center;
+ }
+
+ .block2 {
+ line-height: 25px;
+ }
+
+ .block3 {
+ line-height: 20px;
+ }
+
+ .img {
+ font-family: 'FZLTXIHJW';
+ text-align: center;
+ font-size: 14px;
+ font-weight: bold;
+ margin: 5px 0 0 0 !important;
+ text-indent: 0em;
+ color: #000;
+ }
+
+ .img1 {
+ font-family: 'FZLTXIHJW';
+ text-align: right;
+ font-size: 0.85em;
+ margin-left: 0%;
+ margin-right: 2em;
+ text-indent: 0em;
+ }
+
+
+ p {
+ font-family: '瀹嬩綋';
+ margin-top: 0.2em;
+ margin-bottom: 0.2em;
+ text-indent: 2em;
+ line-height: 23px;
+ text-align: justify;
+ }
+
+ .cover {
+ width: 100%;
+ padding: 0px;
+ }
+
+ .center {
+ text-align: center;
+ margin-left: 0%;
+ margin-right: 0%;
+ text-indent: 0em;
+ }
+
+ .center-ss {
+ text-align: center;
+ color: #EF8472;
+ font-weight: bold;
+ margin-left: 0%;
+ margin-right: 0%;
+ text-indent: 0em;
+ }
+
+ .left {
+ text-indent: 0em;
+ line-height: 20px;
+ margin-top: 20px;
+ }
+
+ .left3 {
+ margin: 20 0 0 0 !important;
+ line-height: 20px;
+ }
+
+ .left2 {
+ font-size: 1.3em;
+ text-indent: 0em;
+ font-weight: bold;
+ margin-left: 0%;
+ margin-right: 0%;
+ }
+
+ .right {
+ text-align: right;
+ margin-left: 0%;
+ margin-right: 4%;
+ }
+
+ .left1 {
+ text-indent: 0em;
+ margin-left: 0%;
+ margin-right: 0%;
+ }
+
+ .center1 {
+ text-align: center;
+ margin-left: 0%;
+ margin-right: 0%;
+ font-size: 1.2em;
+ text-indent: 0em;
+ font-weight: bold;
+ }
+
+ .right1 {
+ 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: "cnepub", serif;
+ }
+
+
+ h1 {
+ font-family: 'FZLTZHJW';
+ color: #01AFEE;
+ font-weight: bold;
+ font-size: 1.6em;
+ text-align: center;
+ text-indent: 0em;
+ }
+
+ .h1-zt {
+ font-family: 'FZLTZHJW';
+ line-height: 2em;
+ color: #01AFEE;
+ font-weight: bold;
+ font-size: 2.2em;
+ margin-bottom: 20px;
+ margin-top: -0.5em;
+ text-indent: 0em;
+
+ }
+
+ h1.jz {
+ text-align: center;
+ text-indent: 0em;
+ }
+
+ .front {
+ font-family: 'FZLTZHJW';
+ font-weight: bold;
+ font-size: 1.1em;
+ color: #00ADEF;
+ margin-top: 0.2em;
+ margin-bottom: 0.5em;
+ padding: 10% 0 0 0;
+ text-indent: 0em;
+ text-align: left;
+ }
+
+
+ h2 {
+ font-family: 'FZHTJW';
+ color: #00ADEF;
+ font-weight: 400;
+ font-size: 1.6em;
+ margin-bottom: 0em;
+ margin-top: 0.3em;
+ text-indent: 3em;
+ line-height: 1.3em;
+ }
+
+ .h2-zt {
+ font-family: 'FZHTJW';
+ color: #00ADEF;
+ font-weight: 400;
+ font-size: 1.4em;
+ margin-top: 0em;
+ text-indent: 3.3em;
+ padding: 10px 0;
+ }
+
+ h3 {
+ font-family: 'FZHTJW';
+ color: #03AFED;
+ font-weight: bold;
+ font-size: 1.3em;
+ margin-bottom: 0.5em;
+ margin-top: 0.7em;
+ text-indent: 0em;
+ }
+
+ h4 {
+ font-family: 'FZHTJW';
+ font-weight: bold;
+ color: #03AFED;
+ margin-bottom: 0.2em;
+ margin-top: 0.2em;
+ font-size: 1.2em;
+ text-indent: 1em;
+ }
+
+ h5 {
+
+ font-family: 'FZHTJW';
+ color: #03AFED;
+ margin-bottom: 0.2em;
+ margin-top: 0.2em;
+ font-size: 1.15em;
+ text-indent: 2em;
+ }
+
+ .unit2-c {
+ color: #F89C1C !important;
+ }
+
+ .unit3-c {
+ color: #0A9CAC !important;
+ }
+
+ .unit4-c {
+ color: #92B03D !important;
+ }
+
+ .unit5-c {
+ color: #0180CD !important;
+ }
+
+ .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 {
+ text-decoration: underline;
+ }
+
+ .u {
+
+ text-decoration: underline;
+ }
+
+ .img-0 {
+ width: 100%;
+ }
+
+ .img-a {
+ width: 96%;
+ }
+
+ .img-b {
+ width: 70%;
+ }
+
+ .img-c {
+ width: 60%;
+ }
+
+ .img-d {
+ width: 50%;
+ }
+
+ .img-e {
+ width: 45%;
+ }
+
+ .img-f {
+ width: 40%;
+ }
+
+ .img-g {
+ width: 30%;
+ }
+
+ .img-h {
+ width: 20%;
+ }
+
+ .img-i {
+ width: 10%;
+ }
+
+ .img-j {
+ width: 5%;
+ }
+
+ .img-zt {
+ height: 6em;
+ margin-top: -1.5em;
+ margin-bottom: -0.4em;
+ margin-left: 15%;
+ }
+
+ .inline {
+ height: 1em;
+ margin-bottom: -0.3em;
+ }
+
+ .inline1 {
+ height: 2.5em;
+ margin-top: 0.5em;
+ margin-bottom: -0.5em;
+ }
+
+ .inline2 {
+ height: 1.5em;
+ margin-top: 0.5em;
+ margin-bottom: -0.5em;
+ }
+
+ .inline4 {
+ height: 2em;
+ margin-left: -2em;
+ margin-right: 0.5em;
+ margin-bottom: -0.6em;
+ }
+
+ .img-qj {
+ height: 7.5em;
+ margin-bottom: -3.4em;
+ margin-right: 0.5em;
+ }
+
+ .ls1 {
+ color: #00B1F5;
+ }
+
+ .zt-ls1 {
+ color: #000;
+ font-size: 16px;
+ font-weight: bold;
+ }
+
+
+ .ls2 {
+ color: #00B1F5;
+ font-weight: bold;
+ font-size: 1em;
+ line-height: 30px;
+ }
+
+ span.lsyq-1 {
+ background-color: #6D84AE;
+ padding: 0.2em 0.4em 0.2em 0.4em;
+ border-radius: 1.5em;
+ margin-right: 0.5em;
+ color: #FFFFFF;
+ font-weight: bold;
+ font-size: 1.5em;
+ }
+
+ span.hsyq-1 {
+ background-color: #FFB7D4;
+ padding: 0.2em 0.4em 0.2em 0.4em;
+ border-radius: 1.5em;
+ margin-right: 0.5em;
+ color: #FFFFFF;
+ font-weight: bold;
+ font-size: 1.5em;
+
+ }
+
+ .zt-hs1 {
+ font-weight: 500;
+ color: #000;
+ font-size: 1em;
+ }
+
+ .h2-zt1 {
+ padding: 5px 25px 5px 25px;
+ border-radius: 10px 0px 0px 10px;
+ background-color: #5392C7;
+ font-size: 1.2em;
+ color: #FFFFFF;
+ }
+
+ .h2-zt2 {
+ padding: 10px;
+ background-color: #B1DDE0;
+ margin-right: 2em;
+ color: #FFFFFF;
+ padding: 5px 50px 5px 25px;
+ border-radius: 0px 5px 80px 0px;
+ font-size: 1.2em;
+ }
+
+
+
+ div.bk {
+ border: 2px solid #3FC6F6;
+ box-shadow: 8px 8px 0px 0px #B0E2F9;
+ padding: 16px 10px;
+ margin-top: 2em;
+ border-radius: 1.5em;
+ margin-bottom: 1em;
+ position: relative;
+
+ p {
+ font-size: 12px;
+ line-height: 20px;
+ }
+ }
+
+ div.bk1 {
+ margin-top: -2em;
+ margin-bottom: 1.5em;
+ margin-left: -1.6em;
+ }
+
+ p.bj1-qjms {
+ background-color: #fff;
+ color: #FAAD70;
+ font-weight: bold;
+ border-radius: 1.5em;
+ margin-left: 0em;
+ text-align: center;
+ text-indent: 0em;
+ position: absolute;
+ top: -19px;
+ }
+
+ .span-box {
+ display: inline-block;
+ width: 8px;
+ height: 8px;
+ background-color: #FAAD70;
+ }
+
+ .span-text {
+ font-size: 16px;
+ font-weight: 100;
+ padding: 0em 0.15em 0em 0.3em;
+ }
+
+
+ .bj {
+ background-color: #E1E7F3;
+ padding: 0.2em 0.8em 0.2em 0.8em;
+ }
+
+ span.bj2 {
+ background-color: #6E85AF;
+ padding: 0.2em 1em 0.2em 1em;
+ font-size: 1.1em;
+ font-weight: bold;
+ border-radius: 0.5em;
+ color: #FFFFFF;
+ box-shadow: 0.3em 0.3em 0px 0px #C3C2C0;
+ }
+
+ div.bk2 {
+ background: #E2F4FE;
+ border: 2px solid #3EC9F4;
+ padding: 20px 10px;
+ margin-top: 1em;
+ margin-bottom: 1em;
+ position: relative;
+ }
+
+ .bk2::after {
+ content: '';
+ position: absolute;
+ right: -2px;
+ bottom: -2px;
+ width: 0;
+ height: 0;
+ border-bottom: 20px solid #fff;
+ /* 涓夎褰㈢殑鍙宠竟妗� */
+ border-left: 20px solid #3EC9F4;
+ /* 涓夎褰㈢殑搴曡竟妗� */
+ border-right: 0px solid #fff;
+ /* 涓夎褰㈢殑宸﹁竟妗� */
+ display: block;
+ }
+
+ .bk2.show-after::after {
+ display: none;
+ }
+
+ .zysx {
+ margin-top: -1.7em;
+ margin-left: -2em;
+ }
+
+
+ .zt-zysx {
+ font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋";
+ background-color: #24b8bc;
+ border-radius: 1.5em;
+ color: #FFFFFF;
+ font-weight: bold;
+ padding: 4px;
+ font-size: 1.2em;
+ box-shadow: 0.2em 0.2em 0px 0px #c1e3e4;
+ }
+
+ .zt-zysx1 {
+ font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋";
+ background-color: #96A7D5;
+ border-radius: 1.5em;
+ color: #FFFFFF;
+ font-weight: 100;
+ padding: 4px;
+ font-size: 1.2em;
+ }
+
+ .zt-zysx2 {
+ font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋";
+ background-color: #0071BD;
+ font-size: 1.2em;
+ }
+
+ .zt-1 {
+ color: #6F84AF;
+ font-weight: bold;
+ font-size: 1.1em;
+ }
+
+ .bj1 {
+ background-color: rgb(204, 236, 251);
+ padding: 0.2em 0.5em 0.2em 0.5em;
+ border-radius: 1em;
+ margin-bottom: 2em;
+ margin-left: 0.6em;
+ box-shadow: 0 0 30px rgba(135 209 243);
+ }
+
+ .title {
+ width: 260px;
+ height: 50px;
+ text-align: center;
+ margin: 0 auto;
+ padding-top: 5%;
+ position: relative;
+ }
+
+ div.bj2 {
+ position: absolute;
+ width: 260px;
+ height: 45px;
+ background-color: #9adbf9;
+ border-radius: 1.5em;
+ top: 8px;
+ mix-blend-mode: multiply;
+ }
+
+ div.bj3 {
+ position: absolute;
+ width: 265px;
+ height: 45px;
+ background-color: #9ADBF9;
+ border-radius: 1.5em;
+ }
+
+ .frontOne {
+ font-family: "瀹嬩綋";
+ color: #fff;
+ margin: 0 !important;
+ font-size: 24px;
+ position: absolute;
+ width: 260px;
+ height: 50px;
+ line-height: 50px;
+ }
+
+ .rw-bg {
+ width: 90%;
+ height: 90px;
+ position: relative;
+ color: #00B1F5;
+ margin-bottom: 1em;
+ }
+
+ .bj4 {
+ position: absolute;
+ width: 100%;
+ height: 85px;
+ background-color: #C7EAFD;
+ border-radius: 1em;
+ }
+
+ .bj5 {
+ position: absolute;
+ width: 98.5%;
+ height: 85px;
+ background-color: #C7EAFD;
+ border-radius: 1em;
+ top: 10px;
+ mix-blend-mode: multiply;
+ }
+
+ span.bj3-xyx {
+ background-color: #92B03E;
+ color: #FFFFFF;
+ border-radius: 1.5em;
+ padding: 5px 20px 5px 20px;
+ font-size: 1em;
+ font-weight: bold;
+
+ }
+
+ div.bj3-xyx {
+ position: absolute;
+ top: -15px;
+ left: -25px;
+
+ }
+
+ .f-kai {
+ font-family: "kaiti";
+ }
+
+
+ .ts-1 {
+ font-weight: bold;
+ }
+
+ .zt-h4 {
+ padding: 10px 0;
+ border-radius: 1.5em;
+ }
+
+ .qyls-h4 {
+ font-family: "HiFont Hei GB";
+ padding: 0.2em 0;
+ text-indent: 0em;
+ margin-left: 0%;
+ }
+
+ .bj6 {
+ background-color: #FEDDB4;
+ padding: 20px;
+ border-radius: 0.5em;
+ margin-bottom: 1.5em;
+ margin-top: 1.5em;
+ position: relative;
+
+ .zt-cs {
+ color: #F89C1C;
+ }
+
+ }
+
+ span.bj6-xyx {
+ background-color: #F89C1C;
+ color: #FFFFFF;
+ border-radius: 0.3em;
+ padding: 5px 5px 5px 5px;
+ font-size: 1em;
+ font-weight: bold;
+
+ }
+
+ div.bj6-xyx {
+ position: absolute;
+ top: -20px;
+ }
+
+ .zt-lvs1 {
+ color: #95B321;
+ }
+
+ div.bj-1 {
+ color: #fff;
+ border-radius: 2em;
+ margin-bottom: 1.5em;
+ margin-top: 1.5em;
+ }
+
+ .bj-2-zt {
+ color: #fff;
+ font-weight: 400;
+ font-size: 24px;
+ line-height: 1.8em;
+ }
+
+ .bj-1-zt {
+ font-family: kaiti;
+ font-weight: 100;
+ text-indent: 2em;
+ color: #fff;
+ font-size: 15px;
+ line-height: 1.8em;
+ }
+
+ .bj-3-zt {
+ font-size: 16px;
+ color: #fff;
+ font-weight: 400;
+ line-height: 1.8em;
+ }
+
+ .rwmb-1 {
+ margin-left: -2.6em;
+ margin-bottom: 0.5em;
+ margin-top: 1em;
+ height: 4em;
+ }
+
+ .rwmb-2 {
+ margin-left: -2.3em;
+ margin-bottom: -0.5em;
+ margin-top: 0.2em;
+ height: 2.3em;
+ }
+
+ .rwmb-3 {
+ position: absolute;
+ top: -11px;
+ left: 5px;
+ margin-bottom: 15px;
+ }
+
+ .rwmb-4 {
+ position: absolute;
+ top: -7px;
+ left: 20px;
+ margin-bottom: 15px;
+ }
+
+ .rwmb-5 {
+ width: 15%;
+ position: absolute;
+ top: -10px;
+ left: -2px;
+ }
+
+}
+
+.pdfModal {
+ width: 100%;
+ height: 90vh;
+
+ .pdfBox-component {
+ width: 100%;
+ height: 100%;
+ position: relative;
+
+ .preview {
+ width: 100%;
+ height: 100%;
+
+ .imageBox {
+ height: calc(100% - 30px);
+ overflow-x: hidden;
+ overflow-y: auto;
+ background: #ccc;
+ box-sizing: border-box;
+ }
+
+ .imageBox:hover {
+ cursor: zoom-in !important;
+ }
+
+ ::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';
+
+ 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';
+ }
+ }
+
+ .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:hover {
+ fill: #fff;
+ cursor: pointer;
+ }
+ }
+ }
+
+ .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__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';
+ }
+ }
+}
+
+.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;
+ }
+}
+
+
+@font-face {
+ font-family: 'FZLTZHJW';
+ src: url('./Fonts/FZLTZHJW.ttf');
+}
+
+@font-face {
+ font-family: 'FZLTXIHJW';
+ src: url('./Fonts/FZLTXIHJW.ttf');
+}
+
+@font-face {
+ font-family: 'FZHTJW';
+ src: url('./Fonts/FZHTJW.ttf');
+}
+
+
+
+// 闅愯棌椤甸潰
+.hidePage {
+ min-height: 0 !important;
+ height: 0 !important;
+ box-shadow: none !important;
+}
+
+/* 濯掍綋鏌ヨ鍋氬熀纭�鍝嶅簲寮忓竷灞� */
+
+@media screen and (max-width: 1024px) {
+ .pdfModal {
+ width: 100%;
+ height: 80vh;
+ }
+
+ h1 {
+ font-size: 1.1em;
+ }
+
+ .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;
+ }
+ }
+}
+
+@media (max-width: 660px) {
+ .game-Imple {
+
+ /* 鍒嗛〉padding */
+ .padding-93 {
+ padding: 0 20px;
+ }
+
+ .padding-102 {
+ padding: 0 20px;
+ }
+
+ .page-box {
+ min-height: 500px;
+ }
+
+ .img-float {
+ width: 130px;
+ }
+
+ .img-rights {
+ width: 130px;
+ }
+
+ .btn-w {
+ width: 42px;
+ }
+
+ .pad-l-60 {
+ padding-left: 10px;
+ }
+
+ .mr-70 {
+ margin-right: 15px;
+ }
+
+ h1 {
+ font-size: 1.1em;
+ }
+ }
+}
+
+@media (min-width: 660px) {
+ .game-Imple {
+ .padding-93 {
+ padding: 0 93px 0px 93px;
+ }
+
+ .padding-102 {
+ padding: 0 102px 0 102px;
+ }
+ }
+}
+
+::-webkit-scrollbar {
+ width: 8px;
+ height: 10px;
+}
+
+::-webkit-scrollbar-track-piece {
+ 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;
+}
+
+::-webkit-scrollbar-thumb:horizontal {
+ width: 5px;
+ background-color: rgba(125, 125, 125, 0.3);
+ -webkit-border-radius: 6px;
+}
\ No newline at end of file
--
Gitblit v1.9.1