liqian
991ca5b61c
All checks were successful
Gitea Actions Official-website / deploy-dev (push) Successful in 3s
74 lines
1.4 KiB
CSS
74 lines
1.4 KiB
CSS
|
||
.wift-bg {
|
||
position: relative;
|
||
width: 100%;
|
||
height: 100%;
|
||
aspect-ratio: 2560/1913;
|
||
/* 2560/1440=16/9，核心比例约束 */
|
||
/* background: url('../img/w1.png');
|
||
background-repeat: no-repeat;
|
||
background-size: 100% auto; */
|
||
min-width: 1280px;
|
||
/* margin-bottom: 0.71rem; */
|
||
position: relative;
|
||
}
|
||
.wift-test {
|
||
position: absolute;
|
||
left:50%;
|
||
top:3rem;
|
||
transform: translateX(-50%);
|
||
|
||
}
|
||
.wift-bg-t {
|
||
font-size: 0.5rem;
|
||
color: #cbcfd8;
|
||
width: 100%;
|
||
text-align: center;
|
||
}
|
||
.wift-bg-p {
|
||
font-size: clamp(16px, 1vw, 0.22rem);
|
||
color: #cbcfd8;
|
||
width: 100%;
|
||
text-align: center;
|
||
padding-top: 0.43rem;
|
||
line-height: 1.8;
|
||
font-family: "HarmonyOS-Light";
|
||
}
|
||
.wift-bg-p1 {
|
||
font-size: clamp(16px, 1vw, 0.22rem);
|
||
color: #cbcfd8;
|
||
width: 100%;
|
||
text-align: center;
|
||
padding-top: 0.39rem;
|
||
line-height: 1.8;
|
||
font-family: "HarmonyOS-Light";
|
||
}
|
||
.wift-bg-img {
|
||
width: 100%;
|
||
display: flex;
|
||
justify-content: center;
|
||
|
||
position: absolute;
|
||
bottom: 1.46rem;
|
||
}
|
||
.wift-bg-img img {
|
||
width: 14.41rem;
|
||
|
||
}
|
||
.wift-t {
|
||
width: 100%;
|
||
color: #fff;
|
||
text-align: center;
|
||
/* margin-top: 2.95rem; */
|
||
/* padding-top: 2.95rem; */
|
||
font-size: 0.72rem;
|
||
}
|
||
.wift-t div:nth-child(1) {
|
||
font-size: 0.72rem;
|
||
line-height: 1;
|
||
padding-bottom: 0.33rem;
|
||
}
|
||
.wift-t div:nth-child(2) {
|
||
font-size: 0.63rem;
|
||
line-height: 1;
|
||
} |