From dbe633cefd288df06fc6d4b49a717800e9dceda7 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期三, 30 四月 2025 17:37:11 +0800
Subject: [PATCH] 婴幼儿运动安全与保护（样章）
---
src/books/toddlerSportsSafetyProtection/assets/main.less | 299 +++++++++++++++++++++++++++++++++++++++++++++++++++++++----
1 files changed, 275 insertions(+), 24 deletions(-)
diff --git a/src/books/toddlerSportsSafetyProtection/assets/main.less b/src/books/toddlerSportsSafetyProtection/assets/main.less
index 2ae8ba0..e9c5ef6 100644
--- a/src/books/toddlerSportsSafetyProtection/assets/main.less
+++ b/src/books/toddlerSportsSafetyProtection/assets/main.less
@@ -44,7 +44,7 @@
}
.mt-30 {
- margin-top: 30px;
+ margin-top: 30px !important;
}
.mt-70 {
@@ -229,7 +229,7 @@
margin-bottom: 30px !important;
}
- .page-father{
+ .page-father {
display: flex;
}
@@ -238,50 +238,103 @@
padding: 0 !important;
margin: 0 !important;
- img{
+ img {
margin-left: 70%;
width: 30%;
height: auto;
}
}
-
.headerText {
- width: 25%;
+ width: 17%;
margin-left: 75%;
padding: 80px 0px 5px 0px;
background-color: #7acab4;
color: #fff;
font-size: 12px;
text-align: center;
- border-radius: 0 0 10px 10px;
+ border-radius: 0 0 10px 10px;
margin-bottom: 10px;
+ line-height: 15px;
}
.headerNumber {
font-size: 12px;
border: 1px solid #7acab4;
- border-radius: 0 5px 5px 0;
+ border-radius: 0 5px 5px 0;
border-left: none;
padding: 5px 10px;
text-align: right;
color: #7acab4;
}
+
.header-right {
- padding: 4% 0;
+ overflow: hidden;
+ min-width: 12%;
+ padding: 0 !important;
margin: 0 !important;
+
}
+ .header-right-img {
+ width: 100%;
+ display: inline-block;
+ justify-content: center;
+ padding-top: 40%;
+ height: 59%;
+ min-height: 600px;
+
+ img {
+ width: 35%;
+ height: auto;
+ }
+ }
+
+ .header-right-imgTop {
+ width: 22%;
+ margin-bottom: -5px;
+ margin-left: 10px;
+ }
+
+
.header-right-Text {
+ color: #7acab4;
font-family: "鏂规缁嗗渾";
font-size: 14px;
- padding-top: 20px;
+ padding: 5px 0;
+ width: 17%;
+ margin-left: 10%;
+ margin-right: 70%;
+ background-color: transparent;
+ border: 1px solid #7acab4;
+ border-radius: 3px;
+ font-size: 12px;
+ text-align: center;
+ }
+
+ .header-right-Text-bottom {
+ line-height: 15px;
+ width: 17%;
+ padding: 5px 0px 80px 0px;
+ background-color: #7acab4;
+ color: #fff;
+ font-size: 12px;
+ text-align: center;
+ border-radius: 5px 5px 0px 0px;
+ margin-bottom: 10px;
+ margin-left: 11.5%;
+ margin-top: 5%;
}
.header-right-Number {
- position: relative;
- width: 15%;
+ border: 1px solid #7acab4;
+ border-radius: 5px 0 0 5px;
+ border-right: none;
+ padding: 5px 10px;
+ text-align: left;
+ color: #7acab4;
+ margin-bottom: 10px;
span {
font-family: "鏂规缁嗗渾";
@@ -290,6 +343,34 @@
left: 25%;
bottom: 20%;
}
+ }
+
+ /*浜岀骇鏍囬绔犳爣*/
+ .secondsubHead-1 {
+ text-align: left;
+ line-height: 1.1em;
+ font-size: 1em;
+ text-indent: 0em;
+ margin: 20% auto 0.3em auto;
+ color: #888888;
+ }
+
+ .secondsubHead-2 {
+ background-color: #7acab4;
+ display: inline-block;
+ text-align: left;
+ color: #fff;
+ border-radius: 10px;
+ padding: 0px 10px;
+ text-indent: 0em;
+ font-size: 18px;
+ line-height: 24px;
+ }
+
+ .tipes {
+ background-color: #e2f2ed;
+ border: 2px solid #96d3c1;
+ padding: 10px;
}
@@ -447,6 +528,10 @@
width: 220px;
}
+ .w210 {
+ width: 210px;
+ }
+
.w200 {
width: 200px;
}
@@ -538,6 +623,11 @@
font-weight: 500;
}
+ .fm-kt {
+ font-family: "kaiti" !important;
+ font-weight: 500;
+ }
+
.fm-hyss {
font-family: "姹変华涔﹀畫";
}
@@ -579,6 +669,27 @@
width: 100%;
height: 280px;
margin-bottom: 18px;
+ }
+
+
+ .imgBox {
+ display: flex !important;
+ flex-direction: column-reverse !important;
+ position: relative !important;
+
+ .img {
+ color: #7acab4;
+ margin: 0 !important;
+ font-size: 14px !important;
+ position: absolute !important;
+ left: 50% !important;
+ transform: translateX(-50%);
+ bottom: -2% !important;
+ }
+
+ img {
+ height: 80%;
+ }
}
// 棰樼洰
@@ -647,8 +758,8 @@
}
.video-box {
- margin: 20px 0 20px 8%;
- border: 1px dashed #895B2E;
+ margin: 20px 0 20px 0;
+ border: 1px solid #96d3c1;
padding: 2% 2%;
}
@@ -908,8 +1019,15 @@
div.bodystyle {
text-align: justify;
margin: 13% 13% 10% 3%;
- padding-bottom: 80px;
line-height: 30px;
+ min-width: 70%;
+ }
+
+ div.bodystyle-left {
+ text-align: justify;
+ margin: 13% 3% 10% 13%;
+ line-height: 30px;
+ min-width: 70%;
}
.UnitCover {
@@ -970,7 +1088,7 @@
text-align: justify;
}
- .block1 {
+ .tl-c {
text-align: center;
}
@@ -1065,6 +1183,14 @@
.img-h {
width: 20%;
}
+ .img-h {
+ width: 20%;
+ }
+
+ .img-15 {
+ width: 15%;
+ }
+
.img-i {
width: 10%;
@@ -1098,11 +1224,11 @@
color: #fff;
font-weight: 400;
background-color: #7acab4;
- width: 30%;
padding-left: 1%;
padding-right: 8%;
background: linear-gradient(135deg, #7acab4, #7acab4 50%, transparent 50%, transparent 100%);
- margin-bottom: 10%;
+ margin-bottom: 5px;
+ margin-top: 5px;
}
.rotate-up {
@@ -1119,6 +1245,121 @@
color: #7acab4;
line-height: 10px;
}
+
+ .g-pic {
+ height: 2.5em;
+ vertical-align: middle;
+ }
+
+ .content {
+ font-size: 1em;
+ line-height: 25px;
+ }
+
+ .titleQuot-c {
+ font-family: "姹変华妤蜂綋", "ETrump KaiTi", "鏂规浠垮畫", "FZFSJW--GB1-0";
+ font-size: 1.2em;
+ line-height: 1.3em;
+ margin: 1em auto;
+ text-align: center;
+ font-weight: bold;
+ }
+
+
+ div.bk3 {
+ background-color: #d6ece5;
+ border: 1px solid #7acab4;
+ padding: 25px 19px 20px 19px;
+ margin-top: 2em;
+ margin-bottom: 1em;
+ position: relative;
+ }
+
+ .bk3-titOne {
+ position: absolute;
+ top: -18px;
+ left: 20%;
+ }
+
+ .bk3-titTwo {
+ position: absolute;
+ top: -18px;
+ left: 38%;
+ }
+
+ .bk3-titThree {
+ position: absolute;
+ top: -18px;
+ right: 38%;
+ }
+
+ .bk3-titFour {
+ position: absolute;
+ top: -18px;
+ right: 20%;
+ }
+
+ .bk3-top {
+ width: 25px;
+ height: 25px;
+ border-radius: 50%;
+ background-color: #fff;
+ border-radius: 0 25px 0 0;
+ transform: rotate(90deg);
+ border-top: 1px solid #7acab4;
+ border-right: 1px solid #7acab4;
+ position: absolute;
+ top: -2px;
+ left: -2px;
+ /* 鏃嬭浆褰㈡垚鎵囧舰 */
+ }
+
+ .bk3-top-right {
+ width: 25px;
+ height: 25px;
+ border-radius: 50%;
+ background-color: #fff;
+ border-radius: 0 25px 0 0;
+ transform: rotate(180deg);
+ border-top: 1px solid #7acab4;
+ border-right: 1px solid #7acab4;
+ position: absolute;
+ top: -2px;
+ right: -2px;
+ /* 鏃嬭浆褰㈡垚鎵囧舰 */
+ }
+
+
+ .bk3-bottom {
+ width: 25px;
+ height: 25px;
+ border-radius: 50%;
+ background-color: #fff;
+ border-radius: 0 25px 0 0;
+ transform: rotate(360deg);
+ border-top: 1px solid #7acab4;
+ border-right: 1px solid #7acab4;
+ position: absolute;
+ bottom: -5.5px;
+ left: -2px;
+ /* 鏃嬭浆褰㈡垚鎵囧舰 */
+ }
+
+ .bk3-bottom-right {
+ width: 25px;
+ height: 25px;
+ border-radius: 50%;
+ background-color: #fff;
+ border-radius: 0 25px 0 0;
+ transform: rotate(270deg);
+ border-top: 1px solid #7acab4;
+ border-right: 1px solid #7acab4;
+ position: absolute;
+ bottom: -5.5px;
+ right: -2px;
+ /* 鏃嬭浆褰㈡垚鎵囧舰 */
+ }
+
h1.firstTitle {
padding: 0% 0 10% 0;
@@ -1148,12 +1389,6 @@
margin-left: -5%;
}
- h2 {
- text-align: center;
- color: #00aeef;
- font-family: "鏂规鍏颁涵绾ょ粏";
- font-size: 1.5em;
- }
.titleQuot-l {
text-indent: 0em;
@@ -1166,10 +1401,26 @@
font-family: "鏂规鍏颁涵绾ょ粏";
font-size: 1.1em;
margin: 15px 0 10px 0;
+ font-weight: bold;
+ }
+
+ .imgdescript {
+ color: #7acab4;
}
.quotation {
- font-family: "kaiti";
+ font-family: "姹変华妤蜂綋", "ETrump KaiTi", "鏂规浠垮畫", "FZFSJW--GB1-0";
+ font-size: 0.95em;
+ text-align: left;
+ text-indent: 2em;
+ margin: 0.1em auto;
+ color: #5A5A5A;
+ line-height: 30px;
+ }
+
+ .titleQuot-1 {
+ color: #7acab4;
+ font-size: 1.1em;
}
/*搴曡壊*/
--
Gitblit v1.9.1