.page { background-color: rgba(242, 244, 248, 1); position: relative; width: 100vw; height: 548.27vw; overflow: hidden; .group_1 { background-color: rgba(255, 255, 255, 1); width: 100vw; height: 11.74vw; .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; margin: 3.73vw 0 0 5.6vw; } .block_1 { background-color: rgba(0, 0, 0, 1); width: 4.54vw; height: 2.94vw; margin: 4.8vw 0 0 58.4vw; } .block_2 { background-color: rgba(0, 0, 0, 1); width: 4.27vw; height: 2.94vw; margin: 4.8vw 0 0 1.33vw; } .image_1 { width: 6.67vw; height: 3.2vw; margin: 4.8vw 3.46vw 0 1.33vw; } } .group_2 { background-color: rgba(255, 255, 255, 1); width: 100vw; height: 11.74vw; justify-content: flex-center; .label_1 { width: 6.4vw; height: 6.4vw; margin: 2.66vw 0 0 3.2vw; } .text_2 { width: 19.2vw; height: 6.94vw; overflow-wrap: break-word; color: rgba(0, 0, 0, 0.9); font-size: 4.8vw; font-family: PingFang SC-Semibold; font-weight: 600; text-align: center; white-space: nowrap; line-height: 6.94vw; margin: 2.4vw 0 0 30.66vw; } .box_1 { 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; margin: 1.6vw 3.2vw 0 14.13vw; .image-wrapper_1 { width: 5.34vw; height: 0.27vw; margin: 1.6vw 0 0 12vw; .thumbnail_1 { width: 5.34vw; height: 0.27vw; } } .box_2 { width: 16.27vw; height: 4.27vw; margin: 0.26vw 0 2.13vw 3.46vw; .box_3 { background-color: rgba(0, 0, 0, 0.9); width: 4.8vw; height: 1.6vw; margin-top: 1.34vw; } .box_4 { background-color: rgba(0, 0, 0, 0.9); width: 4.27vw; height: 4.27vw; } } } } .group_3 { height: 79.2vw; background: url(/static/lanhu_kechengxiangqing/FigmaDDSSlicePNGd876ad79433fb9b2d50bcb5270f579a4.png) 100% no-repeat; background-size: 100% 100%; width: 100vw; .section_1 { background-color: rgba(255, 255, 255, 1); width: 100vw; height: 4.27vw; margin-top: 74.94vw; } } .group_4 { background-image: linear-gradient( 180deg, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100% ); width: 100vw; height: 42.14vw; .section_2 { width: 39.74vw; height: 5.34vw; margin: 4vw 0 0 4.26vw; .text-wrapper_1 { width: 24vw; height: 5.34vw; overflow-wrap: break-word; font-size: 0; font-family: PingFang SC-Semibold; font-weight: 600; text-align: left; white-space: nowrap; line-height: 3.2vw; .text_3 { width: 24vw; height: 5.34vw; overflow-wrap: break-word; color: rgba(251, 66, 59, 1); font-size: 3.2vw; font-family: PingFang SC-Semibold; font-weight: 600; text-align: left; white-space: nowrap; line-height: 3.2vw; } .text_4 { width: 24vw; height: 5.34vw; overflow-wrap: break-word; color: rgba(251, 66, 59, 1); font-size: 5.33vw; font-family: PingFang SC-Semibold; font-weight: 600; text-align: left; white-space: nowrap; line-height: 5.34vw; } } .text_5 { width: 13.07vw; height: 2.67vw; overflow-wrap: break-word; color: rgba(170, 170, 170, 1); font-size: 2.66vw; font-family: PingFang SC-Regular; text-decoration: line-through; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 2.67vw; margin-top: 1.87vw; } } .text_6 { width: 36.27vw; height: 4.8vw; overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 4.8vw; font-family: PingFang SC-Semibold; font-weight: 600; text-align: left; white-space: nowrap; line-height: 4.8vw; margin: 4vw 0 0 4.26vw; } .section_3 { width: 21.34vw; height: 4.8vw; margin: 4vw 0 0 4.26vw; .text-wrapper_2 { background-color: rgba(223, 235, 255, 1); border-radius: 2px; height: 4.8vw; width: 12.27vw; .text_7 { 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; margin: 0.8vw 0 0 1.33vw; } } .text-wrapper_3 { background-color: rgba(255, 239, 229, 1); border-radius: 2px; height: 4.8vw; width: 6.94vw; .text_8 { width: 4.27vw; 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_9 { width: 49.87vw; 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; margin: 4vw 0 8vw 4.26vw; } } .group_5 { background-color: rgba(255, 255, 255, 1); border-radius: 8px; height: 382.67vw; width: 91.47vw; position: relative; margin: -4vw 0 0 4.26vw; .section_4 { width: 19.74vw; height: 4.27vw; margin-top: 4vw; .block_3 { background-color: rgba(44, 120, 245, 1); border-radius: 0px 2px 0px 2px; width: 1.07vw; height: 4.27vw; } .text_10 { 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: left; white-space: nowrap; line-height: 4.27vw; } } .image-wrapper_2 { width: 89.34vw; height: 55.47vw; margin: 4vw 0 314.93vw 1.06vw; .image_2 { width: 89.34vw; height: 55.47vw; } } .image_3 { position: absolute; left: 0; top: 71.74vw; width: 91.47vw; height: 314.94vw; } } .group_6 { background-color: rgba(255, 255, 255, 1); width: 100vw; height: 18.14vw; margin-top: 6.67vw; .image-text_1 { width: 10.67vw; height: 9.6vw; margin: 4.26vw 0 0 9.33vw; .label_2 { width: 5.87vw; height: 5.87vw; margin-left: 2.4vw; } .text-group_1 { width: 10.67vw; 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; } } .text-wrapper_4 { background-color: rgba(44, 120, 245, 1); border-radius: 24px; height: 12.8vw; width: 68.8vw; margin: 2.66vw 4.26vw 0 6.93vw; .text_11 { width: 19.2vw; height: 4.8vw; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 4.8vw; font-family: PingFang SC-Semibold; font-weight: 600; text-align: center; white-space: nowrap; line-height: 4.8vw; margin: 4vw 0 0 24.8vw; } } } }