267 lines
4.7 KiB
CSS
267 lines
4.7 KiB
CSS
.page {
|
|
background-color: rgba(81, 100, 135, 1);
|
|
width: 750rpx;
|
|
|
|
}
|
|
|
|
.block_1 {
|
|
width: 750rpx;
|
|
height: 100vh;
|
|
}
|
|
|
|
.section_1 {
|
|
background-color: rgba(36, 42, 56, 1);
|
|
width: 750rpx;
|
|
height: 40rpx;
|
|
}
|
|
|
|
.section_2 {
|
|
position: relative;
|
|
width: 750rpx;
|
|
|
|
}
|
|
|
|
.block_2 {
|
|
background-color: rgba(36, 42, 56, 1);
|
|
width: 750rpx;
|
|
height: 88rpx;
|
|
}
|
|
|
|
.image_1 {
|
|
width: 15rpx;
|
|
height: 27rpx;
|
|
margin: 31rpx 0 0 33rpx;
|
|
}
|
|
|
|
.text_1 {
|
|
width: 117rpx;
|
|
height: 30rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(255, 255, 255, 1);
|
|
font-size: 30rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 80rpx;
|
|
margin: 29rpx 317rpx 0 268rpx;
|
|
}
|
|
|
|
.text_2 {
|
|
width: 178rpx;
|
|
height: 36rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(255, 255, 255, 1);
|
|
font-size: 48rpx;
|
|
font-family: YouSheBiaoTiHei;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 129rpx;
|
|
margin: 48rpx 0 0 311rpx;
|
|
}
|
|
|
|
.text_3 {
|
|
width: 69rpx;
|
|
height: 25rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(255, 255, 255, 1);
|
|
font-size: 28rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 28rpx;
|
|
margin: 140rpx 0 0 46rpx;
|
|
}
|
|
|
|
.block_3 {
|
|
background-color: rgba(231, 250, 255, 0.8);
|
|
border-radius: 10px;
|
|
width: 670rpx;
|
|
height: 104rpx;
|
|
border: 4px solid rgba(0, 0, 0, 1);
|
|
margin: 25rpx 0 0 39rpx;
|
|
}
|
|
|
|
.text_4 {
|
|
width: 124rpx;
|
|
height: 26rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(255, 255, 255, 1);
|
|
font-size: 28rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 28rpx;
|
|
margin: 32rpx 0 0 47rpx;
|
|
}
|
|
|
|
.block_4 {
|
|
background-color: rgba(231, 250, 255, 0.8);
|
|
border-radius: 10px;
|
|
width: 670rpx;
|
|
height: 104rpx;
|
|
border: 4px solid rgba(0, 0, 0, 1);
|
|
margin: 23rpx 0 0 39rpx;
|
|
}
|
|
|
|
.text_5 {
|
|
width: 124rpx;
|
|
height: 26rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(255, 255, 255, 1);
|
|
font-size: 28rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 28rpx;
|
|
margin: 48rpx 0 0 47rpx;
|
|
}
|
|
|
|
.block_5 {
|
|
width: 627rpx;
|
|
height: 85rpx;
|
|
margin: 41rpx 0 0 72rpx;
|
|
}
|
|
|
|
.box_1 {
|
|
background-color: rgba(255, 255, 255, 1);
|
|
border-radius: 50%;
|
|
width: 43rpx;
|
|
height: 43rpx;
|
|
border: 2.51px solid rgba(51, 112, 226, 1);
|
|
margin: 20.49000000000001rpx 0 0 -2.510000000000005.06rpx;
|
|
}
|
|
|
|
.text-wrapper_1 {
|
|
background-image: linear-gradient(98deg,
|
|
rgba(160, 198, 255, 1) 0,
|
|
rgba(160, 198, 255, 1) 0,
|
|
rgba(255, 255, 255, 0.4) 100%,
|
|
rgba(255, 255, 255, 0.1) 100%);
|
|
border-radius: 10px;
|
|
height: 85rpx;
|
|
margin-left: 43rpx;
|
|
width: 543rpx;
|
|
}
|
|
|
|
.text_6 {
|
|
width: 117rpx;
|
|
height: 26rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(35, 56, 88, 1);
|
|
font-size: 28rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 28rpx;
|
|
margin: 29rpx 0 0 44rpx;
|
|
}
|
|
|
|
.block_6 {
|
|
width: 627rpx;
|
|
height: 85rpx;
|
|
margin: 28rpx 0 0 72rpx;
|
|
}
|
|
|
|
.box_2 {
|
|
background-color: rgba(255, 255, 255, 1);
|
|
border-radius: 50%;
|
|
width: 43rpx;
|
|
height: 43rpx;
|
|
border: 2.51px solid rgba(51, 112, 226, 1);
|
|
margin: 21.49000000000001rpx 0 0 -2.510000000000005.06rpx;
|
|
}
|
|
|
|
.text-wrapper_2 {
|
|
background-image: linear-gradient(98deg,
|
|
rgba(160, 198, 255, 1) 0,
|
|
rgba(160, 198, 255, 1) 0,
|
|
rgba(255, 255, 255, 0.4) 100%,
|
|
rgba(255, 255, 255, 0) 100%);
|
|
border-radius: 10px;
|
|
height: 85rpx;
|
|
margin-left: 43rpx;
|
|
width: 543rpx;
|
|
}
|
|
|
|
.text_7 {
|
|
width: 117rpx;
|
|
height: 26rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(35, 56, 88, 1);
|
|
font-size: 28rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 80rpx;
|
|
margin: 30rpx 0 0 44rpx;
|
|
}
|
|
|
|
.block_7 {
|
|
width: 627rpx;
|
|
height: 85rpx;
|
|
margin: 33rpx 0 0 72rpx;
|
|
}
|
|
|
|
.box_3 {
|
|
background-color: rgba(255, 255, 255, 1);
|
|
border-radius: 50%;
|
|
width: 43rpx;
|
|
height: 43rpx;
|
|
border: 2.51px solid rgba(51, 112, 226, 1);
|
|
margin: 24.49000000000001rpx 0 0 -2.510000000000005.06rpx;
|
|
}
|
|
|
|
.text-wrapper_3 {
|
|
background-image: linear-gradient(98deg,
|
|
rgba(160, 198, 255, 1) 0,
|
|
rgba(160, 198, 255, 1) 0,
|
|
rgba(255, 255, 255, 0.4) 100%,
|
|
rgba(255, 255, 255, 0.101961) 100%);
|
|
border-radius: 10px;
|
|
height: 85rpx;
|
|
margin-left: 43rpx;
|
|
width: 543rpx;
|
|
}
|
|
|
|
.text_8 {
|
|
width: 117rpx;
|
|
height: 26rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(35, 56, 88, 1);
|
|
font-size: 28rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 80rpx;
|
|
margin: 30rpx 0 0 44rpx;
|
|
}
|
|
|
|
.image_2 {
|
|
width: 730rpx;
|
|
height: 164rpx;
|
|
margin: 0rpx auto 0;
|
|
}
|
|
|
|
.image_3 {
|
|
position: absolute;
|
|
left: 142rpx;
|
|
top: 77rpx;
|
|
width: 267rpx;
|
|
height: 82rpx;
|
|
}
|
|
|
|
.image_4 {
|
|
position: absolute;
|
|
left: 174rpx;
|
|
top: 136rpx;
|
|
width: 537rpx;
|
|
height: 96rpx;
|
|
} |