@charset "UTF-8";
.van-toast[data-v-9d88a288] {
    word-break: break-word !important
}

.cg-default.van-button[data-v-9d88a288] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-9d88a288] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-9d88a288] {
    height: 80%
}

@media (orientation: landscape) {
    html.landscape[data-v-9d88a288] {
        font-size: 9vh !important
    }
}

.isAppForcedDownloadEnabled-dialog[data-v-9d88a288] {
    z-index: 9999999 !important
}

.x-order[data-v-9d88a288] {
    padding-bottom: 2.13333rem
}

.x-order[data-v-9d88a288] .van-action-sheet {
    max-height: 90%
}

.x-order[data-v-9d88a288] .swiper-pagination .swiper-pagination-bullet {
    width: .21333rem;
    height: .21333rem;
    background: #d9d9d9
}

.x-order[data-v-9d88a288] .swiper-pagination .swiper-pagination-bullet-active {
    width: .58667rem;
    height: .21333rem;
    border-radius: .72rem;
    background: #000
}

.x-order .arupi[data-v-9d88a288] {
    padding: .26667rem
}

.x-order .arupi .title1[data-v-9d88a288] {
    padding-top: .53333rem;
    font-size: .37333rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: .26667rem;
    color: var(--text_color_L1)
}

.x-order .arupi .title2[data-v-9d88a288] {
    font-size: .37333rem;
    text-align: center;
    line-height: .48rem;
    color: var(--text_color_L2);
    margin-bottom: .26667rem;
    padding: .26667rem
}

.x-order .arupi p[data-v-9d88a288] {
    font-size: .45333rem;
    font-weight: 600;
    text-align: center;
    color: var(--main-color);
    margin-bottom: .26667rem
}

.x-order .arupi .button[data-v-9d88a288] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: .26667rem
}

.x-order .arupi .button>div[data-v-9d88a288] {
    width: calc((100% - .26667rem)/2);
    height: 1.28rem;
    line-height: 1.28rem;
    border-radius: .26667rem;
    font-size: .4rem;
    text-align: center
}

.x-order .arupi .button>div.clance[data-v-9d88a288] {
    border: .01333rem solid var(--bg_color_L3);
    color: var(--text_color_L1)
}

.x-order .arupi .button>div.goBuy[data-v-9d88a288] {
    background: var(--main-color);
    color: #fff
}

.x-order .sever[data-v-9d88a288] {
    background: var(--main_gradient-color);
    color: var(--text_color_L4);
    border-radius: .42667rem;
    padding: .13333rem .10667rem;
    font-size: .32rem;
    gap: .10667rem
}

.x-order .transfro_tip[data-v-9d88a288] {
    color: var(--text_color_L1);
    font-size: .37333rem;
    font-style: normal;
    font-weight: 400;
    line-height: .53333rem
}

.x-order .order_active[data-v-9d88a288] {
    border-radius: .21333rem;
    border: .08rem solid var(--main-color);
    padding: .32rem .42667rem
}

.x-order .order_info[data-v-9d88a288] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: .32rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    gap: .26667rem;
    border-radius: .21333rem;
    background: var(--bg_color_L3);
    margin-bottom: .42667rem
}

.x-order .order_info .item[data-v-9d88a288] {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    color: var(--text_color_L1)
}

.x-order .order_info .item .timeout[data-v-9d88a288] {
    font-size: .37333rem;
    color: var(--text_color_L1)
}

.x-order .order_info .item .timeout span[data-v-9d88a288] {
    font-weight: 600;
    color: var(--ext_color_L1)
}

.x-order .order_info .item .discount[data-v-9d88a288] {
    min-width: 2.13333rem;
    height: .64rem;
    border-radius: .21333rem;
    line-height: .64rem;
    background: rgba(238, 77, 77, .2);
    color: #ee4d4d;
    text-align: center;
    font-family: PingFang SC;
    font-size: .32rem;
    font-style: normal;
    font-weight: 400
}

.x-order .order_info .item .amount[data-v-9d88a288] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-weight: 700;
    font-size: .64rem;
    color: var(--ext_color_L1)
}

.x-order .order_info .item .amount-copy[data-v-9d88a288] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: .16rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.x-order .order_info .item .upi[data-v-9d88a288] {
    color: #e22323
}

.x-order .order_info .item .upi .copy-icon[data-v-9d88a288] {
    display: inline-block;
    font-size: .26667rem;
    border-radius: .56rem;
    background: var(--main_gradient-color);
    color: var(--text_color_L4);
    width: 1.06667rem;
    line-height: .48rem;
    height: .48rem;
    font-style: normal;
    font-weight: 400;
    text-align: center
}

.x-order .qrcode[data-v-9d88a288] {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    color: var(--text_color_L1);
    background: var(--bg_color_L3);
    padding: .32rem;
    border-radius: .21333rem;
    font-size: .37333rem;
    font-weight: 400;
    border: .02667rem solid var(--Dividing-line_color)
}

.x-order .qrcode .qrimg[data-v-9d88a288] {
    margin: 0 auto;
    width: 5.6rem;
    height: 5.6rem;
    border-radius: .21333rem;
    background: #f0f1f5;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.x-order .qrcode .qrimg img[data-v-9d88a288] {
    width: 5.6rem;
    height: 5.6rem
}

.x-order .qrcode-copy[data-v-9d88a288] {
    position: absolute;
    right: 0;
    top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: .16rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    gap: .21333rem;
    background: var(--main_gradient-color);
    border-radius: 0 .21333rem;
    cursor: pointer
}

.x-order .utr-copy[data-v-9d88a288] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    gap: .21333rem;
    font-size: .48rem;
    margin: .4rem 0
}

.x-order .utr-copy span[data-v-9d88a288] {
    color: var(--text_color_L2)
}

.x-order-pay[data-v-9d88a288] {
    width: 100%
}

.x-order-pay .item[data-v-9d88a288] {
    width: 100%;
    text-align: center;
    padding: .21333rem;
    border-radius: .13333rem;
    margin-bottom: .21333rem
}

.x-order-pay .item.Paytm[data-v-9d88a288] {
    background-image: url(/assets/png/Paytm_bg-8911757e.webp);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-animation: glow-9d88a288 2s infinite;
    animation: glow-9d88a288 2s infinite
}

.x-order-pay .item.PhonePe[data-v-9d88a288] {
    background-image: url(/assets/png/PhonePe_bg-2f145b10.webp);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat
}

.x-order-pay .item.active.Paytm[data-v-9d88a288] {
    background-image: url(/assets/png/Paytm_bg_active-e698feef.webp)
}

.x-order-pay .item.active.PhonePe[data-v-9d88a288] {
    background-image: url(/assets/png/PhonePe_bg_active-5779a9e3.webp)
}

.x-order-pay .item.active[data-v-9d88a288],
.x-order-pay .item.active p[data-v-9d88a288] {
    color: var(--text_color_L4)
}

.x-order-pay .item[data-v-9d88a288]:nth-child(2n) {
    margin-right: 0
}

.x-order-pay .item .img[data-v-9d88a288] {
    background: var(--bg_color_L2);
    border-radius: .74667rem;
    width: .74667rem;
    height: .74667rem;
    display: block;
    margin-right: .13333rem
}

.x-order-pay .item .name[data-v-9d88a288] {
    color: var(--text_color_L2);
    font-size: .37333rem
}

.x-order-pay .item>p[data-v-9d88a288] {
    margin-top: .05333rem;
    color: var(--text_color_L1);
    font-weight: 600
}

@-webkit-keyframes shake-11f51816-9d88a288 {
    0% {
        -webkit-transform: translate(.02667rem, .02667rem) rotate(0deg);
        transform: translate(.02667rem, .02667rem) rotate(0)
    }
    10% {
        -webkit-transform: translate(-.02667rem, -.05333rem) rotate(-1deg);
        transform: translate(-.02667rem, -.05333rem) rotate(-1deg)
    }
    20% {
        -webkit-transform: translate(-.08rem) rotate(1deg);
        transform: translate(-.08rem) rotate(1deg)
    }
    30% {
        -webkit-transform: translate(.08rem, .05333rem) rotate(0deg);
        transform: translate(.08rem, .05333rem) rotate(0)
    }
    40% {
        -webkit-transform: translate(.02667rem, -.02667rem) rotate(1deg);
        transform: translate(.02667rem, -.02667rem) rotate(1deg)
    }
    50% {
        -webkit-transform: translate(-.02667rem, .05333rem) rotate(-1deg);
        transform: translate(-.02667rem, .05333rem) rotate(-1deg)
    }
    60% {
        -webkit-transform: translate(-.08rem, .02667rem) rotate(0deg);
        transform: translate(-.08rem, .02667rem) rotate(0)
    }
    70% {
        -webkit-transform: translate(.08rem, .02667rem) rotate(-1deg);
        transform: translate(.08rem, .02667rem) rotate(-1deg)
    }
    80% {
        -webkit-transform: translate(-.02667rem, -.02667rem) rotate(1deg);
        transform: translate(-.02667rem, -.02667rem) rotate(1deg)
    }
    90% {
        -webkit-transform: translate(.02667rem, .05333rem) rotate(0deg);
        transform: translate(.02667rem, .05333rem) rotate(0)
    }
    to {
        -webkit-transform: translate(.02667rem, -.05333rem) rotate(-1deg);
        transform: translate(.02667rem, -.05333rem) rotate(-1deg)
    }
}

@keyframes shake-11f51816-9d88a288 {
    0% {
        -webkit-transform: translate(.02667rem, .02667rem) rotate(0deg);
        transform: translate(.02667rem, .02667rem) rotate(0)
    }
    10% {
        -webkit-transform: translate(-.02667rem, -.05333rem) rotate(-1deg);
        transform: translate(-.02667rem, -.05333rem) rotate(-1deg)
    }
    20% {
        -webkit-transform: translate(-.08rem) rotate(1deg);
        transform: translate(-.08rem) rotate(1deg)
    }
    30% {
        -webkit-transform: translate(.08rem, .05333rem) rotate(0deg);
        transform: translate(.08rem, .05333rem) rotate(0)
    }
    40% {
        -webkit-transform: translate(.02667rem, -.02667rem) rotate(1deg);
        transform: translate(.02667rem, -.02667rem) rotate(1deg)
    }
    50% {
        -webkit-transform: translate(-.02667rem, .05333rem) rotate(-1deg);
        transform: translate(-.02667rem, .05333rem) rotate(-1deg)
    }
    60% {
        -webkit-transform: translate(-.08rem, .02667rem) rotate(0deg);
        transform: translate(-.08rem, .02667rem) rotate(0)
    }
    70% {
        -webkit-transform: translate(.08rem, .02667rem) rotate(-1deg);
        transform: translate(.08rem, .02667rem) rotate(-1deg)
    }
    80% {
        -webkit-transform: translate(-.02667rem, -.02667rem) rotate(1deg);
        transform: translate(-.02667rem, -.02667rem) rotate(1deg)
    }
    90% {
        -webkit-transform: translate(.02667rem, .05333rem) rotate(0deg);
        transform: translate(.02667rem, .05333rem) rotate(0)
    }
    to {
        -webkit-transform: translate(.02667rem, -.05333rem) rotate(-1deg);
        transform: translate(.02667rem, -.05333rem) rotate(-1deg)
    }
}

@-webkit-keyframes glow-11f51816-9d88a288 {
    0% {
        box-shadow: 0 0 .13333rem #ef44d820
    }
    50% {
        box-shadow: 0 0 .53333rem #e71db1cc
    }
    to {
        box-shadow: 0 0 .13333rem #f202e633
    }
}

@keyframes glow-11f51816-9d88a288 {
    0% {
        box-shadow: 0 0 .13333rem #ef44d820
    }
    50% {
        box-shadow: 0 0 .53333rem #e71db1cc
    }
    to {
        box-shadow: 0 0 .13333rem #f202e633
    }
}

.x-order-utr p[data-v-9d88a288] {
    color: #e22323;
    font-family: Roboto;
    font-size: .37333rem;
    font-style: normal;
    font-weight: 500;
    line-height: .53333rem;
    margin-bottom: .26667rem
}

.x-order-utr .box[data-v-9d88a288] {
    position: relative;
    width: 100%
}

.x-order-utr .box .inp[data-v-9d88a288] {
    background: var(--bg_color_L3);
    width: 100%;
    border: .02667rem solid var(--Dividing-line_color);
    border-radius: .56rem;
    font-size: .37333rem;
    outline: none;
    -webkit-animation: glow-11f51816-9d88a288 1.8s infinite;
    animation: glow-11f51816-9d88a288 1.8s infinite;
    padding: .16rem .42667rem
}

.x-order-utr .box[data-v-9d88a288] .van-field__body input {
    border: none;
    line-height: .66667rem
}

.x-order-utr .box[data-v-9d88a288] .van-field__body input::-webkit-input-placeholder {
    color: var(--text_color_L2);
    font-size: .37333rem
}

.x-order-utr .box[data-v-9d88a288] .van-field__body input::placeholder {
    color: var(--text_color_L2);
    font-size: .37333rem
}

.x-order-utr .box .copy[data-v-9d88a288] {
    border-radius: .56rem;
    background: var(--main_gradient-color);
    color: var(--text_color_L4);
    margin: .13333rem;
    min-width: 2.13333rem;
    height: .85333rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0
}

.x-order-explain[data-v-9d88a288] {
    background: var(--bg_color_L2);
    padding: .26667rem;
    border-radius: .21333rem
}

.x-order-explain .title[data-v-9d88a288] {
    font-size: .42667rem;
    font-weight: 600;
    letter-spacing: -.00853rem;
    color: var(--darkTextW, var(--text_color_L1))
}

.x-order-explain .box p[data-v-9d88a288] {
    position: relative;
    color: var(--text_color_L2);
    font-size: .37333rem;
    line-height: .53333rem
}

.x-order .expired[data-v-9d88a288] {
    margin-top: 1.6rem
}

.x-order .expired .txt[data-v-9d88a288] {
    font-size: .42667rem;
    color: var(--text_color_L2)
}

.x-order .submit-complete[data-v-9d88a288] {
    margin-top: 1.6rem
}

.x-order .submit-complete svg[data-v-9d88a288] {
    margin-bottom: .21333rem
}

.x-order .submit-complete p[data-v-9d88a288] {
    font-size: .42667rem;
    color: var(--text_color_L1);
    line-height: .53333rem
}

.x-order .submit-complete p.weight[data-v-9d88a288] {
    font-weight: 600
}

.x-order-food[data-v-9d88a288] {
    position: fixed;
    z-index: 1000;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%);
    width: 10rem;
    max-width: 10.66667rem;
    background: var(--bg_color_L2);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: .21333rem .42667rem;
    gap: .21333rem
}

.x-order-food div[data-v-9d88a288] {
    -webkit-box-flex: 2.5;
    -webkit-flex: 2.5;
    flex: 2.5;
    height: 1.06667rem;
    line-height: 1.06667rem;
    text-align: center;
    border-radius: .21333rem;
    background: var(--button_dis_color);
    color: var(--text_color_L1);
    font-size: .42667rem;
    font-weight: 500;
    margin-top: .42667rem
}

.x-order-food div.cancel[data-v-9d88a288] {
    border-radius: .21333rem;
    border: .02667rem solid var(--bg_color_L2);
    background: var(--bg_color_L3);
    color: var(--text_color_L1);
    font-size: .37333rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    font-weight: 500
}

.x-order-food div.active[data-v-9d88a288] {
    background: var(--main_gradient-color);
    color: var(--text_color_L4)
}

.x-order-reason .title[data-v-9d88a288] {
    color: var(--text_color_L1)
}

.x-order-reason textarea[data-v-9d88a288] {
    background: var(--bg_color_L3);
    color: var(--text_color_L2);
    border: none;
    border-radius: .21333rem
}

.x-order-reason .row[data-v-9d88a288] {
    width: 100%;
    padding: .26667rem
}

.x-order-reason .btn[data-v-9d88a288] {
    height: 1.06667rem;
    line-height: 1.06667rem;
    border-radius: .21333rem;
    background: var(--main_gradient-color);
    color: var(--text_color_L4);
    font-size: .42667rem;
    font-weight: 500;
    margin-top: .42667rem
}

.x-order .x-title[data-v-9d88a288] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    gap: .05333rem;
    margin-bottom: .21333rem
}

.x-order .x-title span[data-v-9d88a288] {
    display: inline-block;
    width: .16rem;
    height: .16rem;
    border-radius: 50%;
    background: var(--main-color);
    margin-right: .10667rem
}

.x-order .x-title p[data-v-9d88a288] {
    color: var(--text_color_L1);
    font-family: Roboto;
    font-size: .42667rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.x-btn[data-v-9d88a288] {
    width: 6.13333rem;
    border-radius: .56rem;
    background: var(--main_gradient-color);
    color: var(--text_color_L4)
}

@-webkit-keyframes glow-9d88a288 {
    0% {
        box-shadow: 0 0 #00cff800
    }
    5% {
        box-shadow: 0 0 0 .13333rem #00cff8e6
    }
    10% {
        box-shadow: 0 0 0 .2rem #00cff899
    }
    15% {
        box-shadow: 0 0 0 .26667rem #00cff866
    }
    20% {
        box-shadow: 0 0 0 .33333rem #00cff800
    }
    to {
        box-shadow: 0 0 #00cff800
    }
}

@keyframes glow-9d88a288 {
    0% {
        box-shadow: 0 0 #00cff800
    }
    5% {
        box-shadow: 0 0 0 .13333rem #00cff8e6
    }
    10% {
        box-shadow: 0 0 0 .2rem #00cff899
    }
    15% {
        box-shadow: 0 0 0 .26667rem #00cff866
    }
    20% {
        box-shadow: 0 0 0 .33333rem #00cff800
    }
    to {
        box-shadow: 0 0 #00cff800
    }
}