.page { background-color: rgba(242, 244, 248, 1); position: relative; width: 10rem; height: 29.44rem; overflow: hidden; .group_1 { background-color: rgba(255, 255, 255, 1); width: 10rem; height: 1.174rem; .text_1 { width: 1.44rem; height: 0.56rem; overflow-wrap: break-word; color: rgba(0, 0, 0, 1); font-size: 0.4rem; letter-spacing: -0.30000001192092896px; font-family: PingFang SC-Semibold; font-weight: 600; text-align: center; white-space: nowrap; line-height: 0.4rem; margin: 0.374rem 0 0 0.56rem; } .section_1 { background-color: rgba(0, 0, 0, 1); width: 0.454rem; height: 0.294rem; margin: 0.48rem 0 0 5.84rem; } .section_2 { background-color: rgba(0, 0, 0, 1); width: 0.427rem; height: 0.294rem; margin: 0.48rem 0 0 0.134rem; } .image_1 { width: 0.667rem; height: 0.32rem; margin: 0.48rem 0.347rem 0 0.134rem; } } .group_2 { background-color: rgba(255, 255, 255, 1); width: 10rem; height: 1.174rem; justify-content: flex-center; .label_1 { width: 0.64rem; height: 0.64rem; margin: 0.267rem 0 0 0.32rem; } .text_2 { width: 0.96rem; height: 0.694rem; overflow-wrap: break-word; color: rgba(0, 0, 0, 0.9); font-size: 0.48rem; font-family: PingFang SC-Semibold; font-weight: 600; text-align: center; white-space: nowrap; line-height: 0.694rem; margin: 0.24rem 0 0 3.547rem; } .block_1 { background-color: rgba(255, 255, 255, 0.7); border-radius: 16px; height: 0.854rem; border: 0.5px solid rgba(231, 231, 231, 1); width: 2.32rem; margin: 0.16rem 0.32rem 0 1.894rem; .image-wrapper_1 { width: 0.534rem; height: 0.027rem; margin: 0.16rem 0 0 1.2rem; .thumbnail_1 { width: 0.534rem; height: 0.027rem; } } .group_3 { width: 1.627rem; height: 0.427rem; margin: 0.027rem 0 0.214rem 0.347rem; .box_1 { background-color: rgba(0, 0, 0, 0.9); width: 0.48rem; height: 0.16rem; margin-top: 0.134rem; } .box_2 { background-color: rgba(0, 0, 0, 0.9); width: 0.427rem; height: 0.427rem; } } } } .group_4 { height: 6.427rem; background: url(/static/lanhu_jiaxiaoxiangqing/FigmaDDSSlicePNGcd54efcc9a8c89af0ef99c8275464828.png) 100% no-repeat; background-size: 100% 100%; width: 10rem; .box_3 { background-color: rgba(255, 255, 255, 1); width: 10rem; height: 0.427rem; margin-top: 6rem; } } .group_5 { background-image: linear-gradient( 180deg, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100% ); width: 10rem; height: 4.054rem; justify-content: flex-center; .text_3 { width: 2.134rem; height: 0.534rem; overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 0.533rem; font-family: PingFang SC-Semibold; font-weight: 600; text-align: center; white-space: nowrap; line-height: 0.534rem; margin: 0.4rem 0 0 0.427rem; } .text-wrapper_1 { width: 2.934rem; height: 0.32rem; margin: 0.4rem 0 0 0.427rem; .text_4 { width: 0.96rem; height: 0.32rem; overflow-wrap: break-word; color: rgba(44, 120, 245, 1); font-size: 0.32rem; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 0.32rem; } .text_5 { width: 1.84rem; height: 0.32rem; overflow-wrap: break-word; color: rgba(137, 146, 162, 1); font-size: 0.32rem; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 0.32rem; } } .block_2 { width: 9.147rem; height: 1.6rem; background: url(/static/lanhu_jiaxiaoxiangqing/FigmaDDSSlicePNG1eb894220f6795fd386c751f181ce5e4.png) 100% no-repeat; background-size: 100% 100%; margin: 0.4rem 0 0.4rem 0.427rem; .text-group_1 { width: 6.96rem; height: 0.907rem; margin: 0.347rem 0 0 0.267rem; .text_6 { width: 6.96rem; height: 0.32rem; overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 0.32rem; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 0.32rem; } .text_7 { width: 1.574rem; height: 0.32rem; overflow-wrap: break-word; color: rgba(137, 146, 162, 1); font-size: 0.32rem; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 0.32rem; margin-top: 0.267rem; } } .image-wrapper_2 { box-shadow: 0px 0px 8px 0px rgba(26, 55, 104, 0.1); background-color: rgba(255, 255, 255, 1); border-radius: 50%; height: 0.854rem; width: 0.854rem; margin: 0.374rem 0.4rem 0 0.667rem; .label_2 { width: 0.64rem; height: 0.64rem; margin: 0.107rem 0 0 0.107rem; } } } } .group_6 { background-color: rgba(255, 255, 255, 1); border-radius: 8px; height: 8.56rem; margin-left: 0.427rem; width: 9.147rem; justify-content: flex-center; .box_4 { width: 1.974rem; height: 0.427rem; margin-top: 0.4rem; .box_5 { background-color: rgba(44, 120, 245, 1); border-radius: 0px 2px 0px 2px; width: 0.107rem; height: 0.427rem; } .text_8 { width: 1.707rem; height: 0.427rem; overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 0.426rem; font-family: PingFang SC-Semibold; font-weight: 600; text-align: left; white-space: nowrap; line-height: 0.427rem; } } .box_6 { width: 6.374rem; height: 1.76rem; margin: 0.534rem 0 0 0.267rem; .image-text_1 { position: relative; width: 6.374rem; height: 1.76rem; .image_2 { width: 2.827rem; height: 1.76rem; } .text-group_2 { width: 3.28rem; height: 1.76rem; margin-left: 0.267rem; .text_9 { width: 2.827rem; height: 0.374rem; overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 0.373rem; font-family: PingFang SC-Semibold; font-weight: 600; text-align: left; white-space: nowrap; line-height: 0.374rem; } .text-wrapper_2 { width: 3.28rem; height: 0.374rem; margin-top: 1.014rem; .text_10 { width: 1.84rem; height: 0.374rem; overflow-wrap: break-word; color: rgba(251, 66, 59, 1); font-size: 0.373rem; font-family: PingFang SC-Bold; font-weight: 700; text-align: left; white-space: nowrap; line-height: 0.374rem; } .text_11 { width: 1.307rem; height: 0.267rem; overflow-wrap: break-word; color: rgba(170, 170, 170, 1); font-size: 0.266rem; font-family: PingFang SC-Regular; text-decoration: line-through; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 0.267rem; margin-top: 0.054rem; } } } .text-wrapper_3 { background-color: rgba(255, 239, 229, 1); border-radius: 2px; height: 0.48rem; width: 0.694rem; margin: 0.64rem 1.147rem 0 -1.84rem; .text_12 { width: 0.427rem; height: 0.32rem; overflow-wrap: break-word; color: rgba(123, 81, 11, 1); font-size: 0.32rem; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 0.32rem; margin: 0.08rem 0 0 0.134rem; } } .text-wrapper_4 { background-color: rgba(223, 235, 255, 1); border-radius: 2px; height: 0.48rem; width: 1.227rem; position: absolute; left: 3.094rem; top: 0.64rem; .text_13 { width: 0.96rem; height: 0.32rem; overflow-wrap: break-word; color: rgba(44, 120, 245, 1); font-size: 0.32rem; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 0.32rem; margin: 0.08rem 0 0 0.134rem; } } } } .box_7 { width: 6.374rem; height: 1.76rem; margin: 0.4rem 0 0 0.267rem; .image_3 { width: 2.827rem; height: 1.76rem; } .group_7 { width: 3.28rem; height: 1.76rem; .text_14 { width: 2.24rem; height: 0.374rem; overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 0.373rem; font-family: PingFang SC-Semibold; font-weight: 600; text-align: left; white-space: nowrap; line-height: 0.374rem; } .box_8 { width: 2.134rem; height: 0.48rem; margin-top: 0.267rem; .text-wrapper_5 { background-color: rgba(223, 235, 255, 1); border-radius: 2px; height: 0.48rem; width: 1.227rem; .text_15 { width: 0.96rem; height: 0.32rem; overflow-wrap: break-word; color: rgba(44, 120, 245, 1); font-size: 0.32rem; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 0.32rem; margin: 0.08rem 0 0 0.134rem; } } .text-wrapper_6 { background-color: rgba(255, 239, 229, 1); border-radius: 2px; height: 0.48rem; width: 0.694rem; .text_16 { width: 0.427rem; height: 0.32rem; overflow-wrap: break-word; color: rgba(123, 81, 11, 1); font-size: 0.32rem; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 0.32rem; margin: 0.08rem 0 0 0.134rem; } } } .text-wrapper_7 { width: 3.28rem; height: 0.374rem; margin-top: 0.267rem; .text_17 { width: 1.84rem; height: 0.374rem; overflow-wrap: break-word; color: rgba(251, 66, 59, 1); font-size: 0.373rem; font-family: PingFang SC-Bold; font-weight: 700; text-align: left; white-space: nowrap; line-height: 0.374rem; } .text_18 { width: 1.307rem; height: 0.267rem; overflow-wrap: break-word; color: rgba(170, 170, 170, 1); font-size: 0.266rem; font-family: PingFang SC-Regular; text-decoration: line-through; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 0.267rem; margin-top: 0.054rem; } } } } .box_9 { width: 6.374rem; height: 1.76rem; margin: 0.4rem 0 0 0.267rem; .image_4 { width: 2.827rem; height: 1.76rem; } .box_10 { width: 3.28rem; height: 1.76rem; .text_19 { width: 2.24rem; height: 0.374rem; overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 0.373rem; font-family: PingFang SC-Semibold; font-weight: 600; text-align: left; white-space: nowrap; line-height: 0.374rem; } .box_11 { width: 2.134rem; height: 0.48rem; margin-top: 0.267rem; .text-wrapper_8 { background-color: rgba(223, 235, 255, 1); border-radius: 2px; height: 0.48rem; width: 1.227rem; .text_20 { width: 0.96rem; height: 0.32rem; overflow-wrap: break-word; color: rgba(44, 120, 245, 1); font-size: 0.32rem; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 0.32rem; margin: 0.08rem 0 0 0.134rem; } } .text-wrapper_9 { background-color: rgba(255, 239, 229, 1); border-radius: 2px; height: 0.48rem; width: 0.694rem; .text_21 { width: 0.347rem; height: 0.32rem; overflow-wrap: break-word; color: rgba(123, 81, 11, 1); font-size: 0.32rem; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 0.32rem; margin: 0.08rem 0 0 0.134rem; } } } .text-wrapper_10 { width: 3.28rem; height: 0.374rem; margin-top: 0.267rem; .text_22 { width: 1.84rem; height: 0.374rem; overflow-wrap: break-word; color: rgba(251, 66, 59, 1); font-size: 0.373rem; font-family: PingFang SC-Bold; font-weight: 700; text-align: left; white-space: nowrap; line-height: 0.374rem; } .text_23 { width: 1.307rem; height: 0.267rem; overflow-wrap: break-word; color: rgba(170, 170, 170, 1); font-size: 0.266rem; font-family: PingFang SC-Regular; text-decoration: line-through; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 0.267rem; margin-top: 0.054rem; } } } } .box_12 { width: 2.96rem; height: 0.32rem; margin: 0.4rem 0 0.4rem 3.094rem; .image-text_2 { width: 2.96rem; height: 0.32rem; .text-group_3 { width: 2.534rem; height: 0.32rem; overflow-wrap: break-word; color: rgba(44, 120, 245, 1); font-size: 0.32rem; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 0.32rem; } .thumbnail_2 { width: 0.32rem; height: 0.32rem; } } } } .group_8 { background-color: rgba(255, 255, 255, 1); border-radius: 8px; height: 7.467rem; width: 9.147rem; justify-content: flex-center; margin: 0.267rem 0 0.32rem 0.427rem; .group_9 { width: 1.974rem; height: 0.427rem; margin-top: 0.4rem; .block_3 { background-color: rgba(44, 120, 245, 1); border-radius: 0px 2px 0px 2px; width: 0.107rem; height: 0.427rem; } .text_24 { width: 1.707rem; height: 0.427rem; overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 0.426rem; font-family: PingFang SC-Semibold; font-weight: 600; text-align: left; white-space: nowrap; line-height: 0.427rem; } } .group_10 { width: 5.147rem; height: 1.547rem; margin: 0.534rem 0 0 0.267rem; .image-text_3 { position: relative; width: 2.96rem; height: 1.547rem; .label_3 { width: 1.28rem; height: 1.28rem; } .text-group_4 { width: 1.414rem; height: 1.547rem; .text_25 { width: 1.28rem; height: 0.427rem; overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 0.426rem; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 0.427rem; } .text_26 { width: 0.48rem; height: 0.32rem; overflow-wrap: break-word; color: rgba(237, 162, 58, 1); font-size: 0.32rem; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 0.32rem; margin: 0.24rem 0 0 0.507rem; } .text_27 { width: 1.414rem; height: 0.32rem; overflow-wrap: break-word; color: rgba(137, 146, 162, 1); font-size: 0.32rem; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 0.32rem; margin-top: 0.24rem; } } .box_13 { background-color: rgba(237, 162, 58, 1); position: absolute; left: 1.547rem; top: 0.64rem; width: 0.374rem; height: 0.374rem; } } .text_28 { width: 1.654rem; height: 0.32rem; overflow-wrap: break-word; color: rgba(137, 146, 162, 1); font-size: 0.32rem; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 0.32rem; margin-top: 1.227rem; } } .group_11 { width: 5.147rem; height: 1.547rem; margin: 0.534rem 0 0 0.267rem; .image-text_4 { position: relative; width: 2.96rem; height: 1.547rem; .label_4 { width: 1.28rem; height: 1.28rem; } .text-group_5 { width: 1.414rem; height: 1.547rem; .text_29 { width: 1.28rem; height: 0.427rem; overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 0.426rem; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 0.427rem; } .text_30 { width: 0.48rem; height: 0.32rem; overflow-wrap: break-word; color: rgba(237, 162, 58, 1); font-size: 0.32rem; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 0.32rem; margin: 0.24rem 0 0 0.507rem; } .text_31 { width: 1.414rem; height: 0.32rem; overflow-wrap: break-word; color: rgba(137, 146, 162, 1); font-size: 0.32rem; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 0.32rem; margin-top: 0.24rem; } } .section_3 { background-color: rgba(237, 162, 58, 1); position: absolute; left: 1.547rem; top: 0.64rem; width: 0.374rem; height: 0.374rem; } } .text_32 { width: 1.654rem; height: 0.32rem; overflow-wrap: break-word; color: rgba(137, 146, 162, 1); font-size: 0.32rem; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 0.32rem; margin-top: 1.227rem; } } .group_12 { width: 5.147rem; height: 1.547rem; margin: 0.534rem 0 0.4rem 0.267rem; .image-text_5 { position: relative; width: 2.96rem; height: 1.547rem; .label_5 { width: 1.28rem; height: 1.28rem; } .text-group_6 { width: 1.414rem; height: 1.547rem; .text_33 { width: 1.28rem; height: 0.427rem; overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 0.426rem; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 0.427rem; } .text_34 { width: 0.48rem; height: 0.32rem; overflow-wrap: break-word; color: rgba(237, 162, 58, 1); font-size: 0.32rem; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 0.32rem; margin: 0.24rem 0 0 0.507rem; } .text_35 { width: 1.414rem; height: 0.32rem; overflow-wrap: break-word; color: rgba(137, 146, 162, 1); font-size: 0.32rem; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 0.32rem; margin-top: 0.24rem; } } .block_4 { background-color: rgba(237, 162, 58, 1); position: absolute; left: 1.547rem; top: 0.64rem; width: 0.374rem; height: 0.374rem; } } .text_36 { width: 1.654rem; height: 0.32rem; overflow-wrap: break-word; color: rgba(137, 146, 162, 1); font-size: 0.32rem; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 0.32rem; margin-top: 1.227rem; } } } }