.page { background-color: rgba(238, 238, 238, 1); position: relative; width: 750rpx; height: 1400rpx; overflow: hidden; } .box_1 { background-color: rgba(244, 244, 244, 1); position: relative; width: 5481rpx; height: 4645rpx; } .block_1 { background-color: rgba(36, 42, 56, 1); width: 750rpx; height: 40rpx; } .block_2 { background-color: rgba(36, 42, 56, 1); width: 750rpx; height: 535rpx; padding-top: 60rpx; } .text_1 { width: 119rpx; 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 0 0 314rpx; } .grid_1 { width: 707rpx; height: 250rpx; flex-wrap: wrap; margin: 86rpx 0 140rpx 57rpx; } .list-items_1 { position: relative; width: 110rpx; height: 98rpx; margin: 0 89rpx 58rpx 0; } .list-items_1:nth-child(4n) { margin-right: 0; } .list-items_1:nth-last-child(-n + 2) { margin-bottom: 0; } .image_1 { position: absolute; left: 19rpx; top: 0; width: 67rpx; height: 52rpx; } .image_2 { position: absolute; left: -4rpx; top: 0; width: 52rpx; height: 52rpx; } .text_2 { width: 110rpx; height: 22rpx; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 22rpx; font-family: MicrosoftYaHei; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 80rpx; margin-top: 76rpx; } .block_3 { box-shadow: 0px -3px 2px 0px rgba(232, 232, 232, 1); background-color: rgba(255, 255, 255, 1); width: 749rpx; height: 98rpx; margin: 872rpx 0 3100rpx 0; } .image-text_1 { width: 41rpx; height: 65rpx; margin: 19rpx 0 0 99rpx; } .label_1 { width: 36rpx; height: 37rpx; margin-left: 2rpx; } .text-group_1 { width: 41rpx; height: 20rpx; overflow-wrap: break-word; color: rgba(53, 121, 213, 1); font-size: 21rpx; font-family: MicrosoftYaHei; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 80rpx; margin-top: 8rpx; } .image-text_2 { width: 45rpx; height: 68rpx; margin: 17rpx 0 0 128rpx; } .label_2 { width: 36rpx; height: 40rpx; margin-left: 4rpx; } .text-group_2 { width: 45rpx; height: 21rpx; overflow-wrap: break-word; color: rgba(169, 169, 169, 1); font-size: 22rpx; font-family: MicrosoftYaHei; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 80rpx; margin-top: 7rpx; } .image-text_3 { width: 45rpx; height: 67rpx; margin: 18rpx 0 0 127rpx; } .label_3 { width: 30rpx; height: 36rpx; margin-left: 7rpx; } .text-group_3 { width: 45rpx; height: 21rpx; overflow-wrap: break-word; color: rgba(169, 169, 169, 1); font-size: 22rpx; font-family: MicrosoftYaHei; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 80rpx; margin-top: 10rpx; } .image-text_4 { width: 44rpx; height: 65rpx; margin: 20rpx 95rpx 0 125rpx; } .label_4 { width: 28rpx; height: 34rpx; margin-left: 9rpx; } .text-group_4 { width: 44rpx; height: 22rpx; overflow-wrap: break-word; color: rgba(169, 169, 169, 1); font-size: 22rpx; font-family: MicrosoftYaHei; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 80rpx; margin-top: 9rpx; } .block_4 { position: absolute; left: 0; top: 575rpx; width: 5481rpx; height: 873rpx; } .group_1 { width: 700rpx; height: 158rpx; margin: 200rpx 0 0 25rpx; } .text-wrapper_1 { height: 158rpx; background-size: 100% 100%; width: 336rpx; } .text_3 { width: 220rpx; height: 20rpx; overflow-wrap: break-word; color: rgba(62, 31, 1, 1); font-size: 20rpx; font-family: MicrosoftYaHei; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 80rpx; margin: 90rpx 0 0 21rpx; } .text-wrapper_2 { height: 157rpx; background-size: 100% 100%; width: 336rpx; } .text_4 { width: 180rpx; height: 20rpx; overflow-wrap: break-word; color: rgba(1, 23, 62, 1); font-size: 20rpx; font-family: MicrosoftYaHei; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 80rpx; margin: 90rpx 0 0 21rpx; } .group_2 { width: 700rpx; height: 157rpx; margin: 23rpx 0 0 25rpx; } .text-wrapper_3 { height: 157rpx; background-size: 100% 100%; width: 336rpx; } .text_5 { width: 300rpx; height: 20rpx; overflow-wrap: break-word; color: rgba(1, 33, 62, 1); font-size: 20rpx; font-family: MicrosoftYaHei; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 80rpx; margin: 90rpx 0 0 21rpx; } .text-wrapper_4 { height: 157rpx; background-size: 100% 100%; width: 336rpx; } .text_6 { width: 220rpx; height: 19rpx; overflow-wrap: break-word; color: rgba(62, 31, 1, 1); font-size: 20rpx; font-family: MicrosoftYaHei; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 80rpx; margin: 90rpx 0 0 21rpx; } .image_3 { width: 700rpx; height: 122rpx; margin: 26rpx 0 0 25rpx; } .group_3 { box-shadow: 0px 0px 17px 0px rgba(237, 237, 237, 1); background-color: rgba(255, 255, 255, 1); border-radius: 11px; width: 700rpx; height: 90rpx; margin: 26rpx 0 26rpx 25rpx; } .image-text_5 { width: 475rpx; height: 39rpx; margin: 26rpx 0 0 24rpx; } .label_5 { width: 32rpx; height: 39rpx; } .text-group_5 { width: 422rpx; height: 27rpx; overflow-wrap: break-word; color: rgba(72, 72, 72, 1); font-size: 26rpx; font-family: MicrosoftYaHei; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 30rpx; margin-top: 5rpx; } .group_4 { background-color: rgba(169, 169, 169, 1); border-radius: 22px; position: absolute; left: 25rpx; top: -140rpx; width: 700rpx; height: 306rpx; }