.page { background-color: rgba(242, 244, 248, 1); position: relative; width: 10rem; height: 21.654rem; overflow: hidden; .section_1 { background-color: rgba(255, 255, 255, 1); width: 10rem; height: 1.227rem; .image_1 { width: 0.854rem; height: 0.48rem; margin: 0.374rem 0 0 0.8rem; } .box_1 { background-color: rgba(0, 0, 0, 0.9); width: 0.48rem; height: 0.294rem; margin: 0.454rem 0 0 6.16rem; } .box_2 { background-color: rgba(0, 0, 0, 0.9); width: 0.427rem; height: 0.32rem; margin: 0.454rem 0 0 0.134rem; } .image_2 { width: 0.667rem; height: 0.32rem; margin: 0.454rem 0.374rem 0 0.107rem; } } .section_2 { width: 10rem; height: 18.854rem; .block_1 { background-color: rgba(255, 255, 255, 1); width: 10rem; height: 1.28rem; justify-content: flex-center; .label_1 { width: 0.64rem; height: 0.64rem; margin: 0.32rem 0 0 0.32rem; } .text_1 { width: 0.854rem; height: 0.694rem; overflow-wrap: break-word; color: rgba(0, 0, 0, 0.9); font-size: 0.426rem; font-family: PingFang SC-Semibold; font-weight: 600; text-align: center; white-space: nowrap; line-height: 0.694rem; margin: 0.294rem 0 0 3.6rem; } .group_1 { background-color: rgba(0, 0, 0, 0.2); border-radius: 16px; height: 0.854rem; width: 2.32rem; margin: 0.214rem 0.32rem 0 1.947rem; .image-wrapper_1 { width: 0.534rem; height: 0.027rem; margin: 0.16rem 0 0 1.2rem; .thumbnail_1 { width: 0.534rem; height: 0.027rem; } } .section_3 { width: 1.627rem; height: 0.427rem; margin: 0.027rem 0 0.214rem 0.347rem; .box_3 { background-color: rgba(255, 255, 255, 0.9); width: 0.48rem; height: 0.16rem; margin-top: 0.134rem; } .box_4 { background-color: rgba(255, 255, 255, 0.9); width: 0.427rem; height: 0.427rem; } } } } .list_1 { width: 9.147rem; height: 9.387rem; justify-content: space-between; margin: 0.267rem 0 7.92rem 0.427rem; .list-items_1 { background-color: rgba(255, 255, 255, 1); border-radius: 8px; height: 4.56rem; margin-bottom: 0.267rem; width: 9.147rem; justify-content: flex-center; .text-wrapper_1 { width: 5.04rem; height: 0.374rem; margin: 0.534rem 0 0 0.267rem; .text_2 { width: 2.214rem; height: 0.374rem; overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 0.373rem; letter-spacing: -0.30000001192092896px; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 0.374rem; } .text_3 { width: 3.36rem; height: 0.374rem; overflow-wrap: break-word; color: rgba(153, 153, 153, 1); font-size: 0.373rem; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 0.374rem; } } .text-wrapper_2 { width: 5.04rem; height: 0.374rem; margin: 0.667rem 0 0 0.267rem; .text_4 { width: 1.494rem; height: 0.374rem; overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 0.373rem; letter-spacing: -0.30000001192092896px; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 0.374rem; } .text_5 { width: 2.614rem; height: 0.374rem; overflow-wrap: break-word; color: rgba(153, 153, 153, 1); font-size: 0.373rem; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 0.374rem; } } .text-wrapper_3 { width: 3.92rem; height: 0.374rem; margin: 0.667rem 0 0 0.267rem; .text_6 { width: 1.494rem; height: 0.374rem; overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 0.373rem; letter-spacing: -0.30000001192092896px; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 0.374rem; } .text_7 { width: 2.614rem; height: 0.374rem; overflow-wrap: break-word; color: rgba(153, 153, 153, 1); font-size: 0.373rem; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 0.374rem; } } .text-wrapper_4 { width: 5.04rem; height: 0.374rem; margin: 0.667rem 0 0.534rem 0.267rem; .text_8 { width: 1.494rem; height: 0.374rem; overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 0.373rem; letter-spacing: -0.30000001192092896px; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 0.374rem; } .text_9 { width: 2.614rem; height: 0.374rem; overflow-wrap: break-word; color: rgba(153, 153, 153, 1); font-size: 0.373rem; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 0.374rem; } } } } } .section_4 { background-color: rgba(255, 255, 255, 1); height: 1.6rem; margin-top: -0.026rem; width: 10rem; .text-wrapper_5 { background-color: rgba(4, 78, 242, 1); border-radius: 20px; height: 1.067rem; width: 9.147rem; margin: 0.267rem 0 0 0.427rem; .text_10 { width: 1.707rem; height: 0.427rem; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 0.426rem; font-family: PingFang SC-Semibold; font-weight: 600; text-align: center; white-space: nowrap; line-height: 0.427rem; margin: 0.32rem 0 0 3.814rem; } } } }