.dialog-coupon[data-v-fd57db00] {
    width: 448px;
    border-radius: 4px;
    position: relative
}

@media (max-width:750px) {
    .dialog-coupon[data-v-fd57db00] {
        width: 336px
    }
}

.dialog-coupon-close[data-v-fd57db00] {
    width: 40px !important;
    height: 40px !important;
    border-radius: 20px;
    position: absolute;
    right: -56px;
    top: -3px
}

@media (max-width:750px) {
    .dialog-coupon-close[data-v-fd57db00] {
        top: auto;
        bottom: -56px;
        left: 50%;
        transform: translate(-50%)
    }
}

.dialog-coupon .dialog-coupon-invite[data-v-fd57db00] {
    width: 448px
}

@media (max-width:750px) {
    .dialog-coupon .dialog-coupon-invite[data-v-fd57db00] {
        width: 336px
    }
}

.dialog-coupon .dialog-coupon-invite .dialog-coupon-info[data-v-fd57db00] {
    position: relative;
    height: 200px;
    background: url(https://s3.ap-northeast-1.amazonaws.com/h.files/images/1749326391452_WSnPRumO30.png) no-repeat;
    background-size: 100% 100%
}

@media (max-width:750px) {
    .dialog-coupon .dialog-coupon-invite .dialog-coupon-info[data-v-fd57db00] {
        height: 182px
    }
}

.dialog-coupon .dialog-coupon-invite .dialog-coupon-info .coupon-money[data-v-fd57db00] {
    position: absolute;
    top: 30px;
    left: 50%;
    width: 195px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    transform: translateX(-50%);
    color: var(--fu-red1);
    font-size: 48px;
    font-weight: 600
}

.dialog-coupon .dialog-coupon-invite .dialog-coupon-info .coupon-money.long[data-v-fd57db00] {
    font-size: 24px
}

.dialog-coupon .dialog-coupon-invite .dialog-coupon-info .coupon-money.long span[data-v-fd57db00] {
    font-size: 12px
}

@media (max-width:750px) {
    .dialog-coupon .dialog-coupon-invite .dialog-coupon-info .coupon-money[data-v-fd57db00] {
        top: 27px;
        left: 50%;
        width: 142px;
        height: 74px;
        font-size: 36px
    }

    .dialog-coupon .dialog-coupon-invite .dialog-coupon-info .coupon-money span[data-v-fd57db00] {
        font-size: 18px
    }
}

.dialog-coupon .dialog-coupon-invite .dialog-coupon-info .coupon-num[data-v-fd57db00] {
    position: absolute;
    top: 110px;
    left: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 195px;
    height: 50px;
    transform: translateX(-50%);
    color: var(--el-gf2)
}

@media (max-width:750px) {
    .dialog-coupon .dialog-coupon-invite .dialog-coupon-info .coupon-num[data-v-fd57db00] {
        top: 105px;
        width: 142px;
        height: 40px;
        font-size: 15px
    }
}

.dialog-coupon .dialog-coupon-invite .save-info[data-v-fd57db00] {
    background: var(--fu-white1);
    border-radius: 0 0 4px 4px;
    padding: 0 16px 16px;
    color: var(--el-gf1);
    text-align: center
}

.dialog-coupon .dialog-coupon-invite .save-info .save-info-desc[data-v-fd57db00] {
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.dialog-coupon .dialog-coupon-invite .save-info .dialog-coupon-btn[data-v-fd57db00] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    background: var(--el-bc0);
    color: var(--fu-black1);
    border-radius: 4px;
    margin-top: 16px;
    cursor: pointer
}

.dialog-coupon .dialog-coupon-invite .save-info .dialog-coupon-btn[data-v-fd57db00]:hover {
    opacity: .7
}

.dialog-coupon .dialog-coupon-invite .save-info .dialog-coupon-btn[data-v-fd57db00]:active {
    opacity: .3
}

.dialog-coupon .dialog-coupon-invite .save-info .dialog-coupon-btn .dialog-coupon-hand[data-v-fd57db00] {
    position: absolute;
    right: 20%;
    bottom: -15px;
    width: 46px;
    height: 46px;
    animation: handScale 1.5s ease-in-out infinite
}

.dialog-coupon .dialog-coupon-invite .save-info .give-up-btn[data-v-fd57db00] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    margin-top: 8px;
    color: var(--fu-blue1);
    padding-left: 16px;
    cursor: pointer
}

.dialog-coupon .dialog-coupon-invite .save-info .give-up-btn[data-v-fd57db00]:active {
    opacity: .3
}

.dialog-coupon-action[data-v-fd57db00] {
    padding: 8px 16px 12px
}

.dialog-coupon-action>[data-v-fd57db00] {
    width: 100%;
    height: 48px;
    line-height: 48px;
    font-size: 16px
}

.c-coupon-item[data-v-1a427e64] {
    position: relative
}

.c-coupon-item-bg-center[data-v-1a427e64],
.c-coupon-item-bg-left[data-v-1a427e64],
.c-coupon-item-bg-right[data-v-1a427e64] {
    position: absolute;
    top: 0;
    bottom: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPQAAAD0BAMAAABeARbNAAAAKlBMVEUAAAD///////////////////////////////////////////////////+Gu8ovAAAADXRSTlMA798gEL+QcECAf59gEiMwaQAAAZ1JREFUeNrt3TFKQ0EUheGrL4ZELeysAm4gkA0IqewEO7EIpLCwtbAMpLIQhJQ2ARtLwQ0IbsAiT0OMevbiI5r4CpGp7g36/xv4moGZqY4VVW6acm102LJZWUfuvX3apwpo24rWFdJ1QfcU0sQsayikUcs2FNSB7SqoZ+spqKl1FNTYGgoqN4UF/XvQ0NDQ0NDQiUFDQ0NDQ0MnBg0NDQ0NDZ0YNDQ0NDQ0dGLQ0NDQ0NDQiUFDQ0NDQ0MnBg0NDQ0NDZ0YNDQ0NDQ0dGLQ0NDQ0NDQiUFDQ0ND/0xXzpsKaHTVMrPNADvv26w9uXdsXw3l3NTmVeVcd0FXmnItb9uiS7n2bt+tyLWdEl2Xa90SXZNr/RKdybW2lZJrthx0Ra61luOYVeXaoESvyrWtEv0o115sGa6PwEvzVs69mkU/kGoRz8KHAs4uGgooP2n/09+HUoOGhoaGhoZODBoaGhoaGjoxaGhoaGho6MT+FN1UUKPIabChgprYvoJ6sjUFdRc4+Rc5dGh1hTSIHbW07F7ujeczomcNuZYftQv2Ax2LabHlE+U7AAAAAElFTkSuQmCC);
    background-size: 122px 122px
}

.c-coupon-item-bg-left[data-v-1a427e64] {
    left: 0;
    width: 40px;
    background-position: 0 0
}

.c-coupon-item-bg-center[data-v-1a427e64] {
    left: 40px;
    right: 40px;
    background: var(--fu-white1)
}

.c-coupon-item-bg-right[data-v-1a427e64] {
    right: 0;
    width: 40px;
    background-position: -82px 0
}

.c-coupon-item--selectable[data-v-1a427e64] {
    cursor: pointer
}

@media (hover:hover) {
    .c-coupon-item--selectable:hover .c-coupon-item-box[data-v-1a427e64] {
        opacity: 1
    }
}

.c-coupon-item-box[data-v-1a427e64] {
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none
}

.c-coupon-item-box-center[data-v-1a427e64],
.c-coupon-item-box-left[data-v-1a427e64],
.c-coupon-item-box-right[data-v-1a427e64] {
    position: absolute;
    top: 0;
    bottom: 0;
    background-image: url(https://s3.ap-northeast-1.amazonaws.com/h.files/images/1749326414554_Ayfvzyhf1p.png);
    background-size: 40px 488px;
    z-index: 2
}

.c-coupon-item-box-left[data-v-1a427e64] {
    left: 0;
    width: 40px;
    background-position: 0 0
}

.c-coupon-item-box-center[data-v-1a427e64] {
    left: 40px;
    right: 40px;
    background-repeat: repeat-x;
    background-position: 0 -122px
}

.c-coupon-item-box-right[data-v-1a427e64] {
    right: 0;
    width: 40px;
    background-position: 0 -244px
}

.c-coupon-item--selected .c-coupon-item-box[data-v-1a427e64] {
    opacity: 1
}

.c-coupon-item--selected .c-coupon-item-box-right[data-v-1a427e64] {
    background-position: 0 -366px
}

.c-coupon-item--disabled[data-v-1a427e64] {
    filter: grayscale(1)
}

.c-coupon-item-content[data-v-1a427e64] {
    position: relative;
    z-index: 1;
    height: 86px;
    padding: 8px 72px 8px 16px;
    background: 100%/contain url(https://s3.ap-northeast-1.amazonaws.com/h.files/images/1749326363540_sM5gbhjl7u.png) no-repeat;
    border-radius: 7px 7px 0 0;
    overflow: hidden
}

.c-coupon-item-content[data-v-1a427e64]:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 16px;
    right: 16px;
    border-bottom: 1px dashed #e5e5e5
}

.c-coupon-item-img[data-v-1a427e64] {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 100%/contain url(https://c2c.fp.guinfra.com/file/67fddd43cf60a0c87cf07affkUXAF5sc03) no-repeat
}

.c-coupon-item-discount[data-v-1a427e64] {
    height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--fu-orange1)
}

.c-coupon-item-discount span[data-v-1a427e64] {
    color: var(--el-bc2)
}

.c-coupon-item-discount .discount-vip[data-v-1a427e64] {
    display: inline-block;
    margin-left: 8px;
    width: 18px;
    height: 14px;
    vertical-align: text-bottom;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.c-coupon-item-discount .discount-limit[data-v-1a427e64] {
    color: var(--fu-orange1)
}

.c-coupon-item-limit[data-v-1a427e64] {
    color: var(--el-gf2);
    white-space: nowrap;
    margin-top: 2px
}

.c-coupon-item-name[data-v-1a427e64] {
    margin-top: 4px;
    display: flex;
    align-items: center
}

.c-coupon-item-name-text[data-v-1a427e64] {
    color: var(--el-gf1);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.c-coupon-item-name-btn[data-v-1a427e64] {
    flex: 0 0 auto;
    margin-left: 4px
}

.c-coupon-item-footer[data-v-1a427e64] {
    position: relative;
    z-index: 1;
    padding: 0 16px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.c-coupon-item-footer-left[data-v-1a427e64] {
    flex: 0 0 auto;
    color: var(--el-gf2)
}

.c-coupon-item-footer-action[data-v-1a427e64] {
    margin-left: 8px;
    overflow: hidden
}

.c-coupon-item-footer-action[data-v-1a427e64] .w-button {
    height: 24px;
    line-height: 24px;
    min-width: 80px;
    width: auto;
    font-size: 12px
}

.c-coupon-item-footer-countdown[data-v-1a427e64] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px
}

.c-coupon-item-footer-countdown[data-v-1a427e64] p {
    display: flex;
    align-items: center
}

.c-coupon-item-footer-countdown[data-v-1a427e64] p span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 16px;
    color: var(--fu-white1);
    background-color: var(--fu-grey1);
    border-radius: 3px
}

.c-coupon-item-footer-countdown[data-v-1a427e64] p span:last-child {
    margin-right: 0
}

.c-coupon-item-footer-countdown[data-v-1a427e64] p .countdown-seperator {
    margin: 0 4px;
    width: 2px;
    height: 8px;
    background: url(data:image/svg+xml,%3Csvg%20width%3D%222%22%20height%3D%228%22%20viewBox%3D%220%200%202%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2%208H0V6H2V8ZM2%202H0V0H2V2Z%22%20fill%3D%22%23333333%22%2F%3E%3C%2Fsvg%3E%0A) no-repeat 50%/contain
}

.dialog-coupon[data-v-538dd385] {
    width: 680px;
    position: relative;
    margin: 0 auto;
    background: none;
}

.dialog-coupon-close[data-v-538dd385] {
    border: 0;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50%;
    position: absolute;
    z-index: 9;
    right: -48px;
    top: 0;
    opacity: 0;
    transition: all .4s ease-out
}

.dialog-coupon-close.is-active[data-v-538dd385] {
    opacity: 1
}

@media (max-width:750px) {
    .dialog-coupon-close[data-v-538dd385] {
        top: auto;
        bottom: -56px;
        left: 50%;
        transform: translate(-50%)
    }
}

.dialog-coupon-container[data-v-538dd385] {
    position: relative;
    width: 680px;
    height: 500px
}

.dialog-coupon-container .lottie-fireworks[data-v-538dd385],
.dialog-coupon-container .lottie-mail-bg[data-v-538dd385],
.dialog-coupon-container .lottie-mail-front[data-v-538dd385] {
    position: absolute;
    bottom: 0;
    height: 500px;
    left: 0;
    right: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none
}

.dialog-coupon-container .lottie-mail-front[data-v-538dd385] {
    z-index: 3
}

.dialog-coupon-container .lottie-fireworks[data-v-538dd385] {
    z-index: 5
}

.dialog-coupon-lignt[data-v-538dd385] {
    position: absolute;
    width: 600px;
    height: 600px;
    background: 50%/contain url(https://s3.ap-northeast-1.amazonaws.com/h.files/images/1749326260467_naNHOuiPfP.png) no-repeat;
    top: 50%;
    left: 50%;
    margin-top: -300px;
    margin-left: -300px;
    transform: scale(0);
    transform-origin: center;
    opacity: 1;
    transition: all .5s ease-out
}

.dialog-coupon-lignt.is-active[data-v-538dd385] {
    opacity: 0;
    transform: scale(3.5);
    transform-origin: center
}

.dialog-coupon-content[data-v-538dd385] {
    position: absolute;
    bottom: 197px;
    left: 50%;
    transform: translate(-50%, 45px);
    opacity: 0;
    border-radius: 8px 8px 0 0;
    background: linear-gradient(180deg, #ffc61b, #ffda23);
    width: 414px;
    padding: 14px;
    z-index: 2;
    transition: all .4s ease-out
}

.dialog-coupon-content.is-active[data-v-538dd385] {
    opacity: 1;
    transform: translate(-50%)
}

.dialog-coupon-content .dialog-coupon-item[data-v-538dd385] {
    margin-bottom: 8px
}

.dialog-coupon-content .dialog-coupon-item[data-v-538dd385]:last-child {
    margin-bottom: 0
}

.dialog-coupon-point[data-v-538dd385] {
    padding-top: 20px
}

.dialog-coupon-point-title[data-v-538dd385],
.dialog-coupon-point-txt[data-v-538dd385] {
    color: #773505;
    text-align: center
}

.dialog-coupon-point-txt[data-v-538dd385]>* {
    display: inline-block
}

.dialog-coupon-point-bg[data-v-538dd385] {
    position: relative;
    z-index: 2;
    padding: 30px 0 10px;
    background: url(https://s3.ap-northeast-1.amazonaws.com/h.files/images/1749326216994_np2wT2bGCt.png) no-repeat bottom;
    background-size: contain
}

.dialog-coupon-point-bg-icon[data-v-538dd385] {
    display: block;
    margin: 0 auto;
    background: 50%/contain url(https://s3.ap-northeast-1.amazonaws.com/h.files/images/1749326229853_4ct7a7vqjU.png) no-repeat;
    width: 130px;
    height: 103px
}

.dialog-coupon-bonus[data-v-538dd385] {
    margin-top: 16px;
    border-radius: 4px;
    padding: 12px;
    position: relative
}

.dialog-coupon-bonus-section[data-v-538dd385] {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex
}

.dialog-coupon-bonus-section-bl[data-v-538dd385] {
    flex: 1 1 0;
    border: 1px solid var(--al-gal1);
    border-right: 1px solid transparent;
    border-radius: 4px 0 0 4px
}

.dialog-coupon-bonus-section-br[data-v-538dd385] {
    flex: 1 1 0;
    border: 1px solid var(--al-gal1);
    border-left: 1px solid transparent;
    border-radius: 0 4px 4px 0
}

.dialog-coupon-bonus-section-center[data-v-538dd385] {
    flex: 0 0 auto;
    border-bottom: 1px solid var(--al-gal1);
    position: relative
}

.dialog-coupon-bonus-title[data-v-538dd385] {
    transform: translateY(-50%);
    color: var(--fu-red1);
    padding: 0 48px
}

.dialog-coupon-bonus-icon[data-v-538dd385] {
    position: absolute;
    width: 14px;
    height: 6px;
    background: 50%/contain url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAMBAMAAACD9cA8AAAAKlBMVEUAAADsTEzqUFDrS0v/ZmbtSkrrSkrrTk7vTk7pS0vrS0vqSkrmTU3rS0v5bM53AAAADXRSTlMATA/PBX9/Jz46cGAKrV2EJwAAAG9JREFUCNclybEJgEAUA9Ag2tjdNTYWd7qB1va6gJ3gCK7gCG7iLoLd38XkG/iE/AdgSfCsUMozele2q+YQnDd7HUOIjkYWkoUmvjRb1KbcyJoHionrSSi4GgA958DOQpCJaqFYKCbqPSbvEn863gcWjiBaEeD//gAAAABJRU5ErkJggg==) no-repeat;
    top: 50%
}

.dialog-coupon-bonus-icon-left[data-v-538dd385] {
    left: 26px;
    transform: translateY(-50%)
}

.dialog-coupon-bonus-icon-right[data-v-538dd385] {
    right: 26px;
    transform: translateY(-50%) rotate(180deg)
}

.dialog-coupon-bonus-txt[data-v-538dd385] {
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.dialog-coupon-invite[data-v-538dd385] {
    display: flex;
    margin-bottom: 8px
}

.dialog-coupon-invite-avatar[data-v-538dd385] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-top: 2px
}

.dialog-coupon-invite-info[data-v-538dd385] {
    margin-left: 12px;
    margin-bottom: 4px
}

.dialog-coupon-invite-name[data-v-538dd385] {
    color: var(--al-gal4);
    margin-bottom: 2px
}

.dialog-coupon-footer[data-v-538dd385] {
    position: absolute;
    z-index: 4;
    left: 50%;
    bottom: 90px;
    transform: translate(-50%);
    width: 440px;
    padding: 20px;
    opacity: 0;
    transition: all .4s ease-out
}

.dialog-coupon-footer.is-active[data-v-538dd385] {
    opacity: 1
}

.dialog-coupon-action[data-v-538dd385] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-width: 300px;
    margin: 12px auto 0
}

.dialog-coupon-action-confirm[data-v-538dd385] {
    position: relative
}

.dialog-coupon-action-confirm>[data-v-538dd385] {
    background: var(--el-gf1);
    color: var(--al-wal5);
    width: 100%;
    height: 48px;
    border: 0;
}

.dialog-coupon-hand[data-v-538dd385] {
    position: absolute;
    right: 20%;
    bottom: 0;
    width: 46px;
    height: 46px;
    background: 50%/contain url(https://s3.ap-northeast-1.amazonaws.com/h.files/images/1749326244166_0WbzAdhzy4.png) no-repeat;
    animation: handScale 1.5s ease-in-out infinite;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none
}

.dialog-coupon-desc[data-v-538dd385] {
    text-align: center;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--el-gf1);
}

.countdown-box[data-v-538dd385] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 8px
}

.countdown-box .countdown-time-wrapper[data-v-538dd385] {
    display: flex;
    align-items: center
}

.countdown-box .countdown-time[data-v-538dd385] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    padding: 0 3px;
    height: 20px;
    min-width: 22px;
    position: relative;
    color: var(--fu-white1);
    background-color: var(--fu-grey1)
}

.countdown-box .countdown-time[data-v-538dd385]:last-child {
    margin-right: 0
}

.countdown-box .countdown-time[data-v-538dd385]:last-child:after {
    display: none
}

.countdown-box .countdown-seperator[data-v-538dd385] {
    margin: 0 4px;
    width: 2px;
    height: 8px;
    background: url(data:image/svg+xml,%3Csvg%20width%3D%222%22%20height%3D%228%22%20viewBox%3D%220%200%202%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2%208H0V6H2V8ZM2%202H0V0H2V2Z%22%20fill%3D%22%23333333%22%2F%3E%3C%2Fsvg%3E%0A) no-repeat 50%/contain
}

@keyframes handScale {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.3) translate(20%, 28%)
    }

    to {
        transform: scale(1)
    }
}

:root,
[data-theme=default] {
    --appbar-height: 0;
    --appbar-fix-height: 0;
    --bg-bg1: #fff;
    --bg-bg2: #eff2f5;
    --bg-bg3: #e8e9ed;
    --bg-bg4: #dcdee5;
    --bg-bg5: #d4d4d8;
    --el-bc0: #ffd633;
    --el-bc1: #fc0;
    --el-bc2: #ff5000;
    --el-gf1: #0f0f0f;
    --el-gf2: #5e626b;
    --el-gf3: #77808c;
    --el-gf4: #d2d3d4;
    --el-wf1: #fcfcfc;
    --el-wf2: #ffffff99;
    --el-wf3: #ffffff66;
    --el-wf4: #ffffff33;
    --nc-white: #fff;
    --nc-black: #000;
    --nc-g10: #f5f6f7;
    --nc-g9: #eaecef;
    --nc-g8: #b8becc;
    --nc-g7: #a1a7b3;
    --nc-g6: #8a8f99;
    --nc-g5: #737780;
    --nc-g4: #5c5f66;
    --nc-g3: #45484d;
    --nc-g2: #2e3033;
    --nc-g1: #17181a;
    --al-wal5: #ffffffe5;
    --al-wal4: #ffffff99;
    --al-wal3: #ffffff66;
    --al-wal2: #ffffff1a;
    --al-wal1: #ffffff0d;
    --al-gal5: #000000cc;
    --al-gal4: #000000b2;
    --al-gal3: #00000066;
    --al-gal2: #00000033;
    --al-gal1: #0000001a;
    --fu-yellow0: #ffc93e66;
    --fu-yellow1: #f2c633b2;
    --fu-yellow2: #ffa100;
    --fu-yellow3: #fff5d5;
    --fu-orange0: #fffbec;
    --fu-orange1: #ff8000;
    --fu-orange2: #eb7005;
    --fu-red0: #eb4b4b26;
    --fu-red1: #eb4b4b;
    --fu-green0: #2fbe8526;
    --fu-green1: #2fbe85;
    --fu-green2: #00b265;
    --fu-blue0: #0075ff26;
    --fu-blue1: #0075ff;
    --fu-white0: #ffffff0d;
    --fu-white1: #fff;
    --fu-black0: #00000033;
    --fu-black1: #000;
    --fu-grey0: #3333331a;
    --fu-grey1: #333;
    --fu-grey2: #17191f;
    --shadow-1: 0 0 4px -1px rgba(0, 0, 0, .1), 0px 0 5px 0 rgba(0, 0, 0, .08), 0px 0 10px 0 rgba(0, 0, 0, .05);
    --shadow-2: 0 5px 5px -3px rgba(0, 0, 0, .1), 0px 8px 10px 1px rgba(0, 0, 0, .06), 0px 3px 14px 2px rgba(0, 0, 0, .05);
    --shadow-3: 0 8px 10px -5px rgba(0, 0, 0, .08), 0px 16px 24px 2px rgba(0, 0, 0, .04), 0px 6px 30px 5px rgba(0, 0, 0, .05);
    --skeleten-bg: var(--bg-bg2);
    --skeleten-bg2: var(--al-gal2);
    --radius-2: 2px;
    --radius-3: 3px;
    --radius-4: 4px;
    --radius-8: 8px;
    --radius-12: 12px;
    --radius-16: 16px;
    --mask-0: #00000099
}

.font20b-min {
    font-weight: 600
}

.font20b-min,
.font20r-min {
    font-size: 20px;
    line-height: 24px
}

.font12b,
.font12r {
    font-size: 12px;
    line-height: 18px
}

.font12r {
    font-weight: 400
}

.font14b,
.font14r {
    font-size: 14px;
    line-height: 22px
}

.font14r {
    font-weight: 400
}

.font16b {
    font-weight: 600
}

.font16b,
.font16r {
    font-size: 16px;
    line-height: 24px
}

.font14b-min,
.font14r-min {
    font-size: 14px;
    line-height: 18px
}

.font14r-min {
    font-weight: 400
}

@media (max-width:750px) {

    .dialog-coupon-container .lottie-mail-front[data-v-538dd385],
    .dialog-coupon-container .lottie-mail-bg[data-v-538dd385] {
        transform: scale(1.45);
    }

    .dialog-coupon .dialog-coupon-container[data-v-538dd385],
    .dialog-coupon[data-v-538dd385] {
        width: 375px
    }

    .dialog-coupon .dialog-coupon-content[data-v-538dd385] {
        width: 320px;
        padding: 10px 10px 16px;
        bottom: 200px;
    }

    .dialog-coupon .dialog-coupon-footer[data-v-538dd385] {
        width: 340px;
        bottom: 126px
    }

    .dialog-coupon .dialog-coupon-action[data-v-538dd385] {
        margin-top: 8px
    }

    .dialog-coupon .dialog-coupon-close[data-v-538dd385] {
        top: auto;
        right: auto;
        left: 50%;
        transform: translate(-50%);
        bottom: -140px;
    }
}