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;
}