You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
231 lines
4.2 KiB
231 lines
4.2 KiB
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;
|
|
} |