.flex-col {
    display: flex;
    flex-direction: column;
}

.flex-row {
    display: flex;
    flex-direction: row;
}

.justify-between {
    justify-content: space-between;
}

.justify-center {
    justify-content: center;
}

.align-center {
    align-items: center;
}

/* 页面容器：自适应高度+可滚动，不拥挤（新版优先） */
.page {
    background-color: rgba(247, 247, 247, 1);
    position: relative;
    width: 375px;
    min-height: 812px;
    overflow-y: auto;
    margin: 0 auto;
    padding-bottom: 20px;
}

.box_1 {
    width: 375px;
    height: 61px;
}

.box_2 {
    width: 325px;
    height: 17px;
    margin: 21px 0 0 32px;
}

.text_1 {
    width: 46px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(0, 0, 0, 1);
    font-size: 17px;
    letter-spacing: -0.5px;
    font-family: SF Pro Text-Semibold;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    line-height: 17px;
}

.thumbnail_1 {
    width: 20px;
    height: 13px;
    margin: 3px 0 0 202px;
}

.thumbnail_2 {
    width: 17px;
    height: 13px;
    margin: 3px 0 0 6px;
}

.image_1 {
    width: 28px;
    height: 13px;
    margin: 2px 0 0 6px;
}

.box_3 {
    background-color: rgba(217, 217, 217, 0.01);
    width: 375px;
    height: 40px;
    margin-top: 11px;
}

.label_1 {
    width: 24px;
    height: 24px;
    margin: 8px 0 0 16px;
}

.text-wrapper_1 {
    width: 85px;
    height: 34px;
    margin: 3px 0 0 105px;
}

.text_2 {
    width: 82px;
    height: 16px;
    overflow-wrap: break-word;
    color: rgba(0, 0, 0, 1);
    font-size: 14px;
    letter-spacing: -0.5px;
    font-family: PingFang SC-Medium;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    line-height: 17px;
    margin-left: 1px;
}

.text_3 {
    width: 85px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(153, 153, 153, 1);
    font-size: 10px;
    letter-spacing: -0.5px;
    font-family: PingFang SC-Medium;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    line-height: 17px;
    margin-top: 1px;
}

.label_2 {
    width: 24px;
    height: 24px;
    margin: 8px 16px 0 105px;
}

.box_4 {
    width: 343px;
    height: 34px;
    margin: 8px 0 20px 16px;
}

.box_5 {
    background-color: rgba(235, 235, 235, 1);
    border-radius: 999px;
    position: relative;
    width: 307px;
    height: 34px;
}

.text_4 {
    width: 109px;
    height: 16px;
    overflow-wrap: break-word;
    color: rgba(101, 101, 101, 1);
    font-size: 14px;
    letter-spacing: -0.5px;
    font-family: PingFang SC-Regular;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    line-height: 18px;
    margin: 9px 0 0 33px;
}

.block_1 {
    height: 34px;
    width: 307px;
    position: absolute;
    left: 0;
    top: 0;
}

.thumbnail_3 {
    width: 20px;
    height: 20px;
    border: 0px solid rgba(101, 101, 101, 1);
    margin: 7px 0 0 9px;
}

.section_1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.text-wrapper_2 {
    width: 28px;
    height: 32px;
    margin-top: 1px;
}

.text_5 {
    width: 28px;
    height: 16px;
    overflow-wrap: break-word;
    color: rgba(0, 0, 0, 1);
    font-size: 10px;
    letter-spacing: -0.5px;
    font-family: PingFang SC-Regular;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    line-height: 18px;
}

.text_6 {
    width: 28px;
    height: 16px;
    overflow-wrap: break-word;
    color: rgba(0, 0, 0, 1);
    font-size: 10px;
    letter-spacing: -0.5px;
    font-family: PingFang SC-Regular;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    line-height: 18px;
}

.box_6 {
    height: 193px;
    background: url(./img/FigmaDDSSlicePNG3201eab9b4580bb4c00ad7499bc8b4fd.png) 100% no-repeat;
    background-size: 100% 100%;
    width: 343px;
    margin: 0 auto 16px;
    border-radius: 8px;
    overflow: hidden;
}

.image-wrapper_1 {
    height: 100%;
    width: 100%;
}

.image_2 {
    width: 36px;
    height: 4px;
    margin: 182px 0 0 153px;
}

/* 内容区域：自适应，不挤压（新版优先） */
.box_7 {
    position: relative;
    width: 375px;
    height: auto;
    margin-bottom: 1px;
}

.image-text_1 {
    width: 275px;
    height: 18px;
    margin: 13px 0 0 22px;
}

.thumbnail_4 {
    width: 16px;
    height: 16px;
    margin-top: 1px;
}

.text-group_1 {
    width: 251px;
    height: 18px;
    overflow-wrap: break-word;
    color: rgba(177, 0, 0, 1);
    font-size: 10px;
    letter-spacing: -0.5px;
    font-family: PingFang SC-Regular;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    line-height: 18px;
}

.group_1 {
    width: 343px;
    height: 172px;
    margin: 11px 0 0 16px;
}

.group_2 {
    width: 166px;
    height: 172px;
    background: url(./img/FigmaDDSSlicePNGdaf7ef5276a84f11cd046c83bf724de1.png) 100% no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}

.box_8 {
    width: 152px;
    height: 55px;
    margin: -3px 0 0 12px;
}

.text-wrapper_3 {
    width: 68px;
    height: 38px;
    margin-top: 11px;
}

.text_7 {
    width: 55px;
    height: 18px;
    overflow-wrap: break-word;
    color: rgba(43, 43, 43, 1);
    font-size: 14px;
    letter-spacing: -0.5px;
    font-family: DFPHaiBaoW12-GB-Regular;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    line-height: 18px;
}

.text_8 {
    width: 55px;
    height: 18px;
    overflow-wrap: break-word;
    color: rgba(43, 43, 43, 1);
    font-size: 14px;
    letter-spacing: -0.5px;
    font-family: DFPHaiBaoW12-GB-Regular;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    line-height: 18px;
    margin: 2px 0 0 13px;
}

.image_3 {
    width: 63px;
    height: 55px;
}

.text_9 {
    width: 142px;
    height: 14px;
    overflow-wrap: break-word;
    color: rgba(43, 43, 43, 1);
    font-size: 12px;
    letter-spacing: -0.5px;
    font-family: PingFang SC-Semibold;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    line-height: 14px;
    margin: 4px 0 0 12px;
}

.box_9 {
    background-color: rgba(242, 242, 242, 0.4);
    width: 142px;
    height: 1px;
    margin: 11px 0 0 12px;
}

.box_10 {
    width: 137px;
    height: 14px;
    margin: 4px 0 0 11px;
}

.thumbnail_5 {
    width: 12px;
    height: 12px;
    margin-top: 1px;
}

.text_10 {
    width: 46px;
    height: 14px;
    overflow-wrap: break-word;
    color: rgba(75, 75, 75, 1);
    font-size: 8px;
    letter-spacing: -0.5px;
    font-family: PingFang SC-Regular;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    line-height: 14px;
}

.thumbnail_6 {
    width: 12px;
    height: 12px;
    margin: 1px 0 0 11px;
}

.text_11 {
    width: 56px;
    height: 14px;
    overflow-wrap: break-word;
    color: rgba(75, 75, 75, 1);
    font-size: 8px;
    letter-spacing: -0.5px;
    font-family: PingFang SC-Regular;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    line-height: 14px;
}

.box_11 {
    background-color: rgba(242, 242, 242, 0.4);
    width: 142px;
    height: 1px;
    margin: 4px 0 0 12px;
}

.box_12 {
    width: 127px;
    height: 14px;
    margin: 4px 0 0 11px;
}

.thumbnail_7 {
    width: 12px;
    height: 12px;
    margin-top: 1px;
}

.text_12 {
    width: 46px;
    height: 14px;
    overflow-wrap: break-word;
    color: rgba(75, 75, 75, 1);
    font-size: 8px;
    letter-spacing: -0.5px;
    font-family: PingFang SC-Regular;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    line-height: 14px;
}

.thumbnail_8 {
    width: 12px;
    height: 12px;
    margin: 1px 0 0 11px;
}

.text_13 {
    width: 46px;
    height: 14px;
    overflow-wrap: break-word;
    color: rgba(75, 75, 75, 1);
    font-size: 8px;
    letter-spacing: -0.5px;
    font-family: PingFang SC-Regular;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    line-height: 14px;
}

.box_13 {
    background-color: rgba(242, 242, 242, 0.4);
    width: 142px;
    height: 1px;
    margin: 4px 0 0 12px;
}

.text-wrapper_4 {
    background-color: rgba(24, 136, 216, 1);
    border-radius: 99px;
    height: 18px;
    width: 92px;
    margin: 14px 0 12px 62px;
    cursor: pointer;
}

.text_14 {
    width: 68px;
    height: 14px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 8px;
    letter-spacing: -0.5px;
    font-family: PingFang SC-Regular;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    line-height: 14px;
    margin: 2px 0 0 12px;
}

.group_3 {
    width: 167px;
    height: 171px;
    margin-top: 1px;
}

.group_4 {
    position: relative;
    width: 165px;
    height: 80px;
    background: url(./img/FigmaDDSSlicePNG225ef936549079b7dc3667ad5e394c90.png) 100% no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}

.section_2 {
    width: 151px;
    height: 55px;
    margin: 2px 0 0 14px;
}

.text-wrapper_5 {
    width: 82px;
    height: 39px;
    margin-top: 9px;
}

.text_15 {
    width: 82px;
    height: 14px;
    overflow-wrap: break-word;
    color: rgba(43, 43, 43, 1);
    font-size: 14px;
    letter-spacing: -0.5px;
    font-family: DFPHaiBaoW12-GB-Regular;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    line-height: 14px;
}

.text_16 {
    width: 47px;
    height: 14px;
    overflow-wrap: break-word;
    color: rgba(75, 75, 75, 0.6);
    font-size: 12px;
    letter-spacing: -0.5px;
    font-family: PingFang SC-Regular;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    line-height: 14px;
    margin: 11px 0 0 12px;
}

.image_4 {
    width: 60px;
    height: 55px;
}

.text_17 {
    width: 47px;
    height: 14px;
    overflow-wrap: break-word;
    color: rgba(75, 75, 75, 0.6);
    font-size: 12px;
    letter-spacing: -0.5px;
    font-family: PingFang SC-Regular;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    line-height: 14px;
    margin: -2px 0 11px 64px;
}

.section_3 {
    position: absolute;
    left: 0;
    top: 0;
    width: 165px;
    height: 80px;
}

.group_5 {
    background-image: linear-gradient(283deg,rgba(238, 100, 238, 1) 0,rgba(221, 146, 221, 1) 100%);
    border-radius: 12px;
    position: relative;
    width: 165px;
    height: 80px;
    margin: 11px 0 0 2px;
    cursor: pointer;
}

.group_6 {
    width: 154px;
    height: 50px;
    margin: 4px 0 0 7px;
}

.text-wrapper_6 {
    width: 70px;
    height: 37px;
    margin-top: 8px;
}

.text_18 {
    width: 55px;
    height: 14px;
    overflow-wrap: break-word;
    color: rgba(43, 43, 43, 1);
    font-size: 14px;
    letter-spacing: -0.5px;
    font-family: DFPHaiBaoW12-GB-Regular;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    line-height: 14px;
    margin-left: 5px;
}

.text_19 {
    width: 70px;
    height: 14px;
    overflow-wrap: break-word;
    color: rgba(75, 75, 75, 0.6);
    font-size: 12px;
    letter-spacing: -0.5px;
    font-family: PingFang SC-Regular;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    line-height: 14px;
    margin-top: 9px;
}

.image_5 {
    width: 50px;
    height: 50px;
}

.text-wrapper_7 {
    width: 123px;
    height: 14px;
    margin: 0 0 12px 7px;
}

.text_20 {
    width: 39px;
    height: 14px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 0.4);
    font-size: 10px;
    letter-spacing: -0.5px;
    font-family: DFPHaiBaoW12-GB-Regular;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    line-height: 14px;
}

.text_21 {
    width: 70px;
    height: 14px;
    overflow-wrap: break-word;
    color: rgba(75, 75, 75, 0.6);
    font-size: 12px;
    letter-spacing: -0.5px;
    font-family: PingFang SC-Regular;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    line-height: 14px;
}

.group_7 {
    position: absolute;
    left: 0;
    top: 0;
    width: 165px;
    height: 80px;
}

.list_1 {
    width: 343px;
    height: 61px;
    justify-content: space-between;
    margin: 12px 0 0 16px;
}

.list-items_1-0 {
    height: 61px;
    background-size: 100% 100%;
    margin-right: 12px;
    width: 106px;
    background: url(./img/FigmaDDSSlicePNGd9b4345dc6c01d313ec2824d27d53679.png) 100% no-repeat;
    cursor: pointer;
}

.section_4-0 {
    width: 106px;
    height: 61px;
}

.list-items_1-1 {
    height: 61px;
    background-size: 100% 100%;
    margin-right: 12px;
    width: 106px;
    background: url(./img/FigmaDDSSlicePNGefcf310d69159b1dd2753f4f161c3f14.png) 100% no-repeat;
    cursor: pointer;
}

.section_4-1 {
    width: 106px;
    height: 61px;
}

.list-items_1-2 {
    height: 61px;
    background-size: 100% 100%;
    margin-right: 12px;
    width: 106px;
    background: url(./img/FigmaDDSSlicePNG30e4de6f41a8bb7f86b35fc9fa7a2d09.png) 100% no-repeat;
    cursor: pointer;
}

.section_4-2 {
    width: 106px;
    height: 61px;
}

.group_8 {
    height: 73px;
    background: url(./img/FigmaDDSSlicePNG55e3d131de7ca2578509cfec3e683f81.png) 100% no-repeat;
    background-size: 100% 100%;
    width: 343px;
    margin: 12px 0 0 16px;
    cursor: pointer;
}

.section_5 {
    height: 73px;
    width: 343px;
}

.section_6 {
    background-image: linear-gradient(171deg,rgba(225, 232, 240, 1) 0,rgba(224, 231, 239, 1) 100%);
    height: 26px;
    width: 166px;
    position: relative;
    margin: 15px 0 0 158px;
}

.text_22 {
    width: 140px;
    height: 14px;
    overflow-wrap: break-word;
    color: rgba(0, 0, 0, 1);
    font-size: 16px;
    letter-spacing: -0.5px;
    font-family: Alimama ShuHeiTi-Bold;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    line-height: 14px;
    margin: 8px 0 0 -5px;
}

.text-wrapper_8 {
    height: 27px;
    background: url(./img/FigmaDDSSlicePNG9b57718f6a811506f2c60cac54532e3b.png) 100% no-repeat;
    background-size: 100% 100%;
    width: 20px;
    position: absolute;
    left: 139px;
    top: 2px;
}

.text_23 {
    width: 14px;
    height: 14px;
    overflow-wrap: break-word;
    color: rgba(0, 0, 0, 0.2);
    font-size: 5px;
    letter-spacing: -0.5px;
    font-family: PingFang SC-Semibold;
    font-weight: 600;
    text-align: center;
    line-height: 14px;
    margin: 12px 0 0 4px;
}

/* 底部：居中舒展，不拥挤（新版优先） */
.text-group_2 {
    width: 100%;
    height: auto;
    margin: 20px 0 16px;
    align-items: center;
    gap: 4px;
}

.text_24 {
    width: auto;
    height: 14px;
    overflow-wrap: break-word;
    color: rgba(0, 0, 0, 1);
    font-size: 10px;
    letter-spacing: -0.5px;
    font-family: PingFang SC-Regular;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    line-height: 14px;
}

.text_25 {
    width: auto;
    height: 14px;
    overflow-wrap: break-word;
    color: rgba(0, 0, 0, 1);
    font-size: 8px;
    letter-spacing: -0.5px;
    font-family: PingFang SC-Regular;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    line-height: 14px;
    margin: 0;
}

.group_9 {
    position: absolute;
    left: 16px;
    top: 39px;
    width: 166px;
    height: 175px;
}

/* 轮播：隐藏大号数字 */
#slideBox {
    width: 100%;
    height: 100%;
    position: relative;
}

    #slideBox .bd {
        width: 100%;
        height: 100%;
    }

        #slideBox .bd ul {
            width: 100%;
            height: 100%;
            list-style: none;
            padding: 0;
            margin: 0;
        }

        #slideBox .bd li {
            width: 100%;
            height: 100%;
            padding: 0;
            margin: 0;
        }

            #slideBox .bd li img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                display: block;
            }

    #slideBox .hd {
        position: absolute;
        bottom: 10px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 10;
    }

        #slideBox .hd ul {
            display: flex;
            gap: 6px;
            list-style: none;
            padding: 0;
            margin: 0;
        }

        #slideBox .hd li {
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: rgba(255,255,255,0.5);
            font-size: 0 !important;
            line-height: 0 !important;
            color: transparent !important;
        }

            #slideBox .hd li.on {
                background: #fff;
            }

/* 搜索框正常不错乱 */
.search-input {
    position: absolute;
    left: 0;
    top: 0;
    width: 200px;
    height: 100%;
    border: none;
    background: transparent;
    outline: none;
    padding: 0 15px 0 35px;
    font-size: 14px;
    color: #656565;
    opacity: 1;
    z-index: 2;
    border-radius: 999px;
}

.block_1 form {
    position: relative;
    width: 100%;
    height: 100%;
}

body > iframe, div#last-div ~ div {
    opacity: 0 !important;
    display: none !important;
}
body {
    margin: 0; /* 重置默认外边距 */
    padding: 0; /* 同时也可以重置 padding，避免其他默认间距 */
    background-color: rgba(247, 247, 247, 1);
}