.xh { position: relative; width: 100%; aspect-ratio: 5120/3316; /* 2560/1440=16/9,核心比例约束 */ /* background: url('../img/rgb.png'); background-repeat: no-repeat; background-size: 100% auto; */ min-width: 1280px; margin-top: 3.56rem; } .xh-text { width: 100%; display: flex; flex-direction: column; justify-content: center; /* padding-top: 0.8rem; */ } .xh-t { width: 100%; font-size: 0.5rem; color: #fff; text-align: center; } .xh-t span:nth-child(1) { font-size: 0.72rem; } .xh-t span:nth-child(2) { font-size: 0.63rem; margin-left: 0.13rem; } .xh-p { font-size: clamp(16px, 1vw, 0.22rem); color: #cbcfd8; text-align: center; padding-top: 0.43rem; font-family: "HarmonyOS-Light"; } .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; aspect-ratio: 710/308; 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%); }