body {
    background: #12081a;
    font-family: 'CloudYuanCu', 'FZLTCHJW', sans-serif;
}

@font-face {
    font-family: 'FZLTCHJW';
    src: url("//png.pookcdn.net/new_net/lydr/activity6/fonts/FZLTCHJW.TTF") format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'CloudYuanCu';
    src: url("//png.pookcdn.net/new_net/lydr/viplounge/fonts/CLOUDYUANCU-GB-NORMAL.TTF") format('truetype');
    font-weight: normal;
    font-style: normal;
}

.wrapper {
    position: relative;
    margin: 0 auto;
    width: 7.5rem;
    min-height: 25.38rem;
    background: url("//png.pookcdn.net/new_net/lydr/viplounge/bg.jpg") no-repeat center top;
    background-size: 100% auto;
    color: #fff;
    font-size: .2rem;
    overflow: hidden;
    box-sizing: border-box;
    padding-bottom: .6rem;
}

.float-top {
    top: 0;
    left: 50%;
    padding: 0 .2rem 0 .15rem;
    width: 7.5rem;
    height: 1.2rem;
    background: url("//png.pookcdn.net/new_net/lydr/viplounge/bg_top.png") no-repeat center top;
    background-size: 100% 100%;
    font-family: 'CloudYuanCu', "Adobe 黑体 Std", sans-serif;
    color: #fff;
    font-size: .4rem;
    line-height: 1.2;
    z-index: 20;
    box-sizing: border-box;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.float-top .logo {
    margin-right: .15rem;
}

.float-top .logo img {
    display: block;
    width: .91rem;
    height: .96rem;
}

.float-top .name > .name {
    font-size: .36rem;
    line-height: 1.15;
}

.float-top .desc {
    display: block;
    font-size: .2rem;
    color: #ffe787;
    white-space: nowrap;
}

.float-top .btn-download-top {
    top: .24rem;
    right: .2rem;
    width: 2.39rem;
    height: .73rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/viplounge/btn_download_top.png");
    background-size: 100% 100%;
}

.float-top .start-list {
    font-size: .28rem;
}

.float-top .ico-star {
    display: inline-block;
    width: .3rem;
    height: .28rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/viplounge/ico_star.png");
    background-size: 100% 100%;
}

.btn-online-service,
.btn-ruler,
.btn-signin {
    right: .08rem;
    width: .97rem;
    height: 1.04rem;
    background-size: 100% 100%;
    z-index: 10;
}

.btn-online-service {
    top: 2.05rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/viplounge/ico_service.png");
}

.btn-ruler {
    top: 3.28rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/viplounge/ico_ruler.png");
}

.btn-signin {
    top: 4.52rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/viplounge/ico_login.png");
}

.welfare-section {
    position: relative;
    margin-top: 7.28rem;
    z-index: 10;
}

.section-title {
    margin: 0;
    padding: 0;
    text-align: center;
    line-height: 0;
}

.section-title img {
    display: block;
    width: 7.5rem;
    height: auto;
}

.welfare-grid {
    position: relative;
    width: 7.5rem;
    height: 10.6rem;
    margin: 0 auto;
}

.welfare-item {
    position: absolute;
    display: block;
    -webkit-tap-highlight-color: transparent;
}

.welfare-item img {
    display: block;
    width: 100%;
    height: auto;
}

.welfare-item.item-01 {
    left: 0;
    top: -.5rem;
    width: 3.01rem;
}

.welfare-item.item-02 {
    right: 0;
    top: -.45rem;
    width: 2.35rem;
}

.welfare-item.item-03 {
    left: 50%;
    top: .2rem;
    width: 3.48rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 3;
}

.mvp-month-bar {
    top: .3rem;
    left: 50%;
    width: 2.05rem;
    height: .73rem;
    margin: 0;
    box-sizing: border-box;
    background: url("//png.pookcdn.net/new_net/lydr/viplounge/bg_vip_month.png") no-repeat center;
    background-size: 2.05rem .73rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 4;
}

.mvp-month-text {
    position: absolute;
    top: .03rem;
    margin: 0;
    width: 100%;
    font-size: .2rem;
    line-height: .42rem;
    font-family: 'CloudYuanCu', 'FZLTCHJW', sans-serif;
    font-weight: bold;
    color: transparent;
    -webkit-text-stroke: .03rem #6a2a08;
    text-align: center;
    white-space: nowrap;
}

.mvp-month-text::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-text-stroke: 0;
    color: #fff;
}

.btn-mvp-month-help {
    top: .06rem;
    right: 0;
    width: .4rem;
    height: .4rem;
    border: none;
    background: url("//png.pookcdn.net/new_net/lydr/viplounge/ico_help.png") no-repeat center;
    background-size: 100% 100%;
    z-index: 2;
}

.welfare-item.item-03 .welfare-name {
    top: 1.1rem;
    left: .95rem;
    width: 1.6rem;
    color: #feecd4;
    font-size: .2rem;
    overflow: hidden;
}

.welfare-item.item-03 .mvp-name-viewport {
    display: block;
    width: 100%;
    overflow: hidden;
}

.welfare-item.item-03 .mvp-name-track {
    display: inline-block;
    white-space: nowrap;
}

.welfare-item.item-03 .welfare-name.is-scroll .mvp-name-track {
    -webkit-animation: mvp-name-marquee 8s linear infinite;
    animation: mvp-name-marquee 8s linear infinite;
}

.welfare-item.item-03 .welfare-name:not(.is-scroll) .mvp-name-viewport {
    text-align: center;
}

.welfare-item.item-03 .welfare-name:not(.is-scroll) .mvp-name-text[aria-hidden="true"] {
    display: none;
}

.welfare-item.item-03 .mvp-name-text {
    display: inline-block;
}

.welfare-item.item-03 .welfare-name.is-scroll .mvp-name-text {
    padding-right: 1.5rem;
}

@-webkit-keyframes mvp-name-marquee {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@keyframes mvp-name-marquee {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

.welfare-item.item-04 {
    left: .08rem;
    top: 4.4rem;
    width: 3.14rem;
    z-index: 2;
}

.welfare-item.item-05 {
    right: 0;
    top: 4.85rem;
    width: 3.06rem;
    z-index: 2;
}

.welfare-item.item-06 {
    left: 50%;
    top: 6.7rem;
    width: 3.59rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 3;
}

.preview-section {
    position: relative;
    margin-top: -.4rem;
    z-index: 10;
}

.preview-banner {
    width: 6.48rem;
    margin: .12rem auto 0;
}

.preview-banner img {
    display: block;
    width: 100%;
    height: auto;
}

.btn-appointment {
    position: relative;
    width: 4.93rem;
    height: 1.79rem;
    margin: -1rem auto 0;
    background: url("//png.pookcdn.net/new_net/lydr/viplounge/btn_appointment.png") no-repeat center;
    background-size: 100% 100%;
    z-index: 10;
}

.pup-fortune-body {
    position: relative;
    width: 7.5rem;
    height: 19.2rem;
    background: url("//png.pookcdn.net/new_net/lydr/viplounge/bg_draw.jpg") no-repeat center top;
    background-size: 100% auto;
    box-sizing: border-box;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.pup-fortune-body.is-fortune-draw {
    height: 100%;
}

.pup-fortune-body .fortune-title {
    top: 1.2rem;
    width: 7.5rem;
    height: 2.96rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/viplounge/title_draw_01.png");
}

.pup-fortune-card {
    top: 4.5rem;
    left: 50%;
    width: 6.91rem;
    height: 10.06rem;
    background: url("//png.pookcdn.net/new_net/lydr/viplounge/bg_fortune_02.png") no-repeat center top;
    background-size: 100% auto;
    box-sizing: border-box;
    z-index: 2;
    -webkit-ransform: translateX(-50%);
    transform: translateX(-50%);
}

.pup-fortune-card-content {
    position: absolute;
    top: 2.6rem;
    left: .95rem;
    right: .95rem;
    max-height: 4rem;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    box-sizing: border-box;
}

.pup-fortune-card-content::-webkit-scrollbar {
    display: none;
}

.pup-fortune-card-title {
    top: 7rem;
    left: 50%;
    transform: translateX(-50%);
}

.pup-fortune-card-title img {
    height: .61rem;
}

.pup-fortune-card-content p {
    margin: 0 0 .12rem;
    font-size: .32rem;
    line-height: 1.7;
    font-family: 'CloudYuanCu', 'FZLTCHJW', sans-serif;
    color: #fff9b2;
    text-align: center;
}

.pup-fortune-body .fortune-card-award-title {
    top: 3.5rem;
    left: 50%;
    width: 4.69rem;
    height: .46rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/viplounge/title_draw_02.png");
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 3;
}

.pup-fortune-card-award {
    left: 0;
    right: 0;
    bottom: 2.75rem;
    z-index: 2;
    -webkit-justify-content: center;
    justify-content: center;
    width: 7.35rem;
    height: 2.08rem;
    margin: 0 auto;
    background: url("//png.pookcdn.net/new_net/lydr/viplounge/bg_fortune_awards.png") no-repeat center;
    background-size: 100% auto;
}

.pup-fortune-wrap .pup-fortune-card-award {
    bottom: .2rem;
    background: none;
    width: 100%;
    gap: .1rem;
}

.btn-fortune-draw-done {
    bottom: 2.5rem;
    left: 50%;
    width: 4.47rem;
    height: 1.32rem;
    background: url("//png.pookcdn.net/new_net/lydr/viplounge/btn_draw_grey.png") no-repeat center;
    background-size: 100% 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 3;
    pointer-events: none;
}

.btn-fortune-close,
.btn-treasure-close {
    top: .22rem;
    right: .22rem;
    width: .39rem;
    height: .39rem;
    background: url("//png.pookcdn.net/new_net/lydr/viplounge/btn_close.png") no-repeat center;
    background-size: 100% 100%;
    z-index: 3;
}

.btn-fortune-help {
    top: 1.9rem;
    right: .3rem;
    width: .62rem;
    height: .62rem;
    background: url("//png.pookcdn.net/new_net/lydr/viplounge/ico_help.png") no-repeat center;
    background-size: 100% 100%;
    z-index: 3;
}

.btn-treasure-help {
    top: 3.55rem;
    right: .55rem;
    width: .62rem;
    height: .62rem;
    border: none;
    background: url("//png.pookcdn.net/new_net/lydr/viplounge/ico_help.png") no-repeat center;
    background-size: 100% 100%;
    z-index: 3;
}

.btn-fortune-draw {
    bottom: .5rem;
    left: 50%;
    width: 4.47rem;
    height: 1.32rem;
    background: url("//png.pookcdn.net/new_net/lydr/viplounge/btn_draw.png") no-repeat center;
    background-size: 100% 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 3;
}

.fortune-draw-video-wrap {
    position: fixed;
    top: 0;
    left: 50%;
    width: 7.5rem;
    height: 100%;
    height: 100vh;
    height: 100 dvh;
    z-index: 130;
    background: rgba(0, 0, 0, .88);
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    box-sizing: border-box;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.fortune-draw-video-player {
    display: block;
    width: 100%;
    max-width: 7.5rem;
    max-height: 100%;
    object-fit: contain;
    background: transparent;
}

.pup-fortune-result-wrap {
    z-index: 125;
}

.pup-fortune-result-body {
    position: relative;
    width: 7.5rem;
    height: 12.55rem;
    background: url("//png.pookcdn.net/new_net/lydr/viplounge/bg_fortune.png") no-repeat center top;
    background-size: 100% auto;
    box-sizing: border-box;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.btn-fortune-result-close {
    top: .12rem;
    right: .12rem;
    width: .39rem;
    height: .39rem;
    background: url("//png.pookcdn.net/new_net/lydr/viplounge/btn_close.png") no-repeat center;
    background-size: 100% 100%;
    z-index: 3;
}

.pup-fortune-result-content {
    position: absolute;
    top: 4.1rem;
    left: .95rem;
    right: .95rem;
    bottom: 5.1rem;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    box-sizing: border-box;
}

.pup-fortune-result-content::-webkit-scrollbar {
    display: none;
}

.pup-fortune-result-content p {
    margin: 0 0 .12rem;
    font-size: .32rem;
    line-height: 1;
    font-family: 'CloudYuanCu', 'FZLTCHJW', sans-serif;
    color: #fff9b2;
    text-align: center;
}

.pup-fortune-award {
    left: 0;
    right: 0;
    bottom: 2.7rem;
    z-index: 2;
    width: 7.35rem;
    height: 2.08rem;
    background: url("//png.pookcdn.net/new_net/lydr/viplounge/bg_fortune_awards.png") no-repeat center;
    background-size: 100% auto;
    gap: 0.1rem;
}


.pup-fortune-award-main {
    position: relative;
    z-index: 2;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
}

.pup-fortune-award-prop {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: .92rem;
    height: .92rem;
    background: url("//png.pookcdn.net/new_net/lydr/viplounge/bg_prop_01.png") no-repeat center;
    background-size: 100% 100%;
}

.pup-fortune-award-prop.prop-02 {
    background: url("//png.pookcdn.net/new_net/lydr/viplounge/bg_prop_02.png") no-repeat center;
}

.pup-fortune-award-prop.prop-03 {
    background: url("//png.pookcdn.net/new_net/lydr/viplounge/bg_prop_03.png") no-repeat center;
}

.pup-fortune-award-prop.prop-04 {
    background: url("//png.pookcdn.net/new_net/lydr/viplounge/bg_prop_04.png") no-repeat center;
}

.pup-fortune-award-prop img {
    display: block;
    width: .72rem;
    height: auto;
}

.pup-fortune-award-name {
    position: relative;
    margin: .14rem 0 0;
    font-size: .28rem;
    line-height: 1.2;
    font-family: 'CloudYuanCu', 'FZLTCHJW', sans-serif;
    color: transparent;
    -webkit-text-stroke: .04rem #000;
    text-align: center;
}

.pup-fortune-award-name::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    -webkit-text-stroke: 0;
    color: #fff;
    text-align: center;
}

.btn-fortune-sure {
    bottom: 1.2rem;
    left: 50%;
    width: 4.29rem;
    height: 1.32rem;
    background: url("//png.pookcdn.net/new_net/lydr/viplounge/btn_draw_sure.png") no-repeat center;
    background-size: 100% 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 3;
}

.pup-treasure-body {
    position: relative;
    width: 7.5rem;
    height: 19.2rem;
    background: url("//png.pookcdn.net/new_net/lydr/viplounge/bg_reasure_hunt.jpg") no-repeat center top;
    background-size: 100% auto;
    box-sizing: border-box;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.treasure-flip-count {
    top: 5.52rem;
    left: 50%;
    width: 4.82rem;
    height: 1.54rem;
    margin: 0;
    padding: 0 .3rem;
    background: url("//png.pookcdn.net/new_net/lydr/viplounge/bg_flip_num.png") no-repeat center;
    background-size: 100% 100%;
    font-size: .42rem;
    line-height: 1.54rem;
    font-family: 'CloudYuanCu', 'FZLTCHJW', sans-serif;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    box-sizing: border-box;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2;
}

.treasure-flip-count-txt {
    position: relative;
    display: inline-block;
}

.treasure-flip-count-txt span {
    position: relative;
    font-style: normal;
    color: transparent;
    font-family: 'FZLTCHJW';
    -webkit-text-stroke: .04rem #901800;
}

.treasure-flip-count-txt span::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    top: .05rem;
    -webkit-text-stroke: 0;
    color: transparent;
    background: linear-gradient(#FFFF39 30%, #FFFBB7 100%);
    background: -webkit-linear-gradient(#FFFF39 30%, #FFFBB7 100%);
    -webkit-background-clip: text;
    background-clip: text;
    line-height: 1;
}

.treasure-grid-panel {
    position: absolute;
    top: 6.8rem;
    left: 50%;
    width: 7.3rem;
    height: 10.8rem;
    padding: 1.2rem .14rem .28rem;
    background: url("//png.pookcdn.net/new_net/lydr/viplounge/bg_reasure_content.png") no-repeat center top;
    background-size: 100% 100%;
    box-sizing: border-box;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2;
}

.treasure-grid-tip {
    position: absolute;
    top: .7rem;
    left: 0;
    right: 0;
    margin: 0;
    font-size: .28rem;
    line-height: 1.2;
    font-family: 'CloudYuanCu', 'FZLTCHJW', sans-serif;
    font-weight: bold;
    text-align: center;
    color: transparent;
    -webkit-text-stroke: .03rem #901800;
    z-index: 2;
}

.treasure-grid-tip::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-text-stroke: 0;
    color: transparent;
    background: linear-gradient(#FFFF39 30%, #FFFBB7 100%);
    background: -webkit-linear-gradient(#FFFF39 30%, #FFFBB7 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

.treasure-grid-scroll {
    height: 100%;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.treasure-grid-scroll::-webkit-scrollbar {
    display: none;
}

.treasure-grid {
    width: 100%;
}

.treasure-row {
    -webkit-justify-content: center;
    justify-content: center;
    gap: .06rem;
    margin-bottom: .16rem;
}

.treasure-row:last-child {
    margin-bottom: 0;
}

.treasure-card {
    position: relative;
    display: block;
    width: 1.07rem;
    height: 1.05rem;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-perspective: 6rem;
    perspective: 6rem;
    overflow: visible;
}

.treasure-card .treasure-card-front::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 2.01rem;
    height: 2.02rem;
    margin-left: -1.005rem;
    margin-top: -1.01rem;
    background: url("//png.pookcdn.net/new_net/lydr/viplounge/light.png") no-repeat center;
    background-size: 100% 100%;
    pointer-events: none;
    opacity: 0;
    z-index: 1;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation: none;
    animation: none;
}

.treasure-card.active .treasure-card-front::after {
    opacity: 1;
    -webkit-animation: treasure-glow-in .45s ease forwards;
    animation: treasure-glow-in .45s ease forwards;
}

.treasure-card.glow-fade-out .treasure-card-front::after {
    opacity: 0;
    -webkit-animation: treasure-glow-out .45s ease forwards;
    animation: treasure-glow-out .45s ease forwards;
}

.treasure-card.glow-off .treasure-card-front::after {
    opacity: 0 !important;
    -webkit-animation: none !important;
    animation: none !important;
    -webkit-transition: none !important;
    transition: none !important;
}

@-webkit-keyframes treasure-glow-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes treasure-glow-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

@-webkit-keyframes treasure-glow-out {
    from { opacity: 1; }
    to { opacity: 0; }
}

@keyframes treasure-glow-out {
    from { opacity: 1; }
    to { opacity: 0; }
}


.treasure-card-inner {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.treasure-card.flipping .treasure-card-inner,
.treasure-card.flipping-back .treasure-card-inner {
    -webkit-transition: -webkit-transform .55s ease-in-out;
    transition: transform .55s ease-in-out;
}

.treasure-card.opened .treasure-card-inner,
.treasure-card.flipping .treasure-card-inner {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.treasure-card.flipping-back .treasure-card-inner {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.treasure-card-face {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: .1rem;
}

.treasure-card-back {
    background-image: url("//png.pookcdn.net/new_net/lydr/viplounge/bg_flip.png");
    -webkit-transform: translateZ(.01rem);
    transform: translateZ(.01rem);
}

.treasure-card-front {
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("//png.pookcdn.net/new_net/lydr/viplounge/bg_flip_01.png");
    -webkit-transform: rotateY(180deg) translateZ(.01rem);
    transform: rotateY(180deg) translateZ(.01rem);
}

.treasure-card-front.prop-02 {
    background-image: url("//png.pookcdn.net/new_net/lydr/viplounge/bg_flip_02.png")
}

.treasure-card-front.prop-03 {
    background-image: url("//png.pookcdn.net/new_net/lydr/viplounge/bg_flip_03.png")
}

.treasure-card-front.prop-04 {
    background-image: url("//png.pookcdn.net/new_net/lydr/viplounge/bg_flip_04.png")
}

.treasure-card-front img {
    position: relative;
    display: block;
    width: .72rem;
    height: .72rem;
    z-index: 2;
}

.treasure-card-num {
    position: absolute;
    right: .12rem;
    bottom: .1rem;
    font-size: .2rem;
    line-height: 1;
    font-style: normal;
    font-weight: bold;
    font-family: 'CloudYuanCu', 'FZLTCHJW', sans-serif;
    color: transparent;
    -webkit-text-stroke: .05rem #000;
    z-index: 2;
}

.treasure-card-num::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    top: 0;
    -webkit-text-stroke: 0;
    color: #fff;
}

.treasure-rules {
    position: absolute;
    left: .35rem;
    right: .35rem;
    bottom: .15rem;
    text-align: center;
    z-index: 2;
}

.btn-treasure-reset {
    bottom: 1.8rem;
    left: 50%;
    width: 2.21rem;
    height: 1rem;
    border: none;
    background: url("//png.pookcdn.net/new_net/lydr/viplounge/btn_reset.png") no-repeat center;
    background-size: 100% 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 3;
}

.btn-treasure-reset.grey {
    background-image: url("//png.pookcdn.net/new_net/lydr/viplounge/btn_reset_grey.png");
    pointer-events: none;
}

.treasure-rules .rule-line {
    margin: 0 0 .04rem;
    font-size: .31rem;
    line-height: 1.35;
    font-family: 'CloudYuanCu', 'FZLTCHJW', sans-serif;
}

.treasure-rules .rule-line:last-child {
    margin-bottom: 0;
}

.treasure-rule-label {
    display: inline;
    color: transparent;
    background: linear-gradient(#FFFF39 30%, #FFFBB7 100%);
    background: -webkit-linear-gradient(#FFFF39 30%, #FFFBB7 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

.treasure-rule-num {
    position: relative;
    display: inline-block;
    margin: 0 .01rem;
    color: transparent;
    -webkit-text-stroke: .04rem #C02818;
}

.treasure-rule-num::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    top: .05rem;
    -webkit-text-stroke: 0;
    color: transparent;
    background: linear-gradient(#FFED50 0%, #FFFFB8 42%, #FFFFF3 100%);
    background: -webkit-linear-gradient(#FFED50 0%, #FFFFB8 42%, #FFFFF3 100%);
    -webkit-background-clip: text;
    background-clip: text;
    line-height: 1;
    white-space: nowrap;
}

/* 每周寻宝概率展示弹窗 */
.pup-treasure-prob-wrap {
    z-index: 130;
    -webkit-justify-content: center;
    justify-content: center;
    padding: .6rem 0;
    box-sizing: border-box;
}

.pup-treasure-prob-body {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 7.13rem;
    height: 10.2rem;
    padding: .2rem .2rem .5rem;
    box-sizing: border-box;
    background: url("//png.pookcdn.net/new_net/lydr/viplounge/pup/bg_pup_02.png") no-repeat center;
    background-size: 100% 100%;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.btn-treasure-prob-close {
    top: .2rem;
    right: .2rem;
    width: .53rem;
    height: .58rem;
    border: none;
    background: url("//png.pookcdn.net/new_net/lydr/viplounge/pup/btn_close.png") no-repeat center;
    background-size: 100% 100%;
    z-index: 2;
}

.pup-treasure-prob-title {
    margin: 0 0 .48rem;
    text-align: center;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.pup-treasure-prob-title img {
    display: inline-block;
    width: 2.39rem;
    height: .67rem;
}

.pup-treasure-prob-head {
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 0 .1rem .12rem;
    padding: 0 .1rem .12rem;
    border-bottom: .03rem solid #c86a28;
    box-sizing: border-box;
    font-size: .28rem;
    line-height: 1.2;
    font-family: 'CloudYuanCu', 'FZLTCHJW', sans-serif;
    color: #fff174;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.pup-treasure-prob-head .col-name,
.pup-treasure-prob-list .col-name {
    width: 3.6rem;
    text-align: center;
}

.pup-treasure-prob-head .col-num,
.pup-treasure-prob-list .col-num {
    width: 1.2rem;
    text-align: center;
}

.pup-treasure-prob-head .col-rate,
.pup-treasure-prob-list .col-rate {
    width: 1.2rem;
    text-align: center;
}

.pup-treasure-prob-scroll {
    -webkit-flex: 1;
    flex: 1;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.pup-treasure-prob-scroll::-webkit-scrollbar {
    display: none;
}

.pup-treasure-prob-list {
    margin: 0;
    padding: 0 .1rem;
    list-style: none;
}

.pup-treasure-prob-list li {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: .12rem .1rem;
    font-size: .26rem;
    line-height: 1.35;
    font-family: 'CloudYuanCu', 'FZLTCHJW', sans-serif;
    color: #fff;
    box-sizing: border-box;
}

.pup-treasure-prob-list .col-name {
    word-break: break-all;
}

.pup-rebate-body {
    position: relative;
    width: 7.5rem;
    height: 19.2rem;
    background: url("//png.pookcdn.net/new_net/lydr/viplounge/bg_rebate.jpg") no-repeat center top;
    background-size: 100% auto;
    box-sizing: border-box;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.btn-rebate-close {
    top: .22rem;
    right: .22rem;
    width: .39rem;
    height: .39rem;
    background: url("//png.pookcdn.net/new_net/lydr/viplounge/btn_close.png") no-repeat center;
    background-size: 100% 100%;
    z-index: 3;
}

.pup-rebate-total-recharge {
    position: absolute;
    top: 6.8rem;
    left: 50%;
    width: 80%;
    background: -webkit-linear-gradient(to right, transparent 0%, #593415 30%, #593415 70%, transparent 100%);
    background: linear-gradient(to right, transparent 0%, #593415 30%, #593415 70%, transparent 100%);
    font-size: .28rem;
    text-align: center;
    color: #fef6a2;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.pup-rebate-total-recharge .rebate-condition-num {
    font-size: .32rem;
}

.pup-rebate-list-panel {
    position: absolute;
    top: 7.3rem;
    left: 50%;
    width: 7.4rem;
    height: 11.65rem;
    padding: .9rem .08rem .28rem;
    background: url("//png.pookcdn.net/new_net/lydr/viplounge/bg_rebate_content.png") no-repeat center top;
    background-size: 100% 100%;
    box-sizing: border-box;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2;
}

.pup-rebate-list-scroll {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.pup-rebate-list-scroll::-webkit-scrollbar {
    display: none;
}

.pup-rebate-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.pup-rebate-item + .pup-rebate-item {
    margin-top: .1rem;
}

.rebate-item-inner {
    width: 6.94rem;
    height: 1.66rem;
    margin: 0 auto;
    background-image: url("//png.pookcdn.net/new_net/lydr/viplounge/bg_rebate_list.png");
    background-size: 100% 100%;
    box-sizing: border-box;
}

.rebate-condition {
    margin: 0;
    padding: .12rem .22rem 0;
    font-size: .22rem;
    line-height: 1.25;
    font-family: 'CloudYuanCu', 'FZLTCHJW', sans-serif;
    white-space: nowrap;
}

.btn-rebate-condition-help {
    display: inline-block;
    vertical-align: middle;
    width: .28rem;
    height: .28rem;
    margin-left: .04rem;
    border: none;
    background: url("//png.pookcdn.net/new_net/lydr/viplounge/ico_help.png") no-repeat center;
    background-size: 100% 100%;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.rebate-condition-label,
.rebate-condition-num {
    position: relative;
    display: inline-block;
    vertical-align: baseline;
}

.rebate-condition-label {
    color: #ffe5b3;
}


.rebate-condition-num {
    margin: 0 .02rem;
    font-size: .24rem;
    color: transparent;
    -webkit-text-stroke: .04rem #B23F00;
}

.rebate-condition-num::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    top: 0;
    -webkit-text-stroke: 0;
    color: transparent;
    background: linear-gradient(#FFED50 0%, #FFFFB8 42%, #FFFFF3 100%);
    background: -webkit-linear-gradient(#FFED50 0%, #FFFFB8 42%, #FFFFF3 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

.rebate-row-bottom {
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: .06rem .12rem 0 .16rem;
    box-sizing: border-box;
}

.rebate-prop-list {
    margin: 0;
    padding: 0;
    list-style: none;
    gap: .04rem;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
}

.rebate-prop-list li {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.rebate-prop {
    position: relative;
    width: .92rem;
    height: .92rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/viplounge/bg_prop_01.png");
    background-size: 100% 100%;
}

.rebate-prop.prop-02 {
    background-image: url("//png.pookcdn.net/new_net/lydr/viplounge/bg_prop_02.png")
}

.rebate-prop.prop-03 {
    background-image: url("//png.pookcdn.net/new_net/lydr/viplounge/bg_prop_03.png")
}

.rebate-prop.prop-04 {
    background-image: url("//png.pookcdn.net/new_net/lydr/viplounge/bg_prop_04.png")
}

.rebate-prop img {
    display: block;
    width: .72rem;
    height: .72rem;
}

.rebate-prop-num {
    position: absolute;
    right: .04rem;
    bottom: .01rem;
    font-size: .18rem;
    line-height: 1;
    font-style: normal;
    font-weight: bold;
    font-family: 'CloudYuanCu', 'FZLTCHJW', sans-serif;
    color: transparent;
    -webkit-text-stroke: .05rem #000;
}

.rebate-prop-num::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    top: 0;
    -webkit-text-stroke: 0;
    color: #fff;
}

.btn-rebate-receive {
    width: 1.77rem;
    height: .66rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/viplounge/btn_receive.png");
    background-size: 100% 100%;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.btn-rebate-receive.received {
    background-image: url("//png.pookcdn.net/new_net/lydr/viplounge/btn_received.png");
}

.btn-rebate-receive.unable {
    background-image: url("//png.pookcdn.net/new_net/lydr/viplounge/btn_receive_unable.png");
}

.pup-modal-wrap .btn-close-pup-local {
    background-image: url("//png.pookcdn.net/new_net/lydr/viplounge/btn_close.png");
    width: .78rem;
    height: .78rem;
}

.thickdiv {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    background: rgba(0, 0, 0, 0.8);
    z-index: 98;
}

.action-video-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: #000;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.action-video-player {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #000;
}

.pup-modal-wrap {
    top: 0;
    left: 50%;
    right: 0;
    bottom: 0;
    margin: 0;
    max-height: 100vh;
    max-height: 100dvh;
    width: 7.5rem;
    z-index: 120;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    box-sizing: border-box;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: rgba(0, 0, 0, .8);
}

.pup-modal-wrap::-webkit-scrollbar {
    display: none;
}

.pup-modal-wrap .btn-close-pup {
    display: block;
    display: block;
    position: absolute;
    top: .2rem;
    right: .4rem;
    width: .39rem;
    height: .39rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/viplounge/btn_close.png");
    background-size: 100% 100%;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.ico-check input:checked + label {
    background-image: url(//png.pookcdn.net/new_net/bydrqp/activity_2/ico_check.png);
}

.ico-check input {
    position: relative;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2;
}

.pup-tips {
    width: 7.4rem;
    height: .8rem;
    background-image: url("http://png.pookcdn.net/new_net/lydr/activity_1/bg_tip.png");
    font-size: .24rem;
    color: #fff;
    text-align: center;
    z-index: 122;
}

.hint {
    position: fixed;
    background: rgba(0, 0, 0, 0) url(http://png.pookcdn.net/new_net/bydrqp/pup_hint.png) no-repeat scroll 0 0 / 100% 100%;
    height: 5.4rem;
    right: .51rem;
    top: 0;
    width: 6.03rem;
    z-index: 122;
}

/* 
 *  登录部分
 */

.pup-login {
    width: 6.37rem;
    height: 4.66rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/huiliu/bg_pup_466.png");
}

.pup-login .btn-close,
.pup-common .btn-close {
    top: -.5rem;
    right: -.1rem;
    width: .47rem;
    height: .46rem;
    background-image: url(//png.pookcdn.net/new_net/lydr/activity5/btn_close.png);
    z-index: 2;
    cursor: pointer;
}

.pup-login .btn-close {
    top: .35rem;
    right: .35rem;
    width: .34rem;
    height: .35rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/huiliu/btn_close.png");
}

.pup-login .login-tab {
    top: -.74rem;
    left: 50%;
    gap: .1rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.pup-login .login-tab [class*="item-tab"] {
    width: 2.64rem;
    height: .93rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/huiliu/login_tab.png");
    font-size: .28rem;
    color: #ffd274;
    line-height: .6rem;
}

.pup-login .login-tab [class*="item-tab"].active {
    position: relative;
    top: .01rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/huiliu/login_tab_active.png");
}

.pup-login .login-tab [class*="item-tab"] span {
    display: block;
    margin: 0 auto;
    position: relative;
    top: -.05rem;
    height: .33rem;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.pup-login .login-tab [class*="item-tab"].active span {
    top: -.02rem;
}

.pup-login .login-tab .item-tab-01 span {
    width: 1.83rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/huiliu/title_login_01_01.png");
}

.pup-login .login-tab .item-tab-01.active span {
    background-image: url("//png.pookcdn.net/new_net/lydr/huiliu/title_login_01_02.png");
}

.pup-login .login-tab .item-tab-02 span {
    width: 1.53rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/huiliu/title_login_02_01.png");
}

.pup-login .login-tab .item-tab-02.active span {
    background-image: url("//png.pookcdn.net/new_net/lydr/huiliu/title_login_02_02.png");
}

.pup-login .login-logo {
    margin-top: .4rem;
    text-align: center;
}

.pup-login .login-logo img {
    width: 2.79rem;
}

.pup-login .item-input {
    margin-bottom: .15rem;
    font-size: .28rem;
    color: #a1674d;
}

.pup-login .con-left {
    width: 1.4rem;
}

.pup-login .con-right {
    padding: 0 .1rem;
    width: 3.14rem;
    background: #D1BEA7;
    height: .46rem;
    color: #FFF6D9;
    line-height: .4rem;
    -webkit-border-radius: .1rem;
    border-radius: .1rem;
    overflow: hidden;
    box-sizing: border-box;
}

.pup-login .con-right input {
    width: 100%;
    height: 100%;
    background: transparent;
    border: none;
    outline: none;
    text-align: center;
}

.pup-login .phone-login {
    margin-top: .6rem;
}

.pup-login .phone-login .con-right {
    width: 3.76rem;
}

.pup-login .phone-login input {
    text-align: left;
}

.pup-login .phone-login .con-right span {
    position: relative;
    padding-right: .1rem;
    margin-right: .1rem;
}

.pup-login .phone-login .con-right span::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: .02rem;
    height: .25rem;
    background: #FFF6D9;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.pup-login .phone-login .con-right button {
    width: 1.9rem;
    color: #e44936;
    font-size: .2rem;
    text-align: center;
}

.pup-login .tips-read {
    -webkit-align-items: flex-start;
    align-items: flex-start;
    font-size: .18rem;
    color: #95716a;
}

.pup-login .tips-read a {
    color: #95716a;
    text-decoration: underline;
}

.pup-login .tips-read .ico-check {
    width: .23rem;
    height: .23rem;
    background: #C3B19A;
    border: none;
    margin-right: .1rem;
}

.pup-login .tips-read .ico-check label {
    position: absolute;
    top: -.07rem;
    left: -.05rem;
    width: .38rem;
    height: .3rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.pup-login .account-tab button {
    margin: .2rem .2rem;
    width: 2.06rem;
    height: .59rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.pup-login .account-tab .item-tab-01 {
    background-image: url("//png.pookcdn.net/new_net/lydr/huiliu/pup_account_tab_01_01.png");
}

.pup-login .account-tab .item-tab-02 {
    background-image: url("//png.pookcdn.net/new_net/lydr/huiliu/pup_account_tab_02_01.png");
}

.pup-login .account-tab .item-tab-01.active {
    background-image: url("//png.pookcdn.net/new_net/lydr/huiliu/pup_account_tab_01_02.png");
}

.pup-login .account-tab .item-tab-02.active {
    background-image: url("//png.pookcdn.net/new_net/lydr/huiliu/pup_account_tab_02_02.png");
}

.btn-login {
    margin: .2rem auto;
    width: 2.18rem;
    height: .72rem;
    background-image: url(//png.pookcdn.net/new_net/bydrqp/activity_2/btn_login.png);
}

.pup-current-user-wrap {
    top: 0;
    left: 50%;
    right: 0;
    bottom: 0;
    margin: 0;
    padding-top: 0;
}

.pup-current-user-body {
    top: 50%;
    left: 50%;
    width: 7.13rem;
    height: 4.63rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/viplounge/pup/bg_login.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.current-user-panel {
    position: absolute;
    left: 0;
    right: 0;
    top: 1.3rem;
    margin: 0 auto;
    width: 6.15rem;
    box-sizing: border-box;
}

.current-user-table-row {
    min-height: 1.35rem;
    padding: .12rem 0;
    border-radius: 0 0 .08rem .08rem;
    -webkit-align-items: center;
    align-items: center;
    box-sizing: border-box;
}

.current-user-avatar {
    width: 1.5rem;
    text-align: center;
}

.current-user-avatar img {
    display: block;
    margin: 0 auto;
    width: .88rem;
    height: .88rem;
    border-radius: .08rem;
    object-fit: cover;
}

.current-user-id {
    width: 3rem;
    margin: 0;
    font-size: .22rem;
    color: #fff87d;
    text-align: center;
    line-height: 1.2;
    word-break: break-all;
}

.current-user-name {
    -webkit-flex: 1;
    flex: 1;
    margin: 0;
    padding: 0 .08rem;
    font-size: .22rem;
    color: #fff87d;
    text-align: center;
    line-height: 1.2;
    word-break: break-all;
}

.btn-switch-account {
    left: 0;
    right: 0;
    bottom: .55rem;
    margin: 0 auto;
    width: 2.85rem;
    height: 1.29rem;
    border: none;
    background-image: url("//png.pookcdn.net/new_net/lydr/viplounge/pup/btn_exchange.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

/* 
 *  各种弹窗
 */

.pup-tip-text-body {
    top: 50%;
    left: 50%;
    width: 7.13rem;
    height: 3.05rem;
    padding: .8rem .45rem 0;
    box-sizing: border-box;
    background-image: url("//png.pookcdn.net/new_net/lydr/viplounge/pup/bg_pup_01.png");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% 100%;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.pup-tip-text-content {
    margin: 0;
    font-size: .32rem;
    color: #fff;
    text-align: center;
    line-height: 1.5;
}

.btn-tip-text-close,
.btn-rule-close,
.btn-appointment-close,
.btn-draw-success-close,
.btn-hall-rank-close,
.btn-mvp-help-close {
    top: .2rem;
    right: .2rem;
    width: .53rem;
    height: .58rem;
    border: none;
    background: url("//png.pookcdn.net/new_net/lydr/viplounge/pup/btn_close.png") no-repeat center;
    background-size: 100% 100%;
    z-index: 2;
}

.pup-mvp-help-wrap {
    z-index: 130;
    -webkit-justify-content: center;
    justify-content: center;
    padding: .6rem 0;
    box-sizing: border-box;
}

.pup-mvp-help-body {
    position: relative;
    width: 7.13rem;
    height: 3.05rem;
    padding: .2rem .45rem .4rem;
    box-sizing: border-box;
    background: url("//png.pookcdn.net/new_net/lydr/viplounge/pup/bg_pup_01.png") no-repeat center;
    background-size: 100% 100%;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.pup-mvp-help-title {
    margin: 0 0 .68rem;
    text-align: center;
}

.pup-mvp-help-title img {
    display: inline-block;
    width: 2.34rem;
    height: .6rem;
}

.pup-mvp-help-content {
    margin: 0;
    font-size: .32rem;
    line-height: 1.5;
    font-family: 'CloudYuanCu', 'FZLTCHJW', sans-serif;
    color: #fff;
    text-align: center;
}

.btn-vip-shop-close {
    top: .12rem;
    right: .12rem;
    width: .39rem;
    height: .39rem;
    border: none;
    background: url("//png.pookcdn.net/new_net/lydr/viplounge/btn_close.png") no-repeat center;
    background-size: 100% 100%;
    z-index: 5;
}

.pup-rule-wrap {
    -webkit-justify-content: center;
    justify-content: center;
    padding: .6rem 0;
    box-sizing: border-box;
}

.pup-rule-body {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 7.13rem;
    height: 100%;
    padding: 5% 5% 10%;
    box-sizing: border-box;
    background: url("//png.pookcdn.net/new_net/lydr/viplounge/pup/bg_pup_02.png") no-repeat center;
    background-size: 100% 100%;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.pup-rule-title {
    margin: 0 0 .24rem;
    text-align: center;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.pup-rule-title img {
    display: inline-block;
    width: 2.27rem;
    height: .6rem;
}

.pup-rule-content {
    -webkit-flex: 1;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

.pup-rule-detail {
    padding: 0 .08rem .3rem;
}

.pup-rule-subtitle {
    margin: .18rem 0 .08rem;
    font-size: .24rem;
    line-height: 1.4;
    font-weight: bold;
    font-family: 'CloudYuanCu', 'FZLTCHJW', sans-serif;
    color: #fff;
    text-align: left;
}

.pup-rule-subtitle:first-child {
    margin-top: 0;
}

.pup-rule-text {
    margin: 0 0 .1rem;
    font-size: .22rem;
    line-height: 1.55;
    font-family: 'CloudYuanCu', 'FZLTCHJW', sans-serif;
    font-weight: normal;
    color: #fff;
    text-align: left;
    word-break: break-word
}

.pup-appointment-wrap {
    -webkit-justify-content: center;
    justify-content: center;
    padding: .6rem 0;
    box-sizing: border-box;
}

.pup-appointment-body {
    position: relative;
    width: 7.13rem;
    height: 7.1rem;
    padding: .2rem .34rem .34rem;
    box-sizing: border-box;
    background: url("//png.pookcdn.net/new_net/lydr/viplounge/pup/bg_pup_04.png") no-repeat center;
    background-size: 100% 100%;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.pup-appointment-title {
    margin: 0 0 .3rem;
    text-align: center;
}

.pup-appointment-title img {
    display: inline-block;
    width: 2.27rem;
    height: .6rem;
}

.pup-appointment-subtitle {
    margin-bottom: .1rem;
    font-size: .4rem;
    line-height: 1.2;
    font-family: 'CloudYuanCu', 'FZLTCHJW', sans-serif;
    color: transparent;
    background: -webkit-linear-gradient(#FFF21F, #FFFEC9);
    background: linear-gradient(#FFF21F, #FFFEC9);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    text-align: center;
}

.pup-appointment-rewards {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    gap: .18rem;
    padding: 0;
    list-style: none;
}

.appointment-reward-item {
    position: relative;
    width: .92rem;
    height: .92rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/viplounge/bg_prop_01.png");
    background-size: 100% 100%;
}

.appointment-reward-item.prop-02 {
    background-image: url("//png.pookcdn.net/new_net/lydr/viplounge/bg_prop_02.png");
}

.appointment-reward-item.prop-03 {
    background-image: url("//png.pookcdn.net/new_net/lydr/viplounge/bg_prop_03.png");
}

.appointment-reward-item.prop-04 {
    background-image: url("//png.pookcdn.net/new_net/lydr/viplounge/bg_prop_04.png");
}

.appointment-reward-item img {
    display: block;
    width: .72rem;
}

.appointment-reward-num {
    position: absolute;
    right: .07rem;
    bottom: .03rem;
    font-size: .18rem;
    line-height: 1;
    font-style: normal;
    font-weight: bold;
    font-family: 'CloudYuanCu', 'FZLTCHJW', sans-serif;
    color: transparent;
    -webkit-text-stroke: .05rem #000;
}

.appointment-reward-num::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    top: 0;
    -webkit-text-stroke: 0;
    color: #fff;
}

.pup-appointment-form {
    margin-top: .3rem;
    padding: 0 .04rem;
}

.pup-appointment-award {
    padding: .1rem 0;
    background: -webkit-linear-gradient(to right, transparent 0%, #7D5E23 20%, #7D5E23 80%, transparent 100%);
    background: linear-gradient(to right, transparent 0%, #7D5E23 20%, #7D5E23 80%, transparent 100%);
}

.appointment-form-row {
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: .15rem;
    gap: .1rem;
}

.appointment-form-label {
    width: 1.42rem;
    margin: 0;
    padding-right: .08rem;
    font-size: .22rem;
    line-height: 1.2;
    font-family: 'CloudYuanCu', 'FZLTCHJW', sans-serif;
    color: #fff;
    text-align: right;
    white-space: nowrap;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    box-sizing: border-box;
}

.appointment-field-group {
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    -webkit-align-items: center;
    align-items: center;
    gap: .08rem;
}

.appointment-field {
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    height: .58rem;
    background: #33170A;
    box-sizing: border-box;
    box-shadow: 0 .05rem 0 #57301C;
    -webkit-border-radius: .1rem;
    border-radius: .1rem;
}

.appointment-field input {
    padding: 0 .2rem;
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    background: transparent;
    font-size: .32rem;
    line-height: 1.2;
    font-family: 'CloudYuanCu', 'FZLTCHJW', sans-serif;
    color: #fff87d;
    box-sizing: border-box;
}

.appointment-field input::-webkit-input-placeholder {
    color: rgba(255, 231, 135, .45);
}

.btn-appointment-code {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 1.49rem;
    height: .44rem;
    border: none;
    background: url("//png.pookcdn.net/new_net/lydr/viplounge/pup/btn_code.png") no-repeat center;
    background-size: 100% 100%;
}

.btn-appointment-code.grey {
    filter: grayscale(100%);
}

.btn-appointment-code .text {
    font-size: .22rem;
    -webkit-text-stroke: .04rem #FDFF4A;
    font-family: 'CloudYuanCu';
}

.btn-appointment-code .text::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    -webkit-text-stroke: 0;
    background: -webkit-linear-gradient(#CF0703, #FC5F18);
    background: linear-gradient(#CF0703, #FC5F18);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.btn-appointment-submit {
    display: block;
    width: 2.85rem;
    height: 1.29rem;
    margin: .18rem auto 0;
    border: none;
    background: url("//png.pookcdn.net/new_net/lydr/viplounge/pup/btn_appointment.png") no-repeat center;
    background-size: 100% 100%;
}

.pup-draw-success-wrap {
    -webkit-justify-content: center;
    justify-content: center;
    padding: .6rem 0;
    box-sizing: border-box;
}

.pup-draw-success-body {
    position: relative;
    width: 7.5rem;
    height: 10.47rem;
    padding: 4.3rem .28rem 0;
    box-sizing: border-box;
    background: url("//png.pookcdn.net/new_net/lydr/viplounge/pup/bg_pup_03.png") no-repeat center;
    background-size: 100% 100%;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.pup-draw-success-list {
    position: relative;
    z-index: 2;
    margin: 0;
    padding: 0;
    list-style: none;
    max-height: 4.5rem;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.draw-success-item {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    width: 6.94rem;
    margin: 0 auto .1rem;
    padding: .1rem 0;
    background: -webkit-linear-gradient(to right, transparent 0%, #783E0E 20%, #783E0E 80%, transparent 100%);
    background: linear-gradient(to right, transparent 0%, #783E0E 20%, #783E0E 80%, transparent 100%);
    box-sizing: border-box;
}

.draw-success-item:last-child {
    margin-bottom: 0;
}

.draw-success-prop {
    position: relative;
    width: .92rem;
    height: .92rem;
    background: url("//png.pookcdn.net/new_net/lydr/viplounge/bg_prop_03.png") no-repeat;
    background-size: 100% 100%;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.draw-success-prop img {
    display: block;
    width: .72rem;
}

.draw-success-prop-num {
    position: absolute;
    right: .05rem;
    bottom: .05rem;
    font-size: .18rem;
    line-height: 1;
    font-style: normal;
    font-weight: bold;
    font-family: 'CloudYuanCu', 'FZLTCHJW', sans-serif;
    color: transparent;
    -webkit-text-stroke: .05rem #000;
}

.draw-success-prop-num::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    top: 0;
    -webkit-text-stroke: 0;
    color: #fff;
}

.draw-success-prop-name {
    min-width: 0;
    margin: 0 0 0 .18rem;
    font-size: .4rem;
    line-height: 1.2;
    font-family: 'CloudYuanCu', 'FZLTCHJW', sans-serif;
    color: #fff174;
    text-align: left;
}

.btn-draw-success-receive {
    display: block;
    width: 2.85rem;
    height: 1.29rem;
    margin: .22rem auto 0;
    border: none;
    background: url("//png.pookcdn.net/new_net/lydr/viplounge/pup/btn_recive.png") no-repeat center;
    background-size: 100% 100%;
}

/* 荣耀殿堂弹窗 */
.pup-hall-rank-wrap {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
}

.pup-hall-rank-body {
    position: relative;
    width: 7.5rem;
    min-height: 100%;
    padding: .35rem 0 .4rem;
    box-sizing: border-box;
    background: url("//png.pookcdn.net/new_net/lydr/viplounge/bg_rank.jpg") no-repeat;
    background-size: 100% 100%;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.hall-rank-podium {
    position: relative;
    width: 6.9rem;
    height: 3.35rem;
    margin: 1.45rem auto 0;
    padding-bottom: .42rem;
    box-sizing: border-box;
}


.hall-podium-item {
    position: absolute;
    bottom: .42rem;
    z-index: 1;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.hall-podium-item.rank-1 {
    left: 50%;
    width: 2.5rem;
    margin-left: -1.25rem;
    bottom: .58rem;
    z-index: 1;
}

.hall-podium-item.rank-2 {
    left: calc(50% - 2.4rem);
    width: 1.8rem;
    bottom: .28rem;
    z-index: 2;
}

.hall-podium-item.rank-3 {
    left: calc(50% + .53rem);
    width: 1.8rem;
    bottom: .28rem;
    z-index: 2;
}

.hall-podium-avatar {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 100%;
}

.hall-podium-face,
.hall-podium-frame {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.hall-podium-face {
    width: 80%;
    height: 80%;
    border-radius: 50%;
    object-fit: cover;
    z-index: 1;
}

.hall-podium-frame {
    width: 100%;
    height: 100%;
    z-index: 2;
    pointer-events: none;
}

.btn-hall-rank-reward-preview {
    top: 4.7rem;
    right: .18rem;
    width: 1.17rem;
    height: .81rem;
    padding: 0;
    border: none;
    background: transparent;
    z-index: 4;
}

.btn-hall-rank-reward-preview img {
    display: block;
    width: 100%;
    height: auto;
}

.hall-rank-rule {
    width: 7rem;
    margin: .7rem auto 0;
    font-size: .28rem;
    line-height: 1.45;
    color: #94775f;
    text-align: center;
}

.hall-rank-panel {
    width: 7.23rem;
    min-height: 8.33rem;
    margin: 0 auto;
    padding: 1.02rem .14rem .34rem;
    box-sizing: border-box;
    background: url("//png.pookcdn.net/new_net/lydr/viplounge/bg_rank.png") no-repeat center top;
    background-size: 100% 100%;
}

.hall-rank-update-bar {
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    gap: .08rem;
    margin: 0 0 .1rem;
}

.hall-rank-update-time {
    margin: 0;
    font-size: .28rem;
    line-height: 1.4;
    color: #be8c63;
    text-align: center;
}

.btn-hall-rank-refresh {
    width: .42rem;
    height: .42rem;
    padding: 0;
    border: none;
    background: transparent;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.btn-hall-rank-refresh img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.hall-rank-table-head {
    -webkit-align-items: center;
    align-items: center;
    margin: .1rem 0 .18rem;
    height: .42rem;
    padding: 0 .08rem;
    font-size: .2rem;
    line-height: 1.2;
    color: #ffe7b0;
    text-align: center;
    box-sizing: border-box;
    background: url("//png.pookcdn.net/new_net/lydr/viplounge/bg_rank_title.png") no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
}

.hall-rank-table-head .col-rank {
    width: 1.1rem;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.hall-rank-table-head .col-avatar {
    width: 1.35rem;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.hall-rank-table-head .col-id {
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
}

.hall-rank-table-head .col-glory {
    width: 1.35rem;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.hall-rank-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.hall-rank-row {
    -webkit-align-items: center;
    align-items: center;
    width: 6.9rem;
    height: 1.13rem;
    margin: 0 auto;
    padding: 0 .08rem;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    background-image: url("//png.pookcdn.net/new_net/lydr/viplounge/bg_list_04.png");
}

.hall-rank-row + .hall-rank-row {
    margin-top: .08rem;

}

.hall-rank-row.is-top1 {
    background-image: url("//png.pookcdn.net/new_net/lydr/viplounge/bg_list_01.png");
}

.hall-rank-row.is-top2 {
    background-image: url("//png.pookcdn.net/new_net/lydr/viplounge/bg_list_02.png");
}

.hall-rank-row.is-top3 {
    background-image: url("//png.pookcdn.net/new_net/lydr/viplounge/bg_list_03.png");
}

.hall-rank-row.is-normal {
    background-color: rgba(49, 23, 0, .3);
    border-radius: .04rem;
}

.hall-rank-row .col-rank {
    width: 1.1rem;
    text-align: center;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.hall-rank-row .col-avatar {
    width: 1.35rem;
    text-align: center;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.hall-rank-row .col-id {
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    text-align: center;
}

.hall-rank-row .col-glory {
    width: 1.35rem;
    text-align: center;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.hall-rank-medal {
    display: inline-block;
    vertical-align: middle;
}

.hall-rank-medal img {
    display: block;
    width: .95rem;
    height: auto;
    margin: 0 auto;
}

.hall-rank-avatar {
    position: relative;
    display: inline-block;
    width: .82rem;
    height: .82rem;
    vertical-align: middle;
}

.hall-rank-face,
.hall-rank-frame {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.hall-rank-face {
    width: 95%;
    height: 95%;
    object-fit: cover;
    z-index: 1;
}

.hall-rank-frame {
    width: 100%;
    height: 100%;
    z-index: 2;
    pointer-events: none;
}

.hall-rank-num-txt,
.hall-rank-value-txt {
    display: inline-block;
    max-width: 100%;
    font-size: .24rem;
    line-height: 1.1;
    font-family: 'CloudYuanCu', 'FZLTCHJW', sans-serif;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hall-rank-num-txt {
    position: relative;
    font-size: .4rem;
    color: transparent;
    -webkit-text-stroke: .04rem #5C2A00;
}

.hall-rank-num-txt.hall-rank-color-default {
    padding: .05rem .18rem;
    background: rgba(49, 23, 0, .3);
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.hall-rank-color-top1 {
    color: #8B3A1F;
}

.hall-rank-color-top2 {
    color: #3D3885;
}

.hall-rank-color-top3 {
    color: #8B2E28;
}

.hall-rank-value-default {
    color: #fff;
}

.hall-rank-num-txt.hall-rank-color-default::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    -webkit-text-stroke: 0;
    color: transparent;
    background: linear-gradient(#FFED50 0%, #FFFFB8 42%, #FFFFF3 100%);
    background: -webkit-linear-gradient(#FFED50 0%, #FFFFB8 42%, #FFFFF3 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.hall-rank-color-self {
    color: #8B3A1F;
}

.hall-rank-pagination {
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    gap: .12rem;
    margin: .16rem 0 0;
}

.hall-rank-page-btn,
.hall-rank-page-num {
    border: none;
    padding: 0;
    background: transparent;
    font-size: .22rem;
    line-height: 1;
    font-family: 'CloudYuanCu', 'FZLTCHJW', sans-serif;
    color: rgba(255, 225, 170, .65);
}

.hall-rank-page-num.active {
    color: #ffe44a;
    font-weight: bold;
}

.hall-rank-page-btn.disabled {
    opacity: .35;
    pointer-events: none;
}

.hall-rank-page-ellipsis {
    font-size: .22rem;
    color: rgba(255, 225, 170, .65);
}

.hall-rank-self-panel {
    width: 7.23rem;
    min-height: 3.23rem;
    margin: .14rem auto 0;
    padding: 1rem .14rem .22rem;
    box-sizing: border-box;
    background: url("//png.pookcdn.net/new_net/lydr/viplounge/bg_rank_self.png") no-repeat center top;
    background-size: 100% 100%;
}

.hall-rank-self-row {
    -webkit-align-items: center;
    align-items: center;
    width: 6.9rem;
    height: 1.13rem;
    margin: 0 auto;
    padding: 0 .08rem;
    box-sizing: border-box;
    background: url("//png.pookcdn.net/new_net/lydr/viplounge/bg_list_05.png") no-repeat center;
    background-size: 100% 100%;
}

.hall-rank-self-row .col-rank {
    width: 1.1rem;
    text-align: center;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.hall-rank-self-row .col-avatar {
    width: 1.35rem;
    text-align: center;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.hall-rank-self-row .col-id {
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    text-align: center;
}

.hall-rank-self-row .col-glory {
    width: 1.35rem;
    text-align: center;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

/* 荣耀殿堂奖励预览弹窗 */
.pup-hall-rank-reward-wrap {
    z-index: 120;
    -webkit-justify-content: center;
    justify-content: center;
    padding: .3rem 0;
    box-sizing: border-box;
}

.pup-hall-rank-reward-body {
    position: relative;
    width: 7.07rem;
    height: 9.56rem;
    padding: .1rem .1rem .18rem;
    box-sizing: border-box;
    background: url("//png.pookcdn.net/new_net/lydr/viplounge/pup/bg_reward_preview.png") no-repeat center;
    background-size: 100% 100%;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.btn-hall-rank-reward-close {
    top: .04rem;
    right: .04rem;
    width: .53rem;
    height: .58rem;
    border: none;
    background: url("//png.pookcdn.net/new_net/lydr/viplounge/pup/btn_close.png") no-repeat center;
    background-size: 100% 100%;
    z-index: 2;
}

.hall-rank-reward-title {
    margin: 0 0 .05rem;
    text-align: center;
}

.hall-rank-reward-title img {
    display: inline-block;
    width: 2.28rem;
    height: .6rem;
}

.hall-rank-reward-list {
    margin: 0;
    padding: 0 .02rem;
    max-height: 8.7rem;
    overflow-x: hidden;
    overflow-y: auto;
    list-style: none;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.hall-rank-reward-list::-webkit-scrollbar {
    display: none;
}

.hall-rank-reward-section {
    margin-bottom: .08rem;
    padding: .03rem .04rem .1rem;
    width: 6.71rem;
    height: 2.12rem;
    box-sizing: border-box;
    background: url("//png.pookcdn.net/new_net/lydr/viplounge/pup/bg_rank_reward_section.png") no-repeat center;
    background-size: 100% 100%;
    box-sizing: border-box;
}

.hall-rank-reward-section:last-child {
    margin-bottom: 0;
}

.hall-rank-reward-section-head {
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    gap: .04rem;
    margin-bottom: .1rem;
    min-height: .5rem;
}

.hall-rank-reward-rank-icon {
    display: block;
    width: auto;
    height: .46rem;
    object-fit: contain;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.hall-rank-reward-section-title {
    position: relative;
    margin: 0;
    font-size: .22rem;
    line-height: 1.2;
    font-family: 'CloudYuanCu', 'FZLTCHJW', sans-serif;
    color: transparent;
    -webkit-text-stroke: .03rem #792806;
    letter-spacing: .01rem;
    text-align: center;
    white-space: nowrap;
}

.hall-rank-reward-section-title::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    top: 0;
    -webkit-text-stroke: 0;
    color: #FFFDC5;
}

.hall-rank-reward-props {
    -webkit-justify-content: center;
    justify-content: center;
    gap: .02rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.hall-rank-reward-prop-item {
    width: 1.18rem;
    text-align: center;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.hall-rank-reward-prop {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: .88rem;
    height: .88rem;
    margin: 0 auto;
    background: url("//png.pookcdn.net/new_net/lydr/viplounge/bg_prop_02.png") no-repeat center;
    background-size: 100% 100%;
}

.hall-rank-reward-prop.prop-01 {
    background-image: url("//png.pookcdn.net/new_net/lydr/viplounge/bg_prop_01.png");
}

.hall-rank-reward-prop.prop-03 {
    background-image: url("//png.pookcdn.net/new_net/lydr/viplounge/bg_prop_03.png");
}

.hall-rank-reward-prop.prop-04 {
    background-image: url("//png.pookcdn.net/new_net/lydr/viplounge/bg_prop_04.png");
}

.hall-rank-reward-prop img {
    display: block;
    width: .54rem;
    height: .54rem;
    object-fit: contain;
}

.hall-rank-reward-prop-num {
    position: absolute;
    right: .03rem;
    bottom: .03rem;
    font-size: .16rem;
    line-height: 1;
    font-style: normal;
    font-weight: bold;
    font-family: 'CloudYuanCu', 'FZLTCHJW', sans-serif;
    color: transparent;
    -webkit-text-stroke: .04rem #000;
}

.hall-rank-reward-prop-num::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    top: 0;
    -webkit-text-stroke: 0;
    color: #fff;
}

.hall-rank-reward-prop-name {
    position: relative;
    margin: .03rem 0 0;
    min-height: .44rem;
    font-size: .2rem;
    line-height: 1.2;
    font-family: 'CloudYuanCu', 'FZLTCHJW', sans-serif;
    color: transparent;
    -webkit-text-stroke: .03rem #633703;
    text-align: center;
    word-break: break-all;
}

.hall-rank-reward-prop-name::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    width: 100%;
    -webkit-text-stroke: 0;
    color: #fff;
}

/* 每日返利奖励预览弹窗 */
.pup-rebate-reward-body {
    width: 7.07rem;
    height: 3.3rem;
    padding: .2rem .1rem .18rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/viplounge/pup/bg_reward_preview_s.png");
}

.pup-rebate-reward-list {
    max-height: none;
    overflow: visible;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}

.rebate-reward-section-head .rebate-condition-label,
.rebate-reward-section-head .rebate-condition-num {
    position: relative;
    display: inline-block;
    vertical-align: baseline;
}

.rebate-reward-section-head .rebate-condition-label {
    font-size: .22rem;
    line-height: 1.2;
    font-family: 'CloudYuanCu', 'FZLTCHJW', sans-serif;
    color: #ffe5b3;
}

.rebate-reward-section-head .rebate-condition-num {
    margin: 0 .02rem;
    font-size: .3rem;
}

/* 专属商城弹窗 */
.pup-vip-shop-wrap {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding: 0;
    box-sizing: border-box;
}

.pup-vip-shop-body {
    position: relative;
    width: 7.5rem;
    min-height: 19.2rem;
    padding: 4.6rem .19rem .35rem;
    box-sizing: border-box;
    background: url("//png.pookcdn.net/new_net/lydr/viplounge/bg_shop.jpg") no-repeat center top;
    background-size: 100% auto;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.vip-shop-ticket-bar {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 0 .12rem;
}

.vip-shop-ticket-inner {
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    gap: .08rem;
    min-width: 1.47rem;
    height: .46rem;
    padding: .04rem .12rem 0 .25rem;
    box-sizing: border-box;
    background: url("//png.pookcdn.net/new_net/lydr/viplounge/bg_ticket_num.png") no-repeat center;
    background-size: 100% 100%;
}

.vip-shop-ticket-icon {
    display: block;
    top: -.05rem;
    left: -.23rem;
    width: .54rem;
    height: .57rem;
    object-fit: contain;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.vip-shop-ticket-num {
    min-width: .7rem;
    font-size: .28rem;
    line-height: 1;
    font-family: 'CloudYuanCu', 'FZLTCHJW', sans-serif;
    font-weight: bold;
    color: #fff;
    text-align: center;
}

.vip-shop-ticket-add {
    top: -.2rem;
    right: -.35rem;
    width: 1.05rem;
    height: 1.05rem;
    margin-left: .04rem;
    padding: 0;
    border: none;
    background-image: url("//png.pookcdn.net/new_net/lydr/viplounge/ico_ticket_add.png");
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.vip-shop-ticket-add img {
    display: block;
    width: 100%;
    height: 100%;
}

.vip-shop-bonus-text {
    position: relative;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0;
    font-size: .24rem;
    line-height: 1.4;
    font-family: 'CloudYuanCu', 'FZLTCHJW', sans-serif;
    color: transparent;
    -webkit-text-stroke: .04rem #000;
    text-align: center;
}

.vip-shop-bonus-text::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    -webkit-text-stroke: 0;
    color: #f8f3a8;
    text-align: center;
}

.vip-shop-bonus-tip {
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    gap: .08rem;
    width: 60%;
    margin: 0 auto .42rem;
    padding: .06rem .1rem;
    font-size: .22rem;
    line-height: 1.4;
    font-family: 'CloudYuanCu', 'FZLTCHJW', sans-serif;
    color: #ffcf8a;
    background: -webkit-linear-gradient(to right, transparent 0%, #DF4A09 30%, #DF4A09 70%, transparent 100%);
    background: linear-gradient(to right, transparent 0%, #DF4A09 30%, #DF4A09 70%, transparent 100%);
}

.vip-shop-bonus-tip img {
    display: block;
    width: .43rem;
    height: .43rem;
    object-fit: contain;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.vip-shop-bonus-tip em {
    font-style: normal;
    color: #ff6a3a;
    font-weight: bold;
}

.vip-shop-bonus-tip-txt {
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.vip-shop-bonus-txt-item {
    position: relative;
    font-size: .22rem;
    line-height: 1.4;
    font-style: normal;
    font-family: 'CloudYuanCu', 'FZLTCHJW', sans-serif;
    font-weight: bold;
    color: transparent;
    -webkit-text-stroke: .05rem #C10209;
    letter-spacing: .02rem;
}

.vip-shop-bonus-txt-item::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    top: 0;
    -webkit-text-stroke: 0;
    color: #FEF2AC;
}

.vip-shop-bonus-txt-item.highlight::after {
    color: #FDF94B;
}

.vip-shop-tabs {
    -webkit-justify-content: center;
    justify-content: center;
    gap: .06rem;
    margin: 0 0 .14rem;
}

.vip-shop-tab {
    padding-top: .02rem;
    width: 2.33rem;
    height: .67rem;
    border: none;
    background: url("//png.pookcdn.net/new_net/lydr/viplounge/bg_shop_tab_01.png") no-repeat center;
    background-size: 100% 100%;
    font-size: 0;
    box-sizing: border-box;
    line-height: 0;
}

.vip-shop-tab-txt {
    position: relative;
    display: block;
    font-size: .28rem;
    line-height: .67rem;
    font-family: 'CloudYuanCu', 'FZLTCHJW', sans-serif;
    color: #f1ba7b;
    text-align: center;
}


.vip-shop-tab.active {
    background-image: url("//png.pookcdn.net/new_net/lydr/viplounge/bg_shop_tab_02.png");
}

.vip-shop-tab.active .vip-shop-tab-txt {
    -webkit-text-stroke: .03rem #FFF44D;
    color: transparent;
}

.vip-shop-tab.active .vip-shop-tab-txt::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    width: 100%;
    line-height: .62rem;
    -webkit-text-stroke: 0;
    background: linear-gradient(#FA1817, #B42E11);
    background: -webkit-linear-gradient(#FA1817, #B42E11);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
}

.vip-shop-section-head {
    margin: 0 0 .1rem;
    text-align: center;
}

.vip-shop-title-wrap {
    width: 7.12rem;
    margin: 0 auto;
}

.vip-shop-main-title {
    position: relative;
    margin: 0;
    width: 7.12rem;
    height: 1.17rem;
    background-image: url("//png.pookcdn.net/new_net/lydr/viplounge/shop_title.png");
    background-size: 100% 100%;
}

.vip-shop-sub-title {
    left: 0;
    right: 0;
    bottom: .1rem;
    margin: 0;
    font-size: .28rem;
    line-height: 1;
    font-family: 'CloudYuanCu', 'FZLTCHJW', sans-serif;
    font-weight: bold;
    text-align: center;
    color: transparent;
    -webkit-text-stroke: .03rem #8a4a00;
}

.vip-shop-sub-title::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    -webkit-text-stroke: 0;
    background: linear-gradient(#fff6c8, #f0b24a);
    background: -webkit-linear-gradient(#fff6c8, #f0b24a);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
}

.vip-shop-desc {
    position: relative;
    margin-top: .08rem;
    padding: .06rem .1rem;
    font-size: .22rem;
    line-height: 1.45;
    font-family: 'CloudYuanCu', 'FZLTCHJW', sans-serif;
    color: #ffe5d1;
    background: -webkit-linear-gradient(to right, transparent 0%, #C1620A 30%, #C1620A 70%, transparent 100%);
    background: linear-gradient(to right, transparent 0%, #C1620A 30%, #C1620A 70%, transparent 100%);
    text-shadow: 0 .02rem 0 #450805;
}

.vip-shop-desc::after {
    content: "";
    position: absolute;
    bottom: -.03rem;
    left: 0;
    width: 100%;
    height: .03rem;
    background: -webkit-linear-gradient(to right, transparent 0%, #F86C00 30%, #F86C00 70%, transparent 100%);
    background: linear-gradient(to right, transparent 0%, #F86C00 30%, #F86C00 70%, transparent 100%);
}

.vip-shop-limit {
    color: #4fd86a;
}

.vip-shop-list-scroll {
    max-height: 9.4rem;
    padding-top: .04rem;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.vip-shop-list-scroll::-webkit-scrollbar {
    display: none;
}

.vip-shop-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.vip-shop-pack + .vip-shop-pack {
    margin-top: .14rem;
}

.vip-shop-pack-inner {
    position: relative;
    width: 7.12rem;
    height: 2.54rem;
    margin: 0 auto;
    padding: .34rem .16rem .18rem;
    box-sizing: border-box;
    background: url("//png.pookcdn.net/new_net/lydr/viplounge/bg_shop_list.png") no-repeat center;
    background-size: 100% 100%;
}

.vip-shop-rebate-tag {
    position: absolute;
    top: -.1rem;
    right: .04rem;
    width: 1.26rem;
    height: 1.25rem;
    z-index: 2;
    pointer-events: none;
}

.vip-shop-rebate-tag img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.vip-shop-rebate-num {
    position: absolute;
    left: 0;
    right: 0;
    bottom: .3rem;
    font-size: .3rem;
    line-height: 1;
    font-family: 'CloudYuanCu', 'FZLTCHJW', sans-serif;
    font-weight: bold;
    text-align: center;
    color: transparent;
    -webkit-text-stroke: .03rem #fff;
}

.vip-shop-rebate-num::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    -webkit-text-stroke: 0;
    background: linear-gradient(#9F1E08, #D9391B);
    background: -webkit-linear-gradient(#9F1E08, #D9391B);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    text-align: center;
}

.vip-shop-vip-badge {
    position: absolute;
    top: .3rem;
    left: 50%;
    margin: 0;
    font-size: .42rem;
    line-height: 1.1;
    font-family: 'CloudYuanCu', 'FZLTCHJW', sans-serif;
    font-weight: bold;
    color: transparent;
    white-space: nowrap;
    -webkit-text-stroke: .05rem #F9FECF;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.vip-shop-vip-badge::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    -webkit-text-stroke: 0;
    background: linear-gradient(#443107, #E06D10);
    background: -webkit-linear-gradient(#443107, #E06D10);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
}

.vip-shop-prop-list {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    gap: .2rem;
    margin: .5rem 0 0;
    padding: 0;
    list-style: none;
}

.vip-shop-prop {
    position: relative;
    width: .92rem;
    height: .92rem;
    background: url("//png.pookcdn.net/new_net/lydr/viplounge/bg_prop_01.png") no-repeat center;
    background-size: 100% 100%;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.vip-shop-prop.prop-02 {
    background-image: url("//png.pookcdn.net/new_net/lydr/viplounge/bg_prop_02.png")
}

.vip-shop-prop.prop-03 {
    background-image: url("//png.pookcdn.net/new_net/lydr/viplounge/bg_prop_03.png")
}

.vip-shop-prop.prop-04 {
    background-image: url("//png.pookcdn.net/new_net/lydr/viplounge/bg_prop_04.png")
}

.vip-shop-prop img {
    display: block;
    width: .56rem;
    height: .56rem;
    object-fit: contain;
}

.vip-shop-prop-num {
    position: absolute;
    right: .05rem;
    bottom: .05rem;
    font-size: .2rem;
    line-height: 1;
    font-style: normal;
    font-weight: bold;
    font-family: 'CloudYuanCu', 'FZLTCHJW', sans-serif;
    color: transparent;
    -webkit-text-stroke: .05rem #000;
}

.vip-shop-prop-num::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    top: 0;
    -webkit-text-stroke: 0;
    color: #fff;
}


.vip-shop-buy-btn {
    display: block;
    width: 2.17rem;
    height: .67rem;
    margin: .16rem auto 0;
    padding: 0;
    border: none;
    background: url("//png.pookcdn.net/new_net/lydr/viplounge/btn_shop_buy.png") no-repeat center;
    background-size: 100% 100%;
}

.vip-shop-buy-inner {
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    gap: .04rem;
    width: 100%;
    height: 100%;
    padding-top: .02rem;
    box-sizing: border-box;
}

.vip-shop-buy-inner img {
    position: relative;
    top: -.02rem;
    margin-right: .05rem;
    width: .36rem;
    height: .44rem;
    object-fit: contain;
}

.vip-shop-buy-price {
    position: relative;
    font-size: .32rem;
    line-height: 1;
    font-family: 'CloudYuanCu', 'FZLTCHJW', sans-serif;
    font-weight: bold;
    color: transparent;
    -webkit-text-stroke: .05rem #FDFF4A;
}

.vip-shop-buy-price::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    -webkit-text-stroke: 0;
    background: linear-gradient(#CF0502, #FC4301);
    background: -webkit-linear-gradient(#CF0502, #FC4301);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
}

.vip-shop-lock-mask {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    background: rgba(42, 8, 2, .62);
    z-index: 3;
}

.vip-shop-lock-bar {
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    gap: .1rem;
    width: 6.9rem;
    height: 1.17rem;
    padding: 0 .2rem;
    box-sizing: border-box;
    background: url("//png.pookcdn.net/new_net/lydr/viplounge/bg_lock.png") no-repeat center;
    background-size: 100% 100%;
}

.vip-shop-lock-icon {
    display: block;
    margin-right: .2rem;
    width: .53rem;
    height: .69rem;
    object-fit: contain;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.vip-shop-lock-text {
    margin: 0;
    font-size: .47rem;
    line-height: 1.1;
    background: linear-gradient(#FFED50, #FFFFF3);
    background: -webkit-linear-gradient(#FFED50, #FFFFF3);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;

}

.hide {
    display: none;
}