|
|
@@ -291,6 +291,7 @@
|
|
|
flex-direction: column;
|
|
|
justify-content: center;
|
|
|
align-items: center;
|
|
|
+ position: relative;
|
|
|
gap: 20px;
|
|
|
::-webkit-scrollbar {
|
|
|
display: none; /* Chrome, Safari, Edge */
|
|
|
@@ -331,6 +332,7 @@
|
|
|
height: 55%;
|
|
|
}
|
|
|
.section1,
|
|
|
+ .sectionx,
|
|
|
.section2,
|
|
|
.section3,
|
|
|
.section4 {
|
|
|
@@ -342,7 +344,8 @@
|
|
|
.title {
|
|
|
text-align: center;
|
|
|
line-height: 42px;
|
|
|
- width: 40px;
|
|
|
+ width: fit-content;
|
|
|
+ letter-spacing: 2px;
|
|
|
margin: 0 auto;
|
|
|
padding: 20px;
|
|
|
height: fit-content;
|
|
|
@@ -358,11 +361,14 @@
|
|
|
line-height: 33px;
|
|
|
text-indent: 2em;
|
|
|
font-weight: 300;
|
|
|
+ height: 70%;
|
|
|
+ overflow: auto;
|
|
|
color: rgba(255, 212, 124, 1);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- .section1 {
|
|
|
+ .section1,
|
|
|
+ .sectionx{
|
|
|
background: url(../../assets/img/section1.png) no-repeat;
|
|
|
background-size: 100% 100%;
|
|
|
}
|
|
|
@@ -376,8 +382,8 @@
|
|
|
}
|
|
|
}
|
|
|
.sectionClose {
|
|
|
- position: fixed;
|
|
|
- bottom: 150px;
|
|
|
+ position: absolute;
|
|
|
+ bottom: 15%;
|
|
|
left: 50%;
|
|
|
transform: translateX(-50%);
|
|
|
width: 38px;
|
lanxin