From f77e02b69e4512f00251929b14888f3e6bbac37f Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期一, 09 九月 2024 10:41:19 +0800
Subject: [PATCH] 艺术戏剧（bug解决）
---
src/books/artAndDrama/assets/main.less | 1032 +++++++++++++++++++++++++++++++-------------------------
1 files changed, 570 insertions(+), 462 deletions(-)
diff --git a/src/books/artAndDrama/assets/main.less b/src/books/artAndDrama/assets/main.less
index 56a070f..6f0393a 100644
--- a/src/books/artAndDrama/assets/main.less
+++ b/src/books/artAndDrama/assets/main.less
@@ -1,414 +1,463 @@
.ans-drama {
- width: 100%;
- height: 100%;
- font-family: "瀹嬩綋","STKaiti", SimSun, sans-serif;
-span.un1{
- -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;
-}
+ width: 100%;
+ height: 100%;
+ font-family: "瀹嬩綋", "STKaiti", SimSun, sans-serif;
+ span.un1 {
+ -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;
+ }
+
+ // audio{
+ // width: 300px;
+ // height: 54px;
+ // }
+
+ .rhombusFather {
+ position: relative;
+ text-indent: 3em;
+ }
+ .rhombus {
+ position: absolute;
+ left: -23px;
+ }
+ .rhombuSpecial {
+ position: absolute;
+ left: -23px;
+
+ }
ul {
- list-style-type:none;
+ list-style-type: none;
}
li {
- list-style-type:none;
+ list-style-type: none;
}
-.ls1{
- font-family:"HiFont Hei GB";
- color:#30AAD1;
- font-weight:bold;
-}
-.hs{
- color:#B0441D;
-}
-.hs1{
- color:#E78D2D;
- font-weight:bold;
-}
-.zs1{
- font-family:"HiFont Hei GB";
- color:#857EB4;
- font-weight:bold;
-}
+ .ls1 {
+ font-family: "HiFont Hei GB";
+ color: #30AAD1;
+ font-weight: bold;
+ }
-span.under1{
- border-bottom:2px solid #F0BD4A;
- border-width:2px;
+ .hs {
+ color: #B0441D;
+ }
-}
+ .hs1 {
+ font-size: 40px;
+ color: #E78D2D;
+ font-weight: bold;
+ }
-div.bodystyle {
- text-align:justify;
- margin:0 12%;
- line-height:30px;
+ .zs1 {
+ font-family: "HiFont Hei GB";
+ color: #857EB4;
+ font-weight: bold;
+ }
-}
+ span.under1 {
+ border-bottom: 2px solid #F0BD4A;
+ border-width: 2px;
-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.bodystyle {
+ text-align: justify;
+ margin: 0 12%;
+ line-height: 30px;
-.note{
-font-size:0.85em;
-padding: 0 9%;
-}
-.img{
- text-align:center;
- font-size:0.8em;
- color:#5D78BB;
- margin-left:0%;
- margin-right:0%;
- text-indent:0em;
-}
+ }
-.img1{
- text-align:right;
- font-size:0.85em;
- margin-left:0%;
- margin-right:2em;
- text-indent:0em;
-}
+ span.zt-0 {
+ color: #0087AF;
+ }
-p
-{
- //margin-top:1em;
- margin: 0;
- text-indent:2em;
- line-height:30px;
- text-align:justify;
-}
-.cover {
- width:100%;
- padding:0px;
-}
-.center {
- text-align:center;
- margin-left:0%;
- margin-right:0%;
- text-indent:0em;
-}
-.center1
-{
- font-family:"STKaiti";
- text-align:center;
- margin-left:0%;
- margin-right:0%;
- font-size:1.2em;
- text-indent:0em;
- font-weight:bold;
-}
+ 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;
+ }
+
+ .note {
+ font-size: 0.85em;
+ padding: 0 9%;
+ }
+
+ .img {
+ text-align: center;
+ font-size: 0.8em;
+ color: #5D78BB;
+ margin-left: 0%;
+ margin-right: 0%;
+ text-indent: 0em;
+ }
+
+ .img1 {
+ text-align: right;
+ font-size: 0.85em;
+ margin-left: 0%;
+ margin-right: 2em;
+ text-indent: 0em;
+ }
+
+ p {
+ //margin-top:1em;
+ margin: 0;
+ text-indent: 2em;
+ line-height: 30px;
+ text-align: justify;
+ }
+
+ .cover {
+ width: 100%;
+ padding: 0px;
+ }
+
+ .center {
+ text-align: center;
+ margin-left: 0%;
+ margin-right: 0%;
+ text-indent: 0em;
+ }
+
+ .center1 {
+ font-family: "STKaiti";
+ text-align: center;
+ margin-left: 0%;
+ margin-right: 0%;
+ font-size: 1.2em;
+ text-indent: 0em;
+ font-weight: bold;
+ }
-.left {
- text-indent:0em;
- margin-left:0%;
- margin-right:0%;
-}
+ .left {
+ text-indent: 0em;
+ margin-left: 0%;
+ margin-right: 0%;
+ }
-.left1 {
- // font-family:"STKaiti";
- text-indent:0em;
- margin-left:0%;
- margin-right:0%;
-}
-.right {
- text-align:right;
- margin-left:0%;
- margin-right:0%;
-}
-.right1 {
- font-family:"STKaiti";
- 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 {
+ .left1 {
+ // font-family:"STKaiti";
+ text-indent: 0em;
+ margin-left: 0%;
+ margin-right: 0%;
+ }
- font-family:"STKaiti";
- text-align:center;
- font-size:1.8em;
- color:#515594;
- margin-bottom:0%;
- margin-top:0.5cm;
-}
+ .right {
+ text-align: right;
+ margin-left: 0%;
+ margin-right: 0%;
+ }
-h1.left-h1 {
- text-indent:0em;
- text-align:left;
- text-indent:0em;
-}
+ .right1 {
+ font-family: "STKaiti";
+ 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: "STKaiti";
+ text-align: center;
+ font-size: 1.8em;
+ color: #515594;
+ margin-bottom: 0%;
+ margin-top: 0.5cm;
+ }
+
+ h1.left-h1 {
+ text-indent: 0em;
+ text-align: left;
+ text-indent: 0em;
+ }
-h2 {
- font-family:"STKaiti";
- text-align:center;
- font-size:1.5em;
- margin-top:0%;
- margin-bottom:1.8em;
- text-indent:0em;
-}
+ h2 {
+ font-family: "STKaiti";
+ text-align: center;
+ font-size: 1.5em;
+ margin-top: 0%;
+ margin-bottom: 1.8em;
+ text-indent: 0em;
+ }
-h2.whleft2{
+ h2.whleft2 {
- text-align:left;
- color:#AF0206;
- font-size:1.2em;
- margin-top:0.2em;
- margin-bottom:0.2em;
- text-indent:0em;
-}
+ text-align: left;
+ color: #AF0206;
+ font-size: 1.2em;
+ margin-top: 0.2em;
+ margin-bottom: 0.2em;
+ text-indent: 0em;
+ }
-h3 {
- font-family:"STKaiti";
- color:#EF495D;
- font-weight:bold;
- font-size:1.2em;
- margin-top:2em;
- text-align:center;
- margin-bottom:2em;
- text-indent:0em;
-}
+ h3 {
+ font-family: "STKaiti";
+ color: #EF495D;
+ font-weight: bold;
+ font-size: 1.2em;
+ margin-top: 2em;
+ text-align: center;
+ margin-bottom: 2em;
+ text-indent: 0em;
+ }
-h3.lefth3{
+ h3.lefth3 {
+ text-align: left;
+ margin-top: 0.2em;
+ margin-bottom: 1.2em;
+ margin-left: 2em;
+ text-indent: 0em;
- text-align:left;
- margin-top:0.2em;
- margin-bottom:1.2em;
- margin-left: 2em;
- text-indent:0em;
-}
+ }
-h4 {
+ h4 {
- font-weight:bold;
- color:#5877BA;
- font-size:1.1em;
- margin-top:0.2em;
- margin-bottom:1em;
- text-indent:0em;
-}
-h5 {
+ font-weight: bold;
+ color: #5877BA;
+ font-size: 1.1em;
+ margin-top: 0.2em;
+ margin-bottom: 1em;
+ text-indent: 0em;
+ }
- font-weight:bold;
- color:#C96653;
- font-size:1em;
- margin-top:0.2em;
- margin-bottom:1em;
- text-indent:2em;
-}
-h6 {
+ h5 {
- font-family:"cnepub", serif;
- color:#36C3F4;
- font-size:1.1em;
- margin-top:10px;
- text-indent:2em;
- margin-bottom:10px;
-}
-.u {
+ font-weight: bold;
+ color: #C96653;
+ font-size: 1em;
+ margin-top: 0.2em;
+ margin-bottom: 1em;
+ text-indent: 2em;
+ }
- text-decoration:underline; }
+ h6 {
-.img-0{
-width:100%;
-}
-.imz{
- width:96%;
- text-align:center;
+ font-family: "cnepub", serif;
+ color: #36C3F4;
+ font-size: 1.1em;
+ margin-top: 10px;
+ text-indent: 2em;
+ margin-bottom: 10px;
+ }
+
+ .u {
+
+ text-decoration: underline;
+ }
+
+ .img-0 {
+ display: flex;
+ width: 100%;
+ }
+
+ .imz {
+ width: 96%;
+ text-align: center;
-}
+ }
-.img-a{
-width:95%;
-}
-.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-gh1{
-width:30%;
-text-align:right;
-}
-.img-gh2{
-width:45%;
-text-align:right;
-}
-.img-h{
-width:25%;
-}
-.img-i{
-width:10%;
-}
-.img-j{
-width:5%;
-}
+ .img-a {
+ width: 95%;
+ }
-.inline{
-height:2em;
-margin-bottom:-0.5em;
-}
-.inline1{
-height:1.5em;
-margin-top:-1em;
-margin-bottom:-0.4em;
-}
-.inline2{
-height:2.5em;
-margin-top:2em;
-margin-bottom:-0.4em;
-}
-.inline3{
-height:4em;
-margin-top:2em;
-margin-bottom:-0.4em;
-}
-.block
-{
- font-family:"STKaiti";
- font-size:1.15em;
- font-weight: 400;
-}
+ .img-b {
+ width: 80%;
+ }
-.block1
-{
- font-family:"STKaiti";
- color:#08A496;
- text-align:right;
- font-size:1.15em;
- margin-right:2em;
- text-indent:0em;
-}
-.block2
-{
- font-family:"STKaiti";
- font-size:1.15em;
- text-align:center;
- text-indent:0em;
-}
+ .img-c {
+ width: 70%;
+ }
-.block3{
- font-weight:bold;
- font-family:"STKaiti";
- font-size:1.2em;
-}
-div.bj{
- border:2px solid #E04239;
- background:#FDECD2;
- border-style:solid none none none;
- padding:0.2em 0.4em 0.2em 0.4em;
- margin-top:1em;
- margin-left:0.5em;
- margin-right:0.5em;
- margin-bottom:-0.8em;
- font-size:1.1em;
- box-shadow: 0.3em 0.3em 0px 0px #C3C2C0;
-}
+ .img-d {
+ width: 60%;
+ }
+
+ .img-e {
+ width: 50%;
+ }
+
+ .img-f {
+ width: 40%;
+ }
+
+ .img-g {
+ width: 30%;
+ }
+
+ .img-gh1 {
+ width: 30%;
+ text-align: right;
+ }
+
+ .img-gh2 {
+ width: 45%;
+ text-align: right;
+ }
+
+ .img-h {
+ width: 25%;
+ }
+
+ .img-i {
+ width: 10%;
+ }
+
+ .img-j {
+ width: 5%;
+ }
+
+ .inline {
+ height: 2em;
+ margin-bottom: -0.5em;
+ }
+
+ .inline1 {
+ height: 1.5em;
+ margin-top: -1em;
+ margin-bottom: -0.4em;
+ }
+
+ .inline2 {
+ height: 2.5em;
+ margin-top: 2em;
+ margin-bottom: -0.4em;
+ }
+
+ .inline3 {
+ height: 4em;
+ margin-top: 2em;
+ margin-bottom: -0.4em;
+ }
+
+ .block {
+ font-family: "STKaiti";
+ font-size: 1.15em;
+ font-weight: 400;
+ }
+
+ .block1 {
+ font-family: "STKaiti";
+ color: #08A496;
+ text-align: right;
+ font-size: 1.15em;
+ margin-right: 2em;
+ text-indent: 0em;
+ }
+
+ .block2 {
+ font-family: "STKaiti";
+ font-size: 1.15em;
+ text-align: center;
+ text-indent: 0em;
+ }
+
+ .block3 {
+ font-weight: bold;
+ font-family: "STKaiti";
+ font-size: 1.2em;
+ }
+
+ div.bj {
+ border: 2px solid #E04239;
+ background: #FDECD2;
+ border-style: solid none none none;
+ padding: 0.2em 0.4em 0.2em 0.4em;
+ margin-top: 1em;
+ margin-left: 0.5em;
+ margin-right: 0.5em;
+ margin-bottom: -0.8em;
+ font-size: 1.1em;
+ box-shadow: 0.3em 0.3em 0px 0px #C3C2C0;
+ }
-.bj2{
- border:2px solid #E04239;
- background:#FDECD2;
- border-style:solid none none none;
- padding:0.2em 0.4em 0.2em 0.4em;
- margin-top:1em;
- margin-left:0.5em;
- margin-right:0.5em;
- margin-bottom:-0.8em;
- font-size:1.1em;
- box-shadow: 0.3em 0.3em 0px 0px #C3C2C0;
-}
+ .bj2 {
+ border: 2px solid #E04239;
+ background: #FDECD2;
+ border-style: solid none none none;
+ padding: 0.2em 0.4em 0.2em 0.4em;
+ margin-top: 1em;
+ margin-left: 0.5em;
+ margin-right: 0.5em;
+ margin-bottom: -0.8em;
+ font-size: 1.1em;
+ box-shadow: 0.3em 0.3em 0px 0px #C3C2C0;
+ }
-.kaiti{
- font-family:"STKaiti";
-}
+ .kaiti {
+ font-family: "STKaiti";
+ }
-div.bk{
- border:4px dashed #3FB135;
- padding:0.79em;
- margin-bottom:2em;
- margin-top:1em;
-}
+ div.bk {
+ border: 4px dashed #3FB135;
+ padding: 0.79em;
+ margin-bottom: 2em;
+ margin-top: 1em;
+ }
-div.bj1{
- padding:0.01em 1em 0.01em 1em;
- margin-top:-2.95em;
- margin-left:-1em;
- margin-right:-1em;
+ div.bj1 {
+ padding: 0.01em 1em 0.01em 1em;
+ margin-top: -2.95em;
+ margin-left: -1em;
+ margin-right: -1em;
-}
-.img-gn{
- height:2em;
- margin-bottom:-1.9em;
-}
+ }
-.img-gn1{
- height:2em;
-}
+ .img-gn {
+ height: 2em;
+ margin-bottom: -1.9em;
+ }
-div.bj3{
- background:#C6DFA5;
- padding:0.2em 0.5em 0.2em 0.5em;
- margin-top:1em;
- margin-left:1em;
- margin-right:1em;
- border-radius:1em;
- margin-bottom:1.5em;
- font-size:1.1em;
- padding-left: 1em;
-}
- // 鑷畾涔�
- .page-box {
+ .img-gn1 {
+ height: 2.5em;
+ }
+
+ div.bj3 {
+ background: #C6DFA5;
+ padding: 0.2em 0.5em 0.2em 0.5em;
+ margin-top: 1em;
+ margin-left: 1em;
+ margin-right: 1em;
+ border-radius: 1em;
+ margin-bottom: 1.5em;
+ font-size: 1.1em;
+ padding-left: 1em;
+ }
+
+ // 鑷畾涔�
+ .page-box {
position: relative;
box-sizing: border-box;
min-height: 1150px;
@@ -417,73 +466,87 @@
background-color: #fff;
padding-bottom: 117px;
}
- // .front{
- // font-family:"SimSun";
- // font-weight: bold;
- // font-size: 18px;
- // }
- .t-l{
+
+ .fw-b {
+ font-weight: bold;
+ }
+
+ .t-l {
text-align: left;
}
- textarea{
+
+ textarea {
outline: none;
font-family: "STkaiti";
font-size: 1em;
+ margin-top: 1em;
}
- .textarea-focused {
- border-color: #42b983;
- box-shadow: 0 0 5px rgba(66, 185, 131, 0.5);
- }
- input{
+
+ .textarea-focused {
+ border-color: #42b983;
+ box-shadow: 0 0 5px rgba(66, 185, 131, 0.5);
+ }
+
+ input {
font-family: "STkaiti";
}
- .folder{
+
+ .folder {
color: brown;
display: flex;
align-items: center;
margin-right: 7%;
}
- .folder>img{
+
+ .folder>img {
color: brown;
height: 20px;
width: auto;
margin-top: 1px;
}
- .Options{
+
+ .Options {
display: flex;
flex-direction: row;
cursor: pointer;
}
- .text{
- margin: 0 8%;
- font-family: "STkaiti";
+
+ .text {
+ margin: 0 8%;
+ font-family: "STkaiti";
}
- .text1{
- margin-bottom: 3%;
- font-family: "STkaiti";
- font-size: 1.15em;
+
+ .text1 {
+ margin-bottom: 3%;
+ font-family: "STkaiti";
+ font-size: 1.15em;
}
- .text2{
+
+ .text2 {
margin: 0 8%;
font-family: "STkaiti";
text-align: left;
}
- .text3{
+
+ .text3 {
margin: 6% 8%;
font-family: "STkaiti";
font-size: 1.58em;
}
+
//搴曢儴鍙傝�冩枃鐚殑鏍峰紡
- .references{
+ .references {
font-family: "STkaiti";
font-size: 0.8em;
}
+
//瑙嗛搴曢儴瀛椾綋鍙婂浘鐗囨牱寮�
- .videoname{
+ .videoname {
display: flex;
justify-content: center;
}
+
.collect-btn {
cursor: pointer;
width: 20px;
@@ -491,106 +554,137 @@
margin-left: 10px;
margin-top: 0.8%;
}
- .problem{
- font-family:"kaiti";
- font-size:1.6em;
+
+ .problem {
+ font-family: "kaiti";
+ font-size: 1.6em;
font-weight: normal;
}
- .lesson1{
+
+ .lesson1 {
margin-top: 0%;
}
+
ul {
list-style: none;
margin: 0;
padding: 0;
}
+
.fl {
display: flex;
}
+
.fw-wr {
flex-wrap: wrap;
}
+
.fl-cl {
flex-direction: column;
}
+
.ju-bt {
justify-content: space-between;
}
+
.ju-end {
justify-content: flex-end;
}
+
.al-cn {
align-items: center;
}
+
.wh-nr {
white-space: nowrap;
}
+
.w100 {
width: 100%;
}
+
.m0 {
margin: 0;
}
+
.mr-8 {
margin-right: 8px;
}
+
.mt-20 {
margin-top: 20px;
}
+
.mt-40 {
margin-top: 40px !important;
}
+
.mb-20 {
margin-bottom: 20px;
}
+
.mb-40 {
margin-bottom: 40px;
}
+
.ml-40 {
margin-left: 40px;
}
+
.mr-40 {
margin-right: 40px;
}
+
.pg-mh {
min-height: 1150px;
}
+
.dl-ib {
display: inline-block;
}
+
.w-min {
width: min-content;
}
+
.w40 {
width: 40px;
}
+
.pb-box {
position: absolute;
bottom: 0;
}
+
.m16-0 {
margin: 16px 0;
}
+
.auido-text {
font-size: 1.15em;
font-family: "FangSong", "PMingLiU", serif;
font-weight: bold;
}
+
.input-bottom-border {
border: 0;
border-bottom: 1px solid #000000;
width: 40%;
+
&:focus {
outline: none;
}
}
+
// 鏁磋鐨刬nput鏍囩
- .input-w-60{
+ .input-w-60 {
width: 60%;
}
- .headerimg{
+
+ .headerimg {
margin-left: 5%;
}
+
.page-footer {
position: relative;
display: flex;
@@ -599,7 +693,7 @@
bottom: 0;
/* 鍨傜洿灞呬腑 */
}
-
+
.page-footer-image {
/* 鍥剧墖鏍峰紡 */
max-width: 100%;
@@ -609,29 +703,33 @@
z-index: 1;
/* 纭繚椤电爜鏁板瓧鍦ㄥ浘鐗囦笂鏂� */
}
- .ends{
+
+ .ends {
display: flex;
align-items: center;
justify-content: space-between;
}
+
/* 褰撳睆骞曞搴﹁嚦灏戜负600px鏃跺簲鐢ㄦ鏍峰紡 */
-@media screen and (max-width: 430px) {
- .ends{
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-wrap: wrap;
+ @media screen and (max-width: 430px) {
+ .ends {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ flex-wrap: wrap;
+ }
}
-}
+
.option {
- position: relative;
- display: flex;
- flex-direction: row;
- //flex-wrap: nowrap;
- width: 170px;
- height: 250px;
- height: min-content;
-}
+ position: relative;
+ display: flex;
+ flex-direction: row;
+ //flex-wrap: nowrap;
+ width: 170px;
+ height: 250px;
+ height: min-content;
+ }
+
.page-footer-number-left {
color: black;
left: 15%;
@@ -640,7 +738,7 @@
font-size: 2em;
/* 浣犲彲浠ユ牴鎹渶瑕佽皟鏁村瓧浣撳ぇ灏� */
z-index: 2;
-
+
/* 纭繚椤电爜鏁板瓧鍦ㄥ浘鐗囦笂鏂� */
/* 浣跨敤::before浼厓绱犲垱寤虹豢鑹插渾褰㈣儗鏅� */
&::before {
@@ -663,6 +761,7 @@
/* 纭繚鍦嗗舰鑳屾櫙鍦ㄦ枃鏈笅鏂� */
}
}
+
.page-footer-number-right {
color: black;
right: 15%;
@@ -671,7 +770,7 @@
font-size: 2em;
/* 浣犲彲浠ユ牴鎹渶瑕佽皟鏁村瓧浣撳ぇ灏� */
z-index: 2;
-
+
/* 纭繚椤电爜鏁板瓧鍦ㄥ浘鐗囦笂鏂� */
/* 浣跨敤::before浼厓绱犲垱寤虹豢鑹插渾褰㈣儗鏅� */
&::before {
@@ -695,60 +794,69 @@
}
}
}
+
/* 濯掍綋鏌ヨ鍋氬熀纭�鍝嶅簲寮忓竷灞� */
@media (max-width: 660px) {
- .ans-drama {
- .pg-mh {
- min-height: 815px !important;
- }
- /* 鍒嗛〉padding */
- .page-padding {
- padding: 104px 20px;
- }
- .padding-96 {
- padding: 0 20px 104px 20px;
- }
- /* video澶у皬 */
- .video-box {
- max-width: 260px;
- }
- .page-box{
- min-height: 500px;
- }
+ .ans-drama {
+ .pg-mh {
+ min-height: 815px !important;
}
- }
- @media (min-width: 660px) {
- .ans-drama {
- .page-padding {
- padding: 104px 96px;
- }
- .padding-96 {
- padding: 0 96px 104px 96px;
- }
- .video-box {
- max-width: 370px;
- }
+ /* 鍒嗛〉padding */
+ .page-padding {
+ padding: 104px 20px;
+ }
+
+ .padding-96 {
+ padding: 0 20px 104px 20px;
+ }
+
+ /* video澶у皬 */
+ .video-box {
+ max-width: 260px;
+ }
+
+ .page-box {
+ min-height: 500px;
}
}
+}
+
+@media (min-width: 660px) {
+ .ans-drama {
+ .page-padding {
+ padding: 104px 96px;
+ }
+
+ .padding-96 {
+ padding: 0 96px 104px 96px;
+ }
+
+ .video-box {
+ max-width: 370px;
+ }
+
+ }
+}
+
::-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
+ 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