.page { background-color: rgba(255, 255, 255, 1); position: relative; width: 100vw; height: 227.47vw; overflow: hidden; .section_1 { height: 66.67vw; background: url(/static/lanhu_shouye2gai/FigmaDDSSlicePNG1df92779982a8c44a9c29e978a08255f.png) 100% no-repeat; background-size: 100% 100%; width: 100vw; position: relative; .block_1 { width: 90.94vw; height: 5.6vw; margin: 3.73vw 0 0 5.6vw; .text_1 { width: 14.4vw; height: 5.6vw; overflow-wrap: break-word; color: rgba(0, 0, 0, 1); font-size: 4vw; letter-spacing: -0.30000001192092896px; font-family: PingFang SC-Semibold; font-weight: 600; text-align: center; white-space: nowrap; line-height: 4vw; } .box_1 { background-color: rgba(0, 0, 0, 1); width: 4.54vw; height: 2.94vw; margin: 1.06vw 0 0 58.4vw; } .box_2 { background-color: rgba(0, 0, 0, 1); width: 4.27vw; height: 2.94vw; margin: 1.06vw 0 0 1.33vw; } .image_1 { width: 6.67vw; height: 3.2vw; margin: 1.06vw 0 0 1.33vw; } } .block_2 { width: 23.2vw; height: 8.54vw; margin: 4vw 0 0 73.6vw; .box_3 { background-color: rgba(255, 255, 255, 0.7); border-radius: 16px; height: 8.54vw; border: 0.5px solid rgba(231, 231, 231, 1); width: 23.2vw; .image-wrapper_1 { width: 5.34vw; height: 0.27vw; margin: 1.6vw 0 0 12vw; .thumbnail_1 { width: 5.34vw; height: 0.27vw; } } .block_3 { width: 16.27vw; height: 4.27vw; margin: 0.26vw 0 2.13vw 3.46vw; .group_1 { background-color: rgba(0, 0, 0, 0.9); width: 4.8vw; height: 1.6vw; margin-top: 1.34vw; } .group_2 { background-color: rgba(0, 0, 0, 0.9); width: 4.27vw; height: 4.27vw; } } } } .image-wrapper_2 { width: 7.47vw; height: 1.07vw; margin: 39.73vw 0 4vw 46.4vw; .image_2 { width: 7.47vw; height: 1.07vw; } } .block_4 { background-color: rgba(255, 255, 255, 1); position: absolute; left: 0; top: 62.4vw; width: 100vw; height: 4.27vw; } } .section_2 { width: 100vw; height: 147.74vw; .list_1 { width: 82.4vw; height: 14.94vw; margin: 5.33vw 0 0 8vw; .image-text_1 { width: 12.8vw; height: 14.94vw; margin-right: 10.94vw; .label_1 { width: 9.6vw; height: 9.6vw; margin-left: 1.6vw; } .text-group_1 { width: 19.2vw; height: 2.67vw; overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 3.2vw; font-family: PingFang SC-Regular; font-weight: NaN; text-align: center; white-space: nowrap; line-height: 2.67vw; margin-top: 2.67vw; } } } .box_4 { background-color: rgba(233, 241, 255, 1); border-radius: 8px; width: 91.47vw; height: 13.34vw; margin: 5.33vw 0 0 4.26vw; .image-text_2 { width: 81.87vw; height: 9.07vw; margin: 2.13vw 0 0 2.66vw; .label_2 { width: 6.94vw; height: 6.94vw; margin-top: 1.07vw; } .text-group_2 { width: 69.6vw; height: 9.07vw; overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 3.2vw; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; } } .group_3 { width: 1.6vw; height: 5.87vw; margin: 3.73vw 2.66vw 0 0; .block_5 { background-color: rgba(44, 120, 245, 1); border-radius: 50%; width: 1.07vw; height: 1.07vw; margin-left: 0.27vw; } .block_6 { background-color: rgba(44, 120, 245, 1); border-radius: 50%; width: 1.6vw; height: 1.6vw; margin-top: 1.07vw; } .block_7 { background-color: rgba(44, 120, 245, 1); border-radius: 50%; width: 1.07vw; height: 1.07vw; margin: 1.06vw 0 0 0.26vw; } } } .box_5 { width: 91.47vw; height: 4.27vw; margin: 5.33vw 0 0 4.26vw; .text_2 { width: 17.07vw; height: 4.27vw; overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 4.26vw; font-family: PingFang SC-Semibold; font-weight: 600; text-align: center; white-space: nowrap; line-height: 4.27vw; } .image-text_3 { width: 16vw; height: 3.2vw; margin-top: 0.54vw; .text-group_3 { width: 12.8vw; height: 3.2vw; overflow-wrap: break-word; color: rgba(151, 151, 151, 1); font-size: 3.2vw; font-family: PingFang SC-Regular; font-weight: NaN; text-align: center; white-space: nowrap; line-height: 3.2vw; } .thumbnail_2 { width: 3.2vw; height: 3.2vw; } } } .box_6 { width: 79.47vw; height: 17.07vw; margin: 5.86vw 0 0 4.26vw; .image_3 { width: 26.67vw; height: 17.07vw; } .box_7 { width: 50.14vw; height: 16vw; .text_3 { width: 17.07vw; height: 4.27vw; overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 4.26vw; font-family: PingFang SC-Heavy; font-weight: 900; text-align: left; white-space: nowrap; line-height: 4.27vw; } .text-wrapper_1 { width: 29.34vw; height: 3.2vw; margin-top: 2.67vw; .text_4 { width: 9.6vw; height: 3.2vw; overflow-wrap: break-word; color: rgba(44, 120, 245, 1); font-size: 3.2vw; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 3.2vw; } .text_5 { width: 18.4vw; height: 3.2vw; overflow-wrap: break-word; color: rgba(137, 146, 162, 1); font-size: 3.2vw; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 3.2vw; } } .text_6 { width: 50.14vw; height: 3.2vw; overflow-wrap: break-word; color: rgba(102, 102, 102, 1); font-size: 3.2vw; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 3.2vw; margin-top: 2.67vw; } } } .box_8 { width: 26.67vw; height: 4.8vw; margin: 1.6vw 0 0 33.6vw; .text-wrapper_2 { background-color: rgba(255, 239, 229, 1); border-radius: 2px; height: 4.8vw; width: 12.27vw; .text_7 { width: 9.6vw; height: 3.2vw; overflow-wrap: break-word; color: rgba(123, 81, 11, 1); font-size: 3.2vw; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 3.2vw; margin: 0.8vw 0 0 1.33vw; } } .text-wrapper_3 { background-color: rgba(255, 239, 229, 1); border-radius: 2px; height: 4.8vw; width: 12.27vw; .text_8 { width: 9.6vw; height: 3.2vw; overflow-wrap: break-word; color: rgba(123, 81, 11, 1); font-size: 3.2vw; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 3.2vw; margin: 0.8vw 0 0 1.33vw; } } } .box_9 { width: 79.47vw; height: 17.07vw; margin: 8vw 0 0 4.26vw; .image_4 { width: 26.67vw; height: 17.07vw; } .group_4 { width: 50.14vw; height: 16vw; .text_9 { width: 17.07vw; height: 4.27vw; overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 4.26vw; font-family: PingFang SC-Heavy; font-weight: 900; text-align: left; white-space: nowrap; line-height: 4.27vw; } .text-wrapper_4 { width: 29.34vw; height: 3.2vw; margin-top: 2.67vw; .text_10 { width: 9.6vw; height: 3.2vw; overflow-wrap: break-word; color: rgba(137, 146, 162, 1); font-size: 3.2vw; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 3.2vw; } .text_11 { width: 18.4vw; height: 3.2vw; overflow-wrap: break-word; color: rgba(137, 146, 162, 1); font-size: 3.2vw; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 3.2vw; } } .text_12 { width: 50.14vw; height: 3.2vw; overflow-wrap: break-word; color: rgba(102, 102, 102, 1); font-size: 3.2vw; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 3.2vw; margin-top: 2.67vw; } } } .box_10 { width: 26.67vw; height: 4.8vw; margin: 1.6vw 0 0 33.6vw; .text-wrapper_5 { background-color: rgba(255, 239, 229, 1); border-radius: 2px; height: 4.8vw; width: 12.27vw; .text_13 { width: 9.6vw; height: 3.2vw; overflow-wrap: break-word; color: rgba(123, 81, 11, 1); font-size: 3.2vw; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 3.2vw; margin: 0.8vw 0 0 1.33vw; } } .text-wrapper_6 { background-color: rgba(255, 239, 229, 1); border-radius: 2px; height: 4.8vw; width: 12.27vw; .text_14 { width: 9.6vw; height: 3.2vw; overflow-wrap: break-word; color: rgba(123, 81, 11, 1); font-size: 3.2vw; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 3.2vw; margin: 0.8vw 0 0 1.33vw; } } } .box_11 { width: 79.47vw; height: 17.07vw; margin: 8vw 0 0 4.26vw; .image_5 { width: 26.67vw; height: 17.07vw; } .group_5 { width: 50.14vw; height: 16vw; .text_15 { width: 17.07vw; height: 4.27vw; overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 4.26vw; font-family: PingFang SC-Heavy; font-weight: 900; text-align: left; white-space: nowrap; line-height: 4.27vw; } .text-wrapper_7 { width: 29.34vw; height: 3.2vw; margin-top: 2.67vw; .text_16 { width: 9.6vw; height: 3.2vw; overflow-wrap: break-word; color: rgba(44, 120, 245, 1); font-size: 3.2vw; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 3.2vw; } .text_17 { width: 18.4vw; height: 3.2vw; overflow-wrap: break-word; color: rgba(137, 146, 162, 1); font-size: 3.2vw; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 3.2vw; } } .text_18 { width: 50.14vw; height: 3.2vw; overflow-wrap: break-word; color: rgba(102, 102, 102, 1); font-size: 3.2vw; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 3.2vw; margin-top: 2.67vw; } } } .box_12 { width: 26.67vw; height: 4.8vw; margin: 1.6vw 0 6.93vw 33.6vw; .text-wrapper_8 { background-color: rgba(255, 239, 229, 1); border-radius: 2px; height: 4.8vw; width: 12.27vw; .text_19 { width: 9.6vw; height: 3.2vw; overflow-wrap: break-word; color: rgba(123, 81, 11, 1); font-size: 3.2vw; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 3.2vw; margin: 0.8vw 0 0 1.33vw; } } .text-wrapper_9 { background-color: rgba(255, 239, 229, 1); border-radius: 2px; height: 4.8vw; width: 12.27vw; .text_20 { width: 9.6vw; height: 3.2vw; overflow-wrap: break-word; color: rgba(123, 81, 11, 1); font-size: 3.2vw; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 3.2vw; margin: 0.8vw 0 0 1.33vw; } } } } .section_3 { width: 100vw; height: 13.34vw; background: url(/static/lanhu_shouye2gai/FigmaDDSSlicePNGba2550a2df50d207f077cf4add11b384.png) 100% no-repeat; background-size: 100% 100%; margin-top: -0.26vw; .image-text_4 { width: 12.8vw; height: 10.14vw; margin-top: 1.6vw; .label_3 { width: 6.4vw; height: 6.4vw; margin-left: 3.2vw; } .text-group_4 { width: 12.8vw; height: 2.67vw; overflow-wrap: break-word; color: rgba(44, 120, 245, 1); font-size: 2.66vw; font-family: PingFang SC-Regular; font-weight: NaN; text-align: center; white-space: nowrap; line-height: 2.67vw; margin-top: 1.07vw; } } .image-text_5 { width: 12.8vw; height: 10.14vw; margin-top: 1.6vw; .label_4 { width: 6.4vw; height: 6.4vw; margin-left: 3.2vw; } .text-group_5 { width: 12.8vw; height: 2.67vw; overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 2.66vw; font-family: PingFang SC-Regular; font-weight: NaN; text-align: center; white-space: nowrap; line-height: 2.67vw; margin-top: 1.07vw; } } } }