.bg[data-v-51e5a3cf] {
    position: absolute;
    top: -1rem
}

.bg img[data-v-51e5a3cf] {
    width: 100%
}

.header[data-v-5de6878d] {
    position: relative;
    width: 100%;
    height: 1.44rem;
    overflow: hidden;
    background-color: #bff700
}

.header-con[data-v-5de6878d] {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
    padding: .32rem .28rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.header-con .left[data-v-5de6878d] {
    min-width: 0;
    flex: 1;
    display: flex;
    align-items: center;
    color: #272727;
    font-size: .24rem;
    font-weight: 500;
    line-height: .32rem
}

.header-con .left .n[data-v-5de6878d] {
    font-size: .32rem;
    margin-top: .1rem
}

.header-con .img[data-v-5de6878d] {
    flex: 0 0 auto;
    width: .8rem;
    height: .8rem;
    border-radius: 50%;
    top: 0;
    left: 0;
    overflow: hidden;
    margin-right: .16rem
}

.header-con .notive img[data-v-5de6878d] {
    height: .4rem
}

.container[data-v-1301a57e] {
    width: 100%
}

.page[data-v-1301a57e] {
    width: 100%;
    display: flex;
    flex-direction: column
}

.banner[data-v-1301a57e] {
    width: 100%
}

.banner[data-v-1301a57e] .van-skeleton-image {
    width: 100%;
    height: 4rem
}

.navs[data-v-1301a57e] {
    width: 100%;
    margin: .4rem 0;
    border-radius: .2rem;
    padding: .16rem 0;
    display: flex;
    flex-wrap: wrap
}

.navs .item[data-v-1301a57e] {
    padding: .16rem 0;
    width: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.navs .item[data-v-1301a57e] .van-skeleton-avatar {
    margin-right: 0;
    border-radius: .24rem
}

.box[data-v-1301a57e] {
    margin-bottom: .4rem
}

.box[data-v-1301a57e] .van-skeleton-title {
    margin-bottom: .2rem
}

.box[data-v-1301a57e] .van-skeleton-image {
    width: 100%;
    height: 100%
}

.box .box-con[data-v-1301a57e] {
    width: 100%;
    background-color: transparent;
    border-radius: .2rem
}

.box .box-con[data-v-1301a57e] .van-skeleton-paragraph {
    height: 100%
}

.video[data-v-1301a57e] .van-skeleton-image {
    width: 100%;
    height: 2.8rem
}

.router[data-v-1301a57e] {
    width: 100%
}

.router .box-con[data-v-1301a57e] {
    display: flex;
    justify-content: space-between
}

.router .item[data-v-1301a57e] {
    width: 3.32rem;
    height: 2.32rem
}

.partner[data-v-1301a57e] {
    width: 100%
}

.partner .box-con[data-v-1301a57e] {
    display: flex;
    flex-wrap: wrap;
    padding: .1rem;
    height: 3.4rem;
    width: calc(100% + .4rem);
    margin-left: -.2rem
}

.partner .item[data-v-1301a57e] {
    width: 50%;
    padding: 0 .1rem
}

.partner .item[data-v-1301a57e] .van-skeleton-image {
    width: 100%;
    height: 1.4rem
}

[data-v-1301a57e] .van-skeleton-image,
[data-v-1301a57e] .van-skeleton-avatar,
[data-v-1301a57e] .van-skeleton-paragraph,
[data-v-1301a57e] .van-skeleton-title {
    background-color: #181818
}

.navs[data-v-e293eb54] {
    border-radius: .32rem;
    background: #181818cc;
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    padding: .16rem 0;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 2;
    margin-top: .32rem
}

.navs .item[data-v-e293eb54] {
    width: 25%;
    text-align: center;
    padding: .16rem 0;
    display: flex;
    flex-direction: column;
    align-items: center
}

.navs .item .icon[data-v-e293eb54] {
    width: .56rem;
    height: .56rem
}

.navs .item .img[data-v-e293eb54] {
    width: 100%;
    height: 100%
}

.navs .item .name[data-v-e293eb54] {
    margin-top: .08rem;
    color: #fff;
    font-size: .24rem;
    font-weight: 400;
    line-height: .24rem
}

.home-adv[data-v-0b9f51a1] {
    margin-bottom: .32rem
}

.home-adv h2[data-v-0b9f51a1] {
    margin-bottom: .24rem;
    color: #fff;
    font-size: .3rem;
    font-weight: 600;
    line-height: .52rem
}

.home-adv .adv-box[data-v-0b9f51a1] {
    box-sizing: border-box
}

.home-adv .adv-box .item[data-v-0b9f51a1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .32rem;
    padding: .32rem .28rem;
    border-radius: .24rem;
    background: #181818
}

.home-adv .adv-box .item[data-v-0b9f51a1]:last-child {
    border-bottom: none
}

.home-adv .adv-box .item .title[data-v-0b9f51a1] {
    color: #fff;
    font-size: .28rem;
    font-style: normal;
    font-weight: 400;
    line-height: .3rem
}

.home-market[data-v-9c7a3fc3] {
    margin-bottom: .32rem
}

.home-market h2[data-v-9c7a3fc3] {
    font-size: .32rem;
    font-weight: 700
}

.home-market .tr[data-v-9c7a3fc3] {
    padding: .24rem .32rem;
    display: flex;
    margin-top: .32rem;
    border-radius: .24rem;
    background: #181818;
    justify-content: space-between
}

.home-market .tr .td[data-v-9c7a3fc3] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    color: #fff;
    font-size: .28rem;
    font-style: normal;
    font-weight: 500
}

.home-market .tr .td[data-v-9c7a3fc3]:first-child {
    justify-content: flex-start
}

.home-market .tr .td[data-v-9c7a3fc3]:last-child {
    justify-content: flex-end
}

.home-market .tr .td .img[data-v-9c7a3fc3] {
    width: .8rem;
    height: .8rem
}

.home-market .tr .td .coin[data-v-9c7a3fc3] {
    margin-left: .16rem;
    display: flex;
    flex-direction: column
}

.home-market .tr .td .coin .buyCoinName[data-v-9c7a3fc3] {
    font-size: .28rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1em
}

.home-market .tr .td .coin .sellCoinName[data-v-9c7a3fc3] {
    margin-top: .06rem;
    font-size: .22rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1em
}

.home-market .tr .td .price[data-v-9c7a3fc3] {
    text-align: right
}

.home-market .tr .td .btn[data-v-9c7a3fc3] {
    border-radius: .12rem;
    min-width: 1.4rem;
    height: .56rem;
    color: #00cd88;
    text-align: center;
    font-size: .26rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: right
}

.home-market .tr .td .btn img[data-v-9c7a3fc3] {
    width: .2rem;
    height: .2rem;
    margin-right: .1rem
}

.home-market .tr .td .btn.drop[data-v-9c7a3fc3] {
    color: #ff6464
}

.list[data-v-9c7a3fc3] {
    white-space: nowrap;
    overflow: scroll;
    margin-bottom: .32rem;
    margin-top: .32rem
}

.list li[data-v-9c7a3fc3] {
    border-radius: .24rem;
    width: 2.44rem;
    margin-right: .32rem;
    display: inline-block;
    background: #181818;
    padding: .24rem .34rem .24rem .24rem;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: .16rem
}

.list li[data-v-9c7a3fc3]:last-child {
    margin-right: 0
}

.list li .pic img[data-v-9c7a3fc3] {
    width: 100%
}

.list li .img[data-v-9c7a3fc3] {
    width: .56rem;
    height: .56rem;
    margin-right: .14rem
}

.list li .td[data-v-9c7a3fc3] {
    display: flex;
    flex-wrap: wrap
}

.list li .con[data-v-9c7a3fc3] {
    padding: .24rem 0;
    font-size: .24rem
}

.list li .btn[data-v-9c7a3fc3] {
    color: #00cd88
}

.list li .btn img[data-v-9c7a3fc3] {
    width: .2rem;
    height: .2rem
}

.list li .btn.drop[data-v-9c7a3fc3] {
    color: #ff6464
}

.list li .price[data-v-9c7a3fc3] {
    margin-right: .1rem
}

.list li .coin span[data-v-9c7a3fc3] {
    display: block
}

.list li .coin .sellCoinName[data-v-9c7a3fc3] {
    color: #f0f0f2;
    font-size: .2rem;
    font-weight: 400;
    letter-spacing: .004rem
}

.swiper-con[data-v-62a38ea7] {
    width: 100%;
    border-radius: .24rem;
    background: #fff;
    padding: .24rem;
    box-sizing: border-box;
    overflow: hidden
}

.swiper-con .item[data-v-62a38ea7] {
    display: flex
}

.swiper-con .img[data-v-62a38ea7] {
    width: 100%
}

.video[data-v-b2b3b7bd] {
    margin-bottom: .32rem;
    position: relative
}

.video .play[data-v-b2b3b7bd] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1.16rem;
    height: 1.16rem;
    object-fit: contain
}

.video video[data-v-b2b3b7bd] {
    width: 100%;
    height: 4rem;
    object-fit: cover;
    border-radius: .24rem;
    overflow: hidden
}

.challenge[data-v-f306c1c6] {
    margin: .32rem 0;
    padding: .48rem .4rem;
    border-radius: .24rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #181818;
    position: relative
}

.challenge .text[data-v-f306c1c6] {
    background: url(data:image/png;base64,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) no-repeat 0 center;
    background-size: auto 100%;
    padding-left: .32rem;
    width: 100%;
    padding-right: 2rem
}

.challenge .text h3[data-v-f306c1c6] {
    color: #fff;
    font-size: .4rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1em
}

.challenge .text p[data-v-f306c1c6] {
    margin-top: .14rem;
    color: #bff700;
    font-size: .28rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1em
}

.challenge .img[data-v-f306c1c6] {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%
}

.challenge .p[data-v-f306c1c6] {
    color: #fff9;
    font-size: .2rem;
    font-weight: 350;
    line-height: .24rem;
    margin-top: .24rem
}

.home[data-v-28107bfb] {
    padding-bottom: .2rem;
    position: relative;
    z-index: 2
}

.home .icon-noticebar[data-v-28107bfb] {
    margin-right: .16rem;
    width: .32rem;
    height: .32rem
}

.home-lucky[data-v-28107bfb] {
    margin-top: .32rem;
    background: url(/img/homebg-vpNR5wTK.png) center no-repeat;
    background-size: 100% 100%;
    padding: .36rem .32rem;
    font-size: .28rem;
    color: #bff700;
    line-height: .48rem
}

.home-lucky div[data-v-28107bfb] {
    font-size: .4rem;
    color: #fff;
    line-height: .48rem;
    font-weight: 600
}

.box[data-v-28107bfb] {
    margin-bottom: .4rem;
    border-radius: .24rem;
    background: #f5f5f5
}

.box .title[data-v-28107bfb] {
    width: 100%;
    height: .94rem;
    padding: 0 .36rem;
    font-size: .32rem;
    font-weight: 700;
    color: #bff700;
    border-radius: .24rem;
    background: #3f4d5b;
    box-sizing: border-box;
    display: flex;
    align-items: center
}

.header[data-v-28107bfb] {
    position: relative;
    width: 100%;
    height: 1.44rem;
    overflow: hidden
}

.header-con[data-v-28107bfb] {
    position: relative;
    z-index: 2;
    align-items: center;
    padding: .32rem .28rem
}

.header-con .flex1[data-v-28107bfb] {
    display: flex;
    align-items: center;
    color: #272727;
    font-size: .24rem;
    font-weight: 500;
    line-height: .32rem
}

.header-con .flex1 .n[data-v-28107bfb] {
    font-size: .32rem;
    margin-top: .1rem
}

.header-con .img[data-v-28107bfb] {
    width: .8rem;
    height: .8rem;
    border-radius: 50%;
    top: 0;
    left: 0;
    overflow: hidden;
    margin-right: .16rem
}

.header-con .notive img[data-v-28107bfb] {
    height: .4rem
}

[data-v-28107bfb] .van-notice-bar {
    padding: 0 .24rem;
    border-radius: .24rem
}

.website[data-v-28107bfb] {
    border-radius: .24rem;
    background: #161616;
    padding: .28rem;
    margin-top: .24rem;
    position: relative;
    z-index: 100
}

.website .title[data-v-28107bfb] {
    margin-bottom: .16rem;
    color: #bff700;
    font-size: .28rem;
    font-weight: 400;
    line-height: .28rem
}

.website .url[data-v-28107bfb] {
    border-radius: .16rem;
    background: #242424;
    padding: .2rem;
    display: flex;
    align-items: center;
    font-size: .24rem;
    color: #fff
}

.website .url .s[data-v-28107bfb] {
    flex: 1;
    margin-left: .2rem
}