/* 商城与兑奖流程移动层：窄屏重排，桌面商城规则保持不变。 */
@media (max-width: 1023px) {
    html, body { max-width: 100%; overflow-x: hidden; }

    .main {
        width: 100%;
        min-width: 0;
        max-width: none;
        box-sizing: border-box;
        padding: 12px 16px 84px !important;
    }

    .main .main_left,
    .main .main_right {
        float: none;
        width: 100%;
        box-sizing: border-box;
    }

    /* 商城首页、全部奖品、分类奖品 */
    .shop_top {
        display: flex;
        flex-direction: column;
        width: 100%;
        box-sizing: border-box;
    }
    .prize_class {
        order: 1;
        width: 100%;
        box-sizing: border-box;
        padding: 12px 14px;
        border-radius: 8px;
    }
    .prize_class .cont .ul_1 .p_1 {
        height: auto;
        min-height: 32px;
        line-height: 32px;
        margin: 8px 0 0;
    }
    .prize_class .cont .ul_1 .p_2 {
        line-height: 28px;
        padding-bottom: 4px;
        white-space: normal;
    }
    .prize_class .cont .ul_1 .p_2 a { line-height: 28px; }
    .wrapper {
        order: 2;
        float: none;
        width: 100%;
        margin: 12px 0 0;
    }
    #focus,
    #focus ul,
    #focus ul li {
        width: 100%;
        height: auto;
        min-height: 0;
    }
    #focus img { width: 100%; height: auto; display: block; }

    .exchange,
    .customer,
    .information {
        width: 100%;
        box-sizing: border-box;
        float: none;
    }
    .exchange { margin-top: 16px; }
    .exchange .title_index { margin: 0; }
    .exchange .title_index .t { font-size: 20px; }
    .exchange .cont { width: 100%; box-sizing: border-box; padding: 10px 0 16px; }
    .exchange .cont .ul_1 {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }
    .exchange .cont .ul_1 li,
    .exchange .cont .ul_1 .li_1,
    .exchange .cont .ul_1 .li_2 {
        float: none;
        width: auto !important;
        height: auto !important;
        min-width: 0;
        margin: 0 !important;
        padding: 8px;
    }
    .exchange .cont .ul_1 li .img,
    .exchange .cont .ul_1 li .img_1,
    .exchange .cont .ul_1 li img {
        width: 100% !important;
        height: auto !important;
        min-height: 0;
        object-fit: contain;
    }
    .exchange .cont .ul_1 li .p_1,
    .exchange .cont .ul_1 li .p_2 { width: 100% !important; height: auto; min-height: 25px; }
    .exchange .cont .ul_1 li .p_1 a { display: block; overflow-wrap: anywhere; }
    .exchange .cont .ul_1 li .p_2 span { max-width: 55%; overflow-wrap: anywhere; }
    .exchange .cont .ul_1 li .l_c {
        position: static;
        display: flex !important;
        width: 100% !important;
        height: auto;
        margin-top: 8px;
        box-shadow: none;
    }
    .exchange .cont .ul_1 li .l_c a {
        float: none;
        width: 50% !important;
        min-height: 34px;
        line-height: 34px;
        text-align: center;
    }
    .customer { margin: 16px 0 20px; }
    .customer .cont_1 { padding: 4px 0; }
    .customer .cont_1 li { padding: 12px 4px; }
    .customer .cont_1 .title { height: auto; min-height: 40px; line-height: 1.6; padding: 8px 38px 8px 0; }
    .customer .cont_1 .p_2 { overflow-wrap: anywhere; }
    .information { height: auto; margin-top: 16px; padding-bottom: 16px; }
    .information .personal { width: 100%; box-sizing: border-box; }
    .information .ann { width: calc(100% - 32px); box-sizing: border-box; margin-left: 16px; }

    /* 礼品详情、兑奖页 */
    .goods { width: 100%; box-sizing: border-box; padding: 12px 0 20px; }
    .goods .img {
        float: none;
        width: 100%;
        height: auto;
        margin: 0;
        text-align: center;
    }
    .goods .img img { width: min(100%, 280px); height: auto; }
    .goods .name {
        float: none;
        width: 100%;
        box-sizing: border-box;
        margin: 12px 0 0;
        padding: 0 16px;
    }
    .goods .name .p_1 { height: auto; min-height: 40px; line-height: 1.5; overflow-wrap: anywhere; }
    .goods .name .p_2 { line-height: 1.7; overflow-wrap: anywhere; }
    .goods .name .ann_1 { width: 100%; box-sizing: border-box; }
    .introduction { min-height: 0; width: 100%; box-sizing: border-box; }
    .introduction .tit { height: auto; overflow-x: auto; }
    .introduction .tit .ul_1 { display: flex; width: max-content; min-width: 100%; height: 40px; line-height: 40px; }
    .introduction .tit .ul_1 li { float: none; flex: 0 0 auto; padding: 0 14px; }
    .introduction .cont { margin: 16px; overflow-wrap: anywhere; word-break: break-word; }
    .introduction .cont .js { line-height: 1.8; }
    .introduction .cont .lc .p_2 { width: 100%; height: 100px; margin-top: 18px; background-size: contain !important; }
    .introduction .cont .lc .fs { margin-top: 24px; }
    .introduction .cont .lc .fs .text_2 em,
    .introduction .cont .xz .text_2 em {
        float: none;
        width: auto !important;
        margin-left: 28px;
        display: block;
    }
    .introduction .cont .collect .p_1,
    .introduction .cont .collect .p_2 { margin-left: 0; }
    .introduction .cont .collect .list { margin: 10px 0 0; }
    .introduction .cont .collect .list ul li { height: auto; min-height: 40px; line-height: 1.6; }
    .introduction .cont .collect .list .xuan_1 { float: none; width: 100%; height: auto; box-sizing: border-box; padding: 10px; overflow-wrap: anywhere; }
    .introduction .cont .collect .list .xuan .xs { float: none; width: auto; margin: 0 10px; }
    .introduction .cont .collect .fill { margin-left: 0; }
    .introduction .cont .collect .fill ul li { height: auto; min-height: 34px; line-height: 1.6; margin-top: 14px; }
    .introduction .cont .collect .fill .text { float: none; width: auto; text-align: left; margin: 0 0 6px; }
    .introduction .cont .collect .fill .sframe_1,
    .introduction .cont .collect .fill .sframe_2,
    .introduction .cont .collect .fill .sframe_3,
    .introduction .cont .collect .fill .choice_1 { width: 100% !important; box-sizing: border-box; margin: 0; }
    .introduction .cont .collect .fill .huo { float: none; display: inline-block; margin: 6px 0; }
    .introduction .cont .collect .fill .shez { display: block; margin: 6px 0 0; line-height: 1.5; }
    .introduction .cont .collect .button_2,
    .introduction .cont .ann { width: 100%; box-sizing: border-box; margin: 24px 0 0; }
    .eject5, .eject6 { width: calc(100% - 24px); max-width: none; left: 12px; margin-left: 0; }
}