404 lines
6.6 KiB
CSS
404 lines
6.6 KiB
CSS
.page {
|
|
background-color: rgba(244, 244, 244, 1);
|
|
width: 750rpx;
|
|
height: 100vh
|
|
}
|
|
|
|
.box_1 {
|
|
background-color: rgba(36, 42, 56, 1);
|
|
width: 750rpx;
|
|
height: 40rpx;
|
|
}
|
|
|
|
.box_2 {
|
|
width: 750rpx;
|
|
margin-bottom: 1rpx;
|
|
}
|
|
|
|
.box_3 {
|
|
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;
|
|
}
|
|
|
|
.list_1 {
|
|
width: 690rpx;
|
|
height: 931rpx;
|
|
justify-content: space-between;
|
|
margin: 265rpx 0 71rpx 30rpx;
|
|
}
|
|
|
|
.list-items_1 {
|
|
box-shadow: 0px 11px 40px 0px rgba(122, 161, 204, 0.11);
|
|
background-color: rgba(255, 255, 255, 1);
|
|
border-radius: 10px;
|
|
position: relative;
|
|
width: 690rpx;
|
|
height: 217rpx;
|
|
margin-bottom: 21rpx;
|
|
}
|
|
|
|
.block_1 {
|
|
background-color: rgba(253, 253, 253, 1);
|
|
border-radius: 10px;
|
|
width: 203rpx;
|
|
height: 172rpx;
|
|
margin: 11rpx 0 0 20rpx;
|
|
}
|
|
|
|
.block_2 {
|
|
width: 161rpx;
|
|
height: 165rpx;
|
|
margin: 21rpx 0 0 44rpx;
|
|
}
|
|
|
|
.text-wrapper_1 {
|
|
width: 161rpx;
|
|
height: 28rpx;
|
|
}
|
|
|
|
.text_2 {
|
|
width: 89rpx;
|
|
height: 28rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(45, 68, 128, 1);
|
|
font-size: 30rpx;
|
|
font-family: MicrosoftYaHei-Bold;
|
|
font-weight: 700;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 80rpx;
|
|
}
|
|
|
|
.text_3 {
|
|
width: 52rpx;
|
|
height: 25rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(41, 42, 46, 1);
|
|
font-size: 26rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 80rpx;
|
|
}
|
|
|
|
.text_4 {
|
|
width: 124rpx;
|
|
height: 24rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(55, 56, 57, 1);
|
|
font-size: 24rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 80rpx;
|
|
margin-top: 36rpx;
|
|
}
|
|
|
|
.text_5 {
|
|
width: 86rpx;
|
|
height: 22rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(55, 56, 57, 1);
|
|
font-size: 24rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 80rpx;
|
|
margin-top: 55rpx;
|
|
}
|
|
|
|
.block_3 {
|
|
width: 164rpx;
|
|
height: 197rpx;
|
|
margin: 21rpx 20rpx 0 78rpx;
|
|
}
|
|
|
|
.box_4 {
|
|
width: 121rpx;
|
|
height: 26rpx;
|
|
margin-left: 43rpx;
|
|
}
|
|
|
|
.label_1 {
|
|
width: 22rpx;
|
|
height: 26rpx;
|
|
}
|
|
|
|
.text_6 {
|
|
width: 87rpx;
|
|
height: 22rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(51, 51, 51, 1);
|
|
font-size: 22rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 80rpx;
|
|
margin-top: 4rpx;
|
|
}
|
|
|
|
.box_5 {
|
|
height: 183rpx;
|
|
background-size: 100% 100%;
|
|
margin-top: -12rpx;
|
|
width: 130rpx;
|
|
}
|
|
|
|
.text-wrapper_2 {
|
|
background-image: linear-gradient(219deg,
|
|
rgba(8, 83, 196, 1) 0,
|
|
rgba(8, 83, 196, 1) 0,
|
|
rgba(66, 130, 216, 1) 80.004883%,
|
|
rgba(66, 130, 216, 1) 100%);
|
|
border-radius: 10px;
|
|
height: 43rpx;
|
|
width: 112rpx;
|
|
margin: 117rpx 0 0 45rpx;
|
|
}
|
|
|
|
.text_7 {
|
|
width: 49rpx;
|
|
height: 24rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(254, 254, 254, 1);
|
|
font-size: 26rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 80rpx;
|
|
margin: 8rpx 0 0 32rpx;
|
|
}
|
|
|
|
.block_4 {
|
|
height: 183rpx;
|
|
background-size: 100% 100%;
|
|
width: 130rpx;
|
|
margin: 35rpx 54rpx 0 78rpx;
|
|
}
|
|
|
|
.text-wrapper_3 {
|
|
background-image: linear-gradient(219deg,
|
|
rgba(8, 83, 196, 1) 0,
|
|
rgba(8, 83, 196, 1) 0,
|
|
rgba(66, 130, 216, 1) 80.004883%,
|
|
rgba(66, 130, 216, 1) 100%);
|
|
border-radius: 10px;
|
|
height: 43rpx;
|
|
width: 112rpx;
|
|
margin: 117rpx 0 0 45rpx;
|
|
}
|
|
|
|
.text_8 {
|
|
width: 49rpx;
|
|
height: 24rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(254, 254, 254, 1);
|
|
font-size: 26rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 80rpx;
|
|
margin: 8rpx 0 0 32rpx;
|
|
}
|
|
|
|
.block_5 {
|
|
position: absolute;
|
|
left: -30rpx;
|
|
top: -259rpx;
|
|
width: 750rpx;
|
|
height: 281rpx;
|
|
background-size: 752rpx 281rpx;
|
|
justify-content: flex-center;
|
|
}
|
|
|
|
.section_1 {
|
|
background-color: rgba(253, 253, 253, 1);
|
|
border-radius: 10px;
|
|
width: 203rpx;
|
|
height: 172rpx;
|
|
margin: 32rpx 0 0 50rpx;
|
|
}
|
|
|
|
.section_2 {
|
|
width: 161rpx;
|
|
height: 165rpx;
|
|
margin: 0 0 0 30rpx;
|
|
}
|
|
|
|
.text-wrapper_4 {}
|
|
|
|
.text_9 {
|
|
|
|
height: 30rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(45, 68, 128, 1);
|
|
font-size: 30rpx;
|
|
font-family: MicrosoftYaHei-Bold;
|
|
font-weight: 700;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 30rpx;
|
|
}
|
|
|
|
.text_10 {
|
|
|
|
height: 26rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(41, 42, 46, 1);
|
|
font-size: 26rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 26rpx;
|
|
}
|
|
|
|
.text_11 {
|
|
width: 124rpx;
|
|
height: 24rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(55, 56, 57, 1);
|
|
font-size: 24rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 24rpx;
|
|
margin-top: 24rpx;
|
|
}
|
|
|
|
.averageStar {
|
|
width: 124rpx;
|
|
height: 24rpx;
|
|
color: rgba(55, 56, 57, 1);
|
|
font-size: 24rpx;
|
|
line-height: 24rpx;
|
|
margin-top: 24rpx;
|
|
}
|
|
|
|
.text_12 {
|
|
|
|
height: 22rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(55, 56, 57, 1);
|
|
font-size: 24rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 22rpx;
|
|
margin-top: 10rpx;
|
|
}
|
|
|
|
.section_3 {
|
|
width: 121rpx;
|
|
margin: 0 50rpx 0 1rpx;
|
|
}
|
|
|
|
.image-text_1 {
|
|
width: 121rpx;
|
|
height: 26rpx;
|
|
}
|
|
|
|
.label_2 {
|
|
width: 22rpx;
|
|
height: 26rpx;
|
|
}
|
|
|
|
.text-group_1 {
|
|
width: 87rpx;
|
|
height: 22rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(51, 51, 51, 1);
|
|
font-size: 22rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 22rpx;
|
|
margin-top: 4rpx;
|
|
}
|
|
|
|
.text-wrapper_5 {
|
|
background-image: linear-gradient(219deg,
|
|
rgba(8, 83, 196, 1) 0,
|
|
rgba(8, 83, 196, 1) 0,
|
|
rgba(66, 130, 216, 1) 80.004883%,
|
|
rgba(66, 130, 216, 1) 100%);
|
|
border-radius: 10px;
|
|
height: 43rpx;
|
|
width: 112rpx;
|
|
margin: 105rpx 0 0 2rpx;
|
|
}
|
|
|
|
.pjbtn {
|
|
background-image: linear-gradient(219deg,
|
|
rgba(8, 83, 196, 1) 0,
|
|
rgba(8, 83, 196, 1) 0,
|
|
rgba(66, 130, 216, 1) 80.004883%,
|
|
rgba(66, 130, 216, 1) 100%);
|
|
border-radius: 10px;
|
|
height: 43rpx;
|
|
width: 112rpx;
|
|
color: #fff;
|
|
line-height: 43rpx;
|
|
font-size: 24rpx;
|
|
text-align: center;
|
|
}
|
|
|
|
.text_13 {
|
|
width: 49rpx;
|
|
height: 24rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(254, 254, 254, 1);
|
|
font-size: 26rpx;
|
|
font-family: MicrosoftYaHei;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 24rpx;
|
|
margin: 8rpx 0 0 32rpx;
|
|
}
|
|
|
|
.image_2 {
|
|
position: absolute;
|
|
left: 54rpx;
|
|
top: 38rpx;
|
|
width: 205rpx;
|
|
height: 174rpx;
|
|
}
|
|
|
|
.image_3 {
|
|
position: absolute;
|
|
left: 24rpx;
|
|
top: 17rpx;
|
|
width: 205rpx;
|
|
height: 174rpx;
|
|
} |