parent
540df09fba
commit
b7d91d0cac
@ -0,0 +1,238 @@
|
||||
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);
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.signal1 {
|
||||
position: absolute;
|
||||
top: 334px;
|
||||
right: 379px;
|
||||
bottom: 353px;
|
||||
left: 1078px;
|
||||
width: 54px;
|
||||
height: 54px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.signal2 {
|
||||
position: absolute;
|
||||
top: 334px;
|
||||
right: 188px;
|
||||
bottom: 353px;
|
||||
left: 1269px;
|
||||
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: 36px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
}
|
||||
Loading…
Reference in new issue