.page { background-color: rgba(238, 238, 238, 1); position: relative; width: 750rpx; overflow: hidden; } .section_1 { background-color: rgba(244, 244, 244, 1); } .group_1 { background-color: rgba(36, 42, 56, 1); width: 750rpx; height: 40rpx; } .group_2 { box-shadow: 0px 0px 17px 0px rgba(237, 237, 237, 1); background-image: linear-gradient(-81deg, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 0, rgba(225, 235, 255, 1) 100%, rgba(225, 235, 255, 1) 100%); border-radius: 11px; width: 700rpx; height: 161rpx; margin: 24rpx 0 0 24rpx; padding-left: 30rpx; } .box_1 { 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: 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 317rpx 0 266rpx; } .box_2 { box-shadow: 0px 0px 17px 0px rgba(237, 237, 237, 1); background-image: linear-gradient(-81deg, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 0, rgba(225, 235, 255, 1) 100%, rgba(225, 235, 255, 1) 100%); border-radius: 11px; width: 700rpx; height: 161rpx; margin: 19rpx 0 0 25rpx; } .text-wrapper_1 { height: 123rpx; background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/31d2bc9f2823fe72828d144f6bae4aad) 100% no-repeat; background-size: 100% 100%; width: 127rpx; margin: 11rpx 0 0 27rpx; } .text_2 { width: 74rpx; height: 31rpx; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 42rpx; font-family: YouSheBiaoTiHei; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 151rpx; margin: 0rpx 0 0 26rpx; } .text-wrapper_2 { width: 449rpx; height: 95rpx; margin: 32rpx 66rpx 0 31rpx; } .text_3 { width: 240rpx; height: 24rpx; overflow-wrap: break-word; color: rgba(67, 67, 67, 1); font-size: 24rpx; font-family: MicrosoftYaHei-Bold; font-weight: 700; text-align: left; white-space: nowrap; line-height: 24rpx; } .paragraph_1 { width: 449rpx; height: 53rpx; overflow-wrap: break-word; color: rgba(170, 170, 170, 1); font-size: 22rpx; font-family: MicrosoftYaHei; font-weight: NaN; text-align: left; line-height: 30rpx; margin-top: 18rpx; } .image_2 { width: 700rpx; height: 166rpx; margin: 20rpx auto; } .image_3 { width: 700rpx; height: 166rpx; margin: 0 auto 20rpx; } .box_3 { width: 692rpx; height: 448rpx; margin: 39rpx 0 0 31rpx; } .box_4 { background-color: rgba(255, 255, 255, 1); border-radius: 10px; width: 333rpx; height: 448rpx; } .image-text_1 { width: 332rpx; height: 374rpx; } .image_4 { width: 332rpx; height: 328rpx; } .text-group_1 { width: 293rpx; height: 25rpx; overflow-wrap: break-word; color: rgba(60, 60, 60, 1); font-size: 24rpx; font-family: MicrosoftYaHei; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 80rpx; margin: 21rpx 0 0 16rpx; } .box_5 { position: relative; width: 291rpx; height: 28rpx; margin: 34rpx 0 17rpx 17rpx; } .text_4 { width: 13rpx; height: 18rpx; overflow-wrap: break-word; color: rgba(255, 81, 34, 1); font-size: 24rpx; font-family: MicrosoftYaHei; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 18rpx; margin-top: 7rpx; } .text_5 { width: 58rpx; height: 28rpx; overflow-wrap: break-word; color: rgba(255, 81, 34, 1); font-size: 39rpx; font-family: DINMittbek-Alternate; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 28rpx; margin-left: 6rpx; } .text_6 { width: 11rpx; height: 14rpx; overflow-wrap: break-word; color: rgba(170, 170, 170, 1); font-size: 18rpx; font-family: MicrosoftYaHei; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 14rpx; margin: 11rpx 0 0 20rpx; } .text_7 { width: 29rpx; height: 14rpx; overflow-wrap: break-word; color: rgba(180, 180, 180, 1); font-size: 20rpx; font-family: DINMittbek-Alternate; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 14rpx; margin: 11rpx 0 0 4rpx; } .text_8 { width: 78rpx; height: 25rpx; overflow-wrap: break-word; color: rgba(255, 81, 34, 1); font-size: 28rpx; font-family: MicrosoftYaHei; text-align: left; white-space: nowrap; line-height: 25rpx; margin: 2rpx 0 0 72rpx; } .image_5 { position: absolute; left: 91rpx; top: 16rpx; width: 59rpx; height: 3rpx; } .box_6 { background-color: rgba(255, 255, 255, 1); border-radius: 10px; width: 333rpx; height: 448rpx; } .image-text_2 { width: 332rpx; height: 374rpx; } .image_6 { width: 332rpx; height: 328rpx; } .text-group_2 { width: 293rpx; height: 25rpx; overflow-wrap: break-word; color: rgba(60, 60, 60, 1); font-size: 24rpx; font-family: MicrosoftYaHei; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 80rpx; margin: 21rpx 0 0 16rpx; } .box_7 { position: relative; width: 291rpx; height: 28rpx; margin: 29rpx 0 17rpx 17rpx; } .text_9 { width: 13rpx; height: 18rpx; overflow-wrap: break-word; color: rgba(255, 81, 34, 1); font-size: 24rpx; font-family: MicrosoftYaHei; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 80rpx; margin-top: 7rpx; } .text_10 { width: 58rpx; height: 28rpx; overflow-wrap: break-word; color: rgba(255, 81, 34, 1); font-size: 39rpx; font-family: DINMittbek-Alternate; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 132rpx; margin-left: 6rpx; } .text_11 { width: 11rpx; height: 14rpx; overflow-wrap: break-word; color: rgba(170, 170, 170, 1); font-size: 18rpx; font-family: MicrosoftYaHei; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 80rpx; margin: 11rpx 0 0 20rpx; } .text_12 { width: 29rpx; height: 14rpx; overflow-wrap: break-word; color: rgba(180, 180, 180, 1); font-size: 20rpx; font-family: DINMittbek-Alternate; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 70rpx; margin: 11rpx 0 0 4rpx; } .text_13 { width: 78rpx; height: 25rpx; overflow-wrap: break-word; color: rgba(255, 81, 34, 1); font-size: 26rpx; font-family: MicrosoftYaHei; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 80rpx; margin: 2rpx 0 0 72rpx; } .image_7 { position: absolute; left: 91rpx; top: 16rpx; width: 59rpx; height: 3rpx; } .box_8 { width: 692rpx; height: 448rpx; margin: 21rpx 0 0 31rpx; } .section_2 { background-color: rgba(255, 255, 255, 1); border-radius: 10px; width: 333rpx; height: 448rpx; } .image-text_3 { width: 332rpx; height: 374rpx; } .image_8 { width: 332rpx; height: 328rpx; } .text-group_3 { width: 293rpx; height: 25rpx; overflow-wrap: break-word; color: rgba(60, 60, 60, 1); font-size: 24rpx; font-family: MicrosoftYaHei; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 80rpx; margin: 21rpx 0 0 16rpx; } .section_3 { position: relative; width: 291rpx; height: 28rpx; margin: 29rpx 0 17rpx 17rpx; } .text_14 { width: 13rpx; height: 18rpx; overflow-wrap: break-word; color: rgba(255, 81, 34, 1); font-size: 24rpx; font-family: MicrosoftYaHei; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 80rpx; margin-top: 7rpx; } .text_15 { width: 58rpx; height: 28rpx; overflow-wrap: break-word; color: rgba(255, 81, 34, 1); font-size: 39rpx; font-family: DINMittbek-Alternate; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 132rpx; margin-left: 6rpx; } .text_16 { width: 11rpx; height: 14rpx; overflow-wrap: break-word; color: rgba(170, 170, 170, 1); font-size: 18rpx; font-family: MicrosoftYaHei; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 80rpx; margin: 11rpx 0 0 20rpx; } .text_17 { width: 29rpx; height: 14rpx; overflow-wrap: break-word; color: rgba(180, 180, 180, 1); font-size: 20rpx; font-family: DINMittbek-Alternate; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 70rpx; margin: 11rpx 0 0 4rpx; } .text_18 { width: 78rpx; height: 25rpx; overflow-wrap: break-word; color: rgba(255, 81, 34, 1); font-size: 26rpx; font-family: MicrosoftYaHei; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 80rpx; margin: 2rpx 0 0 72rpx; } .image_9 { position: absolute; left: 91rpx; top: 16rpx; width: 59rpx; height: 3rpx; } .section_4 { background-color: rgba(255, 255, 255, 1); border-radius: 10px; width: 333rpx; height: 448rpx; } .image-text_4 { width: 332rpx; height: 374rpx; } .image_10 { width: 332rpx; height: 328rpx; } .text-group_4 { width: 293rpx; height: 25rpx; overflow-wrap: break-word; color: rgba(60, 60, 60, 1); font-size: 24rpx; font-family: MicrosoftYaHei; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 80rpx; margin: 21rpx 0 0 16rpx; } .box_9 { position: relative; width: 291rpx; height: 28rpx; margin: 29rpx 0 17rpx 17rpx; } .text_19 { width: 13rpx; height: 18rpx; overflow-wrap: break-word; color: rgba(255, 81, 34, 1); font-size: 24rpx; font-family: MicrosoftYaHei; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 80rpx; margin-top: 7rpx; } .text_20 { width: 58rpx; height: 28rpx; overflow-wrap: break-word; color: rgba(255, 81, 34, 1); font-size: 39rpx; font-family: DINMittbek-Alternate; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 132rpx; margin-left: 6rpx; } .text_21 { width: 11rpx; height: 14rpx; overflow-wrap: break-word; color: rgba(170, 170, 170, 1); font-size: 18rpx; font-family: MicrosoftYaHei; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 80rpx; margin: 11rpx 0 0 20rpx; } .text_22 { width: 29rpx; height: 14rpx; overflow-wrap: break-word; color: rgba(180, 180, 180, 1); font-size: 20rpx; font-family: DINMittbek-Alternate; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 70rpx; margin: 11rpx 0 0 4rpx; } .text_23 { width: 78rpx; height: 25rpx; overflow-wrap: break-word; color: rgba(255, 81, 34, 1); font-size: 26rpx; font-family: MicrosoftYaHei; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 80rpx; margin: 2rpx 0 0 72rpx; } .image_11 { position: absolute; left: 91rpx; top: 16rpx; width: 59rpx; height: 3rpx; } .image_12 { width: 95%; height: 204rpx; margin: 0 auto; } .image_13 { width: 700rpx; height: 122rpx; margin: 0 auto 25rpx; }