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