html, body { height: 100%; margin: 0; display: flex; justify-content: center; /* 水平居中 */ align-items: center; /* 垂直居中 */ } .background-container { width: 2376px; height: 1355px; overflow: hidden; background: #FFF; justify-content: center; align-items: center; } .firstcontainer { position: relative; width: 1511px; height: 741px; overflow: hidden; border-radius: 26px; box-shadow: 0px 0px 78px 23px rgba(0, 0, 0, 0.25); background: #FFF; flex-shrink: 0; } .getpeople { position: absolute; top: 108px; right: 893px; bottom: 545px; left: 147px; width: 471px; height: 88px; flex-shrink: 0; color: #000; font-family: Inter; font-size: 64px; font-style: normal; font-weight: 400; line-height: normal; text-align: center; text-shadow: 0px 0px 70px rgba(0, 0, 0, 0.25); } .text1 { position: absolute; top: 316px; right: 1329px; bottom: 353px; left: 6px; width: 285px; height: 76px; flex-shrink: 0; color: #000; font-family: Inter; font-size: 64px; font-style: normal; font-weight: 400; line-height: normal; text-align: center; } .text2 { position: absolute; top: 316px; right: 904px; bottom: 353px; left: 499px; width: 136px; height: 64px; flex-shrink: 0; color: #000; font-family: Inter; font-size: 64px; font-style: normal; font-weight: 400; line-height: normal; text-align: center; } .text3 { position: absolute; top: 332px; right: 444px; bottom: 353px; left: 956px; width: 111px; height: 56px; flex-shrink: 0; color: #000; font-family: Inter; font-size: 48px; font-style: normal; font-weight: 400; line-height: normal; text-align: center; } .text4 { position: absolute; top: 332px; right: 244px; bottom: 353px; left: 1143px; width: 124px; height: 61px; flex-shrink: 0; color: #000; font-family: Inter; font-size: 48px; font-style: normal; font-weight: 400; line-height: normal; text-align: center; } .text5 { position: absolute; top: 456px; right: 1192px; bottom: 209px; left: 48px; width: 285px; height: 76px; flex-shrink: 0; color: #000; font-family: Inter; font-size: 64px; font-style: normal; font-weight: 400; line-height: normal; text-align: center; } .text6 { position: absolute; top: 472px; right: 722px; bottom: 209px; left: 659px; width: 130px; height: 60px; flex-shrink: 0; color: #000; font-family: Inter; font-size: 48px; font-style: normal; font-weight: 400; line-height: normal; text-align: center; } .mytext1 { position: absolute; top: 316px; right: 1046px; bottom: 357px; left: 220px; width: 275px; height: 68px; flex-shrink: 0; border-radius: 8px; border: 1px solid #000; background: rgba(217, 217, 217, 0.00); font-size: 64px; } .mytext2 { position: absolute; top: 316px; right: 618px; bottom: 357px; left: 640px; width: 275px; height: 68px; border-radius: 8px; border: 1px solid #000; background: rgba(217, 217, 217, 0.00); flex-shrink: 0; font-size: 64px; } .signal1 { position: absolute; top: 334px; right: 379px; bottom: 353px; left: 1078px; width: 54px; height: 54px; flex-shrink: 0; } .signal3 { position: absolute; top: 475px; right: 673px; bottom: 212px; left: 784px; width: 54px; height: 54px; flex-shrink: 0; } .mytext3 { position: absolute; top: 460px; right: 908px; bottom: 213px; left: 328px; display: flex; width: 275px; height: 68px; flex-direction: column; justify-content: center; flex-shrink: 0; color: #000; font-family: Inter; font-size: 64px; font-style: normal; font-weight: 400; line-height: normal; }