@charset "UTF-8";

.btn[data-v-cc54467b] {
    position: fixed;
    left: 50%;
    bottom: 2.05128rem;
    transform: translate(-50%);
    width: 5.12821rem;
    height: 1.15385rem;
    background: #FFCE34;
    box-shadow: 0 -.10256rem .25641rem #ffce34 inset;
    border-radius: 2.05128rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: .51282rem;
    padding-right: 1.02564rem;
    z-index: 100
}

.btn .line[data-v-cc54467b] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1.28205rem;
    height: .64103rem
}

.btn .close[data-v-cc54467b] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: .12821rem;
    font-size: .71795rem;
    margin: 0 .12821rem
}

.btn .icon[data-v-cc54467b] {
    width: .61538rem;
    height: .61538rem
}

.btn .text[data-v-cc54467b] {
    font-weight: 700;
    font-size: .35897rem;
    line-height: .61538rem;
    color: #1f262f;
    padding-right: .25641rem
}

:root {
    --swiper-navigation-size: 1.12821rem
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0 - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: .20513rem
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translate(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    -ms-touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

[data-v-f9f65273] .swiper-slide.swiper-slide-active {
    transform: all .3s
}

[data-v-f9f65273] .swiper-slide.swiper-slide-active:last-child {
    padding-right: 0 !important
}

[data-v-f9f65273] .swiper-pagination-bullet-active {
    background-color: var(--yellow-1)
}

.x-banner .skeleton-img[data-v-f9f65273] {
    height: 4rem;
    width: 100%;
    border-radius: .17949rem
}

.x-banner-swipe[data-v-f9f65273] {
    position: relative;
    height: 5.05128rem;
    margin: 0 -.30769rem;
    padding: 0 .30769rem;
    overflow: hidden
}

.x-banner-swipe .banner[data-v-f9f65273] {
    border-radius: .17949rem;
    margin-top: .4359rem;
    height: 4rem
}

.x-banner-swipe .banner .item[data-v-f9f65273] {
    filter: drop-shadow(0 .28205rem .27436rem rgba(35, 38, 49, .06));
    position: relative
}

.x-banner-swipe .banner .item .last[data-v-f9f65273] {
    width: 100%;
    height: 100%;
    border-radius: .20513rem;
    border: .03846rem solid #EBEBEB;
    background: #FFF;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: .41026rem
}

.x-banner-swipe .banner .item .last-text[data-v-f9f65273] {
    color: #1f262f;
    text-align: center;
    font-size: .35897rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.x-banner-swipe .banner .item .last-btn[data-v-f9f65273] {
    padding: .20513rem .41026rem;
    color: #f5ba00;
    font-size: .35897rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -.00821rem;
    border-radius: .10256rem;
    border: .03846rem solid #F5BA00
}

.x-banner-swipe .banner .item .detail[data-v-f9f65273] {
    position: absolute;
    left: .41026rem;
    bottom: .46154rem;
    color: #f5ba00;
    font-size: .30769rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -.00821rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .10256rem
}

.x-banner-swipe .banner .item[data-v-f9f65273],
.x-banner-swipe .banner .img[data-v-f9f65273] {
    height: 4rem;
    width: 100%;
    border-radius: .17949rem
}

.x-banner-swipe .banner .img[data-v-f9f65273] {
    overflow: hidden;
    border: .05128rem solid #EBEBEB
}

.x-banner-swipe .count[data-v-f9f65273] {
    position: absolute;
    width: .46154rem;
    height: .46154rem;
    top: .20513rem;
    right: .82051rem;
    z-index: 99;
    border-radius: 50%;
    background: #FFC40B;
    color: #1f262f;
    text-align: center;
    font-size: .30769rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.x-banner-skeleton[data-v-f9f65273] {
    margin-top: .41026rem;
    padding: 0
}

.x-banner .Mnav[data-v-f9f65273] .swiper-pagination {
    bottom: .12821rem;
    width: 1.28205rem;
    left: 50%;
    background: #E1E2E5;
    display: flex;
    height: .07692rem;
    transform: translate(-50%);
    border-radius: .07692rem;
    overflow: hidden
}

.x-banner .Mnav[data-v-f9f65273] .swiper-pagination .swiper-pagination-bullet {
    margin: 0 auto;
    flex: 1;
    border-radius: 0;
    height: .07692rem;
    background: #E1E2E5
}

.x-banner .Mnav[data-v-f9f65273] .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #ffc40b
}

.x-banner .Mnav .box[data-v-f9f65273] {
    display: flex
}

.x-banner .Mnav .box .item[data-v-f9f65273] {
    text-align: center;
    width: 25%;
    padding: 0 .05128rem
}

.x-banner .Mnav .box .item .icon[data-v-f9f65273] {
    width: 1.17949rem;
    height: 1.17949rem;
    border-radius: 1.17949rem;
    margin: 0 auto .10256rem;
    overflow: hidden
}

.x-banner .Mnav .box .item .icon .img[data-v-f9f65273] {
    width: 100%;
    height: 100%
}

.x-banner .Mnav .box .item p[data-v-f9f65273] {
    height: .51282rem;
    line-height: .51282rem;
    overflow: hidden
}

[data-v-5818d1f5] .van-empty {
    padding: .35897rem 0 .4359rem
}

[data-v-5818d1f5] .van-empty__description {
    margin-top: 0
}

.x-home-order .title[data-v-5818d1f5] {
    font-size: .41026rem;
    color: #1f262f;
    font-weight: 500
}

.x-home-order .item[data-v-5818d1f5] {
    margin-bottom: .25641rem
}

.x-home-order .item .head[data-v-5818d1f5] {
    padding: .30769rem;
    border-radius: .20513rem .20513rem 0 0;
    border: .02564rem solid #DCDDE0;
    background: #F7F8FC;
    border-bottom: 0
}

.x-home-order .item .head .tit[data-v-5818d1f5] {
    border-radius: .10256rem;
    background: #2CC660;
    color: #fff;
    padding: .10256rem .33333rem;
    font-size: .41026rem
}

.x-home-order .item .head .tit.type1[data-v-5818d1f5] {
    background: #fac10c
}

.x-home-order .item .head .tit.type2[data-v-5818d1f5] {
    background: #2CC659
}

.x-home-order .item .head .status[data-v-5818d1f5] {
    font-size: .41026rem
}

.x-home-order .item .head .status-1[data-v-5818d1f5],
.x-home-order .item .head .status-2[data-v-5818d1f5],
.x-home-order .item .head .status-5[data-v-5818d1f5] {
    color: #f5ba00
}

.x-home-order .item .head .status-3[data-v-5818d1f5] {
    color: #63a1ff
}

.x-home-order .item .head .status-4[data-v-5818d1f5],
.x-home-order .item .head .status-17[data-v-5818d1f5] {
    color: #2cc660
}

.x-home-order .item .head .status-6[data-v-5818d1f5],
.x-home-order .item .head .status-16[data-v-5818d1f5] {
    color: #fc7878
}

.x-home-order .item .box[data-v-5818d1f5] {
    padding: .41026rem .30769rem;
    border-radius: 0 0 .20513rem .20513rem;
    border: .02564rem solid #DCDDE0;
    color: #7e858e;
    font-size: .35897rem
}

.x-home-order .item .box .amount[data-v-5818d1f5] {
    color: #1f262f;
    font-size: .41026rem;
    font-weight: 700
}

.x-home-order .item .box .utr[data-v-5818d1f5] {
    color: #1f262f
}

.x-home-order .item .box>p[data-v-5818d1f5] {
    padding-top: .20513rem;
    color: #1f262f;
    font-size: .35897rem
}

.x-home-order .item .box>p[data-v-5818d1f5] span {
    color: #f5ba00
}

.x-home-order .item .line[data-v-5818d1f5] {
    margin-top: .41026rem;
    height: .51282rem;
    line-height: .51282rem;
    border-radius: .10256rem;
    overflow: hidden;
    position: relative
}

.x-home-order .item .line>span[data-v-5818d1f5] {
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    color: #1f262f;
    padding: 0 .25641rem
}

[data-v-00800ffb] .van-collapse-item {
    margin-bottom: .10256rem
}

[data-v-00800ffb] .van-cell {
    background: #F2F3F7;
    border-radius: .10256rem;
    color: #1f262f;
    font-size: .41026rem;
    letter-spacing: -.00821rem
}

[data-v-00800ffb] .van-collapse-item__title--expanded {
    background: #FAC10C
}

[data-v-00800ffb] .van-collapse-item__content {
    background: #F8F8F8;
    border-radius: .10256rem;
    color: #1f262f
}

[data-v-00800ffb] .van-text-ellipsis__action {
    padding-top: .25641rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #f5ba00
}

[data-v-00800ffb] .van-text-ellipsis__action .look {
    position: relative
}

[data-v-00800ffb] .van-text-ellipsis__action .look:after {
    padding-left: .12821rem;
    display: inline-block;
    content: "▴"
}

[data-v-00800ffb] .van-text-ellipsis__action .look.active:after {
    padding-right: .12821rem;
    display: inline-block;
    content: "▴";
    transform: rotate(180deg)
}

.x-qestion[data-v-00800ffb] {
    margin-top: .61538rem
}

.x-qestion .title[data-v-00800ffb],
.x-qestion .tit[data-v-00800ffb] {
    color: #1f262f;
    font-size: .41026rem;
    font-weight: 500
}

.x-qestion .tit[data-v-00800ffb] {
    text-indent: -1em;
    padding-left: .41026rem
}

.x-qestion .icon[data-v-00800ffb] {
    font-size: .30769rem;
    font-weight: 600;
    margin-left: .25641rem
}

.x-qestion-tab[data-v-00800ffb] {
    margin: .51282rem 0
}

.x-qestion-tab>div[data-v-00800ffb] {
    min-width: 2.25641rem;
    height: .71795rem;
    line-height: .71795rem;
    color: #a2a7ac;
    margin-right: .38462rem;
    padding: 0 .41026rem;
    font-size: .35897rem
}

.x-qestion-tab>div.active[data-v-00800ffb] {
    color: #1f262f;
    border-radius: .38462rem;
    background: #EBECF0
}

[data-v-cad80d44] .van-empty__image {
    width: 5.62082rem
}

.x-home[data-v-cad80d44] {
    padding: 0 .30769rem .51282rem
}

.x-home-balance[data-v-cad80d44] {
    color: #7e858e;
    font-weight: 500;
    line-height: 130%
}

.x-home-balance>p[data-v-cad80d44] {
    margin-top: .07692rem;
    color: #1f262f;
    font-family: Roboto;
    font-size: .51282rem;
    font-weight: 700
}

.x-home-balance>p>span[data-v-cad80d44] {
    padding-left: .12821rem;
    color: #1f262f;
    font-size: .35897rem
}

.x-home-nav[data-v-cad80d44] {
    margin: .61538rem 0
}

.x-home-nav .item[data-v-cad80d44] {
    width: 50%;
    border-radius: .20513rem;
    padding: .41026rem .20513rem;
    border: .05128rem solid #FFE493;
    background: #FFF9E7 url(./buy-c8a841df.svg) no-repeat 3.07692rem center;
    color: #fac00c;
    font-size: .28205rem
}

.x-home-nav .item .title[data-v-cad80d44] {
    font-size: .41026rem
}

.x-home-nav .item .tip[data-v-cad80d44] {
    margin-top: .07692rem;
    max-width: 2.5641rem
}

.x-home-nav .item[data-v-cad80d44]:last-child {
    background: #EAF9EF url(./sell-c2c1f378.svg) no-repeat 3.07692rem center;
    color: #2cc660;
    border: .05128rem solid #AEEDC3;
    font-size: .25641rem
}

.x-home-nav .item:last-child .title[data-v-cad80d44] {
    font-size: .41026rem
}

.x-home .matchFail[data-v-cad80d44] .content {
    font-size: .35897rem;
    line-height: .51282rem
}

.prompt-dialog {
    width: 8.30769rem;
    min-height: 12.41026rem;
    max-height: 100%;
    border-radius: .20513rem;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    top: 50%
}

.prompt-dialog img {
    width: 100%
}

.prompt-dialog .promptHeader {
    background: linear-gradient(135deg, #FDE391 15%, #FFC40B 85%);
    text-align: center;
    height: 1.4359rem;
    width: 100%;
    line-height: 1.4359rem;
    color: #1f262f;
    font-weight: 600;
    font-size: .61538rem;
    box-sizing: border-box;
    letter-spacing: -.00821rem
}

.promptContent {
    width: 100%;
    min-height: 8.97436rem;
    max-height: 80vh;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: auto;
    padding: .41026rem .30769rem
}

.prompt-dialog .promptFooter {
    width: 100%;
    padding-top: .41026rem;
    padding-bottom: .25641rem;
    gap: .30769rem
}

.prompt-dialog .promptFooter>div {
    flex: 1;
    height: 1.23077rem;
    border-radius: .20513rem;
    color: #1f262f;
    text-align: center;
    line-height: 1.23077rem;
    background: #FFC40B;
    font-weight: 400;
    font-size: .35897rem
}

.prompt-dialog .promptFooter>div.close {
    line-height: 1.17949rem;
    background: #F5F6FA;
    color: #1f262f;
    border: .02564rem solid #E6E7EB
}


.promptContent {
    width: 100%;
    min-height: 8.97436rem;
    max-height: 80vh;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: auto;
    padding: .41026rem .30769rem;
}