.page { background-color: rgba(242, 244, 248, 1); position: relative; width: 100vw; height: 216.54vw; overflow: hidden; .box_1 { background-color: rgba(255, 255, 255, 1); width: 100vw; height: 12.27vw; .image_1 { width: 8.54vw; height: 4.8vw; margin: 3.73vw 0 0 8vw; } .box_2 { background-color: rgba(0, 0, 0, 0.9); width: 4.8vw; height: 2.94vw; margin: 4.53vw 0 0 61.6vw; } .box_3 { background-color: rgba(0, 0, 0, 0.9); width: 4.27vw; height: 3.2vw; margin: 4.53vw 0 0 1.33vw; } .image_2 { width: 6.67vw; height: 3.2vw; margin: 4.53vw 3.73vw 0 1.06vw; } } .box_4 { width: 100vw; height: 188.54vw; .box_5 { background-color: rgba(255, 255, 255, 1); width: 100vw; height: 12.8vw; justify-content: flex-center; .label_1 { width: 6.4vw; height: 6.4vw; margin: 3.2vw 0 0 3.2vw; } .text_1 { width: 17.07vw; height: 6.94vw; overflow-wrap: break-word; color: rgba(0, 0, 0, 0.9); font-size: 4.26vw; font-family: PingFang SC-Semibold; font-weight: 600; text-align: center; white-space: nowrap; line-height: 6.94vw; margin: 2.93vw 0 0 31.73vw; } .block_1 { background-color: rgba(0, 0, 0, 0.2); border-radius: 16px; height: 8.54vw; width: 23.2vw; margin: 2.13vw 3.2vw 0 15.2vw; .image-wrapper_1 { width: 5.34vw; height: 0.27vw; margin: 1.6vw 0 0 12vw; .thumbnail_1 { width: 5.34vw; height: 0.27vw; } } .group_1 { width: 16.27vw; height: 4.27vw; margin: 0.26vw 0 2.13vw 3.46vw; .section_1 { background-color: rgba(255, 255, 255, 0.9); width: 4.8vw; height: 1.6vw; margin-top: 1.34vw; } .section_2 { background-color: rgba(255, 255, 255, 0.9); width: 4.27vw; height: 4.27vw; } } } } .box_6 { background-color: rgba(255, 255, 255, 1); border-radius: 8px; height: 43.2vw; width: 91.47vw; margin: 2.66vw 0 0 4.26vw; .box_7 { width: 86.14vw; height: 9.34vw; margin: 2.4vw 0 0 2.66vw; .text_2 { width: 7.47vw; height: 3.74vw; overflow-wrap: break-word; color: rgba(131, 131, 131, 1); font-size: 3.73vw; letter-spacing: -0.30000001192092896px; font-family: PingFang SC-Regular; font-weight: NaN; text-align: center; white-space: nowrap; line-height: 3.74vw; margin-top: 2.94vw; } .label_2 { width: 9.34vw; height: 9.34vw; } } .text-wrapper_1 { width: 86.14vw; height: 3.74vw; margin: 8vw 0 0 2.66vw; .text_3 { width: 7.47vw; height: 3.74vw; overflow-wrap: break-word; color: rgba(131, 131, 131, 1); font-size: 3.73vw; letter-spacing: -0.30000001192092896px; font-family: PingFang SC-Regular; font-weight: NaN; text-align: center; white-space: nowrap; line-height: 3.74vw; } .text_4 { width: 14.94vw; height: 3.74vw; overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 3.73vw; font-family: PingFang SC-Regular; font-weight: NaN; text-align: right; white-space: nowrap; line-height: 3.74vw; } } .text-wrapper_2 { width: 86.14vw; height: 3.74vw; margin: 10.66vw 0 5.33vw 2.66vw; .text_5 { width: 14.94vw; height: 3.74vw; overflow-wrap: break-word; color: rgba(131, 131, 131, 1); font-size: 3.73vw; letter-spacing: -0.30000001192092896px; font-family: PingFang SC-Regular; font-weight: NaN; text-align: center; white-space: nowrap; line-height: 3.74vw; } .text_6 { width: 26.4vw; height: 3.74vw; overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 3.73vw; font-family: PingFang SC-Regular; font-weight: NaN; text-align: right; white-space: nowrap; line-height: 3.74vw; } } } .box_8 { background-color: rgba(255, 255, 255, 1); border-radius: 8px; height: 41.87vw; width: 91.47vw; justify-content: flex-center; margin: 2.66vw 0 0 4.26vw; .text-wrapper_3 { width: 18.67vw; height: 3.74vw; margin: 4vw 0 0 2.66vw; .text_7 { width: 18.67vw; height: 3.74vw; overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 3.73vw; font-family: PingFang SC-Semibold; font-weight: 600; text-align: left; white-space: nowrap; line-height: 3.74vw; } } .group_2 { width: 86.14vw; height: 26.14vw; margin: 4vw 0 4vw 2.66vw; .image-wrapper_2 { background-color: rgba(242, 244, 248, 1); border-radius: 4px; height: 26.14vw; width: 41.6vw; .image_3 { width: 18.67vw; height: 18.67vw; margin: 3.73vw 0 0 11.46vw; } } .image-wrapper_3 { background-color: rgba(242, 244, 248, 1); border-radius: 4px; height: 26.14vw; width: 41.6vw; .image_4 { width: 18.67vw; height: 18.67vw; margin: 3.73vw 0 0 11.46vw; } } } } .box_9 { background-color: rgba(255, 255, 255, 1); border-radius: 8px; width: 91.47vw; height: 37.07vw; justify-content: flex-center; margin: 2.66vw 0 45.6vw 4.26vw; .text_8 { width: 14.94vw; height: 3.74vw; overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 3.73vw; font-family: PingFang SC-Semibold; font-weight: 600; text-align: left; white-space: nowrap; line-height: 3.74vw; margin: 4vw 0 0 2.66vw; } .block_2 { background-color: rgba(242, 244, 248, 1); border-radius: 4px; width: 21.34vw; height: 21.34vw; margin: 4vw 0 4vw 2.66vw; .image-text_1 { width: 10.67vw; height: 10.67vw; margin: 5.33vw 0 0 5.33vw; .label_3 { width: 6.4vw; height: 6.4vw; margin-left: 2.14vw; } .text-group_1 { width: 10.67vw; height: 2.67vw; overflow-wrap: break-word; color: rgba(115, 124, 144, 1); font-size: 2.66vw; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 2.67vw; margin-top: 1.6vw; } } } } } .box_10 { background-color: rgba(255, 255, 255, 1); height: 16vw; margin-top: -0.26vw; width: 100vw; .text-wrapper_4 { background-color: rgba(4, 78, 242, 1); border-radius: 20px; height: 10.67vw; width: 91.47vw; margin: 2.66vw 0 0 4.26vw; .text_9 { width: 8.54vw; height: 4.27vw; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 4.26vw; font-family: PingFang SC-Semibold; font-weight: 600; text-align: center; white-space: nowrap; line-height: 4.27vw; margin: 3.2vw 0 0 42.4vw; } } } }