.page { background-color: rgba(242, 244, 248, 1); position: relative; width: 100vw; height: 216.54vw; overflow: hidden; .block_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_1 { background-color: rgba(0, 0, 0, 0.9); width: 4.8vw; height: 2.94vw; margin: 4.53vw 0 0 61.6vw; } .box_2 { 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; } } .block_2 { position: relative; width: 100vw; height: 204.54vw; margin-bottom: 0.27vw; .group_1 { 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; } .section_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; } } .box_3 { width: 16.27vw; height: 4.27vw; margin: 0.26vw 0 2.13vw 3.46vw; .box_4 { background-color: rgba(255, 255, 255, 0.9); width: 4.8vw; height: 1.6vw; margin-top: 1.34vw; } .box_5 { background-color: rgba(255, 255, 255, 0.9); width: 4.27vw; height: 4.27vw; } } } } .list_1 { width: 91.47vw; height: 102.14vw; justify-content: space-between; margin: 14.93vw 0 74.66vw 4.26vw; .list-items_1 { background-color: rgba(255, 255, 255, 1); border-radius: 8px; height: 32.27vw; margin-bottom: 2.67vw; width: 91.47vw; .box_6 { width: 86.14vw; height: 5.34vw; margin: 2.66vw 0 0 2.66vw; .text_2 { width: 52.8vw; height: 5.34vw; overflow-wrap: break-word; color: rgba(115, 124, 144, 1); font-size: 3.73vw; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 5.34vw; } .text-wrapper_1 { border-radius: 4px; height: 5.34vw; width: 12.8vw; .text_3 { width: 9.6vw; height: 3.2vw; overflow-wrap: break-word; font-size: 3.2vw; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 3.2vw; margin: 1.06vw 0 0 1.6vw; } } } .box_7 { width: 63.74vw; height: 17.6vw; margin: 2.66vw 0 4vw 2.66vw; .image-text_1 { position: relative; width: 63.74vw; height: 17.6vw; .image_3 { width: 28.27vw; height: 17.6vw; } .text-group_1 { width: 32.8vw; height: 17.6vw; margin-left: 2.67vw; .text_4 { width: 28.27vw; 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; } .text-wrapper_2 { width: 32.8vw; height: 3.74vw; margin-top: 10.14vw; .text_5 { width: 18.4vw; height: 3.74vw; overflow-wrap: break-word; color: rgba(251, 66, 59, 1); font-size: 3.73vw; font-family: PingFang SC-Bold; font-weight: 700; text-align: left; white-space: nowrap; line-height: 3.74vw; } .text_6 { 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: 0.54vw; } } } .text-wrapper_3 { background-color: rgba(255, 239, 229, 1); border-radius: 2px; height: 4.8vw; width: 6.94vw; margin: 6.4vw 11.46vw 0 -18.4vw; .text_7 { 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-wrapper_4 { background-color: rgba(223, 235, 255, 1); border-radius: 2px; height: 4.8vw; width: 12.27vw; position: absolute; left: 30.94vw; top: 6.4vw; .text_8 { 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; } } } } } } .group_2 { background-color: rgba(255, 255, 255, 1); height: 12.8vw; width: 100vw; position: absolute; left: 0; top: 12.27vw; .text-wrapper_5 { width: 88.27vw; height: 5.87vw; margin: 3.46vw 0 0 5.06vw; .text_9 { width: 14.94vw; height: 5.87vw; overflow-wrap: break-word; color: rgba(44, 120, 245, 1); font-size: 3.73vw; font-family: PingFang SC-Semibold; font-weight: 600; text-align: center; white-space: nowrap; line-height: 5.87vw; } .text_10 { width: 11.2vw; height: 5.87vw; overflow-wrap: break-word; color: rgba(0, 0, 0, 0.9); font-size: 3.73vw; font-family: PingFang SC-Regular; font-weight: NaN; text-align: center; white-space: nowrap; line-height: 5.87vw; margin-left: 12vw; } .text_11 { width: 11.2vw; height: 5.87vw; overflow-wrap: break-word; color: rgba(0, 0, 0, 0.9); font-size: 3.73vw; font-family: PingFang SC-Regular; font-weight: NaN; text-align: center; white-space: nowrap; line-height: 5.87vw; margin-left: 13.87vw; } .text_12 { width: 11.2vw; height: 5.87vw; overflow-wrap: break-word; color: rgba(0, 0, 0, 0.9); font-size: 3.73vw; font-family: PingFang SC-Regular; font-weight: NaN; text-align: center; white-space: nowrap; line-height: 5.87vw; margin-left: 13.87vw; } } .box_8 { width: 4.27vw; height: 0.8vw; margin: 2.66vw 0 0 10.4vw; .group_3 { background-color: rgba(44, 120, 245, 1); border-radius: 999px; width: 4.27vw; height: 0.8vw; } } } } }