:root {
            overflow-x: hidden;
        }

        :root body.has-activity > .bg-box {
            z-index: 2;
            height: auto;
        }

        :root body.has-activity > .page.member-page > .page-bg {
            display: none;
        }

        :root body.has-activity > .page.member-page > .page-title {
            opacity: 0;
            pointer-events: none;
        }

        .member-page {
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 100vw;
            position: relative;
            box-sizing: border-box;
            padding-bottom: 11.5rem;
            background-color: #fdf6f2;
            --pay-site-color1:#90472d;
        }

            .member-page > .page-bg {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                z-index: 1;
            }

                .member-page > .page-bg > img {
                    display: block;
                    width: 100%;
                    height: 28.375rem;
                }

            .member-page > .page-title {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                width: 100%;
                height: 13.625rem;
                position: relative;
                z-index: 2;
                box-sizing: border-box;
                padding-top: 1rem;
                pointer-events: none;
            }

                .member-page > .page-title > .title-txt {
                    width: 42.8125rem;
                    height: 2.8125rem;
                    flex-shrink: 0;
                    position: relative;
                    z-index: 3;
                    margin-bottom: 1.5rem;
                }

                    .member-page > .page-title > .title-txt > img {
                        display: block;
                        width: 100%;
                        position: absolute;
                        top: 0;
                        left: 0;
                        z-index: 4;
                    }

                        .member-page > .page-title > .title-txt > img.title-bg01 {
                            z-index: 5;
                        }

                        .member-page > .page-title > .title-txt > img.title-bg02 {
                            top: .0625rem;
                            left: .0625rem;
                        }

                .member-page > .page-title > .site-intro {
                    display: block;
                    text-align: center;
                    color: #90472d;
                    font-size: 1.5rem;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 1;
                }

            .member-page > .cnt {
                display: flex;
                flex-direction: column;
                justify-content: center;
                width: 100%;
                position: relative;
                z-index: 2;
                box-sizing: border-box;
            }

                .member-page > .cnt > .member-list {
                    display: flex;
                    justify-content: center;
                    width: 100%;
                    height: 39.75rem;
                    pointer-events: none;
                    position: relative;
                    z-index: 2;
                    margin-bottom: 5.875rem;
                    overflow: hidden; /* 截断超出内容 */
                }

                /* 新增：滑动指示器容器 */
                .member-page > .cnt > .member-list > .swiper-indicators {
                    display: flex;
                    gap: 0.75rem;
                    position: absolute;
                    bottom: -2.5rem;
                    left: 50%;
                    transform: translateX(-50%);
                    z-index: 10;
                    pointer-events: all;
                }

                /* 新增：指示器圆点样式 */
                .member-page > .cnt > .member-list > .swiper-indicators > .swiper-indicator {
                    width: 0.75rem;
                    height: 0.75rem;
                    border-radius: 50%;
                    background-color: #d9c1a8;
                    cursor: pointer;
                    transition: all 0.3s ease;
                }

                /* 新增：激活状态指示器 */
                .member-page > .cnt > .member-list > .swiper-indicators > .swiper-indicator.active {
                    background-color: #90472d;
                    transform: scale(1.3);
                }

                /* 新增：滑动按钮 */
                .member-page > .cnt > .member-list > .swiper-btn {
                    position: absolute;
                    top: 50%;
                    transform: translateY(-50%);
                    width: 3rem;
                    height: 3rem;
                    border-radius: 50%;
                    background-color: rgba(255, 255, 255, 0.8);
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    cursor: pointer;
                    z-index: 10;
                    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
                    font-weight: bold;
                    color: #90472d;
                    transition: all 0.3s ease;
                    border: none;
                    pointer-events: all;
                }

                .member-page > .cnt > .member-list > .swiper-btn.prev {
                    left: 1rem;
                    font-size: 20px;
                }

                .member-page > .cnt > .member-list > .swiper-btn.next {
                    right: 1rem;
                    font-size: 20px;
                }

                .member-page > .cnt > .member-list > .member-wrapper {
                    display: flex;
                    justify-content: center;
                    width: auto;
                    height: 100%;
                    position: relative;
                    z-index: 2;
                    pointer-events: all;
                }

        @supports(gap:1.875rem) {
            .member-page > .cnt > .member-list > .member-wrapper {
                gap: 1.875rem;
            }
        }

        @supports not(gap:1.875rem) {
            .member-page > .cnt > .member-list > .member-wrapper {
                margin-right: 1.875rem;
            }
        }

        .member-page > .cnt > .member-list > .member-wrapper > .member-bg {
            display: block;
            width: 21.125rem;
            height: 100%;
            overflow: hidden;
            border-radius: .75rem;
            background: var(--bg-color3);
            position: relative;
        }

            .member-page > .cnt > .member-list > .member-wrapper > .member-bg > .top-box {
                display: block;
                width: 100%;
                height: 18.625rem;
                position: relative;
                z-index: 2;
            }

            .member-page > .cnt > .member-list > .member-wrapper > .member-bg > .bottom-box {
                display: block;
                width: 100%;
                height: 21.125rem;
                box-sizing: border-box;
                border-radius: .75rem;
                border: .0625rem solid #ffdab2;
                position: absolute;
                bottom: 0;
                left: 0;
                z-index: 3;
            }

            .member-page > .cnt > .member-list > .member-wrapper > .member-bg.normal-client {
                box-shadow: 0 6px 8px 0 rgba(0,0,0,0.1);
            }

                .member-page > .cnt > .member-list > .member-wrapper > .member-bg.normal-client > .top-box {
                    height: 21.375rem;
                    background: linear-gradient(90deg,#FFF 0,#ffefe2 100%);
                }

                .member-page > .cnt > .member-list > .member-wrapper > .member-bg.normal-client > .bottom-box {
                    background-color: var(--bg-color3);
                }

            .member-page > .cnt > .member-list > .member-wrapper > .member-bg.u-client > .top-box {
                height: 21.375rem;
                background-image: linear-gradient(137deg,#ffc697 8.07%,#e34400 83.37%),linear-gradient(122deg,#fae2cd 33.79%,#e2b290 73.62%);
            }

                .member-page > .cnt > .member-list > .member-wrapper > .member-bg.u-client > .top-box > img {
                    position: absolute;
                    top: 8.5rem;
                    left: 5rem;
                    z-index: 2;
                }

            .member-page > .cnt > .member-list > .member-wrapper > .member-bg.u-client > .bottom-box {
                background-image: linear-gradient(180deg,#fff6f1 0,#fbede2 100%);
            }

            .member-page > .cnt > .member-list > .member-wrapper > .member-bg.svip-client > .top-box {
                height: 19.375rem;
                background: linear-gradient(125deg,#574747 6.33%,#161111 82.61%),linear-gradient(125deg,#574747 6.33%,#161111 82.61%);
            }

                .member-page > .cnt > .member-list > .member-wrapper > .member-bg.svip-client > .top-box > img {
                    position: absolute;
                    top: 6.875rem;
                    left: 0;
                    z-index: 2;
                }

            .member-page > .cnt > .member-list > .member-wrapper > .member-bg.svip-client > .bottom-box {
                background-image: linear-gradient(180deg,#fff0da 0,#ffd7b7 100%);
            }

            .member-page > .cnt > .member-list > .member-wrapper > .member-bg.plus-client > .top-box {
                height: 19.375rem;
                background-image: linear-gradient(192deg,rgba(105,169,255,0.3) 8.73%,rgba(255,255,255,0.3) 72.41%);
            }

                .member-page > .cnt > .member-list > .member-wrapper > .member-bg.plus-client > .top-box > img {
                    position: absolute;
                    top: 7.5rem;
                    left: 5.375rem;
                    z-index: 2;
                }

            .member-page > .cnt > .member-list > .member-wrapper > .member-bg.plus-client > .bottom-box {
                background-color: var(--bg-color3);
            }

        .member-page > .cnt > .member-list > .member-wrapper > .member-bar-box {
            pointer-events: all;
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 3;
            box-sizing: border-box;
            border-left: .0625rem solid transparent;
            border-right: .0625rem solid transparent;
        }

            .member-page > .cnt > .member-list > .member-wrapper > .member-bar-box > .bar {
                width: 100%;
                height: 2.25rem;
                box-sizing: border-box;
                background-color: #fff6ed;
                position: absolute;
                top: 0;
                left: 0;
                z-index: 10;
                transform-origin: top left;
                opacity: 0;
            }

        .member-page > .cnt > .member-list > .member-wrapper > .member-swiper {
            display: flex;
            justify-content: center;
            pointer-events: all;
            width: auto;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 4;
            transition: transform 0.5s ease; /* 新增：平滑过渡效果 */
        }

        @supports(gap:1.875rem) {
            .member-page > .cnt > .member-list > .member-wrapper > .member-swiper {
                gap: 1.875rem;
            }
        }

        @supports not(gap:1.875rem) {
            .member-page > .cnt > .member-list > .member-wrapper > .member-swiper {
                margin-right: 1.875rem;
            }
        }

        .member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member {
            display: block;
            width: 21.125rem;
            height: 100%;
            overflow: hidden;
            border-radius: .75rem;
            position: relative;
        }

            .member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member > .top-box {
                display: flex;
                flex-direction: column;
                width: 100%;
                height: 18.625rem;
                position: relative;
                z-index: 2;
                box-sizing: border-box;
                padding-top: 2.125rem;
                padding-bottom: 1.875rem;
            }

                .member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member > .top-box > .type-name {
                    display: flex;
                    align-items: baseline;
                    margin: 0 1.25rem;
                }

        @supports(gap:.875rem) {
            .member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member > .top-box > .type-name {
                gap: .875rem;
            }
        }

        @supports not(gap:.875rem) {
            .member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member > .top-box > .type-name > *:not(:last-child) {
                margin-right: .875rem;
            }
        }

        .member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member > .top-box > .type-name > .type-name-txt {
            word-break: keep-all;
            white-space: nowrap;
            color: #90472d;
            font-size: 2rem;
            font-style: normal;
            font-weight: 500;
            line-height: .875;
        }

        .member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member > .top-box > .type-name > .extends-txt {
            word-break: keep-all;
            white-space: nowrap;
            color: var(--font-color5);
            font-size: 1rem;
            font-style: normal;
            font-weight: 400;
            line-height: .875;
        }

        .member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member > .top-box > .price-box {
            flex: 1;
        }

        .member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member > .top-box > .entry-box {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 3rem;
        }

            .member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member > .top-box > .entry-box > .entry-btn {
                all: unset;
                pointer-events: all;
                display: flex;
                align-items: center;
                justify-content: center;
                width: 18.625rem;
                height: 3rem;
                border-radius: 6.25rem;
                background: linear-gradient(90deg,#fdf4ea 0,#f7d5b4 100%),linear-gradient(90deg,#5b524d 0,#1c1817 100%);
                box-shadow: 0 4px 6px 0 rgba(144,71,45,0.1);
                color: #1e1818;
                font-size: 1rem;
                font-style: normal;
                font-weight: 500;
                line-height: 1;
                cursor: pointer;
            }

        .member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member > .bottom-box {
            display: flex;
            flex-direction: column;
            width: 100%;
            height: 37.125rem;
            box-sizing: border-box;
            border-radius: .75rem;
            padding-top: 1.875rem;
            position: relative;
        }

        @supports(gap:2.25rem) {
            .member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member > .bottom-box {
                gap: 2.25rem;
            }
        }

        @supports not(gap:2.25rem) {
            .member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member > .bottom-box > *:not(:last-child) {
                margin-bottom: 2.25rem;
            }
        }

        .member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member > .bottom-box > .list-box {
            display: flex;
            flex-direction: column;
        }

            .member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member > .bottom-box > .list-box > .title-txt {
                display: flex;
                align-items: center;
                box-sizing: border-box;
                padding-left: 1.25rem;
                margin-bottom: 1.125rem;
            }

                .member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member > .bottom-box > .list-box > .title-txt > .icon {
                    margin-right: .4375rem;
                    color: #994b00;
                }

                .member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member > .bottom-box > .list-box > .title-txt > span {
                    color: #994b00;
                }

            .member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member > .bottom-box > .list-box > .list {
                display: flex;
                flex-direction: column;
                cursor: pointer;
            }

                .member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member > .bottom-box > .list-box > .list > .item {
                    display: flex;
                    align-items: center;
                    height: 2.25rem;
                    box-sizing: border-box;
                    padding: 0 1.25rem;
                    pointer-events: none;
                }

                    .member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member > .bottom-box > .list-box > .list > .item > .item__txt {
                        color: var(--font-color2);
                        font-size: .875rem;
                        font-style: normal;
                        font-weight: 400;
                        line-height: 1;
                    }

                    .member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member > .bottom-box > .list-box > .list > .item > b {
                        flex: 1;
                        display: flex;
                        justify-content: flex-end;
                        color: var(--font-color2);
                        text-align: right;
                        font-size: .875rem;
                        font-style: normal;
                        font-weight: 600;
                        line-height: 1;
                    }

        .member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member.normal-client > .top-box > .price-box {
            display: flex;
            justify-content: center;
            align-items: flex-end;
            box-sizing: border-box;
            padding-bottom: 3.75rem;
        }

            .member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member.normal-client > .top-box > .price-box > .txt {
                color: #994b00;
                font-size: 1.5rem;
                font-style: normal;
                font-weight: 500;
                line-height: .66667;
            }

        .member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member.u-client > .top-box > .type-name > .type-name-txt {
            color: #750303;
        }

        .member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member.u-client > .top-box > .price-box {
            display: flex;
            justify-content: center;
            align-items: flex-end;
            box-sizing: border-box;
            padding-bottom: 3.4375rem;
        }

            .member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member.u-client > .top-box > .price-box > .wrapper {
                display: flex;
                align-items: flex-end;
                justify-content: center;
            }

                .member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member.u-client > .top-box > .price-box > .wrapper > .prev-txt {
                    width: 2.5rem;
                    color: #750303;
                    font-size: .75rem;
                    font-style: normal;
                    font-weight: 500;
                    line-height: 1.33333;
                }

                .member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member.u-client > .top-box > .price-box > .wrapper > .price-txt {
                    display: flex;
                    align-items: flex-end;
                    margin-left: .1875rem;
                }

                    .member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member.u-client > .top-box > .price-box > .wrapper > .price-txt > em {
                        margin-right: .5rem;
                        color: #FFF;
                        font-size: 3.5rem;
                        font-style: normal;
                        font-weight: 500;
                        line-height: .875;
                    }

                    .member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member.u-client > .top-box > .price-box > .wrapper > .price-txt > b {
                        color: #FFF;
                        font-size: 1rem;
                        font-style: normal;
                        font-weight: 500;
                        line-height: 1.3333;
                        letter-spacing: .125rem;
                    }

                .member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member.u-client > .top-box > .price-box > .wrapper > .price-unit {
                    color: #FFF;
                    font-size: 1rem;
                    font-style: normal;
                    font-weight: 500;
                    line-height: 1.3333;
                    letter-spacing: .125rem;
                }

        .member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member.u-client > .top-box > .entry-box > .entry-btn {
            background-image: linear-gradient(90deg,#fdf4ea 0,#f7d5b4 100%),linear-gradient(90deg,#5b524d 0,#1c1817 100%);
            box-shadow: 0 2px 6px rgba(233,187,154,0.1);
        }

        .member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member.svip-client > .top-box > .type-name > .type-name-txt {
            color: #fae2cc;
        }

        .member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member.svip-client > .top-box > .price-box {
            display: flex;
            justify-content: center;
            align-items: flex-end;
            box-sizing: border-box;
            padding-bottom: 3.4375rem;
        }

            .member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member.svip-client > .top-box > .price-box > .wrapper {
                display: flex;
                align-items: flex-end;
                justify-content: center;
            }

                .member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member.svip-client > .top-box > .price-box > .wrapper > .prev-txt {
                    width: 2.5rem;
                    color: #750303;
                    font-size: .75rem;
                    font-style: normal;
                    font-weight: 500;
                    line-height: 1.33333;
                }

                .member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member.svip-client > .top-box > .price-box > .wrapper > .price-txt {
                    display: flex;
                    align-items: flex-end;
                    margin-left: .1875rem;
                }

                    .member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member.svip-client > .top-box > .price-box > .wrapper > .price-txt > em {
                        margin-right: .5rem;
                        color: #FFF;
                        font-size: 3.5rem;
                        font-style: normal;
                        font-weight: 500;
                        line-height: .875;
                    }

                    .member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member.svip-client > .top-box > .price-box > .wrapper > .price-txt > b {
                        color: #FFF;
                        font-size: 1rem;
                        font-style: normal;
                        font-weight: 500;
                        line-height: 1.3333;
                        letter-spacing: .125rem;
                    }

                .member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member.svip-client > .top-box > .price-box > .wrapper > .price-unit {
                    color: #FFF;
                    font-size: 1rem;
                    font-style: normal;
                    font-weight: 500;
                    line-height: 1.3333;
                    letter-spacing: .125rem;
                }

                .member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member.svip-client > .top-box > .price-box > .wrapper > .prev-txt {
                    color: #fae2cc;
                    text-align: right;
                    font-size: 1rem;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 1;
                }

                .member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member.svip-client > .top-box > .price-box > .wrapper > .price-txt {
                    margin-right: 0;
                }

                    .member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member.svip-client > .top-box > .price-box > .wrapper > .price-txt > em {
                        color: #fae2cc;
                        margin-right: .3125rem;
                    }

                    .member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member.svip-client > .top-box > .price-box > .wrapper > .price-txt > b {
                        color: #fae2cc;
                    }

                .member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member.svip-client > .top-box > .price-box > .wrapper > .price-unit {
                    color: #fae2cc;
                }

        .member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member.svip-client > .top-box > .entry-box > .entry-btn {
            background: linear-gradient(90deg,#fdf4ea 0,#f7d5b4 100%);
            box-shadow: 0 6px 6px 0 rgba(39,22,0,0.2);
        }

        .member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member.plus-client > .top-box > .type-name > .type-name-txt {
            color: #1e3d76;
        }

        .member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member.plus-client > .top-box > .type-name > .extends-txt {
            color: #1e3d76;
        }

        .member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member.plus-client > .top-box > .price-box {
            display: flex;
            justify-content: center;
            align-items: flex-end;
            box-sizing: border-box;
            padding-bottom: 3.4375rem;
        }

            .member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member.plus-client > .top-box > .price-box > .wrapper {
                display: flex;
                align-items: flex-end;
                justify-content: center;
            }

                .member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member.plus-client > .top-box > .price-box > .wrapper > .prev-txt {
                    width: 2.5rem;
                    color: #750303;
                    font-size: .75rem;
                    font-style: normal;
                    font-weight: 500;
                    line-height: 1.33333;
                }

                .member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member.plus-client > .top-box > .price-box > .wrapper > .price-txt {
                    display: flex;
                    align-items: flex-end;
                    margin-left: .1875rem;
                }

                    .member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member.plus-client > .top-box > .price-box > .wrapper > .price-txt > em {
                        margin-right: .5rem;
                        color: #FFF;
                        font-size: 3.5rem;
                        font-style: normal;
                        font-weight: 500;
                        line-height: .875;
                    }

                    .member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member.plus-client > .top-box > .price-box > .wrapper > .price-txt > b {
                        color: #FFF;
                        font-size: 1rem;
                        font-style: normal;
                        font-weight: 500;
                        line-height: 1.3333;
                        letter-spacing: .125rem;
                    }

                .member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member.plus-client > .top-box > .price-box > .wrapper > .price-unit {
                    color: #FFF;
                    font-size: 1rem;
                    font-style: normal;
                    font-weight: 500;
                    line-height: 1.3333;
                    letter-spacing: .125rem;
                }

                .member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member.plus-client > .top-box > .price-box > .wrapper > .price-txt > em {
                    color: #1e3d76;
                }

                .member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member.plus-client > .top-box > .price-box > .wrapper > .price-txt > b {
                    color: #1e3d76;
                }

                .member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member.plus-client > .top-box > .price-box > .wrapper > .price-unit {
                    color: #1e3d76;
                }

        .member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member.plus-client > .top-box > .entry-box > .entry-btn {
            background: linear-gradient(90deg,#fdf4ea 0,#f7d5b4 100%),linear-gradient(90deg,#5b524d 0,#1c1817 100%),#2877ff;
            box-shadow: 0 2px 6px 0 rgba(30,61,118,0.3);
        }

        .member-page > .cnt > .cnt-part {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        @supports(gap:3.75rem) {
            .member-page > .cnt > .cnt-part {
                gap: 3.75rem;
            }
        }

        @supports not(gap:3.75rem) {
            .member-page > .cnt > .cnt-part > *:not(:last-child) {
                margin-bottom: 3.75rem;
            }
        }

        .member-page > .cnt > .cnt-part > .title-txt {
            display: inline-block;
            position: relative;
        }

            .member-page > .cnt > .cnt-part > .title-txt > span {
                position: relative;
                z-index: 2;
                color: #90472d;
                font-size: 2.75rem;
                font-style: normal;
                font-weight: 500;
                line-height: 1;
            }

            .member-page > .cnt > .cnt-part > .title-txt::before {
                content: '';
                display: block;
                width: 2.5rem;
                height: 2.5rem;
                flex-shrink: 0;
                box-sizing: border-box;
                border-radius: 50%;
                background: linear-gradient(139deg,#fddeb6 18.88%,#ffcb84 78.32%);
                box-shadow: 0 4px 4px rgba(144,71,45,0.1);
                position: absolute;
                top: -0.5625rem;
                left: -1.4375rem;
                z-index: 1;
            }

            .member-page > .cnt > .cnt-part > .title-txt::after {
                content: '';
                display: block;
                width: 1.5rem;
                height: 1.5rem;
                flex-shrink: 0;
                box-sizing: border-box;
                border-radius: 50%;
                background: linear-gradient(139deg,#fddeb6 18.88%,#ffcb84 78.32%);
                opacity: .3;
                box-shadow: 0 4px 4px rgba(144,71,45,0.1);
                position: absolute;
                bottom: .375rem;
                right: -0.75rem;
                z-index: 1;
            }

        .member-page > .cnt > .cnt-part.our-advantage {
            margin-bottom: 5.5625rem;
        }

            .member-page > .cnt > .cnt-part.our-advantage > .wrapper {
                display: flex;
                flex-direction: column;
            }

        @supports(gap:2.5rem) {
            .member-page > .cnt > .cnt-part.our-advantage > .wrapper {
                gap: 2.5rem;
            }
        }

        @supports not(gap:2.5rem) {
            .member-page > .cnt > .cnt-part.our-advantage > .wrapper > *:not(:last-child) {
                margin-bottom: 2.5rem;
            }
        }

        .member-page > .cnt > .cnt-part.our-advantage > .wrapper > .spec-box {
            display: flex;
            align-items: center;
        }

        @supports(gap:1.875rem) {
            .member-page > .cnt > .cnt-part.our-advantage > .wrapper > .spec-box {
                gap: 1.875rem;
            }
        }

        @supports not(gap:1.875rem) {
            .member-page > .cnt > .cnt-part.our-advantage > .wrapper > .spec-box > *:not(:last-child) {
                margin-right: 1.875rem;
            }
        }

        .member-page > .cnt > .cnt-part.our-advantage > .wrapper > .spec-box > .item {
            display: flex;
            flex-direction: column;
            width: 23.75rem;
            height: 25.625rem;
            overflow: hidden;
            border-radius: .625rem;
            background: var(--bg-color3);
            box-shadow: 4px 8px 20.4px 0 rgba(144,71,45,0.2);
        }

            .member-page > .cnt > .cnt-part.our-advantage > .wrapper > .spec-box > .item > .pic {
                width: 100%;
                height: 13.625rem;
                background-color: #ccc;
            }

                .member-page > .cnt > .cnt-part.our-advantage > .wrapper > .spec-box > .item > .pic > img {
                    display: block;
                    width: 100%;
                }

            .member-page > .cnt > .cnt-part.our-advantage > .wrapper > .spec-box > .item > .txt {
                flex: 1;
                display: flex;
                flex-direction: column;
                box-sizing: border-box;
                padding: 2.1875rem 1.25rem 0 1.25rem;
            }

        @supports(gap:1rem) {
            .member-page > .cnt > .cnt-part.our-advantage > .wrapper > .spec-box > .item > .txt {
                gap: 1rem;
            }
        }

        @supports not(gap:1rem) {
            .member-page > .cnt > .cnt-part.our-advantage > .wrapper > .spec-box > .item > .txt > *:not(:last-child) {
                margin-bottom: 1rem;
            }
        }

        .member-page > .cnt > .cnt-part.our-advantage > .wrapper > .spec-box > .item > .txt > .title-txt {
            color: #90472d;
            text-align: center;
            font-size: 1.5rem;
            font-style: normal;
            font-weight: 500;
            line-height: 1;
        }

        .member-page > .cnt > .cnt-part.our-advantage > .wrapper > .spec-box > .item > .txt > .detail {
            color: var(--font-color2);
            font-size: 1.125rem;
            font-style: normal;
            font-weight: 400;
            line-height: 1.555556;
        }

        .member-page > .cnt > .cnt-part.our-advantage > .wrapper > .detail-box {
            display: flex;
            flex-direction: column;
            position: relative;
            box-sizing: border-box;
            padding-top: 69px;
        }

            .member-page > .cnt > .cnt-part.our-advantage > .wrapper > .detail-box::after {
                content: '';
                width: 100vw;
                height: 19rem;
                background-color: #f3d5b7;
                position: absolute;
                top: 0;
                left: 50%;
                z-index: 1;
                transform: translateX(-50%);
            }

            .member-page > .cnt > .cnt-part.our-advantage > .wrapper > .detail-box::before {
                content: '';
                width: 160%;
                height: 19rem;
                overflow: hidden;
                background: url(../img/home_bg01.png) #f3d5b7 50% / cover no-repeat;
                position: absolute;
                top: 0;
                left: 50%;
                z-index: 2;
                transform: translateX(-50%);
            }

            .member-page > .cnt > .cnt-part.our-advantage > .wrapper > .detail-box > .title-txt {
                position: relative;
                z-index: 3;
                color: #90472d;
                font-size: 2rem;
                font-style: normal;
                font-weight: 400;
                line-height: 1;
                margin-bottom: 2.75rem;
                text-shadow: 1px 1px white;
            }

            .member-page > .cnt > .cnt-part.our-advantage > .wrapper > .detail-box > .list {
                display: flex;
                align-items: center;
                position: relative;
                z-index: 3;
            }

        @supports(gap:.625rem) {
            .member-page > .cnt > .cnt-part.our-advantage > .wrapper > .detail-box > .list {
                gap: .625rem;
            }
        }

        @supports not(gap:.625rem) {
            .member-page > .cnt > .cnt-part.our-advantage > .wrapper > .detail-box > .list > *:not(:last-child) {
                margin-right: .625rem;
            }
        }

        .member-page > .cnt > .cnt-part.our-advantage > .wrapper > .detail-box > .list > .item {
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 14.5rem;
            height: 15.25rem;
            box-sizing: border-box;
            border-radius: 1.25rem;
            border: .0625rem solid #FFF;
            padding-top: 2.625rem;
            background: linear-gradient(180deg,#fae5ce 0,#fef9f5 22.34%);
            box-shadow: 0 4px 4px 0 rgba(133,59,0,0.2);
        }

            .member-page > .cnt > .cnt-part.our-advantage > .wrapper > .detail-box > .list > .item > .icon {
                width: 3rem;
                height: 3rem;
                position: relative;
            }

                .member-page > .cnt > .cnt-part.our-advantage > .wrapper > .detail-box > .list > .item > .icon > img {
                    width: 3rem;
                    height: 5rem;
                    position: absolute;
                    top: 0;
                    left: 0;
                    z-index: 1;
                }

            .member-page > .cnt > .cnt-part.our-advantage > .wrapper > .detail-box > .list > .item > .title-txt {
                position: relative;
                z-index: 2;
                color: var(--font-color2);
                font-size: 1.25rem;
                font-style: normal;
                font-weight: 500;
                line-height: 2.2;
            }

                .member-page > .cnt > .cnt-part.our-advantage > .wrapper > .detail-box > .list > .item > .title-txt::before {
                    content: '';
                    width: 1rem;
                    height: .0625rem;
                    background-color: var(--pay-site-color1);
                    position: absolute;
                    top: 50%;
                    left: -2rem;
                    transform: translateY(-50%);
                }

                .member-page > .cnt > .cnt-part.our-advantage > .wrapper > .detail-box > .list > .item > .title-txt::after {
                    content: '';
                    width: 1rem;
                    height: .0625rem;
                    background-color: var(--pay-site-color1);
                    position: absolute;
                    top: 50%;
                    right: -2rem;
                    transform: translateY(-50%);
                }

            .member-page > .cnt > .cnt-part.our-advantage > .wrapper > .detail-box > .list > .item > .detail {
                flex: 1;
                margin: 0 1.25rem;
                color: var(--font-color3);
                font-size: .875rem;
                font-style: normal;
                font-weight: 400;
                line-height: 1.71429;
            }

        .member-page > .cnt > .cnt-part.user-voice {
            margin-bottom: 5.5625rem;
        }

            .member-page > .cnt > .cnt-part.user-voice > .wrapper {
                display: flex;
                justify-content: center;
            }

        @supports(gap:1.875rem) {
            .member-page > .cnt > .cnt-part.user-voice > .wrapper {
                gap: 1.875rem;
            }
        }

        @supports not(gap:1.875rem) {
            .member-page > .cnt > .cnt-part.user-voice > .wrapper > *:not(:last-child) {
                margin-right: 1.875rem;
            }
        }

        .member-page > .cnt > .cnt-part.user-voice > .wrapper > .item {
            display: flex;
            flex-direction: column;
            width: 23.75rem;
            min-height: 17.125rem;
            border-radius: 1.25rem;
            box-sizing: border-box;
            border: .0625rem solid #FFF;
            background: linear-gradient(180deg,#fae5ce 0,#fef9f5 22.34%);
            box-shadow: 0 4px 4px 0 rgba(133,59,0,0.2);
            padding: 1.875rem 0 1.25rem 0;
        }

        @supports(gap:1rem) {
            .member-page > .cnt > .cnt-part.user-voice > .wrapper > .item {
                gap: 1rem;
            }
        }

        @supports not(gap:1rem) {
            .member-page > .cnt > .cnt-part.user-voice > .wrapper > .item > *:not(:last-child) {
                margin-right: 1rem;
            }
        }

        .member-page > .cnt > .cnt-part.user-voice > .wrapper > .item > .info {
            display: flex;
            align-items: center;
            margin: 0 1.25rem;
        }

        @supports(gap:.5rem) {
            .member-page > .cnt > .cnt-part.user-voice > .wrapper > .item > .info {
                gap: .5rem;
            }
        }

        @supports not(gap:.5rem) {
            .member-page > .cnt > .cnt-part.user-voice > .wrapper > .item > .info > *:not(:last-child) {
                margin-right: .5rem;
            }
        }

        .member-page > .cnt > .cnt-part.user-voice > .wrapper > .item > .info > .avatar {
            display: inline-block;
            width: 3rem;
            height: 3rem;
            overflow: hidden;
            background-color: rgba(116,207,79,0.1);
            box-sizing: border-box;
            border: .125rem solid var(--font-color5);
            border-radius: 50%;
            box-shadow: 0 4px 4px rgba(0,0,0,0.1);
        }

            .member-page > .cnt > .cnt-part.user-voice > .wrapper > .item > .info > .avatar > img {
                display: block;
                width: 100%;
            }

        .member-page > .cnt > .cnt-part.user-voice > .wrapper > .item > .info > .nickname {
            flex: 1;
            display: flex;
            align-items: center;
        }

            .member-page > .cnt > .cnt-part.user-voice > .wrapper > .item > .info > .nickname > span {
                color: #000;
                font-size: 1.5rem;
                font-style: normal;
                font-weight: 500;
                line-height: 1;
            }

            .member-page > .cnt > .cnt-part.user-voice > .wrapper > .item > .info > .nickname > b {
                color: var(--font-color3);
                font-size: .875rem;
                font-style: normal;
                font-weight: 400;
                line-height: 1;
            }

        .member-page > .cnt > .cnt-part.user-voice > .wrapper > .item > .info > .pos {
            display: inline-flex;
            align-items: center;
        }

            .member-page > .cnt > .cnt-part.user-voice > .wrapper > .item > .info > .pos > i {
                display: inline-block;
                width: .875rem;
                height: .875rem;
                margin-right: .375rem;
                background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTQgMTQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE0IDE0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzY2NjY2Njt9Cjwvc3R5bGU+CjxwYXRoIGlkPSJWZWN0b3IiIGNsYXNzPSJzdDAiIGQ9Ik03LjIsMTMuOUw3LDEzLjhjLTAuMSwwLTEuNC0xLTIuNy0yLjRjLTAuOC0wLjktMS40LTEuNy0xLjgtMi42QzEuOSw3LjcsMS42LDYuNiwxLjYsNS42CgljMC0xLjUsMC42LTMsMS43LTQuMUM0LjQsMC42LDUuOCwwLDcuMiwwaDBDOCwwLDguNywwLjEsOS40LDAuNGMwLjcsMC4zLDEuMywwLjcsMS44LDEuMmMxLjEsMS4xLDEuNywyLjUsMS43LDQKCWMwLDEtMC4zLDIuMS0wLjksMy4xYy0wLjQsMC44LTEuMSwxLjctMS44LDIuNmMtMS4zLDEuNS0yLjYsMi40LTIuNywyLjRMNy4yLDEzLjl6IE03LjIsMC44QzYsMC44LDQuOCwxLjMsMy45LDIuMgoJQzMsMy4xLDIuNSw0LjMsMi41LDUuNmMwLDMuMywzLjgsNi41LDQuOCw3LjNjMC40LTAuMywxLjQtMS4xLDIuMy0yLjFDMTAuNyw5LjUsMTIsNy42LDEyLDUuNkMxMiwyLjksOS45LDAuOCw3LjIsMC44TDcuMiwwLjh6Ii8+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMy41LDE0SDcuNEM3LjIsMTQsNywxMy44LDcsMTMuNXYtMC4xQzcsMTMuMiw3LjIsMTMsNy40LDEzaDYuMWMwLjMsMCwwLjUsMC4yLDAuNSwwLjV2MC4xCglDMTQsMTMuOCwxMy44LDE0LDEzLjUsMTR6Ii8+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yLjgsMTRoLTJjLTAuMywwLTAuNS0wLjItMC41LTAuNXYtMC4xYzAtMC4zLDAuMi0wLjUsMC41LTAuNWgyYzAuMywwLDAuNSwwLjIsMC41LDAuNXYwLjEKCUMzLjIsMTMuOCwzLDE0LDIuOCwxNHoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTcuMiw0QzYuMSw0LDUuMSw0LjksNS4xLDZjMCwxLjEsMC45LDIuMSwyLjEsMi4xYzEuMSwwLDIuMS0wLjksMi4xLTIuMUM5LjMsNC45LDguMyw0LDcuMiw0eiBNNy4yLDcuMwoJQzYuNSw3LjMsNiw2LjcsNiw2YzAtMC43LDAuNi0xLjIsMS4yLTEuMmMwLjcsMCwxLjIsMC42LDEuMiwxLjJDOC40LDYuNyw3LjksNy4zLDcuMiw3LjN6Ii8+Cjwvc3ZnPgo=);
                background-repeat: no-repeat;
                background-size: 100% 100%;
            }

            .member-page > .cnt > .cnt-part.user-voice > .wrapper > .item > .info > .pos > span {
                color: var(--font-color3);
                font-size: .875rem;
                font-style: normal;
                font-weight: 400;
                line-height: 1;
            }

        .member-page > .cnt > .cnt-part.user-voice > .wrapper > .item > .message {
            flex: 1;
            margin: 0 1.25rem;
            box-sizing: border-box;
            padding: .625rem;
            border-radius: .75rem;
            background: var(--bg-color3);
            color: var(--font-color2);
            font-size: 1.125rem;
            font-style: normal;
            font-weight: 400;
            line-height: 1.555556;
        }

        .member-page > .cnt > .cnt-part.questions {
            margin-bottom: 5.5625rem;
        }

            .member-page > .cnt > .cnt-part.questions > .question-list {
                display: flex;
                width: 75rem;
            }

        @supports(gap:2.5rem) {
            .member-page > .cnt > .cnt-part.questions > .question-list {
                gap: 2.5rem;
            }
        }

        @supports not(gap:2.5rem) {
            .member-page > .cnt > .cnt-part.questions > .question-list > *:not(:last-child) {
                margin-right: 2.5rem;
            }
        }

        .member-page > .cnt > .cnt-part.questions > .question-list > .item {
            flex: 1;
            display: flex;
            flex-direction: column;
            height: 24.6875rem;
            box-sizing: border-box;
            padding: 2.8125rem 30px 0 1.875rem;
            border-radius: 1.25rem;
            background: var(--bg-color3);
            box-shadow: 0 4px 4px 0 rgba(133,59,0,0.2);
        }

        @supports(gap:1.5rem) {
            .member-page > .cnt > .cnt-part.questions > .question-list > .item {
                gap: 1.5rem;
            }
        }

        @supports not(gap:1.5rem) {
            .member-page > .cnt > .cnt-part.questions > .question-list > .item > *:not(:last-child) {
                margin-bottom: 1.5rem;
            }
        }

        .member-page > .cnt > .cnt-part.questions > .question-list > .item > .title-txt {
            display: flex;
            align-items: center;
        }

            .member-page > .cnt > .cnt-part.questions > .question-list > .item > .title-txt > i {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 1.875rem;
                height: 1.875rem;
                overflow: hidden;
                margin-right: .75rem;
                box-sizing: border-box;
                border-radius: 50%;
                background-image: linear-gradient(140deg,#fddeb6 18.87%,#ffcb84 62.16%);
                line-height: 1;
                color: var(--pay-site-color1);
                font-size: 1.125rem;
                font-weight: bold;
                font-style: normal;
            }

            .member-page > .cnt > .cnt-part.questions > .question-list > .item > .title-txt > span {
                flex: 1;
                color: var(--font-color2);
                font-size: 1rem;
                font-style: normal;
                font-weight: 500;
                line-height: 1.6875;
            }

        .member-page > .cnt > .cnt-part.questions > .question-list > .item > .cnt {
            display: flex;
            flex-direction: column;
            box-sizing: border-box;
            padding-left: 2.5rem;
        }

        @supports(gap:.625rem) {
            .member-page > .cnt > .cnt-part.questions > .question-list > .item > .cnt {
                gap: .625rem;
            }
        }

        @supports not(gap:.625rem) {
            .member-page > .cnt > .cnt-part.questions > .question-list > .item > .cnt > *:not(:last-child) {
                margin-bottom: .625rem;
            }
        }

        .member-page > .cnt > .cnt-part.questions > .question-list > .item > .cnt > p {
            color: var(--pay-site-color1);
            font-size: 1rem;
            font-style: normal;
            font-weight: 400;
            line-height: 1.875;
        }

        .member-page > .cnt > .cnt-part.other-entry {
            display: flex;
            justify-content: center;
        }

            .member-page > .cnt > .cnt-part.other-entry > .entry-list {
                display: flex;
                align-items: center;
                width: 75rem;
            }

        @supports(gap:1.5rem) {
            .member-page > .cnt > .cnt-part.other-entry > .entry-list {
                gap: 1.5rem;
            }
        }

        @supports not(gap:1.5rem) {
            .member-page > .cnt > .cnt-part.other-entry > .entry-list > *:not(:last-child) {
                margin-bottom: 1.5rem;
            }
        }

        .member-page > .cnt > .cnt-part.other-entry > .entry-list > .item {
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: center;
            height: 8.75rem;
            overflow: hidden;
            box-sizing: border-box;
            padding-left: 2.5rem;
            border-radius: 1.25rem;
            background: #ffe4ca;
            box-shadow: 0 4px 4px 0 rgba(133,59,0,0.2);
            position: relative;
        }

        @supports(gap:.625rem) {
            .member-page > .cnt > .cnt-part.other-entry > .entry-list > .item {
                gap: .625rem;
            }
        }

        @supports not(gap:.625rem) {
            .member-page > .cnt > .cnt-part.other-entry > .entry-list > .item > *:not(:last-child) {
                margin-bottom: .625rem;
            }
        }

        .member-page > .cnt > .cnt-part.other-entry > .entry-list > .item::after {
            content: '';
            width: 100%;
            height: 100%;
            background-image: url(../img/home_other_entry01.png);
            position: absolute;
            top: 0;
            right: -8px;
            z-index: 1;
        }

        .member-page > .cnt > .cnt-part.other-entry > .entry-list > .item:last-child::after {
            background-image: url(../img/home_other_entry02.png);
        }

        .member-page > .cnt > .cnt-part.other-entry > .entry-list > .item > .title-txt {
            display: flex;
            align-items: center;
            position: relative;
            z-index: 2;
        }

            .member-page > .cnt > .cnt-part.other-entry > .entry-list > .item > .title-txt > span {
                display: inline-block;
                margin-right: 1.125rem;
                color: var(--pay-site-color1);
                font-size: 1.25rem;
                font-style: normal;
                font-weight: 500;
                line-height: 1.35;
            }

            .member-page > .cnt > .cnt-part.other-entry > .entry-list > .item > .title-txt > a {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 5.25rem;
                height: 1.75rem;
                flex-shrink: 0;
                border-radius: 100px;
                background: linear-gradient(90deg,#5b524d 0,#1c1817 100%),#FFF;
                color: #fae2cc;
                font-size: .875rem;
                font-style: normal;
                font-weight: 400;
                line-height: 1;
            }

        .member-page > .cnt > .cnt-part.other-entry > .entry-list > .item > .detail-list {
            display: flex;
            align-items: center;
            position: relative;
            z-index: 2;
        }

        @supports(gap:1.875rem) {
            .member-page > .cnt > .cnt-part.other-entry > .entry-list > .item > .detail-list {
                gap: 1.875rem;
            }
        }

        @supports not(gap:1.875rem) {
            .member-page > .cnt > .cnt-part.other-entry > .entry-list > .item > .detail-list > *:not(:last-child) {
                margin-bottom: 1.875rem;
            }
        }

        .member-page > .cnt > .cnt-part.other-entry > .entry-list > .item > .detail-list > .item {
            color: var(--font-color2);
            font-size: 1rem;
            font-style: normal;
            font-weight: 400;
            line-height: 1.875;
        }

        .home-footer {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100vw;
            height: 7.5rem;
            flex-shrink: 0;
            background: #161616;
        }

            .home-footer > .wrapper {
                display: flex;
                align-items: center;
                justify-content: center;
            }

                .home-footer > .wrapper > span {
                    display: inline-block;
                    margin-right: .25rem;
                    color: var(--font-color5);
                    font-size: .875rem;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 1.28571;
                }

                .home-footer > .wrapper > a {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    width: 6rem;
                    height: 1.75rem;
                    flex-shrink: 0;
                    border-radius: 6.25rem;
                    background: linear-gradient(90deg,#fdf4ea 0,#f7d5b4 100%),linear-gradient(90deg,#5b524d 0,#1c1817 100%),#FFF;
                    color: #161616;
                    font-size: .875rem;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 1;
                }


 .member {
    display: none;
}

.member-swiper {
    overflow: hidden; 
    width: fit-content; 
}


.show-first-group {
    transform: translateX(0);
}


.show-second-group {
    transform: translateX(-100%);
}


.member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member.normal-client > .top-box > .price-box > .wrapper > .price-txt > em {
    margin-right: 0.5rem;
    color: #994b00;
    font-size: 3.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: .875;
}.member-page > .cnt > .member-list > .member-wrapper > .member-swiper > .member.normal-client> .top-box > .price-box > .wrapper > .price-txt > b {
    color:#994b00;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.3333;
    letter-spacing: .125rem;
}

      .warning-icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 11px;
            height: 11px;
            border-radius: 50%;
            border: 1px solid #f00; /* 红色边框 */
            color: #f00; /* 红色文字 */
            font-size: 12px;
            font-weight: bold;
            margin-right: 6px;
            vertical-align: middle;
        }
/* 确保文本垂直居中对齐 */
.item__txt {
    vertical-align: middle;
}