.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; } .group_1 { background-color: rgba(0, 0, 0, 0.9); width: 0.48rem; height: 0.294rem; margin: 0.454rem 0 0 6.16rem; } .group_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 { 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; } .box_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; } } .box_2 { 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; } } } } .section_3 { background-color: rgba(255, 255, 255, 1); border-radius: 8px; width: 9.147rem; height: 11.12rem; margin: 0.267rem 0 0 0.427rem; .section_4 { background-image: linear-gradient( 180deg, rgba(44, 120, 245, 0.2) 0, rgba(44, 120, 245, 0) 100% ); border-radius: 8px; width: 9.147rem; height: 1.867rem; border: 1px solid rgba(255, 255, 255, 1); .text-group_1 { width: 3.307rem; height: 1.067rem; margin: 0.4rem 0 0 0.267rem; .text_2 { width: 1.28rem; height: 0.427rem; overflow-wrap: break-word; color: rgba(4, 78, 242, 1); font-size: 0.426rem; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 0.427rem; } .text_3 { width: 3.307rem; height: 0.374rem; overflow-wrap: break-word; color: rgba(115, 124, 144, 1); font-size: 0.373rem; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 0.374rem; margin-top: 0.267rem; } } } .text-wrapper_1 { width: 8.614rem; height: 0.374rem; margin: 0.267rem 0 0 0.267rem; .text_4 { width: 1.494rem; 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_5 { width: 2.747rem; 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: right; white-space: nowrap; line-height: 0.374rem; } } .text-wrapper_2 { width: 8.614rem; height: 0.374rem; margin: 0.667rem 0 0 0.267rem; .text_6 { width: 1.494rem; 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_7 { width: 0.427rem; 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: right; white-space: nowrap; line-height: 0.374rem; } } .text-wrapper_3 { width: 8.614rem; height: 0.374rem; margin: 0.667rem 0 0 0.267rem; .text_8 { width: 1.494rem; 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_9 { width: 1.12rem; 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: right; white-space: nowrap; line-height: 0.374rem; } } .text-wrapper_4 { width: 8.614rem; height: 0.374rem; margin: 0.667rem 0 0 0.267rem; .text_10 { width: 1.494rem; 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_11 { width: 1.12rem; 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: right; white-space: nowrap; line-height: 0.374rem; } } .text-wrapper_5 { width: 8.614rem; height: 0.374rem; margin: 1.334rem 0 0 0.267rem; .text_12 { width: 2.24rem; 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_13 { width: 0.747rem; 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: right; white-space: nowrap; line-height: 0.374rem; } } .text-wrapper_6 { width: 8.614rem; height: 0.374rem; margin: 0.667rem 0 0 0.267rem; .text_14 { width: 1.494rem; 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_15 { width: 5.627rem; 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: right; white-space: nowrap; line-height: 0.374rem; } } .text-wrapper_7 { width: 8.614rem; height: 0.374rem; margin: 0.667rem 0 0 0.267rem; .text_16 { width: 1.494rem; 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_17 { width: 1.12rem; 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: right; white-space: nowrap; line-height: 0.374rem; } } .text-wrapper_8 { width: 8.614rem; height: 0.374rem; margin: 0.667rem 0 0.667rem 0.267rem; .text_18 { width: 1.494rem; 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_19 { width: 2.08rem; 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: right; white-space: nowrap; line-height: 0.374rem; } } } .text-wrapper_9 { background-color: rgba(255, 255, 255, 1); border-radius: 8px; width: 9.147rem; height: 2.56rem; margin: 0.267rem 0 4.934rem 0.427rem; .text_20 { width: 1.494rem; 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; margin: 0.4rem 0 0 0.267rem; } .text_21 { width: 8.614rem; height: 0.854rem; overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 0.373rem; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; margin: 0.4rem 0 0.534rem 0.267rem; } } }