This commit is contained in:
53
public/static/index/pc/css/topic_laptop/xh.css
Normal file
53
public/static/index/pc/css/topic_laptop/xh.css
Normal file
@@ -0,0 +1,53 @@
|
||||
.xh {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
aspect-ratio: 2560/2236; /* 2560/1440=16/9,核心比例约束 */
|
||||
/* background: url('../img/rgb.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% auto; */
|
||||
min-width: 1280px;
|
||||
margin-top: 3.45rem;
|
||||
}
|
||||
.xh-text {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
padding-top: 1.06rem;
|
||||
}
|
||||
.xh-t {
|
||||
width: 100%;
|
||||
font-size: 0.63rem;
|
||||
color: #cbcfd8;
|
||||
text-align: center;
|
||||
}
|
||||
.xh-p {
|
||||
font-size: clamp(16px, 1vw, 0.22rem);
|
||||
color: #cbcfd8;
|
||||
text-align: center;
|
||||
padding-top: 0.73rem;
|
||||
line-height: 2.5;
|
||||
}
|
||||
.xh-img {
|
||||
width: 100%;
|
||||
min-width: 1280px;
|
||||
position: absolute;
|
||||
bottom: 1.8rem;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
gap: 0.2rem;
|
||||
}
|
||||
.xh-img img {
|
||||
max-width: 7.1rem;
|
||||
max-height: 3.08rem;
|
||||
display: block;
|
||||
}
|
||||
.xh-b-p {
|
||||
color: #ffffff;
|
||||
font-size: clamp(16px, 1vw, 0.22rem);
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
text-align: center;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
Reference in New Issue
Block a user