.index-container--PjDxB {
    border-radius: 8px;
    background: #fff;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.index-question--hEXsq {
    color: #252931;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 8px
}

.index-answer--_7GcE {
    color: #565960;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    padding-left: 10px;
    position: relative
}

.index-answer--_7GcE:before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background: #565960;
    position: absolute;
    top: 5px;
    left: 0
}

.index-container--cKWqc {
    border-radius: 8px;
    border-radius: 8px;
    background: linear-gradient(215deg, rgba(255, 255, 252, 0.6) 20.52%, rgba(255, 250, 245, 0.6) 79.48%);
    box-shadow: 1px 2px 0px 0px rgba(255,255,255,.8) inset;
    width: 960px;
    margin: 0 auto
}

.index-header--IDtIn {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 24px;
    color: #252931;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px
}

.index-header--IDtIn .index-headerBg--z1rBi {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 104px;
    mix-blend-mode: overlay
}

.index-content--ZVFa6 {
    padding: 0 16px 16px;
    position: relative
}

.index-container--zRxl_ {
    border-radius: 8px;
    background: #fff;
    padding: 24px;
    display: flex;
    gap: 15px
}

.index-img-item--LfXFo {
    color: #565960;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.index-img-item--LfXFo>p {
    margin-bottom: 12px
}

.index-benefitCreate--tBqh3 {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.index-benefitCreate--tBqh3 .index-benefits--lKaOy {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 26px;
    margin-bottom: 29px
}

.index-benefitCreate--tBqh3 .index-benefits--lKaOy .index-benefitItem--WN7KH {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex: 0 0 270px
}

.index-benefitCreate--tBqh3 .index-benefits--lKaOy .index-benefitItem--WN7KH>div:nth-of-type(1) {
    height: 50px;
    width: 50px;
    margin-right: 8px
}

.index-benefitCreate--tBqh3 .index-benefits--lKaOy .index-benefitItem--WN7KH>div:nth-of-type(2)>div:nth-of-type(1) {
    color: #252931;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.index-benefitCreate--tBqh3 .index-benefits--lKaOy .index-benefitItem--WN7KH>div:nth-of-type(2)>div:nth-of-type(2) {
    color: #898b8f;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.index-benefitCreate--tBqh3 .index-createBtn--VJYoJ {
    margin-top: 8px;
    display: flex;
    width: 240px;
    height: 52px;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 2px;
    flex-shrink: 0;
    border-radius: 64px;
    background: #ff910f linear-gradient(180deg, rgba(240, 246, 255, 0.24) 0%, rgba(255, 255, 255, 0) 57.14%);
    border-radius: 64px;
    filter: drop-shadow(0px 4px 4px rgba(255, 143, 15, 0.4));
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    cursor: pointer;
    transition: .25s
}

.index-benefitCreate--tBqh3 .index-createBtn--VJYoJ:hover {
    color: rgba(255,255,255,.9)
}

.index-recModule--OqWpg {
    position: relative;
    display: flex;
    width: 960px;
    flex-direction: column;
    align-items: center;
    padding: 18px 24px 24px 24px;
    border-radius: 8px;
    background: linear-gradient(0deg, #FFFBF4 0%, rgba(255, 255, 255, 0.68) 100%);
    background: var(--bg, linear-gradient(0deg, #FFFBF4 0%, rgba(255, 255, 255, 0.68) 100%));
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px)
}

.index-recModule--OqWpg::after {
    content: "";
    width: 140px;
    height: 71px;
    background: url(//lf3-fe.ecombdstatic.com/obj/ecom-cdn-default/ecom/mcenter/kratos/static/image/right-top.f2ba416f.png) no-repeat;
    position: absolute;
    right: 0;
    top: 0;
    background-size: 100% 100%;
    background-position: center center
}

.index-recModule--OqWpg .index-tabs--Fmd2d {
    display: flex;
    flex-direction: row;
    align-items: center
}

.index-recModule--OqWpg .index-tabs--Fmd2d .index-tabItem--rw6AL {
    color: #565960;
    color: var(--Text-icon-text-icon-1, #565960);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    position: relative;
    margin: 0 12px;
    cursor: pointer
}

.index-recModule--OqWpg .index-tabs--Fmd2d .index-tabItem--rw6AL .index-itemTitle--sknaF {
    position: relative;
    z-index: 2
}

.index-recModule--OqWpg .index-tabs--Fmd2d .index-tabItem--rw6AL .index-itemBottom--plOLf {
    position: absolute;
    bottom: 1px;
    left: 0;
    width: 100%;
    z-index: 1;
    line-height: 0;
    height: 8px;
    display: none
}

.index-recModule--OqWpg .index-tabs--Fmd2d .index-tabItem--rw6AL:hover {
    color: #252931
}

.index-recModule--OqWpg .index-tabs--Fmd2d .index-tabItem--rw6AL.index-tabItemActive--A5Cfa {
    color: #252931;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px
}

.index-recModule--OqWpg .index-tabs--Fmd2d .index-tabItem--rw6AL.index-tabItemActive--A5Cfa .index-itemBottom--plOLf {
    display: block
}

.index-recModule--OqWpg .index-recTitle--pgR3x {
    margin-top: 24px;
    color: #252931;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 48px
}

.index-recModule--OqWpg .index-recDesc--G8uBC {
    color: #565960;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 16px
}

.index-recModule--OqWpg .index-recDesc--G8uBC>div {
    margin-right: 5px
}

.index-recModule--OqWpg .index-recDesc--G8uBC span {
    color: #ff5c00
}

.index-recModule--OqWpg .index-createBtn--O9ZFu {
    margin-top: 8px;
    display: flex;
    width: 240px;
    height: 52px;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 2px;
    flex-shrink: 0;
    border-radius: 64px;
    background: #ff910f linear-gradient(180deg, rgba(240, 246, 255, 0.24) 0%, rgba(255, 255, 255, 0) 57.14%);
    border-radius: 64px;
    filter: drop-shadow(0px 4px 4px rgba(255, 143, 15, 0.4));
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    cursor: pointer
}

.index-recModule--OqWpg .index-createBtn--O9ZFu:hover {
    color: rgba(255,255,255,.9)
}

.index-recModule--OqWpg .index-customBtn--ahCSz {
    margin-top: 12px
}

.index-recModule--OqWpg .index-historyAct--Pi0dk {
    position: absolute;
    right: 12px;
    top: 8px;
    z-index: 2;
    display: flex
}

.index-couponNewBieWrap--THzsu {
    position: relative;
    background: linear-gradient(180deg, #FFF6E8 8.42%, #FDF3DE 19.53%, #FFE9DC 82.47%);
    border-radius: 6px;
    margin-bottom: 16px
}

.index-couponNewBieWrap--THzsu .index-couponNewBie--_Dkeb {
    padding: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-size: 100% auto;
    background-position: center top;
    background-repeat: no-repeat;
    border-radius: 6px
}

.index-couponNewBieWrap--THzsu .index-topBanner--W772E {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 24px;
    margin-bottom: 24px
}

.index-couponNewBieWrap--THzsu .index-topBanner--W772E>div:nth-of-type(1) {
    margin-bottom: 16px
}

.index-containerWrapper--z7qMf {
    border-radius: 8px;
    transition: .3s
}

.index-containerWrapper--z7qMf.index-orange--kHL5Z {
    border: 1px solid rgba(255,236,219,.6);
    background: linear-gradient(80deg, rgba(255, 255, 255, 0) 0.37%, rgba(255, 255, 255, 0.4) 100%),#fffaf5
}

.index-containerWrapper--z7qMf.index-orange--kHL5Z:hover {
    background: linear-gradient(80deg, rgba(255, 255, 255, 0) 0.37%, rgba(255, 255, 255, 0.4) 100%),#fff7ec
}

.index-containerWrapper--z7qMf.index-orange--kHL5Z .index-container--EUxdR {
    background: url(https://lf3-static.bytednsdoc.com/obj/eden-cn/ylaulj-alryht/ljhwZthlaukjlkulzlp/coupon/home/icon/background_orange_icon.png) no-repeat;
    background-position: right bottom;
    background-size: 137px 110px
}

.index-containerWrapper--z7qMf.index-orange--kHL5Z .index-container--EUxdR .index-content--V76oO .index-intro--IXSn8 {
    color: #ff5c00
}

.index-containerWrapper--z7qMf.index-orange--kHL5Z .index-container--EUxdR .index-content--V76oO .index-intro--IXSn8::after {
    background-color: #ff5c00
}

.index-containerWrapper--z7qMf.index-purple--PCyBv {
    border: 1px solid rgba(157,88,254,.1);
    background: linear-gradient(80deg, rgba(255, 255, 255, 0) -0.03%, rgba(255, 255, 255, 0.4) 99.97%),#fcf7ff
}

.index-containerWrapper--z7qMf.index-purple--PCyBv:hover {
    background: linear-gradient(80deg, rgba(255, 255, 255, 0) -0.03%, rgba(255, 255, 255, 0.4) 99.97%),#faf1ff
}

.index-containerWrapper--z7qMf.index-purple--PCyBv .index-container--EUxdR {
    background: url(https://lf3-static.bytednsdoc.com/obj/eden-cn/ylaulj-alryht/ljhwZthlaukjlkulzlp/coupon/home/icon/background_purple_icon.png) no-repeat;
    background-position: right bottom;
    background-size: 137px 110px
}

.index-containerWrapper--z7qMf.index-purple--PCyBv .index-container--EUxdR .index-content--V76oO .index-intro--IXSn8 {
    color: #5859fe
}

.index-containerWrapper--z7qMf.index-purple--PCyBv .index-container--EUxdR .index-content--V76oO .index-intro--IXSn8::after {
    background-color: #5859fe
}

.index-containerWrapper--z7qMf.index-blue--_rvnT {
    border: 1px solid rgba(140,184,255,.15);
    background: linear-gradient(78deg, rgba(255, 255, 255, 0) 15.15%, rgba(255, 255, 255, 0.4) 96.01%),#f5faff
}

.index-containerWrapper--z7qMf.index-blue--_rvnT:hover {
    background: linear-gradient(78deg, rgba(255, 255, 255, 0) 15.15%, rgba(255, 255, 255, 0.4) 96.01%),#edf6ff
}

.index-containerWrapper--z7qMf.index-blue--_rvnT .index-container--EUxdR {
    background: url(https://lf3-static.bytednsdoc.com/obj/eden-cn/ylaulj-alryht/ljhwZthlaukjlkulzlp/coupon/home/icon/background_blue_icon.png) no-repeat;
    background-position: right bottom;
    background-size: 137px 110px
}

.index-containerWrapper--z7qMf.index-blue--_rvnT .index-container--EUxdR .index-content--V76oO .index-intro--IXSn8 {
    color: #1966ff
}

.index-containerWrapper--z7qMf.index-blue--_rvnT .index-container--EUxdR .index-content--V76oO .index-intro--IXSn8::after {
    background-color: #1966ff
}

.index-container--EUxdR {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    padding: 16px;
    cursor: pointer;
    height: 120px
}

.index-container--EUxdR.index-disabled--_DH5J .index-content--V76oO .index-title--KxdHS .index-text--PZhNv {
    color: #bcbdc0
}

.index-container--EUxdR.index-disabled--_DH5J .index-content--V76oO .index-subtitle--hqHS9 {
    color: #bcbdc0
}

.index-container--EUxdR .index-content--V76oO {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 1
}

.index-container--EUxdR .index-content--V76oO .index-title--KxdHS {
    display: flex;
    flex-direction: row;
    align-items: center
}

.index-container--EUxdR .index-content--V76oO .index-title--KxdHS .index-text--PZhNv {
    color: #252931;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    flex: 0 0 auto
}

.index-container--EUxdR .index-content--V76oO .index-title--KxdHS .index-dynamicTag--SQJ6W {
    margin-left: 4px;
    margin-right: 0
}

.index-container--EUxdR .index-content--V76oO .index-title--KxdHS .index-newTag--mMI4c {
    margin-left: 4px
}

.index-container--EUxdR .index-content--V76oO .index-title--KxdHS .index-titleTag--aSlvU {
    flex: 0 0 auto;
    margin-left: 4px;
    border-radius: 2px;
    background: rgba(0,0,0,0);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 4px;
    color: #69718c;
    font-size: 12px;
    font-style: normal;
    height: 18px;
    line-height: 16px;
    font-weight: 400;
    border: 1px solid #e8e8e9
}

.index-container--EUxdR .index-content--V76oO .index-subtitle--hqHS9 {
    flex: 1 1;
    color: #898b8f;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.index-container--EUxdR .index-content--V76oO .index-intro--IXSn8 {
    color: #1966ff;
    font-family: "DOUYINSANSBOLD-GB";
    font-size: 12px;
    font-style: italic;
    font-weight: 700;
    line-height: 16px;
    padding: 0 1px;
    position: relative;
    margin: 8px 0
}

.index-container--EUxdR .index-content--V76oO .index-intro--IXSn8::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 5px;
    background-color: #1966ff;
    opacity: .1
}

.index-container--EUxdR .index-button--KEwrj {
    transform: translate(0, -8px)
}

.index-popover--Jkykc>div:nth-of-type(1) {
    color: #252931;
    color: var(--text-icon-text-icon-0, #252931);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 10px
}

.index-popover--Jkykc .index-imgWrap--X_cLS {
    border-radius: 4px;
    overflow: hidden;
    height: 387px
}

.index-popover--Jkykc .index-imgWrap--X_cLS>div {
    margin-top: -100px
}

@font-face {
    font-family: "DOUYINSANSBOLD-GB";
    src: url(//lf3-static.bytednsdoc.com/obj/eden-cn/ylaulj-alryht/ljhwZthlaukjlkulzlp/coupon/home/font/DOUYINSANSBOLD-GB-45f1a632f4dafbe593fa6e76de7aa54e.ttf) format("truetype"),url(//lf3-static.bytednsdoc.com/obj/eden-cn/ylaulj-alryht/ljhwZthlaukjlkulzlp/coupon/home/font/DOUYINSANSBOLD-GB-45f1a632f4dafbe593fa6e76de7aa54e.woff2) format("woff2");
    font-style: normal;
    font-display: swap;
    font-weight: 700
}

.index-cards--hsyHK {
    margin-top: 8px;
    border-radius: 8px;
    margin-bottom: 24px
}

.index-cards--hsyHK:nth-last-of-type(1) {
    margin-bottom: 0
}

.index-cards__title--VXKuo {
    margin-bottom: 16px;
    color: #252931;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    display: flex;
    align-items: center;
    gap: 8px
}

.index-cards__title--VXKuo>img {
    margin-right: 8px
}

.index-cards__title__desc--ofo6z {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #898b8f
}

.index-cards__content--uADJO {
    display: flex;
    flex-wrap: wrap
}

.index-cards__item--NUqQ0 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(33.33% - 16px);
    margin: 0 16px 16px 0;
    height: 138px;
    width: calc(33.33% - 16px)
}

.index-collapse--xfuPw {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    color: #85878a;
    font-weight: 400
}

.index-collapse--xfuPw .index-icon--pmdr6 {
    display: inline-flex;
    margin-left: 2px
}

.index-expand--NAmRb {
    transform: rotate(180deg)
}

.index-guide--af6xb {
    margin-top: -12px
}

.index-guide__title--OM_qo {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #12141a;
    margin: 24px 0 12px
}

.index-cardMarginTop--hxSPF {
    margin-top: 16px
}

.index-container--FVusZ .index-header--Lxgmr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px
}

.index-container--FVusZ .index-header--Lxgmr .index-title--AAOiP {
    color: #252931;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.index-container--FVusZ .index-header--Lxgmr .index-download--DKBci {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.index-container--Fe655 .index-header--Lk__q {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px
}

.index-container--Fe655 .index-header--Lk__q .index-title--Nqe1f {
    color: #252931;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    display: flex;
    align-items: center;
    gap: 8px
}

.index-container--Fe655 .index-header--Lk__q .index-title--Nqe1f .index-tip--SPZzO {
    color: #898b8f;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.index-container--Klb6K .index-header--S3WVh {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px
}

.index-container--Klb6K .index-header--S3WVh .index-title--CYcKO {
    color: #252931;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.index-container--Klb6K .index-header--S3WVh .index-download--mJZxl {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.index-apply-time--IgBDe,.index-use-time--Rp7ph {
    display: flex;
    gap: 2px;
    align-items: center
}

.index-apply-time--IgBDe>span:first-child {
    padding: 0 4px;
    border-radius: 2px;
    background: #ebf3ff;
    color: #1966ff;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.index-use-time--Rp7ph {
    margin-top: 2px
}

.index-use-time--Rp7ph>span:first-child {
    padding: 0 4px;
    border-radius: 2px;
    background: #ffecdb;
    color: #ff5c00;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.index-container--pjgVJ .index-header--rmjvb {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px
}

.index-container--pjgVJ .index-header--rmjvb .index-title--cPsX6 {
    color: #252931;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    display: flex;
    align-items: center;
    gap: 8px
}

.index-container--pjgVJ .index-header--rmjvb .index-title--cPsX6 .index-tip--czMhc {
    color: #898b8f;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.index-tab--sihLr {
    margin-top: 16px
}

.index-amount--wSray {
    color: #aaabaf
}

.index-totalAmountInfo--u3l5m {
    display: flex;
    flex-direction: column;
    gap: 2px
}

.index-totalAmountInfo--u3l5m .index-action--GSLDu .index-warning--gT6nD {
    color: #898b8f;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400
}

.index-table--Hf5jO {
    margin-top: 16px
}

.index-table--Hf5jO .ecom-mcenter-table-row-expand-icon-cell {
    vertical-align: middle !important
}

.index-table--Hf5jO .ecom-mcenter-table-expanded-row-fixed {
    padding-left: 0 !important;
    padding-top: 18px !important
}

.index-discountContent--uSTq4 div {
    color: #252931;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

.index-discountContent--uSTq4 div:nth-of-type(2) {
    color: #898b8f;
    margin-top: 4px
}

.index-quickSearch--jbucX {
    margin-top: 16px;
    display: flex;
    align-items: center
}

.index-quickSearch--jbucX>span {
    margin-right: 16px;
    color: #898b8f;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.index-desc--OILVx {
    color: #898b8f;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-left: 12px
}

.index-container--Rh0Wy {
    margin-top: 24px
}

.index-search__panel--_RcHs {
    display: flex;
    justify-content: space-between;
    padding-top: 16px
}

.index-search__buttons--uP1uj {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    flex: 0 0 114px;
    position: relative
}

.index-search__buttons--uP1uj::before {
    position: absolute;
    content: "";
    top: 12px;
    left: 8px;
    width: 1px;
    height: 64px;
    background-color: #edeef0
}

.index-table--MtRa3 .ecom-mcenter-pagination {
    margin-top: 24px !important
}

.index-desc--ShWPU {
    color: #898b8f;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-left: 12px
}

.index-container--B7NzG {
    height: 640px
}

.index-container--B7NzG .index-modal_tip--Svj1H {
    font-size: 12px;
    line-height: 16px;
    color: #ff9226;
    margin-bottom: 16px
}

.index-container--B7NzG .index-tip_more--PvgK4 {
    font-size: 12px;
    line-height: 16px
}

.index-container--B7NzG .index-fail--HCfc8 {
    color: #ff4050
}

.index-fail_tip--uqzwl {
    margin-top: 4px;
    font-size: 12px;
    line-height: 16px;
    color: #ff4050;
    display: flex
}

.index-fail_tip--uqzwl .index-tip_more--TMtm_ {
    margin-left: 4px;
    font-size: 12px;
    line-height: 16px
}

.index-time_wrap--JKOmj .apply-time {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 4px
}

.index-time_wrap--JKOmj .apply-time>span {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
    width: 16px;
    height: 16px;
    background-color: rgba(25,102,255,.1);
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: #1966ff
}

.index-time_wrap--JKOmj .used-time {
    display: flex;
    flex-direction: row;
    align-items: center
}

.index-time_wrap--JKOmj .used-time>span {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
    width: 16px;
    height: 16px;
    background-color: rgba(255,159,25,.1);
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: #ff9f19
}

.ecom-mcenter-switch {
    margin: 0;
    padding: 0;
    color: #565960;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: 'tnum', "tnum";
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    min-width: 48px;
    height: 28px;
    line-height: 28px;
    vertical-align: middle;
    background-color: #bcbdc0;
    border: 0;
    border-radius: 100px;
    cursor: pointer;
    transition: all 0.2s;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ecom-mcenter-switch:focus {
    outline: 0;
    box-shadow: 0 0 0 2px rgba(188, 189, 192, 0.1);
}

.ecom-mcenter-switch-checked:focus {
    box-shadow: 0 0 0 2px rgba(25, 102, 255, 0.2);
}

.ecom-mcenter-switch:focus:hover {
    box-shadow: none;
}

.ecom-mcenter-switch-checked {
    background-color: #1966ff;
}

.ecom-mcenter-switch-loading, .ecom-mcenter-switch-disabled {
    cursor: not-allowed;
    opacity: 0.4;
}

.ecom-mcenter-switch-loading *, .ecom-mcenter-switch-disabled * {
    box-shadow: none;
    cursor: not-allowed;
}

.ecom-mcenter-switch-inner {
    display: block;
    margin: 0 8px 0 29px;
    color: #ffffff;
    font-size: 12px;
    transition: margin 0.2s;
}

.ecom-mcenter-switch-checked .ecom-mcenter-switch-inner {
    margin: 0 29px 0 8px;
}

.ecom-mcenter-switch-handle {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 22px;
    height: 22px;
    transition: all 0.2s ease-in-out;
}

.ecom-mcenter-switch-handle::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #ffffff;
    border-radius: 11px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0);
    transition: all 0.2s ease-in-out;
    content: '';
}

.ecom-mcenter-switch-checked .ecom-mcenter-switch-handle {
    left: calc(100% - 22px - 3px);
}

.ecom-mcenter-switch:not(.ecom-mcenter-switch-disabled):active .ecom-mcenter-switch-handle::before {
    right: -30%;
    left: 0;
}

.ecom-mcenter-switch:not(.ecom-mcenter-switch-disabled):active.ecom-mcenter-switch-checked .ecom-mcenter-switch-handle::before {
    right: 0;
    left: -30%;
}

.ecom-mcenter-switch-loading-icon {
    position: relative;
    top: 4px;
    color: rgba(0, 0, 0, 0.65);
    vertical-align: top;
}

.ecom-mcenter-switch-checked .ecom-mcenter-switch-loading-icon {
    color: #1966ff;
}

.ecom-mcenter-switch-small {
    min-width: 30px;
    height: 18px;
    line-height: 18px;
}

.ecom-mcenter-switch-small .ecom-mcenter-switch-inner {
    margin: 0 4px 0 18px;
    font-size: 12px;
}

.ecom-mcenter-switch-small .ecom-mcenter-switch-handle {
    width: 14px;
    height: 14px;
}

.ecom-mcenter-switch-small .ecom-mcenter-switch-loading-icon {
    top: 2px;
    font-size: 10px;
}

.ecom-mcenter-switch-small.ecom-mcenter-switch-checked .ecom-mcenter-switch-inner {
    margin: 0 18px 0 4px;
}

.ecom-mcenter-switch-small.ecom-mcenter-switch-checked .ecom-mcenter-switch-handle {
    left: calc(100% - 14px - 3px);
}

.ecom-mcenter-switch-rtl {
    direction: rtl;
}

.ecom-mcenter-switch-rtl .ecom-mcenter-switch-inner {
    margin: 0 29px 0 8px;
}

.ecom-mcenter-switch-rtl .ecom-mcenter-switch-handle {
    right: 3px;
    left: auto;
}

.ecom-mcenter-switch-rtl:not(.ecom-mcenter-switch-rtl-disabled):active .ecom-mcenter-switch-handle::before {
    right: 0;
    left: -30%;
}

.ecom-mcenter-switch-rtl:not(.ecom-mcenter-switch-rtl-disabled):active.ecom-mcenter-switch-checked .ecom-mcenter-switch-handle::before {
    right: -30%;
    left: 0;
}

.ecom-mcenter-switch-rtl.ecom-mcenter-switch-checked .ecom-mcenter-switch-inner {
    margin: 0 8px 0 29px;
}

.ecom-mcenter-switch-rtl.ecom-mcenter-switch-checked .ecom-mcenter-switch-handle {
    right: calc(100% - 22px - 3px);
}

.ecom-mcenter-switch-rtl.ecom-mcenter-switch-small.ecom-mcenter-switch-checked .ecom-mcenter-switch-handle {
    right: calc(100% - 14px - 3px);
}

/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/* ------------- new ------------- */
.ecom-mcenter-switch {
    box-shadow: none !important;
}

.ecom-mcenter-switch .ecom-mcenter-click-animating-node {
    display: none;
}

.ecom-mcenter-switch .ecom-mcenter-switch-loading-icon {
    vertical-align: top;
}

.ecom-mcenter-switch:not(.ecom-mcenter-switch-checked) {
    background-color: rgba(0, 0, 0, 0.08);
}

.ecom-mcenter-switch:not(.ecom-mcenter-switch-checked).ecom-mcenter-switch-disabled, .ecom-mcenter-switch:not(.ecom-mcenter-switch-checked).ecom-mcenter-switch-loading {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.04);
}

.ecom-mcenter-switch:not(.ecom-mcenter-switch-checked).ecom-mcenter-switch-disabled .ecom-mcenter-switch-inner, .ecom-mcenter-switch:not(.ecom-mcenter-switch-checked).ecom-mcenter-switch-loading .ecom-mcenter-switch-inner {
    color: #bcbdc0;
}

.ecom-mcenter-switch:not(.ecom-mcenter-switch-checked) .ecom-mcenter-switch-inner {
    color: #898b8f;
}

.ecom-mcenter-switch:not(.ecom-mcenter-switch-checked) .ecom-mcenter-switch-loading-icon {
    color: rgba(0, 0, 0, 0.25);
}

.ecom-mcenter-switch:not(.ecom-mcenter-switch-small) .ecom-mcenter-switch-inner {
    font-size: 14px;
}

.ecom-mcenter-switch .ecom-mcenter-switch-handle::before {
    box-shadow: 0px 2px 8px 0px rgba(37, 41, 49, 0.1);
}

.ecom-mcenter-switch.ecom-mcenter-switch-disabled .ecom-mcenter-switch-handle::before {
    box-shadow: none;
}

.ecom-mcenter-switch.ecom-mcenter-switch-small.ecom-mcenter-switch-checked .ecom-mcenter-switch-handle {
    left: calc(100% - 14px - 2px);
}

.ecom-mcenter-switch.ecom-mcenter-switch-small .ecom-mcenter-switch-handle {
    top: 2px;
    left: 2px;
}

.ecom-mcenter-switch-loading, .ecom-mcenter-switch-disabled {
    background-color: #1966ff;
}

.ecom-mcenter-switch-loading .ecom-mcenter-switch-loading-icon, .ecom-mcenter-switch-checked .ecom-mcenter-switch-loading-icon, .ecom-mcenter-switch-disabled .ecom-mcenter-switch-loading-icon {
    color: #1966ff;
}

.index-reason--PI2v5>div:nth-of-type(1) {
    color: #252931;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.index-reason--PI2v5>div:nth-of-type(2) {
    margin-top: 6px;
    color: #ff3b52;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.index-failed--jiPGk,.index-success--c3w0Z {
    margin-top: 6px;
    display: flex;
    align-items: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.index-failed--jiPGk .ecom-mcenter-sp-icon,.index-success--c3w0Z .ecom-mcenter-sp-icon {
    margin-left: 2px
}

.index-success--c3w0Z {
    color: #898b8f
}

.index-failed--jiPGk {
    color: #ff3b52
}

.index-partFailed--lVOAM {
    margin-top: 2px;
    display: flex;
    align-items: center;
    color: #ff5c00;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    cursor: pointer;
    transition: color .3s;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.index-partFailed--lVOAM:hover {
    color: rgba(255,92,0,.8)
}

.index-table--tIT2d {
    margin-top: 16px
}

.index-table--tIT2d .ecom-mcenter-table-row-expand-icon-cell {
    vertical-align: middle !important
}

.index-table--tIT2d .ecom-mcenter-table-expanded-row-fixed {
    padding-left: 0 !important;
    padding-top: 18px !important
}

.index-view--L31U_ {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #898b8f;
    display: grid;
    gap: 4px
}

.index-view--L31U_ .index-item--Wdb5R {
    display: flex;
    align-items: center
}

.index-couponSpreadTip--s6YLW {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 626px
}

.index-couponSpreadTip--s6YLW .index-couponSpreadTipTitle--xY1C1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    color: #252931;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

.index-couponSpreadTip--s6YLW .index-couponSpreadTipTitle--xY1C1 .index-couponSpreadTipTitleIcon--XW5Dh {
    font-size: 20px;
    color: #ff852d
}

.index-couponSpreadTip--s6YLW .index-couponSpreadTipDesc--Nt3g4 {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.index-couponSpreadTip--s6YLW .index-couponSpreadTipDesc--Nt3g4 p {
    color: #565960;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.index-couponSpreadTip--s6YLW .index-couponSpreadTipDesc--Nt3g4 p .index-serial--Md9ub {
    display: inline-block;
    width: 14px
}

.index-couponSpreadTip--s6YLW .index-couponSpreadTipDesc--Nt3g4 p .index-bold--C_GhY {
    font-weight: 500;
    color: #252931
}

.index-couponSpreadTip--s6YLW .index-couponSpreadTipContent--J8HSo {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 24px
}

.index-couponSpreadTip--s6YLW .index-couponSpreadTipContent--J8HSo .index-couponSpreadTipContentItem--eSnt6 {
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    padding: 16px
}

.index-couponSpreadTip--s6YLW .index-couponSpreadTipContent--J8HSo .index-couponSpreadTipContentItem--eSnt6>div:nth-of-type(1) {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    color: #252931;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 4px
}

.index-couponSpreadTip--s6YLW .index-couponSpreadTipContent--J8HSo .index-couponSpreadTipContentItem--eSnt6>div:nth-of-type(2) {
    color: #898b8f;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 10px
}

.index-couponSpreadTip--s6YLW .index-couponSpreadTipContent--J8HSo .index-couponSpreadTipContentItem--eSnt6:nth-of-type(1) {
    border: 1px solid #ffe2c7;
    background: linear-gradient(180deg, rgba(255, 92, 0, 0.11) -48.15%, rgba(255, 92, 0, 0) 40.23%),#fff
}

.index-couponSpreadTip--s6YLW .index-couponSpreadTipContent--J8HSo .index-couponSpreadTipContentItem--eSnt6:nth-of-type(2) {
    border: 1px solid #e7daff;
    background: linear-gradient(180deg, rgba(111, 0, 255, 0.11) -48.15%, rgba(111, 0, 255, 0) 36.75%),#fff
}

.index-alert--YPkQc {
    border-radius: 4px;
    background: #f8f9fa;
    padding: 8px;
    color: #252931;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 16px
}

.index-urlWrap--dhstb {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 8px
}

.index-url--LIElc {
    height: 40px;
    border-radius: 4px 0px 0px 4px;
    border: 1px solid #dcdee1;
    background: rgba(255,255,255,.85);
    padding: 0 12px;
    flex: 1 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    line-height: 40px
}

.index-copyBtn--BpxlV {
    height: 40px;
    border-radius: 0px 4px 4px 0px;
    flex-shrink: 0
}

.index-urlTip--E7ul_ {
    color: #898b8f;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.index-content--GDDjr {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    margin-top: 24px
}

.index-content--GDDjr .index-qrcodeTip--QGIzf {
    margin-top: 4px;
    color: #898b8f;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.index-title--igmLG {
    display: flex;
    align-items: center
}

.index-title--igmLG .index-titletext--LTmgN {
    margin-left: 10px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #252931
}

.index-goodsBack--wlgsI {
    display: inline-flex;
    flex-wrap: nowrap
}

.index-content--fayx0 {
    width: 290px;
    margin: 0 auto
}

.index-content--fayx0 div {
    line-height: 20px
}

.index-content--fayx0>p {
    color: #000
}

.index-activityContent--w00ss {
    display: flex;
    justify-content: flex-start;
    color: #565960;
    margin-top: 8px
}

.index-activityContent--w00ss p {
    max-width: 85%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.index-activityContent--w00ss .index-jump--Ts_oU {
    color: #1966ff;
    cursor: pointer;
    margin-left: 6px
}

.index-couponTable--l_cRl {
    margin-top: 16px
}

.index-couponTable--l_cRl .ecom-mcenter-table-tbody tr td {
    vertical-align: top
}

.index-header--T6bm0 {
    display: flex;
    margin-bottom: 16px;
    word-break: break-all
}

.index-buttons--rQ5Yp {
    position: relative;
    flex: 0 0 98px;
    padding-left: 24px
}

.index-buttons--rQ5Yp:before {
    content: "";
    position: absolute;
    left: -1px;
    width: 1px;
    height: 100%;
    background-color: #edeef0
}

.index-tips--qYNp3 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #85878a
}

.index-tips--qYNp3 span {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #12141a
}

.index-content--BUpTl {
    display: flex;
    flex-direction: column;
    align-items: center
}

.index-content--BUpTl p {
    margin-bottom: 16px
}

.index-container--SU_8y {
    margin-top: 24px
}

.index-search__panel--G1QL1 {
    display: flex;
    justify-content: space-between;
    padding-top: 16px
}

.index-search__buttons--Pn8VS {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    flex: 0 0 114px;
    position: relative
}

.index-search__buttons--Pn8VS::before {
    position: absolute;
    content: "";
    top: 12px;
    left: 8px;
    width: 1px;
    height: 64px;
    background-color: #edeef0
}

.index-quickSearch--Qf588 {
    margin-top: 16px;
    display: flex;
    align-items: center
}

.index-quickSearch--Qf588>span {
    margin-right: 16px;
    color: #898b8f;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.index-desc--ix_O5 {
    color: #898b8f;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-left: 12px
}

.index-container--wzUpc {
    margin-top: 24px
}

.index-search__panel--goz48 {
    display: flex;
    justify-content: space-between;
    padding-top: 16px
}

.index-search__buttons--mAirp {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    flex: 0 0 114px;
    position: relative
}

.index-search__buttons--mAirp::before {
    position: absolute;
    content: "";
    top: 12px;
    left: 8px;
    width: 1px;
    height: 64px;
    background-color: #edeef0
}

.index-container--6I_m_ {
    margin-top: 24px;
    width: 100%;
    background-color: #fff
}

.index-container--6I_m_ .index-top--PZU0f {
    display: flex;
    justify-content: space-between
}

.index-container--6I_m_ .index-time_wrap--xhy6z .apply-time {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 4px
}

.index-container--6I_m_ .index-time_wrap--xhy6z .apply-time>span {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
    width: 16px;
    height: 16px;
    background-color: rgba(25,102,255,.1);
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: #1966ff
}

.index-container--6I_m_ .index-time_wrap--xhy6z .used-time {
    display: flex;
    flex-direction: row;
    align-items: center
}

.index-container--6I_m_ .index-time_wrap--xhy6z .used-time>span {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
    width: 16px;
    height: 16px;
    background-color: rgba(255,159,25,.1);
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: #ff9f19
}

.index-container--6I_m_ .index-fail_tip--e4MCz {
    margin-top: 4px;
    font-size: 12px;
    line-height: 16px;
    color: #ff4050;
    display: flex
}

.index-container--6I_m_ .index-fail_tip--e4MCz .index-tip_more--B4syi {
    margin-left: 4px;
    font-size: 12px;
    line-height: 16px
}

.index-container--6I_m_ .index-content--u6QLT {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start
}

.index-container--6I_m_ .index-content--u6QLT>span {
    display: block
}

.index-container--6I_m_ .index-content--u6QLT .index-desc--wdZYv {
    font-size: 12px;
    line-height: 16px;
    color: #aaabaf
}

.index-container--6I_m_ .index-product-imgs--o5hi_ {
    width: 272px;
    display: flex;
    justify-content: flex-start;
    position: relative
}

.index-container--6I_m_ .index-product-imgs--o5hi_ .index-img-more--TaM3M {
    position: absolute;
    right: 4px;
    bottom: 0;
    width: 64px;
    height: 64px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));
    border-radius: 4px;
    text-align: center;
    line-height: 64px;
    color: #fff;
    font-weight: 400;
    font-size: 12px
}

.index-container--_FP23 {
    width: 100%;
    background: rgba(0,0,0,0);
    padding: 24px;
    padding: 0;
    background-color: rgba(0,0,0,0)
}

.index-loading--Cjaye {
    display: flex;
    justify-content: center;
    align-items: center
}

.index-banner--YQnea {
    margin-bottom: 16px;
    cursor: pointer
}

.index-banner--YQnea img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    object-fit: cover
}

.index-header--Jcsfz {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px
}

.index-header--Jcsfz .index-data-wrap--FEbzU {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #fff;
    border-radius: 8px;
    background-size: 100%;
    padding: 24px
}

.index-header--Jcsfz .index-data-wrap--FEbzU .index-title-wrap--bKyGR {
    margin-bottom: 24px
}

.index-header--Jcsfz .index-data-wrap--FEbzU .index-title-wrap--bKyGR .index-title--EjiAO {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    color: #131520;
    margin-right: 8px
}

.index-header--Jcsfz .index-data-wrap--FEbzU .index-title-wrap--bKyGR .index-subtitle--KytTO {
    font-size: 12px;
    line-height: 16px;
    color: #878999
}

.index-preview--Vr2Za {
    width: 72%
}

.index-tutorial--pWKhc {
    margin-left: 16px;
    width: calc(28% - 16px)
}

.index-content--syHNj {
    margin-bottom: 16px;
    padding: 0 24px;
    border-radius: 4px;
    background-color: #fff;
    position: relative
}

.index-tabs__container--cgA_u {
    padding: 16px 0 24px
}

.index-jumpCourse--TmL_s {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #19191a;
    cursor: pointer;
    color: #1966ff;
    position: absolute;
    top: 16px;
    right: 24px;
    z-index: 2
}

.index-jumpCourse--TmL_s:hover {
    color: #4784ff
}