.Profit[data-v-f49c23f9] {
    padding: 10px 0 24px;
    border-radius: var(--radius);
    display: flex;
    justify-content: center;
    align-items: center
}

.airdrop-home-wrap[data-v-6fb9a1dc] {
    position: relative;
    padding-top: 60px;
    padding-bottom: calc(var(--tabbar-height) + 30px);
    padding-left: var(--mg);
    padding-right: var(--mg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: calc(100 * var(--vh));
    overflow-y: auto
}

.airdrop-home-wrap .account-item[data-v-6fb9a1dc] {
    width: 100%;
    text-align: center
}

.airdrop-home-wrap .progress[data-v-6fb9a1dc] {
    border: 1px solid var(--border-color);
    width: 90%;
    height: 20px;
    border-radius: var(--radius);
    margin: 0 auto;
    position: relative;
    overflow: hidden
}

.airdrop-home-wrap .progress[data-v-6fb9a1dc]:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: var(--145971d0);
    height: 100%;
    background: var(--btn-bg);
    transition: width .3s ease
}

.airdrop-home-wrap .flash[data-v-6fb9a1dc] {
    position: relative
}

.airdrop-home-wrap .flash[data-v-6fb9a1dc]:before {
    content: "";
    position: absolute;
    z-index: 1;
    display: inline-block;
    top: -180px;
    left: -50px;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn1-6fb9a1dc 3s ease-in-out infinite
}

@keyframes shiny-btn1-6fb9a1dc {
    0% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: 0
    }
    80% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: .5
    }
    81% {
        -webkit-transform: scale(4) rotate(45deg);
        opacity: 1
    }
    to {
        -webkit-transform: scale(50) rotate(45deg);
        opacity: 0
    }
}

.airdrop-home-wrap .earn-card[data-v-6fb9a1dc] {
    padding: 27px 19px;
    background: var(--bg-card);
    border-radius: var(--card-radius);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    margin-top: 40px
}

.airdrop-home-wrap .earn-card .img[data-v-6fb9a1dc] {
    position: absolute;
    bottom: 0;
    left: 19px
}

.airdrop-home-wrap .earn-card .btn-wrap[data-v-6fb9a1dc] {
    background: var(--btn-bg);
    padding: 10px 20px;
    border-radius: var(--radius);
    font-weight: 600;
    cursor: pointer
}

.airdrop-home-wrap[data-v-e5496b19] {
    position: relative;
    padding-top: 60px;
    padding-bottom: calc(var(--tabbar-height) + 10px);
    padding-left: var(--mg);
    padding-right: var(--mg)
}

.airdrop-home-wrap .bg-battery[data-v-e5496b19] {
    position: relative;
    overflow: hidden
}

.airdrop-home-wrap .bg-battery[data-v-e5496b19]:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    background: var(--btn-bg);
    width: 100%;
    height: var(--9e300a46)
}

.airdrop-home-wrap .flash[data-v-e5496b19] {
    position: relative
}

.airdrop-home-wrap .flash[data-v-e5496b19]:before {
    content: "";
    position: absolute;
    z-index: 1;
    display: inline-block;
    top: -180px;
    left: -50px;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn1-e5496b19 3s ease-in-out infinite
}

@keyframes shiny-btn1-e5496b19 {
    0% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: 0
    }
    80% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: .5
    }
    81% {
        -webkit-transform: scale(4) rotate(45deg);
        opacity: 1
    }
    to {
        -webkit-transform: scale(50) rotate(45deg);
        opacity: 0
    }
}

.airdrop-home-wrap .earn-card[data-v-e5496b19] {
    padding: 27px 19px;
    background: var(--bg-card);
    border-radius: var(--card-radius);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    margin-top: 30px
}

.airdrop-home-wrap .earn-card .img[data-v-e5496b19] {
    position: absolute;
    bottom: 0;
    left: 19px
}

.airdrop-home-wrap .earn-card .btn-wrap[data-v-e5496b19] {
    background: var(--primary);
    padding: 10px 20px;
    border-radius: var(--radius);
    font-weight: 600;
    cursor: pointer
}

.my-rank[data-v-8d7fa156] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px
}

.my-rank .my-rank-item[data-v-8d7fa156] {
    width: 100%;
    text-align: center
}

.my-rank .my-rank-item .title[data-v-8d7fa156] {
    font-size: 16px;
    font-weight: 700
}

.my-rank .my-rank-item .value[data-v-8d7fa156] {
    font-size: 16px;
    font-weight: 700;
    color: var(--primary)
}

.airdrop-rank-title[data-v-8d7fa156] {
    font-size: 24px;
    font-weight: 700;
    margin: 12px 0;
    text-align: center
}

.rank-list[data-v-8d7fa156] {
    padding: 12px;
    margin-bottom: 12px
}

.rank-list .rank-item[data-v-8d7fa156] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.rank-list .rank-item .rank-item-left[data-v-8d7fa156] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 16px;
    font-weight: 700;
    flex: 1
}

.rank-list .rank-item .rank-item-left .rank-item-left-index[data-v-8d7fa156] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.rank-list .rank-item .rank-item-left .avatar[data-v-8d7fa156] {
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.rank-list .rank-item .rank-item-left .name[data-v-8d7fa156] {
    margin-left: 10px;
    max-width: 120px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    word-break: break-all
}

.rank-list .rank-item .rank-item-right[data-v-8d7fa156] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 700
}

.rank-list .rank-item .rank-item-right .coin-icon[data-v-8d7fa156] {
    width: 20px;
    height: 20px;
    margin-right: 4px;
    border-radius: 50%
}

.rank-list .rank-item .rank-item-right .coin-value[data-v-8d7fa156] {
    color: #ffd337
}

.my-rank[data-v-d44e4617] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px
}

.my-rank .my-rank-item[data-v-d44e4617] {
    width: 100%;
    text-align: center
}

.my-rank .my-rank-item .title[data-v-d44e4617] {
    font-size: 16px;
    font-weight: 700
}

.my-rank .my-rank-item .value[data-v-d44e4617] {
    font-size: 16px;
    font-weight: 700;
    color: var(--primary)
}

.airdrop-rank-title[data-v-d44e4617] {
    font-size: 24px;
    font-weight: 700;
    margin: 12px 0;
    text-align: center
}

.rank-list[data-v-d44e4617] {
    padding: 12px;
    margin-bottom: 12px
}

.rank-list .rank-item[data-v-d44e4617] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.rank-list .rank-item .rank-item-left[data-v-d44e4617] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 16px;
    font-weight: 700;
    flex-grow: 1
}

.rank-list .rank-item .rank-item-left .rank-item-left-index[data-v-d44e4617] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.rank-list .rank-item .rank-item-left .avatar[data-v-d44e4617] {
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.rank-list .rank-item .rank-item-left .name[data-v-d44e4617] {
    margin-left: 10px;
    max-width: 120px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    word-break: break-all
}

.rank-list .rank-item .rank-item-right[data-v-d44e4617] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 700
}

.rank-list .rank-item .rank-item-right .coin-icon[data-v-d44e4617] {
    width: 20px;
    height: 20px;
    margin-right: 4px;
    border-radius: 50%
}

.rank-list .rank-item .rank-item-right .coin-value[data-v-d44e4617] {
    color: #ffd337
}

.airdrop-rank-wrap[data-v-26d1e901] {
    position: relative;
    padding-bottom: calc(var(--tabbar-height) + 10px)
}

.airdrop-home-wrap[data-v-11c9bbb2] {
    position: relative;
    padding-bottom: calc(var(--tabbar-height) + 10px);
    padding-top: var(--mg);
    min-height: calc(var(--vh, 1vh) * 100);
    display: flex;
    flex-direction: column
}

.airdrop-home-wrap .top-glow[data-v-11c9bbb2] {
    height: calc(var(--vh, 1vh) * 100 - 100px);
    box-shadow: 0 -5px 10px var(--primary)
}

.airdrop-home-wrap .primary-shadow[data-v-11c9bbb2] {
    box-shadow: 0 0 4px var(--primary)
}

.airdrop-home-wrap .bg-top-wrap[data-v-11c9bbb2] {
    height: 100%
}

.no-1 .circle-outer[data-v-11c9bbb2] {
    background: linear-gradient(to bottom, #575def, #202731);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 55vw;
    height: 55vw;
    max-width: 300px;
    max-height: 300px
}

.no-1 .circle-inner[data-v-11c9bbb2] {
    background: radial-gradient(circle, #4960b2, #282e3e);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 1px #0003
}

.no-2 .circle-outer[data-v-11c9bbb2] {
    background: linear-gradient(to bottom, #575def, #89a7d1);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 55vw;
    height: 55vw;
    max-width: 300px;
    max-height: 300px
}

.no-2 .circle-inner[data-v-11c9bbb2] {
    background: radial-gradient(circle, #4960b2, #8ca0d7);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 1px #0003
}

.airdrop-home-wrap[data-v-079efa86] {
    position: relative;
    padding-top: 60px;
    padding-bottom: calc(var(--tabbar-height));
    min-height: calc(var(--vh, 1vh) * 100)
}

.airdrop-home-wrap .bg-base-image[data-v-079efa86] {
    background-image: url(/assets/bg-jHJWUXwU.png)
}

.airdrop-home-wrap .top-glow[data-v-079efa86] {
    height: calc(var(--vh, 1vh) * 100 - 100px);
    box-shadow: 0 -5px 10px #3e8efbaa
}

.airdrop-home-wrap .bg-top-wrap[data-v-079efa86] {
    height: 100%
}

.airdrop-home-wrap .progress[data-v-079efa86] {
    background: transparent;
    border: 1px solid var(--border-color);
    width: 100%;
    height: 30px;
    margin: 10px auto;
    position: relative;
    overflow: hidden;
    border-radius: var(--card-radius)
}

.airdrop-home-wrap .progress[data-v-079efa86]:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: var(--6867780c);
    height: 100%;
    background: #666fe9;
    transition: width .3s ease
}

.airdrop-home-wrap .flash[data-v-079efa86] {
    position: relative
}

.airdrop-home-wrap .flash[data-v-079efa86]:before {
    content: "";
    position: absolute;
    z-index: 1;
    display: inline-block;
    top: -180px;
    left: -50px;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn1-079efa86 3s ease-in-out infinite
}

@keyframes shiny-btn1-079efa86 {
    0% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: 0
    }
    80% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: .5
    }
    81% {
        -webkit-transform: scale(4) rotate(45deg);
        opacity: 1
    }
    to {
        -webkit-transform: scale(50) rotate(45deg);
        opacity: 0
    }
}

.airdrop-home-wrap .card1[data-v-079efa86] {
    border: 1px solid var(--border-color2);
    border-radius: var(--card-radius);
    background: #2ef8fc33;
    font-weight: 700;
    font-size: 16px;
    padding: 10px
}

.airdrop-home-wrap .card2[data-v-079efa86] {
    border: 1px solid rgb(96, 165, 250);
    border-radius: var(--card-radius);
    background-image: linear-gradient(90deg, #7098e9, #3362c2 50%, #182e5c);
    font-weight: 700;
    font-size: 16px;
    padding: 10px
}

.airdrop-home-wrap[data-v-99a880c1] {
    position: relative;
    padding-top: 60px;
    padding-bottom: calc(var(--tabbar-height) + 30px);
    padding-left: var(--mg);
    padding-right: var(--mg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: calc(100 * var(--vh));
    overflow-y: auto
}

.airdrop-home-wrap .account-item[data-v-99a880c1] {
    width: 100%;
    text-align: center
}

.airdrop-home-wrap .progress[data-v-99a880c1] {
    background: transparent;
    border: 2px solid rgb(163, 112, 41);
    width: 100%;
    height: 30px;
    margin: 10px auto;
    position: relative;
    overflow: hidden;
    border-radius: var(--card-radius)
}

.airdrop-home-wrap .progress[data-v-99a880c1]:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: var(--452ee629);
    height: 100%;
    background: #a37029;
    transition: width .3s ease
}

.airdrop-home-wrap .flash[data-v-99a880c1] {
    position: relative
}

.airdrop-home-wrap .flash[data-v-99a880c1]:before {
    content: "";
    position: absolute;
    z-index: 1;
    display: inline-block;
    top: -180px;
    left: -50px;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn1-99a880c1 3s ease-in-out infinite
}

@keyframes shiny-btn1-99a880c1 {
    0% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: 0
    }
    80% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: .5
    }
    81% {
        -webkit-transform: scale(4) rotate(45deg);
        opacity: 1
    }
    to {
        -webkit-transform: scale(50) rotate(45deg);
        opacity: 0
    }
}

.airdrop-home-wrap .earn-card[data-v-99a880c1] {
    background: var(--bg-card);
    border-radius: var(--card-radius);
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    margin-top: 10px;
    padding: 6px var(--mg)
}

.airdrop-home-wrap .earn-card .btn-wrap[data-v-99a880c1] {
    background: var(--btn-bg);
    padding: 5px 10px;
    border-radius: var(--card-radius);
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    border: 2px solid rgb(163, 112, 41);
    box-shadow: #a37029 0 4px;
    letter-spacing: 1px;
    filter: drop-shadow(rgb(133, 100, 71) 0px 1px 0px);
    text-shadow: rgb(133, 100, 71) -1px -1px 0px, rgb(133, 100, 71) 0px -1px 0px, rgb(133, 100, 71) 1px -1px 0px, rgb(133, 100, 71) 1px 0px 0px, rgb(133, 100, 71) 1px 1px 0px, rgb(133, 100, 71) 0px 1px 0px, rgb(133, 100, 71) -1px 1px 0px, rgb(133, 100, 71) -1px 0px 0px
}

.airdrop-home-wrap[data-v-880f1aa0] {
    position: relative;
    padding-top: 60px;
    padding-bottom: calc(var(--tabbar-height) + 30px);
    padding-left: var(--mg);
    padding-right: var(--mg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: calc(100 * var(--vh));
    overflow-y: auto
}

.airdrop-home-wrap .account-item[data-v-880f1aa0] {
    width: 100%;
    text-align: center
}

.airdrop-home-wrap .progress[data-v-880f1aa0] {
    border: 1px solid white;
    width: 90%;
    height: 20px;
    margin: 0 auto;
    position: relative;
    overflow: hidden
}

.airdrop-home-wrap .progress[data-v-880f1aa0]:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: var(--27a31b71);
    height: 100%;
    background: #fff;
    transition: width .3s ease
}

.airdrop-home-wrap .flash[data-v-880f1aa0] {
    position: relative
}

.airdrop-home-wrap .flash[data-v-880f1aa0]:before {
    content: "";
    position: absolute;
    z-index: 1;
    display: inline-block;
    top: -180px;
    left: -50px;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn1-880f1aa0 3s ease-in-out infinite
}

@keyframes shiny-btn1-880f1aa0 {
    0% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: 0
    }
    80% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: .5
    }
    81% {
        -webkit-transform: scale(4) rotate(45deg);
        opacity: 1
    }
    to {
        -webkit-transform: scale(50) rotate(45deg);
        opacity: 0
    }
}

.airdrop-home-wrap .earn-card[data-v-880f1aa0] {
    background: #fff;
    border-radius: var(--card-radius);
    color: var(--primary);
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    margin-top: 10px;
    padding: 6px var(--mg)
}

.airdrop-home-wrap .earn-card .btn-wrap[data-v-880f1aa0] {
    background: #fff;
    color: var(--primary);
    padding: 5px 10px;
    border: 2px solid var(--primary);
    border-radius: var(--radius);
    font-weight: 600;
    cursor: pointer
}

.airdrop-home-wrap[data-v-94d4b6d8] {
    position: relative;
    padding-top: 60px;
    padding-bottom: calc(var(--tabbar-height) + 30px);
    padding-left: var(--mg);
    padding-right: var(--mg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: calc(100 * var(--vh));
    overflow-y: auto
}

.airdrop-home-wrap .account-item[data-v-94d4b6d8] {
    width: 100%;
    text-align: center
}

.airdrop-home-wrap .progress[data-v-94d4b6d8] {
    border: 1px solid var(--border-color);
    width: 90%;
    height: 20px;
    border-radius: var(--radius);
    margin: 0 auto;
    position: relative;
    overflow: hidden
}

.airdrop-home-wrap .progress[data-v-94d4b6d8]:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: var(--00dc0d93);
    height: 100%;
    background: var(--btn-bg);
    transition: width .3s ease
}

.airdrop-home-wrap .flash[data-v-94d4b6d8] {
    position: relative
}

.airdrop-home-wrap .flash[data-v-94d4b6d8]:before {
    content: "";
    position: absolute;
    z-index: 1;
    display: inline-block;
    top: -180px;
    left: -50px;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn1-94d4b6d8 3s ease-in-out infinite
}

@keyframes shiny-btn1-94d4b6d8 {
    0% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: 0
    }
    80% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: .5
    }
    81% {
        -webkit-transform: scale(4) rotate(45deg);
        opacity: 1
    }
    to {
        -webkit-transform: scale(50) rotate(45deg);
        opacity: 0
    }
}

.airdrop-home-wrap .earn-card[data-v-94d4b6d8] {
    padding: 27px 19px;
    background: var(--bg-card);
    border-radius: var(--card-radius);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    margin-top: 40px
}

.airdrop-home-wrap .earn-card .img[data-v-94d4b6d8] {
    position: absolute;
    bottom: 0;
    left: 19px
}

.airdrop-home-wrap .earn-card .btn-wrap[data-v-94d4b6d8] {
    background: var(--btn-bg);
    padding: 10px 20px;
    border-radius: var(--radius);
    font-weight: 600;
    cursor: pointer
}

.airdrop-home-wrap[data-v-ce85da36] {
    position: relative;
    padding-top: 60px;
    padding-bottom: calc(var(--tabbar-height) + 30px);
    padding-left: var(--mg);
    padding-right: var(--mg);
    background-image: url(/assets/star-night-D829c4AJ.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: calc(100 * var(--vh));
    overflow-y: auto
}

.airdrop-home-wrap .account-wrap[data-v-ce85da36] {
    margin-top: 20px;
    border-radius: 10px;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 10px
}

.airdrop-home-wrap .account-wrap .account-item[data-v-ce85da36] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    border-radius: 10px
}

.airdrop-home-wrap .progress[data-v-ce85da36] {
    border: 1px solid rgb(255, 115, 212);
    width: 90%;
    height: 20px;
    border-radius: var(--radius);
    margin: 0 auto;
    position: relative;
    overflow: hidden
}

.airdrop-home-wrap .progress[data-v-ce85da36]:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: var(--161e13a7);
    height: 100%;
    background: #ff73d4;
    transition: width .3s ease
}

.airdrop-home-wrap .flash[data-v-ce85da36] {
    position: relative
}

.airdrop-home-wrap .flash[data-v-ce85da36]:before {
    content: "";
    position: absolute;
    z-index: 1;
    display: inline-block;
    top: -180px;
    left: -50px;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn1-ce85da36 3s ease-in-out infinite
}

@keyframes shiny-btn1-ce85da36 {
    0% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: 0
    }
    80% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: .5
    }
    81% {
        -webkit-transform: scale(4) rotate(45deg);
        opacity: 1
    }
    to {
        -webkit-transform: scale(50) rotate(45deg);
        opacity: 0
    }
}

.airdrop-home-wrap .earn-card[data-v-ce85da36] {
    padding: 27px 19px;
    background: var(--bg-card);
    border-radius: var(--card-radius);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    margin-top: 40px
}

.airdrop-home-wrap .earn-card .img[data-v-ce85da36] {
    position: absolute;
    bottom: 0;
    left: 19px
}

.airdrop-home-wrap .earn-card .btn-wrap[data-v-ce85da36] {
    background: var(--bg2);
    padding: 10px 20px;
    border-radius: var(--radius);
    font-weight: 600;
    cursor: pointer
}

.airdrop-home-wrap[data-v-95c75c35] {
    position: relative;
    padding-top: 60px;
    padding-bottom: calc(var(--tabbar-height) + 10px);
    padding-left: var(--mg);
    padding-right: var(--mg);
    background: #0b0b08
}

.airdrop-home-wrap .account-wrap[data-v-95c75c35] {
    margin-top: 20px;
    border-radius: 10px;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 10px
}

.airdrop-home-wrap .account-wrap .account-item[data-v-95c75c35] {
    padding: 10px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--bg-input);
    border: 1px solid var(--border-color)
}

.airdrop-home-wrap .progress[data-v-95c75c35] {
    background: #234a00;
    border: 1px solid var(--primary);
    width: 90%;
    height: 20px;
    border-radius: var(--radius);
    margin: 0 auto;
    position: relative;
    overflow: hidden
}

.airdrop-home-wrap .progress[data-v-95c75c35]:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: var(--f9b262f4);
    height: 100%;
    background: var(--primary);
    transition: width .3s ease
}

.airdrop-home-wrap .flash[data-v-95c75c35] {
    position: relative
}

.airdrop-home-wrap .flash[data-v-95c75c35]:before {
    content: "";
    position: absolute;
    z-index: 1;
    display: inline-block;
    top: -180px;
    left: -50px;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn1-95c75c35 3s ease-in-out infinite
}

@keyframes shiny-btn1-95c75c35 {
    0% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: 0
    }
    80% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: .5
    }
    81% {
        -webkit-transform: scale(4) rotate(45deg);
        opacity: 1
    }
    to {
        -webkit-transform: scale(50) rotate(45deg);
        opacity: 0
    }
}

.airdrop-home-wrap .mining-flag-wrap[data-v-95c75c35] {
    background-image: url(/assets/grid-qow2DIkz.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top;
    height: 100%;
    margin-top: 20px
}

.airdrop-home-wrap .earn-card[data-v-95c75c35] {
    padding: 27px 19px;
    background: var(--bg);
    border-radius: var(--card-radius);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    margin-top: 40px
}

.airdrop-home-wrap .earn-card .img[data-v-95c75c35] {
    position: absolute;
    bottom: 0;
    left: 19px
}

.airdrop-home-wrap .earn-card .btn-wrap[data-v-95c75c35] {
    background: var(--primary);
    padding: 10px 20px;
    border-radius: var(--radius);
    font-weight: 600;
    cursor: pointer
}

.airdrop-home-wrap[data-v-d6329cc1] {
    position: relative;
    padding-top: 60px;
    padding-bottom: calc(var(--tabbar-height) + 10px);
    padding-left: var(--mg);
    padding-right: var(--mg)
}

.airdrop-home-wrap .ball[data-v-d6329cc1] {
    position: relative;
    width: 130px;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    background: linear-gradient(to right, #b25af7, #593ff8);
    background-blend-mode: normalnormal
}

.airdrop-home-wrap .ball[data-v-d6329cc1]:before {
    content: "";
    position: absolute;
    width: 130px;
    height: 130px;
    border-radius: 9999px;
    background: linear-gradient(to right, #b25af7, #593ff8);
    background-blend-mode: normalnormal
}

.airdrop-home-wrap .ball.is-mining[data-v-d6329cc1] {
    animation: scaleUpDown-d6329cc1 1.5s ease-in-out infinite
}

.airdrop-home-wrap .ball.is-mining[data-v-d6329cc1]:before {
    animation: ball-wave-d6329cc1 1.5s ease-in-out infinite
}

@keyframes scaleUpDown-d6329cc1 {
    0%,
    to {
        transform: scale(1)
    }
    50% {
        transform: scale(1.1)
    }
}

@keyframes ball-wave-d6329cc1 {
    0% {
        width: 130px;
        height: 130px;
        opacity: .01
    }
    25% {
        width: 150px;
        height: 150px;
        opacity: .7
    }
    50% {
        width: 160px;
        height: 160px;
        opacity: .5
    }
    75% {
        width: 170px;
        height: 170px;
        opacity: .25
    }
    to {
        width: 180px;
        height: 180px;
        opacity: 0
    }
}

.airdrop-home-wrap .flash[data-v-d6329cc1] {
    position: relative
}

.airdrop-home-wrap .flash[data-v-d6329cc1]:before {
    content: "";
    position: absolute;
    z-index: 1;
    display: inline-block;
    top: -180px;
    left: -50px;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn1-d6329cc1 3s ease-in-out infinite
}

@keyframes shiny-btn1-d6329cc1 {
    0% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: 0
    }
    80% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: .5
    }
    81% {
        -webkit-transform: scale(4) rotate(45deg);
        opacity: 1
    }
    to {
        -webkit-transform: scale(50) rotate(45deg);
        opacity: 0
    }
}

.airdrop-home-wrap .earn-card[data-v-d6329cc1] {
    padding: 27px 19px;
    background: var(--bg-card);
    border-radius: var(--card-radius);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    margin-top: 30px
}

.airdrop-home-wrap .earn-card .img[data-v-d6329cc1] {
    position: absolute;
    bottom: 0;
    left: 19px
}

.airdrop-home-wrap .earn-card .btn-wrap[data-v-d6329cc1] {
    background: var(--primary);
    padding: 10px 20px;
    border-radius: var(--radius);
    font-weight: 600;
    cursor: pointer
}

:root,
:host {
    --van-notice-bar-height: 40px;
    --van-notice-bar-padding: 0 var(--van-padding-md);
    --van-notice-bar-wrapable-padding: var(--van-padding-xs) var(--van-padding-md);
    --van-notice-bar-text-color: var(--van-orange-dark);
    --van-notice-bar-font-size: var(--van-font-size-md);
    --van-notice-bar-line-height: 24px;
    --van-notice-bar-background: var(--van-orange-light);
    --van-notice-bar-icon-size: 16px;
    --van-notice-bar-icon-min-width: 24px
}

.van-notice-bar {
    position: relative;
    display: flex;
    align-items: center;
    height: var(--van-notice-bar-height);
    padding: var(--van-notice-bar-padding);
    color: var(--van-notice-bar-text-color);
    font-size: var(--van-notice-bar-font-size);
    line-height: var(--van-notice-bar-line-height);
    background: var(--van-notice-bar-background)
}

.van-notice-bar__left-icon,
.van-notice-bar__right-icon {
    min-width: var(--van-notice-bar-icon-min-width);
    font-size: var(--van-notice-bar-icon-size)
}

.van-notice-bar__right-icon {
    text-align: right;
    cursor: pointer
}

.van-notice-bar__wrap {
    position: relative;
    display: flex;
    flex: 1;
    align-items: center;
    height: 100%;
    overflow: hidden
}

.van-notice-bar__content {
    position: absolute;
    white-space: nowrap;
    transition-timing-function: linear
}

.van-notice-bar__content.van-ellipsis {
    max-width: 100%
}

.van-notice-bar--wrapable {
    height: auto;
    padding: var(--van-notice-bar-wrapable-padding)
}

.van-notice-bar--wrapable .van-notice-bar__wrap {
    height: auto
}

.van-notice-bar--wrapable .van-notice-bar__content {
    position: relative;
    white-space: normal;
    word-wrap: break-word
}

@font-face {
    font-family: swiper-icons;
    src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: #00000026
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, #00000080, #0000)
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

.index-wrap[data-v-2971b649] {
    position: relative;
    min-height: calc(var(--vh, 1vh) * 100);
    width: 100%;
    box-sizing: border-box;
    padding: 0 0 calc(var(--tabbar-height) + 30px)
}

.index-wrap .top_bg[data-v-2971b649] {
    padding-top: 16px;
    background-image: url(/assets/explore-bg-BOabrpN5.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.index-wrap .top_bg .home_img[data-v-2971b649] {
    margin: 14px 17px;
    height: 18px;
    width: 76px;
    background-image: url(/assets/home-title-BCqTF4gH.png);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.index-wrap .top_bg .img_top[data-v-2971b649] {
    display: flex;
    align-items: center;
    height: 110px;
    width: 100%;
    font-size: 15px;
    padding: 0 17px;
    box-sizing: border-box
}

.index-wrap .top_bg .img_top .top_left[data-v-2971b649] {
    width: 35%;
    height: 110px;
    background-image: url(/assets/home-1-bg-DXBCLhlp.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-right: 13px
}

.index-wrap .top_bg .img_top .top_left .text[data-v-2971b649] {
    margin-top: 10px;
    text-align: center
}

.index-wrap .top_bg .img_top .top_right[data-v-2971b649] {
    width: 65%;
    height: 110px;
    background-image: url(/assets/home-2-bg-BcrYceQe.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative
}

.index-wrap .top_bg .img_top .top_right .text[data-v-2971b649] {
    position: absolute;
    bottom: 13px;
    left: 50%;
    text-align: center;
    -webkit-transform: translateX(-50%);
    transform: translate(-50%)
}

.index-wrap .top_bg .img_top .top_right .robot[data-v-2971b649] {
    width: 105px;
    height: 114px;
    position: absolute;
    top: -55px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translate(-50%)
}

.index-wrap .space[data-v-2971b649] {
    height: 99px;
    background-image: url(/assets/home-3-bg-Bz1Vj8MZ.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-top: 2px;
    margin: 17px
}

.index-wrap .space .text[data-v-2971b649] {
    margin: 17px 0 0 17px
}

.index-wrap .chart[data-v-2971b649] {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    margin: 17px
}

.index-wrap .chart .chart_left[data-v-2971b649] {
    height: 110px;
    width: 48%;
    background-image: url(/assets/home-4-bg-CKAjARFT.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-left: 15px;
    padding-top: 15px;
    box-sizing: border-box
}

.index-wrap .chart .chart_right[data-v-2971b649] {
    display: flex;
    width: 48%;
    height: 110px;
    justify-content: space-between;
    flex-direction: column
}

.index-wrap .chart .chart_right .right_top[data-v-2971b649] {
    height: 100%;
    width: 100%;
    background-image: url(/assets/home-5-bg-DSKTlhhI.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-left: 15px;
    padding-top: 15px;
    box-sizing: border-box
}

.index-wrap .swiper-container[data-v-2971b649] {
    box-sizing: border-box;
    position: relative;
    border-radius: 8px;
    width: 100%;
    margin: 0 auto;
    margin-top: var(--mt)
}

.index-wrap .swiper-container .custom-swiper[data-v-2971b649] {
    width: 100%;
    overflow: hidden;
    height: 174px;
    box-sizing: border-box;
    border-radius: 8px
}

.index-wrap .swiper-container .custom-swiper .van-swipe[data-v-2971b649] {
    border-radius: 8px;
    overflow: hidden
}

.index-wrap .swiper-container .custom-swiper .van-swipe[data-v-2971b649] .van-swipe__indicators {
    bottom: 15px !important
}

.index-wrap .swiper-container .custom-swiper .van-swipe[data-v-2971b649] .van-swipe__indicator {
    width: 5px;
    height: 5px;
    opacity: .4;
    border-radius: 50%
}

.index-wrap .swiper-container .custom-swiper .van-swipe[data-v-2971b649] .van-swipe__indicator--active {
    opacity: 1;
    background: var(--btn-text)
}

.index-wrap .swiper-container .custom-swiper .van-swipe-item[data-v-2971b649] {
    overflow: hidden
}

.index-wrap .swiper-container .custom-swiper .van-swipe-item img[data-v-2971b649] {
    width: 100%;
    height: 174px;
    border-radius: 8px;
    object-fit: center
}

.index-wrap .notice[data-v-2971b649] {
    margin: 0 17px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 13px
}

.index-wrap .notice .notice-swipe[data-v-2971b649] {
    height: 48px;
    line-height: 48px
}

.index-wrap .show-top[data-v-2971b649] {
    position: relative;
    background: var(--bg-card);
    border-radius: var(--card-radius);
    padding: 15px 0;
    overflow: hidden;
    margin-top: var(--mg);
    background: linear-gradient(90deg, #323438, #323438 0) padding-box, linear-gradient(90deg, #f90, #ff1a1a) border-box;
    border: 1px solid rgba(0, 0, 0, 0);
    box-shadow: 0 4px #ff8d03
}

.index-wrap .show-top[data-v-2971b649]:before {
    content: "";
    background: #ff1a1a;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    position: absolute;
    top: -150px;
    left: -150px;
    opacity: .4
}

.index-wrap .show-top[data-v-2971b649]:after {
    content: "";
    background: #f90;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    position: absolute;
    bottom: -200px;
    right: -200px;
    opacity: .4
}

.index-wrap .show-top .btn-box[data-v-2971b649] {
    background: var(--bg);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.index-wrap .show-top .user-info[data-v-2971b649] {
    position: relative;
    z-index: 1;
    color: var(--btn-text);
    margin-bottom: 15px
}

.index-wrap .show-top .user-info .wallet[data-v-2971b649] {
    color: var(--btn-text);
    padding: 0 15px
}

.index-wrap .show-top .user-info .wallet .name[data-v-2971b649] {
    display: flex;
    align-items: center;
    color: var(--text-gray6)
}

.index-wrap .show-top .user-info .wallet .name img[data-v-2971b649] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 10px
}

.index-wrap .show-top .user-info .wallet .diamond[data-v-2971b649] {
    position: absolute;
    top: -20px;
    right: 20px;
    width: 65px
}

.index-wrap .show-top .user-info .wallet .money-content[data-v-2971b649] {
    margin-top: var(--mg);
    width: 100%;
    display: flex;
    justify-content: center
}

.index-wrap .show-top .user-info .wallet .money-content .container[data-v-2971b649] {
    padding: 0 20px;
    height: 50px;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--btn-text);
    background: var(--bg-deep-card);
    border-radius: 12px;
    box-shadow: inset -1px 2px 2px #0003
}

.index-wrap .show-top .user-info .wallet .money-content .wallet-title[data-v-2971b649] {
    margin-left: 10px;
    padding-right: 15px;
    font-size: 16px;
    border-right: 1px solid var(--text-gray)
}

.index-wrap .show-top .user-info .wallet .money-content .money[data-v-2971b649] {
    margin-left: 15px;
    font-size: 24px
}

.index-wrap .show-top .user-info .wallet .money-content .money span[data-v-2971b649] {
    padding-left: 3px;
    font-weight: 700;
    color: var(--primary)
}

.index-wrap .tools-part[data-v-2971b649] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: var(--mt);
    row-gap: 10px;
    background: var(--bg-tab);
    border: 1px solid rgba(0, 0, 0, 0);
    padding: 10px;
    position: relative;
    border-radius: var(--card-radius);
    z-index: 1
}

.index-wrap .tools-part .tool-item[data-v-2971b649] {
    width: 100%;
    cursor: pointer
}

.index-wrap .tools-part .tool-item .img-wrap[data-v-2971b649] {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 0 auto;
    border-radius: var(--card-radius);
    border: 2px solid #181a20;
    border-radius: 100%;
    box-shadow: inset 0 11px 1px #0000003b, inset 0 -11px 1px #ffffff0d
}

.index-wrap .tools-part .tool-item .label[data-v-2971b649] {
    margin-top: 4px;
    font-size: 14px;
    text-align: center
}

.index-wrap[data-v-4327e0ea] {
    position: relative;
    min-height: calc(var(--vh, 1vh) * 100);
    width: 100%;
    box-sizing: border-box;
    padding: calc(var(--navbar-height) + 10px) var(--mg) calc(var(--tabbar-height) + 10px)
}

.index-wrap .swiper-container[data-v-4327e0ea] {
    box-sizing: border-box;
    position: relative;
    border-radius: var(--card-radius);
    width: 100%;
    margin: 10px auto 0
}

.index-wrap .swiper-container .custom-swiper[data-v-4327e0ea] {
    width: 100%;
    overflow: hidden;
    height: 174px;
    box-sizing: border-box;
    border-radius: var(--card-radius)
}

.index-wrap .swiper-container .custom-swiper .van-swipe[data-v-4327e0ea] {
    border-radius: var(--card-radius);
    overflow: hidden
}

.index-wrap .swiper-container .custom-swiper .van-swipe[data-v-4327e0ea] .van-swipe__indicators {
    bottom: 15px !important
}

.index-wrap .swiper-container .custom-swiper .van-swipe[data-v-4327e0ea] .van-swipe__indicator {
    width: 5px;
    height: 5px;
    opacity: .4;
    border-radius: 50%
}

.index-wrap .swiper-container .custom-swiper .van-swipe[data-v-4327e0ea] .van-swipe__indicator--active {
    opacity: 1;
    background: var(--btn-text)
}

.index-wrap .swiper-container .custom-swiper .van-swipe-item[data-v-4327e0ea] {
    overflow: hidden
}

.index-wrap .swiper-container .custom-swiper .van-swipe-item img[data-v-4327e0ea] {
    width: 100%;
    height: 174px;
    border-radius: 8px;
    object-fit: center
}

.index-wrap .notice[data-v-4327e0ea] {
    margin-top: var(--mt);
    background: none;
    background: var(--bg-card);
    height: 48px;
    position: relative;
    cursor: pointer;
    border-radius: var(--card-radius);
    --van-notice-bar-padding: 10px;
    --van-notice-bar-height: 48px
}

.index-wrap .notice .notice-swipe[data-v-4327e0ea] {
    height: 48px;
    line-height: 48px
}

.index-wrap .tools-part[data-v-4327e0ea] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-top: var(--mt);
    row-gap: 10px
}

.index-wrap .tools-part .tool-item[data-v-4327e0ea] {
    width: 100%;
    cursor: pointer
}

.index-wrap .tools-part .tool-item .img-wrap[data-v-4327e0ea] {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--primary);
    box-shadow: 5px 4px 144px #05caad54;
    position: relative;
    margin: 0 auto;
    border-radius: var(--card-radius);
    animation: scaleUpDown .4s forwards
}

.index-wrap .tools-part .tool-item .label[data-v-4327e0ea] {
    margin-top: 4px;
    font-size: 14px;
    text-align: center
}

.index-wrap .top-tag[data-v-4327e0ea] {
    position: relative
}

.index-wrap .top-tag[data-v-4327e0ea]:before {
    content: "";
    top: -2px;
    left: 0;
    position: absolute;
    width: 50%;
    height: 4px;
    opacity: 1;
    z-index: 2;
    background: var(--primary-color)
}

.van-row {
    display: flex;
    flex-wrap: wrap
}

.van-row--nowrap {
    flex-wrap: nowrap
}

.van-row--justify-center {
    justify-content: center
}

.van-row--justify-end {
    justify-content: flex-end
}

.van-row--justify-space-between {
    justify-content: space-between
}

.van-row--justify-space-around {
    justify-content: space-around
}

.van-row--align-center {
    align-items: center
}

.van-row--align-bottom {
    align-items: flex-end
}

.van-col {
    display: block;
    box-sizing: border-box;
    min-height: 1px
}

.van-col--1 {
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%
}

.van-col--offset-1 {
    margin-left: 4.16666667%
}

.van-col--2 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%
}

.van-col--offset-2 {
    margin-left: 8.33333333%
}

.van-col--3 {
    flex: 0 0 12.5%;
    max-width: 12.5%
}

.van-col--offset-3 {
    margin-left: 12.5%
}

.van-col--4 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%
}

.van-col--offset-4 {
    margin-left: 16.66666667%
}

.van-col--5 {
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%
}

.van-col--offset-5 {
    margin-left: 20.83333333%
}

.van-col--6 {
    flex: 0 0 25%;
    max-width: 25%
}

.van-col--offset-6 {
    margin-left: 25%
}

.van-col--7 {
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%
}

.van-col--offset-7 {
    margin-left: 29.16666667%
}

.van-col--8 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%
}

.van-col--offset-8 {
    margin-left: 33.33333333%
}

.van-col--9 {
    flex: 0 0 37.5%;
    max-width: 37.5%
}

.van-col--offset-9 {
    margin-left: 37.5%
}

.van-col--10 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%
}

.van-col--offset-10 {
    margin-left: 41.66666667%
}

.van-col--11 {
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%
}

.van-col--offset-11 {
    margin-left: 45.83333333%
}

.van-col--12 {
    flex: 0 0 50%;
    max-width: 50%
}

.van-col--offset-12 {
    margin-left: 50%
}

.van-col--13 {
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%
}

.van-col--offset-13 {
    margin-left: 54.16666667%
}

.van-col--14 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%
}

.van-col--offset-14 {
    margin-left: 58.33333333%
}

.van-col--15 {
    flex: 0 0 62.5%;
    max-width: 62.5%
}

.van-col--offset-15 {
    margin-left: 62.5%
}

.van-col--16 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%
}

.van-col--offset-16 {
    margin-left: 66.66666667%
}

.van-col--17 {
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%
}

.van-col--offset-17 {
    margin-left: 70.83333333%
}

.van-col--18 {
    flex: 0 0 75%;
    max-width: 75%
}

.van-col--offset-18 {
    margin-left: 75%
}

.van-col--19 {
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%
}

.van-col--offset-19 {
    margin-left: 79.16666667%
}

.van-col--20 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%
}

.van-col--offset-20 {
    margin-left: 83.33333333%
}

.van-col--21 {
    flex: 0 0 87.5%;
    max-width: 87.5%
}

.van-col--offset-21 {
    margin-left: 87.5%
}

.van-col--22 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%
}

.van-col--offset-22 {
    margin-left: 91.66666667%
}

.van-col--23 {
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%
}

.van-col--offset-23 {
    margin-left: 95.83333333%
}

.van-col--24 {
    flex: 0 0 100%;
    max-width: 100%
}

.van-col--offset-24 {
    margin-left: 100%
}

.index-wrap[data-v-ae44bf8b] {
    position: relative;
    min-height: calc(var(--vh, 1vh) * 100);
    width: 100%;
    box-sizing: border-box;
    padding: calc(var(--navbar-height) + 10px) var(--mg) calc(var(--tabbar-height) + 10px)
}

.index-wrap .swiper-container[data-v-ae44bf8b] {
    box-sizing: border-box;
    position: relative;
    border-radius: 8px;
    width: 100%;
    margin: 0 auto;
    margin-top: var(--mt)
}

.index-wrap .swiper-container .custom-swiper[data-v-ae44bf8b] {
    width: 100%;
    overflow: hidden;
    height: 174px;
    box-sizing: border-box;
    border-radius: 8px
}

.index-wrap .swiper-container .custom-swiper .van-swipe[data-v-ae44bf8b] {
    border-radius: 8px;
    overflow: hidden
}

.index-wrap .swiper-container .custom-swiper .van-swipe[data-v-ae44bf8b] .van-swipe__indicators {
    bottom: 15px !important
}

.index-wrap .swiper-container .custom-swiper .van-swipe[data-v-ae44bf8b] .van-swipe__indicator {
    width: 5px;
    height: 5px;
    opacity: .4;
    border-radius: 50%
}

.index-wrap .swiper-container .custom-swiper .van-swipe[data-v-ae44bf8b] .van-swipe__indicator--active {
    opacity: 1;
    background: var(--btn-text)
}

.index-wrap .swiper-container .custom-swiper .van-swipe-item[data-v-ae44bf8b] {
    overflow: hidden
}

.index-wrap .swiper-container .custom-swiper .van-swipe-item img[data-v-ae44bf8b] {
    width: 100%;
    height: 174px;
    border-radius: 8px;
    object-fit: center
}

.index-wrap .notice[data-v-ae44bf8b] {
    margin-top: var(--mt);
    background: none;
    background: var(--bg-card);
    height: 48px;
    position: relative;
    cursor: pointer;
    border-radius: var(--card-radius);
    --van-notice-bar-padding: 10px;
    --van-notice-bar-height: 48px
}

.index-wrap .notice .notice-swipe[data-v-ae44bf8b] {
    height: 48px;
    line-height: 48px
}

.index-wrap .tools-part[data-v-ae44bf8b] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: var(--mt);
    row-gap: 10px
}

.index-wrap .tools-part .tool-item[data-v-ae44bf8b] {
    width: 100%;
    cursor: pointer
}

.index-wrap .tools-part .tool-item .img-wrap[data-v-ae44bf8b] {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--bg-card);
    position: relative;
    margin: 0 auto;
    border-radius: var(--card-radius);
    animation: scaleUpDown .4s forwards
}

.index-wrap .tools-part .tool-item .label[data-v-ae44bf8b] {
    margin-top: 4px;
    font-size: 14px;
    text-align: center
}

.index-wrap .top-tag[data-v-ae44bf8b] {
    position: relative
}

.index-wrap .top-tag[data-v-ae44bf8b]:before {
    content: "";
    top: -2px;
    left: 0;
    position: absolute;
    width: 50%;
    height: 4px;
    opacity: 1;
    z-index: 2;
    background: var(--primary-color)
}

.index-wrap[data-v-190bd961] {
    position: relative;
    min-height: calc(var(--vh, 1vh) * 100);
    width: 100%;
    box-sizing: border-box;
    padding: calc(var(--navbar-height) + 10px) var(--mg) calc(var(--tabbar-height) + 30px)
}

.index-wrap .swiper-container[data-v-190bd961] {
    box-sizing: border-box;
    position: relative;
    border-radius: 8px;
    width: 100%;
    margin: 0 auto;
    margin-top: var(--mt)
}

.index-wrap .swiper-container .custom-swiper[data-v-190bd961] {
    width: 100%;
    overflow: hidden;
    height: 174px;
    box-sizing: border-box;
    border-radius: 8px
}

.index-wrap .swiper-container .custom-swiper .van-swipe[data-v-190bd961] {
    border-radius: 8px;
    overflow: hidden
}

.index-wrap .swiper-container .custom-swiper .van-swipe[data-v-190bd961] .van-swipe__indicators {
    bottom: 15px !important
}

.index-wrap .swiper-container .custom-swiper .van-swipe[data-v-190bd961] .van-swipe__indicator {
    width: 5px;
    height: 5px;
    opacity: .4;
    border-radius: 50%
}

.index-wrap .swiper-container .custom-swiper .van-swipe[data-v-190bd961] .van-swipe__indicator--active {
    opacity: 1;
    background: var(--btn-text)
}

.index-wrap .swiper-container .custom-swiper .van-swipe-item[data-v-190bd961] {
    overflow: hidden
}

.index-wrap .swiper-container .custom-swiper .van-swipe-item img[data-v-190bd961] {
    width: 100%;
    height: 174px;
    border-radius: 8px;
    object-fit: center
}

.index-wrap .notice[data-v-190bd961] {
    height: 48px;
    margin: 10px 0 16px;
    position: relative;
    cursor: pointer;
    --van-notice-bar-padding: 10px;
    --van-notice-bar-height: 48px;
    border-radius: var(--card-radius);
    padding: 0 12px;
    border: 2px solid #666fe9
}

.index-wrap .notice .notice-swipe[data-v-190bd961] {
    height: 48px;
    line-height: 48px
}

.index-wrap .show-top[data-v-190bd961] {
    position: relative;
    border-radius: var(--card-radius);
    padding: 15px 0 0;
    overflow: hidden;
    margin-top: var(--mg);
    border: 1px solid rgba(0, 0, 0, 0)
}

.index-wrap .show-top .btn-box[data-v-190bd961] {
    background: var(--bg);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.index-wrap .show-top .user-info[data-v-190bd961] {
    position: relative;
    z-index: 1;
    color: var(--btn-text)
}

.index-wrap .show-top .user-info .wallet[data-v-190bd961] {
    color: var(--btn-text);
    padding: 0 15px
}

.index-wrap .show-top .user-info .wallet .name[data-v-190bd961] {
    display: flex;
    align-items: center;
    color: var(--text-gray6)
}

.index-wrap .show-top .user-info .wallet .name img[data-v-190bd961] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 10px
}

.index-wrap .show-top .user-info .wallet .diamond[data-v-190bd961] {
    position: absolute;
    top: -20px;
    right: 20px;
    width: 65px
}

.index-wrap .show-top .user-info .wallet .money-content[data-v-190bd961] {
    width: 100%;
    display: flex;
    justify-content: center
}

.index-wrap .show-top .user-info .wallet .money-content .container[data-v-190bd961] {
    height: 50px;
    font-size: 16px;
    display: flex;
    justify-content: left;
    align-items: center;
    border-radius: 12px
}

.index-wrap .show-top .user-info .wallet .money-content .wallet-title[data-v-190bd961] {
    padding-right: 15px;
    font-size: 16px;
    border-right: 1px solid var(--text-gray);
    display: flex;
    align-items: center
}

.index-wrap .show-top .user-info .wallet .money-content .money[data-v-190bd961] {
    margin-left: 15px;
    font-size: 24px
}

.index-wrap .show-top .user-info .wallet .money-content .money span[data-v-190bd961] {
    padding-left: 3px;
    font-weight: 700
}

.index-wrap .tools-part[data-v-190bd961] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: var(--mt);
    row-gap: 10px;
    background: var(--bg-tab);
    padding: 10px;
    position: relative;
    border-radius: var(--card-radius);
    z-index: 1
}

.index-wrap .tools-part .tool-item[data-v-190bd961] {
    width: 100%;
    cursor: pointer
}

.index-wrap .tools-part .tool-item .img-wrap[data-v-190bd961] {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--primary);
    position: relative;
    margin: 0 auto;
    border-radius: var(--card-radius);
    border: 2px solid var(--border-color2);
    background: var(--bg-input) !important;
    color: var(--btn-text)
}

.index-wrap .tools-part .tool-item .label[data-v-190bd961] {
    margin-top: 4px;
    font-size: 14px;
    text-align: center
}

.index-wrap[data-v-5e4fad12] {
    position: relative;
    min-height: calc(var(--vh, 1vh) * 100);
    width: 100%;
    box-sizing: border-box;
    padding: calc(var(--navbar-height) + 10px) var(--mg) calc(var(--tabbar-height) + 30px)
}

.index-wrap .swiper-container[data-v-5e4fad12] {
    box-sizing: border-box;
    position: relative;
    border-radius: 8px;
    width: 100%;
    margin: 0 auto;
    margin-top: var(--mt)
}

.index-wrap .swiper-container .custom-swiper[data-v-5e4fad12] {
    width: 100%;
    overflow: hidden;
    height: 174px;
    box-sizing: border-box;
    border-radius: 8px
}

.index-wrap .swiper-container .custom-swiper .van-swipe[data-v-5e4fad12] {
    border-radius: 8px;
    overflow: hidden
}

.index-wrap .swiper-container .custom-swiper .van-swipe[data-v-5e4fad12] .van-swipe__indicators {
    bottom: 15px !important
}

.index-wrap .swiper-container .custom-swiper .van-swipe[data-v-5e4fad12] .van-swipe__indicator {
    width: 5px;
    height: 5px;
    opacity: .4;
    border-radius: 50%
}

.index-wrap .swiper-container .custom-swiper .van-swipe[data-v-5e4fad12] .van-swipe__indicator--active {
    opacity: 1;
    background: var(--btn-text)
}

.index-wrap .swiper-container .custom-swiper .van-swipe-item[data-v-5e4fad12] {
    overflow: hidden
}

.index-wrap .swiper-container .custom-swiper .van-swipe-item img[data-v-5e4fad12] {
    width: 100%;
    height: 174px;
    border-radius: 8px;
    object-fit: center
}

.index-wrap .notice[data-v-5e4fad12] {
    height: 48px;
    margin: 10px 0 16px;
    position: relative;
    cursor: pointer;
    --van-notice-bar-padding: 10px;
    --van-notice-bar-height: 48px;
    border-radius: 50px;
    padding: 0 12px;
    background-color: #453221;
    border: 2px solid rgb(76, 55, 36);
    box-shadow: #4c3724 0 2px
}

.index-wrap .notice .notice-swipe[data-v-5e4fad12] {
    height: 48px;
    line-height: 48px
}

.index-wrap .show-top[data-v-5e4fad12] {
    position: relative;
    background: url("data:image/svg+xml,%3csvg%20width='343'%20height='164'%20viewBox='0%200%20343%20164'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M342.614%20-96.017L338.815%20-95.8017L315.225%20-94.4562L312.756%20-81.7971L307.757%20-95.2204L304.824%20-94.693L285.29%20-91.1945L279.056%20-90.075L264.882%20-76.7809L241.489%20-68.6214L219.065%20-86.1567L172.64%20-101.593L165.72%20-101.668L161.596%20-101.722L142.096%20-101.938L139.095%20-87.1578L129.868%20-85.5432L126.627%20-73.1101L91.1179%20-75.0155L86.9333%20-98.1915L74.9969%20-97.7932L46.9395%20-96.8459L44.024%20-85.963L42.189%20-96.6844L4.7677%20-91.3883L0.3773%20-90.7639L0%20-90.215V-14.9926V325.93H343V-14.9926V-96.0386L342.614%20-96.017Z'%20fill='%23B38F6B'/%3e%3cpath%20d='M343%20-91.9565V330.012H0V-86.1329L0.3773%20-86.6819L4.7677%20-87.3063L42.189%20-92.6024L44.024%20-81.8809L46.9395%20-92.7638L74.9969%20-93.7111L86.9333%20-94.1094L91.1179%20-70.9334L126.627%20-69.0281L129.86%20-81.4611L139.095%20-83.0758L142.096%20-97.8555L161.596%20-97.6402L165.72%20-97.5864L172.64%20-97.511L219.057%20-82.0747L241.48%20-64.5285L264.882%20-72.6881L279.056%20-85.993L285.29%20-87.1125L304.824%20-90.6109L307.757%20-91.1384L312.756%20-77.7151L315.225%20-90.3741L338.815%20-91.7197L342.614%20-91.935L343%20-91.9565Z'%20fill='%23402E26'/%3e%3cpath%20d='M343%20-91.9565V-10.9105L315.371%20-0.0814438L256.581%20-31.5246L234.74%202.6312L149.917%2031.6523L114.665%202.6312L61.3712%20-15.4747L0%2048.3373V-86.1329L0.3773%20-86.6819L4.7677%20-87.3062L42.189%20-92.6024L44.024%20-81.8809L46.9395%20-92.7638L74.9969%20-93.7111L86.9333%20-94.1094L91.1179%20-70.9334L126.627%20-69.0281L129.86%20-81.4611L139.095%20-83.0758L142.096%20-97.8555L161.596%20-97.6402L165.72%20-97.5864L172.64%20-97.511L219.057%20-82.0747L241.48%20-64.5285L264.882%20-72.688L279.056%20-85.993L285.29%20-87.1125L304.824%20-90.6109L307.757%20-91.1384L312.756%20-77.7151L315.225%20-90.3741L338.815%20-91.7197L342.614%20-91.935L343%20-91.9565Z'%20fill='%2347342B'/%3e%3cpath%20d='M0%20184.108L65.9846%20194.927L122.442%20143.472L211.991%20150.878L285.29%20101.318L343%20148.241V330.01H0V184.108Z'%20fill='%233B2923'/%3e%3cpath%20d='M257.593%20157.314L231.594%20187.498L236.473%20232.784L282.615%20251.138L311.213%20215.658L280.017%20189.952L291.061%20167.11L257.593%20157.314Z'%20fill='%2333231E'/%3e%3cpath%20d='M295.94%20167.919L291.387%20185.056L314.136%20204.228L327.779%20183.829L329.734%20162.225L295.94%20167.919Z'%20fill='%2333231E'/%3e%3cpath%20d='M134.781%20109.941L194.18%20127.283L229.689%2092.5997L232.202%2056.431L194.18%2053.0078L139.275%2079.3701L134.781%20109.941Z'%20fill='%23382721'/%3e%3cpath%20d='M114.287%2075.052L151.554%2061.4564L139.274%2042.963L95.2246%2023.1133L74.2158%2049.088L114.287%2075.052Z'%20fill='%23382721'/%3e%3cpath%20d='M112.881%2083.2094L127.724%2076.4062L134.781%2081.5732L128.153%20103.059L117.537%20100.067L112.881%2083.2094Z'%20fill='%23382721'/%3e%3cpath%20d='M343%2012.1016L307.8%2036.171L304.087%2054.5245L318.356%2076.4087L342.734%2079.4013L343%2012.1016Z'%20fill='%23382721'/%3e%3cpath%20d='M0%2012.1031L24.0529%20-15.4756L22.3121%20-37.6612L31.1101%20-56.6498L15.555%20-74.8203L0%20-71.1173V12.1031Z'%20fill='%233D2C24'/%3e%3cpath%20d='M0%20172.817L17.1328%20146.713L14.183%20113.267L15.555%2089.7362L0%2082.2656V172.817Z'%20fill='%23382721'/%3e%3c/svg%3e") no-repeat center center;
    background-size: 100% 100%;
    border-radius: var(--card-radius);
    padding: 15px 0 0;
    overflow: hidden;
    margin-top: var(--mg);
    border: 1px solid rgba(0, 0, 0, 0)
}

.index-wrap .show-top .btn-box[data-v-5e4fad12] {
    background: var(--bg);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.index-wrap .show-top .user-info[data-v-5e4fad12] {
    position: relative;
    z-index: 1;
    color: var(--btn-text)
}

.index-wrap .show-top .user-info .wallet[data-v-5e4fad12] {
    color: var(--btn-text);
    padding: 0 15px
}

.index-wrap .show-top .user-info .wallet .name[data-v-5e4fad12] {
    display: flex;
    align-items: center;
    color: var(--text-gray6)
}

.index-wrap .show-top .user-info .wallet .name img[data-v-5e4fad12] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 10px
}

.index-wrap .show-top .user-info .wallet .diamond[data-v-5e4fad12] {
    position: absolute;
    top: -20px;
    right: 20px;
    width: 65px
}

.index-wrap .show-top .user-info .wallet .money-content[data-v-5e4fad12] {
    margin-top: var(--mg);
    width: 100%;
    display: flex;
    justify-content: center
}

.index-wrap .show-top .user-info .wallet .money-content .container[data-v-5e4fad12] {
    height: 50px;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--primary);
    background: #624730;
    border-radius: 12px
}

.index-wrap .show-top .user-info .wallet .money-content .wallet-title[data-v-5e4fad12] {
    padding-right: 15px;
    font-size: 16px;
    border-right: 1px solid var(--text-gray);
    display: flex;
    align-items: center
}

.index-wrap .show-top .user-info .wallet .money-content .money[data-v-5e4fad12] {
    margin-left: 15px;
    font-size: 24px
}

.index-wrap .show-top .user-info .wallet .money-content .money span[data-v-5e4fad12] {
    padding-left: 3px;
    font-weight: 700;
    color: var(--primary)
}

.index-wrap .tools-part[data-v-5e4fad12] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: var(--mt);
    row-gap: 10px;
    background: var(--bg-tab);
    padding: 10px;
    position: relative;
    border-radius: var(--card-radius);
    z-index: 1
}

.index-wrap .tools-part .tool-item[data-v-5e4fad12] {
    width: 100%;
    cursor: pointer
}

.index-wrap .tools-part .tool-item .img-wrap[data-v-5e4fad12] {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--primary);
    position: relative;
    margin: 0 auto;
    border-radius: var(--card-radius);
    border: 2px solid rgb(93, 67, 45);
    background: var(--bg-input) !important;
    color: var(--primary-light)
}

.index-wrap .tools-part .tool-item .label[data-v-5e4fad12] {
    margin-top: 4px;
    font-size: 14px;
    text-align: center
}

.index-wrap[data-v-aec56cf8] {
    position: relative;
    min-height: calc(var(--vh, 1vh) * 100);
    width: 100%;
    box-sizing: border-box;
    padding: calc(var(--navbar-height) + 10px) var(--mg) calc(var(--tabbar-height) + 30px)
}

.index-wrap .swiper-container[data-v-aec56cf8] {
    box-sizing: border-box;
    position: relative;
    border-radius: 8px;
    width: 100%;
    margin: 0 auto;
    margin-top: var(--mt)
}

.index-wrap .swiper-container .custom-swiper[data-v-aec56cf8] {
    width: 100%;
    overflow: hidden;
    height: 174px;
    box-sizing: border-box;
    border-radius: 8px
}

.index-wrap .swiper-container .custom-swiper .van-swipe[data-v-aec56cf8] {
    border-radius: 8px;
    overflow: hidden
}

.index-wrap .swiper-container .custom-swiper .van-swipe[data-v-aec56cf8] .van-swipe__indicators {
    bottom: 15px !important
}

.index-wrap .swiper-container .custom-swiper .van-swipe[data-v-aec56cf8] .van-swipe__indicator {
    width: 5px;
    height: 5px;
    opacity: .4;
    border-radius: 50%
}

.index-wrap .swiper-container .custom-swiper .van-swipe[data-v-aec56cf8] .van-swipe__indicator--active {
    opacity: 1;
    background: var(--btn-text)
}

.index-wrap .swiper-container .custom-swiper .van-swipe-item[data-v-aec56cf8] {
    overflow: hidden
}

.index-wrap .swiper-container .custom-swiper .van-swipe-item img[data-v-aec56cf8] {
    width: 100%;
    height: 174px;
    border-radius: 8px;
    object-fit: center
}

.index-wrap .notice[data-v-aec56cf8] {
    background: #fff;
    border: 1px solid var(--border-color);
    height: 48px;
    margin: 16px 0;
    position: relative;
    cursor: pointer;
    border-radius: var(--card-radius);
    --van-notice-bar-padding: 10px;
    --van-notice-bar-height: 48px
}

.index-wrap .notice .notice-swipe[data-v-aec56cf8] {
    height: 48px;
    line-height: 48px
}

.index-wrap .show-top[data-v-aec56cf8] {
    position: relative;
    background: var(--primary);
    border-radius: var(--card-radius);
    padding: 15px 0 0;
    overflow: hidden;
    margin-top: var(--mg);
    border: 1px solid rgba(0, 0, 0, 0)
}

.index-wrap .show-top .btn-box[data-v-aec56cf8] {
    background: var(--bg);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.index-wrap .show-top .user-info[data-v-aec56cf8] {
    position: relative;
    z-index: 1;
    color: var(--btn-text)
}

.index-wrap .show-top .user-info .wallet[data-v-aec56cf8] {
    color: var(--btn-text);
    padding: 0 15px
}

.index-wrap .show-top .user-info .wallet .name[data-v-aec56cf8] {
    display: flex;
    align-items: center;
    color: var(--text-gray6)
}

.index-wrap .show-top .user-info .wallet .name img[data-v-aec56cf8] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 10px
}

.index-wrap .show-top .user-info .wallet .diamond[data-v-aec56cf8] {
    position: absolute;
    top: -20px;
    right: 20px;
    width: 65px
}

.index-wrap .show-top .user-info .wallet .money-content[data-v-aec56cf8] {
    margin-top: var(--mg);
    width: 100%;
    display: flex;
    justify-content: center
}

.index-wrap .show-top .user-info .wallet .money-content .container[data-v-aec56cf8] {
    height: 50px;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--primary);
    background: #fff;
    border-radius: 12px;
    box-shadow: inset -1px 2px 2px #0003
}

.index-wrap .show-top .user-info .wallet .money-content .wallet-title[data-v-aec56cf8] {
    padding-right: 15px;
    font-size: 16px;
    border-right: 1px solid var(--text-gray);
    display: flex;
    align-items: center
}

.index-wrap .show-top .user-info .wallet .money-content .money[data-v-aec56cf8] {
    margin-left: 15px;
    font-size: 24px
}

.index-wrap .show-top .user-info .wallet .money-content .money span[data-v-aec56cf8] {
    padding-left: 3px;
    font-weight: 700;
    color: var(--primary)
}

.index-wrap .tools-part[data-v-aec56cf8] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: var(--mt);
    row-gap: 10px;
    background: var(--bg-tab);
    padding: 10px;
    position: relative;
    border-radius: var(--card-radius);
    z-index: 1
}

.index-wrap .tools-part .tool-item[data-v-aec56cf8] {
    width: 100%;
    cursor: pointer
}

.index-wrap .tools-part .tool-item .img-wrap[data-v-aec56cf8] {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    color: var(--primary);
    position: relative;
    margin: 0 auto;
    border-radius: var(--card-radius)
}

.index-wrap .tools-part .tool-item .label[data-v-aec56cf8] {
    margin-top: 4px;
    font-size: 14px;
    text-align: center
}

.index-wrap[data-v-16ff5ee8] {
    position: relative;
    min-height: calc(var(--vh, 1vh) * 100);
    width: 100%;
    box-sizing: border-box;
    padding: calc(var(--navbar-height) + 10px) var(--mg) calc(var(--tabbar-height) + 30px)
}

.index-wrap .swiper-container[data-v-16ff5ee8] {
    box-sizing: border-box;
    position: relative;
    border-radius: 8px;
    width: 100%;
    margin: 0 auto;
    margin-top: var(--mt)
}

.index-wrap .swiper-container .custom-swiper[data-v-16ff5ee8] {
    width: 100%;
    overflow: hidden;
    height: 174px;
    box-sizing: border-box;
    border-radius: 8px
}

.index-wrap .swiper-container .custom-swiper .van-swipe[data-v-16ff5ee8] {
    border-radius: 8px;
    overflow: hidden
}

.index-wrap .swiper-container .custom-swiper .van-swipe[data-v-16ff5ee8] .van-swipe__indicators {
    bottom: 15px !important
}

.index-wrap .swiper-container .custom-swiper .van-swipe[data-v-16ff5ee8] .van-swipe__indicator {
    width: 5px;
    height: 5px;
    opacity: .4;
    border-radius: 50%
}

.index-wrap .swiper-container .custom-swiper .van-swipe[data-v-16ff5ee8] .van-swipe__indicator--active {
    opacity: 1;
    background: var(--btn-text)
}

.index-wrap .swiper-container .custom-swiper .van-swipe-item[data-v-16ff5ee8] {
    overflow: hidden
}

.index-wrap .swiper-container .custom-swiper .van-swipe-item img[data-v-16ff5ee8] {
    width: 100%;
    height: 174px;
    border-radius: 8px;
    object-fit: center
}

.index-wrap .notice[data-v-16ff5ee8] {
    border: 1px solid var(--border-color);
    height: 48px;
    margin: 0 15px;
    position: relative;
    cursor: pointer;
    border-radius: var(--card-radius);
    --van-notice-bar-padding: 10px;
    --van-notice-bar-height: 48px
}

.index-wrap .notice .notice-swipe[data-v-16ff5ee8] {
    height: 48px;
    line-height: 48px
}

.index-wrap .show-top[data-v-16ff5ee8] {
    position: relative;
    background: var(--bg-card);
    border-radius: var(--card-radius);
    padding: 15px 0;
    overflow: hidden;
    margin-top: var(--mg);
    background: linear-gradient(90deg, #323438, #323438 0) padding-box, linear-gradient(90deg, #f90, #ff1a1a) border-box;
    border: 1px solid rgba(0, 0, 0, 0);
    box-shadow: 0 4px #ff8d03
}

.index-wrap .show-top[data-v-16ff5ee8]:before {
    content: "";
    background: #ff1a1a;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    position: absolute;
    top: -150px;
    left: -150px;
    opacity: .4
}

.index-wrap .show-top[data-v-16ff5ee8]:after {
    content: "";
    background: #f90;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    position: absolute;
    bottom: -200px;
    right: -200px;
    opacity: .4
}

.index-wrap .show-top .btn-box[data-v-16ff5ee8] {
    background: var(--bg);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.index-wrap .show-top .user-info[data-v-16ff5ee8] {
    position: relative;
    z-index: 1;
    color: var(--btn-text);
    margin-bottom: 15px
}

.index-wrap .show-top .user-info .wallet[data-v-16ff5ee8] {
    color: var(--btn-text);
    padding: 0 15px
}

.index-wrap .show-top .user-info .wallet .name[data-v-16ff5ee8] {
    display: flex;
    align-items: center;
    color: var(--text-gray6)
}

.index-wrap .show-top .user-info .wallet .name img[data-v-16ff5ee8] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 10px
}

.index-wrap .show-top .user-info .wallet .diamond[data-v-16ff5ee8] {
    position: absolute;
    top: -20px;
    right: 20px;
    width: 65px
}

.index-wrap .show-top .user-info .wallet .money-content[data-v-16ff5ee8] {
    margin-top: var(--mg);
    width: 100%;
    display: flex;
    justify-content: center
}

.index-wrap .show-top .user-info .wallet .money-content .container[data-v-16ff5ee8] {
    padding: 0 20px;
    height: 50px;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--btn-text);
    background: var(--bg-deep-card);
    border-radius: 12px;
    box-shadow: inset -1px 2px 2px #0003
}

.index-wrap .show-top .user-info .wallet .money-content .wallet-title[data-v-16ff5ee8] {
    margin-left: 10px;
    padding-right: 15px;
    font-size: 16px;
    border-right: 1px solid var(--text-gray)
}

.index-wrap .show-top .user-info .wallet .money-content .money[data-v-16ff5ee8] {
    margin-left: 15px;
    font-size: 24px
}

.index-wrap .show-top .user-info .wallet .money-content .money span[data-v-16ff5ee8] {
    padding-left: 3px;
    font-weight: 700;
    color: var(--primary)
}

.index-wrap .tools-part[data-v-16ff5ee8] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: var(--mt);
    row-gap: 10px;
    background: var(--bg-tab);
    border: 1px solid rgba(0, 0, 0, 0);
    padding: 10px;
    position: relative;
    border-radius: var(--card-radius);
    z-index: 1
}

.index-wrap .tools-part .tool-item[data-v-16ff5ee8] {
    width: 100%;
    cursor: pointer
}

.index-wrap .tools-part .tool-item .img-wrap[data-v-16ff5ee8] {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 0 auto;
    border-radius: var(--card-radius);
    border: 2px solid #181a20;
    border-radius: 100%;
    box-shadow: inset 0 11px 1px #0000003b, inset 0 -11px 1px #ffffff0d
}

.index-wrap .tools-part .tool-item .label[data-v-16ff5ee8] {
    margin-top: 4px;
    font-size: 14px;
    text-align: center
}

.index-wrap[data-v-1684c8ed] {
    position: relative;
    min-height: calc(var(--vh, 1vh) * 100);
    width: 100%;
    box-sizing: border-box;
    padding: calc(var(--navbar-height) + 10px) var(--mg) calc(var(--tabbar-height) + 30px)
}

.index-wrap .swiper-container[data-v-1684c8ed] {
    box-sizing: border-box;
    position: relative;
    border-radius: 8px;
    width: 100%;
    margin: 0 auto;
    margin-top: var(--mt)
}

.index-wrap .swiper-container .custom-swiper[data-v-1684c8ed] {
    width: 100%;
    overflow: hidden;
    height: 174px;
    box-sizing: border-box;
    border-radius: 8px
}

.index-wrap .swiper-container .custom-swiper .van-swipe[data-v-1684c8ed] {
    border-radius: 8px;
    overflow: hidden
}

.index-wrap .swiper-container .custom-swiper .van-swipe[data-v-1684c8ed] .van-swipe__indicators {
    bottom: 15px !important
}

.index-wrap .swiper-container .custom-swiper .van-swipe[data-v-1684c8ed] .van-swipe__indicator {
    width: 5px;
    height: 5px;
    opacity: .4;
    border-radius: 50%
}

.index-wrap .swiper-container .custom-swiper .van-swipe[data-v-1684c8ed] .van-swipe__indicator--active {
    opacity: 1;
    background: var(--btn-text)
}

.index-wrap .swiper-container .custom-swiper .van-swipe-item[data-v-1684c8ed] {
    overflow: hidden
}

.index-wrap .swiper-container .custom-swiper .van-swipe-item img[data-v-1684c8ed] {
    width: 100%;
    height: 174px;
    border-radius: 8px;
    object-fit: center
}

.index-wrap .notice[data-v-1684c8ed] {
    margin-top: var(--mt);
    background: none;
    background: var(--bg-card);
    height: 48px;
    position: relative;
    cursor: pointer;
    border-radius: var(--card-radius);
    --van-notice-bar-padding: 10px;
    --van-notice-bar-height: 48px
}

.index-wrap .notice .notice-swipe[data-v-1684c8ed] {
    height: 48px;
    line-height: 48px
}

.index-wrap .show-top[data-v-1684c8ed] {
    position: relative;
    background: var(--bg-card);
    border-radius: var(--card-radius);
    padding: 15px 0;
    overflow: hidden;
    box-shadow: var(--box-shadow);
    margin-top: var(--mg)
}

.index-wrap .show-top[data-v-1684c8ed]:before {
    content: "";
    background: var(--bg);
    width: 300px;
    height: 300px;
    border-radius: 50%;
    position: absolute;
    top: -150px;
    left: -150px;
    opacity: .4
}

.index-wrap .show-top[data-v-1684c8ed]:after {
    content: "";
    background: var(--bg);
    width: 300px;
    height: 300px;
    border-radius: 50%;
    position: absolute;
    bottom: -200px;
    right: -200px;
    opacity: .4
}

.index-wrap .show-top .btn-box[data-v-1684c8ed] {
    background: var(--bg);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.index-wrap .show-top .user-info[data-v-1684c8ed] {
    position: relative;
    z-index: 1;
    color: var(--btn-text);
    margin-bottom: 15px
}

.index-wrap .show-top .user-info .wallet[data-v-1684c8ed] {
    color: var(--btn-text);
    padding: 0 15px
}

.index-wrap .show-top .user-info .wallet .name[data-v-1684c8ed] {
    display: flex;
    align-items: center;
    color: var(--text-gray6)
}

.index-wrap .show-top .user-info .wallet .name img[data-v-1684c8ed] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 10px
}

.index-wrap .show-top .user-info .wallet .diamond[data-v-1684c8ed] {
    position: absolute;
    top: -20px;
    right: 20px;
    width: 65px
}

.index-wrap .show-top .user-info .wallet .money-content[data-v-1684c8ed] {
    margin-top: var(--mg);
    width: 100%;
    display: flex;
    justify-content: center
}

.index-wrap .show-top .user-info .wallet .money-content .container[data-v-1684c8ed] {
    padding: 0 20px;
    background: var(--bg);
    height: 50px;
    border-radius: 30px;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--btn-text);
    box-shadow: var(--box-shadow)
}

.index-wrap .show-top .user-info .wallet .money-content .wallet-title[data-v-1684c8ed] {
    margin-left: 10px;
    padding-right: 15px;
    font-size: 16px;
    border-right: 1px solid var(--text-gray)
}

.index-wrap .show-top .user-info .wallet .money-content .money[data-v-1684c8ed] {
    margin-left: 15px;
    font-size: 24px
}

.index-wrap .show-top .user-info .wallet .money-content .money span[data-v-1684c8ed] {
    padding-left: 3px;
    font-weight: 700;
    color: var(--primary)
}

.index-wrap .tools-part[data-v-1684c8ed] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: var(--mt);
    row-gap: 10px;
    padding: 10px;
    border-top: 1px solid var(--border-color);
    position: relative;
    z-index: 1
}

.index-wrap .tools-part .tool-item[data-v-1684c8ed] {
    width: 100%;
    cursor: pointer
}

.index-wrap .tools-part .tool-item .img-wrap[data-v-1684c8ed] {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--primary);
    position: relative;
    margin: 0 auto;
    border-radius: var(--card-radius);
    border: 1px solid var(--border-color)
}

.index-wrap .tools-part .tool-item .label[data-v-1684c8ed] {
    margin-top: 4px;
    font-size: 14px;
    text-align: center
}

.index-wrap[data-v-622ea7b6] {
    position: relative;
    min-height: calc(var(--vh, 1vh) * 100);
    width: 100%;
    box-sizing: border-box;
    padding: calc(var(--navbar-height) + 10px) var(--mg) calc(var(--tabbar-height) + 10px)
}

.index-wrap .swiper-container[data-v-622ea7b6] {
    box-sizing: border-box;
    position: relative;
    border-radius: 8px;
    width: 100%;
    margin: 0 auto;
    margin-top: var(--mt)
}

.index-wrap .swiper-container .custom-swiper[data-v-622ea7b6] {
    width: 100%;
    overflow: hidden;
    height: 174px;
    box-sizing: border-box;
    border-radius: 8px
}

.index-wrap .swiper-container .custom-swiper .van-swipe[data-v-622ea7b6] {
    border-radius: 8px;
    overflow: hidden
}

.index-wrap .swiper-container .custom-swiper .van-swipe[data-v-622ea7b6] .van-swipe__indicators {
    bottom: 15px !important
}

.index-wrap .swiper-container .custom-swiper .van-swipe[data-v-622ea7b6] .van-swipe__indicator {
    width: 5px;
    height: 5px;
    opacity: .4;
    border-radius: 50%
}

.index-wrap .swiper-container .custom-swiper .van-swipe[data-v-622ea7b6] .van-swipe__indicator--active {
    opacity: 1;
    background: var(--btn-text)
}

.index-wrap .swiper-container .custom-swiper .van-swipe-item[data-v-622ea7b6] {
    overflow: hidden
}

.index-wrap .swiper-container .custom-swiper .van-swipe-item img[data-v-622ea7b6] {
    width: 100%;
    height: 174px;
    border-radius: 8px;
    object-fit: center
}

.index-wrap .notice[data-v-622ea7b6] {
    margin-top: var(--mt);
    background: none;
    background: var(--bg-card);
    height: 48px;
    position: relative;
    cursor: pointer;
    border-radius: var(--card-radius);
    --van-notice-bar-padding: 10px;
    --van-notice-bar-height: 48px
}

.index-wrap .notice .notice-swipe[data-v-622ea7b6] {
    height: 48px;
    line-height: 48px
}

.index-wrap .tools-part[data-v-622ea7b6] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: var(--mt);
    row-gap: 10px;
    background: var(--bg-card);
    border-radius: var(--card-radius);
    padding: 10px
}

.index-wrap .tools-part .tool-item[data-v-622ea7b6] {
    width: 100%;
    cursor: pointer
}

.index-wrap .tools-part .tool-item .img-wrap[data-v-622ea7b6] {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--primary);
    position: relative;
    margin: 0 auto;
    border-radius: var(--card-radius)
}

.index-wrap .tools-part .tool-item .label[data-v-622ea7b6] {
    margin-top: 4px;
    font-size: 14px;
    text-align: center
}

.index-wrap .fake-data-item[data-v-622ea7b6] {
    background: linear-gradient(90deg, #b5ff0033, #f1e70b33 62%, #f1be0b33)
}

.index-wrap[data-v-a83f85f7] {
    position: relative;
    min-height: calc(var(--vh, 1vh) * 100);
    width: 100%;
    box-sizing: border-box;
    padding: calc(var(--navbar-height) + 10px) var(--mg) calc(var(--tabbar-height) + 10px)
}

.index-wrap .swiper-container[data-v-a83f85f7] {
    box-sizing: border-box;
    position: relative;
    border-radius: 8px;
    width: 100%;
    margin: 0 auto;
    margin-top: var(--mt)
}

.index-wrap .swiper-container .custom-swiper[data-v-a83f85f7] {
    width: 100%;
    overflow: hidden;
    height: 174px;
    box-sizing: border-box;
    border-radius: 8px
}

.index-wrap .swiper-container .custom-swiper .van-swipe[data-v-a83f85f7] {
    border-radius: 8px;
    overflow: hidden
}

.index-wrap .swiper-container .custom-swiper .van-swipe[data-v-a83f85f7] .van-swipe__indicators {
    bottom: 15px !important
}

.index-wrap .swiper-container .custom-swiper .van-swipe[data-v-a83f85f7] .van-swipe__indicator {
    width: 5px;
    height: 5px;
    opacity: .4;
    border-radius: 50%
}

.index-wrap .swiper-container .custom-swiper .van-swipe[data-v-a83f85f7] .van-swipe__indicator--active {
    opacity: 1;
    background: var(--btn-text)
}

.index-wrap .swiper-container .custom-swiper .van-swipe-item[data-v-a83f85f7] {
    overflow: hidden
}

.index-wrap .swiper-container .custom-swiper .van-swipe-item img[data-v-a83f85f7] {
    width: 100%;
    height: 174px;
    border-radius: 8px;
    object-fit: center
}

.index-wrap .notice[data-v-a83f85f7] {
    margin-top: var(--mt);
    background: none;
    background: var(--bg-card);
    height: 48px;
    position: relative;
    cursor: pointer;
    border-radius: var(--card-radius);
    --van-notice-bar-padding: 10px;
    --van-notice-bar-height: 48px
}

.index-wrap .notice .notice-swipe[data-v-a83f85f7] {
    height: 48px;
    line-height: 48px
}

.index-wrap .tools-part[data-v-a83f85f7] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: var(--mt);
    row-gap: 10px
}

.index-wrap .tools-part .tool-item[data-v-a83f85f7] {
    width: 100%;
    cursor: pointer
}

.index-wrap .tools-part .tool-item .img-wrap[data-v-a83f85f7] {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--bg-card);
    position: relative;
    margin: 0 auto;
    border-radius: var(--card-radius);
    animation: scaleUpDown .4s forwards
}

.index-wrap .tools-part .tool-item .label[data-v-a83f85f7] {
    margin-top: 4px;
    font-size: 14px;
    text-align: center
}

.index-wrap .top-tag[data-v-a83f85f7] {
    position: relative
}

.index-wrap .top-tag[data-v-a83f85f7]:before {
    content: "";
    top: -2px;
    left: 0;
    position: absolute;
    width: 50%;
    height: 4px;
    opacity: 1;
    z-index: 2;
    background: var(--primary-color)
}

.index-wrap[data-v-b9e0d5cd] {
    position: relative;
    min-height: calc(var(--vh, 1vh) * 100);
    width: 100%;
    box-sizing: border-box;
    padding: calc(var(--navbar-height) + 10px) var(--mg) calc(var(--tabbar-height) + 10px)
}

.index-wrap .swiper-container[data-v-b9e0d5cd] {
    box-sizing: border-box;
    position: relative;
    border-radius: 8px;
    width: 100%;
    margin: 0 auto;
    margin-top: var(--mt)
}

.index-wrap .swiper-container .custom-swiper[data-v-b9e0d5cd] {
    width: 100%;
    overflow: hidden;
    height: 174px;
    box-sizing: border-box;
    border-radius: 8px
}

.index-wrap .swiper-container .custom-swiper .van-swipe[data-v-b9e0d5cd] {
    border-radius: 8px;
    overflow: hidden
}

.index-wrap .swiper-container .custom-swiper .van-swipe[data-v-b9e0d5cd] .van-swipe__indicators {
    bottom: 15px !important
}

.index-wrap .swiper-container .custom-swiper .van-swipe[data-v-b9e0d5cd] .van-swipe__indicator {
    width: 5px;
    height: 5px;
    opacity: .4;
    border-radius: 50%
}

.index-wrap .swiper-container .custom-swiper .van-swipe[data-v-b9e0d5cd] .van-swipe__indicator--active {
    opacity: 1;
    background: var(--btn-text)
}

.index-wrap .swiper-container .custom-swiper .van-swipe-item[data-v-b9e0d5cd] {
    overflow: hidden
}

.index-wrap .swiper-container .custom-swiper .van-swipe-item img[data-v-b9e0d5cd] {
    width: 100%;
    height: 174px;
    border-radius: 8px;
    object-fit: center
}

.index-wrap .notice[data-v-b9e0d5cd] {
    margin-top: var(--mt);
    background: none;
    background: var(--bg-card);
    height: 48px;
    position: relative;
    cursor: pointer;
    --van-notice-bar-padding: 0;
    --van-notice-bar-height: 48px
}

.index-wrap .notice[data-v-b9e0d5cd]:before {
    content: "";
    top: -2px;
    left: 0;
    position: absolute;
    width: 50%;
    height: 4px;
    opacity: 1;
    z-index: 2;
    background: var(--primary)
}

.index-wrap .notice .notice-swipe[data-v-b9e0d5cd] {
    height: 48px;
    line-height: 48px
}

.index-wrap .tools-part[data-v-b9e0d5cd] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: var(--mt);
    row-gap: 10px
}

.index-wrap .tools-part .tool-item[data-v-b9e0d5cd] {
    width: 100%;
    cursor: pointer
}

.index-wrap .tools-part .tool-item .img-wrap[data-v-b9e0d5cd] {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--primary);
    color: var(--primary);
    position: relative;
    margin: 0 auto;
    border-radius: 50%
}

.index-wrap .tools-part .tool-item .img-wrap[data-v-b9e0d5cd]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: var(--primary);
    width: 100%;
    height: 100%;
    opacity: .2;
    -webkit-filter: blur(10px);
    filter: blur(10px)
}

.index-wrap .tools-part .tool-item .label[data-v-b9e0d5cd] {
    margin-top: 4px;
    font-size: 14px;
    text-align: center
}

.index-wrap .top-tag[data-v-b9e0d5cd] {
    position: relative
}

.index-wrap .top-tag[data-v-b9e0d5cd]:before {
    content: "";
    top: -2px;
    left: 0;
    position: absolute;
    width: 50%;
    height: 4px;
    opacity: 1;
    z-index: 2;
    background: var(--primary-color)
}

.index-wrap[data-v-33d3e0fc] {
    position: relative;
    min-height: calc(var(--vh, 1vh) * 100);
    width: 100%;
    box-sizing: border-box;
    padding: calc(var(--navbar-height) + 10px) var(--mg) calc(var(--tabbar-height) + 10px)
}

.index-wrap .swiper-container[data-v-33d3e0fc] {
    box-sizing: border-box;
    position: relative;
    border-radius: 8px;
    width: 100%;
    margin: 0 auto;
    margin-top: var(--mt)
}

.index-wrap .swiper-container .custom-swiper[data-v-33d3e0fc] {
    width: 100%;
    overflow: hidden;
    height: 174px;
    box-sizing: border-box;
    border-radius: 8px
}

.index-wrap .swiper-container .custom-swiper .van-swipe[data-v-33d3e0fc] {
    border-radius: 8px;
    overflow: hidden
}

.index-wrap .swiper-container .custom-swiper .van-swipe[data-v-33d3e0fc] .van-swipe__indicators {
    bottom: 15px !important
}

.index-wrap .swiper-container .custom-swiper .van-swipe[data-v-33d3e0fc] .van-swipe__indicator {
    width: 5px;
    height: 5px;
    opacity: .4;
    border-radius: 50%
}

.index-wrap .swiper-container .custom-swiper .van-swipe[data-v-33d3e0fc] .van-swipe__indicator--active {
    opacity: 1;
    background: var(--btn-text)
}

.index-wrap .swiper-container .custom-swiper .van-swipe-item[data-v-33d3e0fc] {
    overflow: hidden
}

.index-wrap .swiper-container .custom-swiper .van-swipe-item img[data-v-33d3e0fc] {
    width: 100%;
    height: 174px;
    border-radius: 8px;
    object-fit: center
}

.index-wrap .notice[data-v-33d3e0fc] {
    margin-top: 10px;
    background: none;
    border-radius: 40px;
    padding: 0 12px;
    background: var(--bg-card);
    height: 48px;
    position: relative;
    cursor: pointer;
    --van-notice-bar-padding: 0;
    --van-notice-bar-height: 48px
}

.index-wrap .notice .notice-swipe[data-v-33d3e0fc] {
    height: 48px;
    line-height: 48px
}

.index-wrap .tools-part[data-v-33d3e0fc] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: var(--mt);
    row-gap: 10px
}

.index-wrap .tools-part .tool-item[data-v-33d3e0fc] {
    width: 100%;
    cursor: pointer
}

.index-wrap .tools-part .tool-item .img-wrap[data-v-33d3e0fc] {
    width: 54px;
    height: 54px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--card-radius);
    color: #0080ff;
    margin: 0 auto 4px
}

.index-wrap .tools-part .tool-item .label[data-v-33d3e0fc] {
    font-size: 14px;
    text-align: center
}

.index-wrap .section-title[data-v-33d3e0fc] {
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.index-wrap .section-title .name[data-v-33d3e0fc] {
    font-size: 15px;
    font-weight: 700;
    line-height: 15px;
    letter-spacing: .75px
}

.index-wrap .video-part[data-v-33d3e0fc] {
    margin-bottom: 20px
}

.index-wrap .video-part .list[data-v-33d3e0fc] {
    display: flex;
    justify-content: space-between;
    text-align: center
}

.index-wrap .video-part .list .item[data-v-33d3e0fc] {
    width: 32%;
    border-radius: 4px;
    background: linear-gradient(140deg, #162e6999 33.87%, #7a0d2866);
    padding: 20px 10px
}

.index-wrap .video-part .list .item .ico[data-v-33d3e0fc] {
    display: flex;
    justify-content: center
}

.index-wrap .video-part .list .item .ico img[data-v-33d3e0fc] {
    height: 44px;
    max-width: 100%;
    max-height: 100%;
    vertical-align: top
}

.index-wrap .video-part .list .item span[data-v-33d3e0fc] {
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    margin-top: 10px;
    display: block;
    text-align: center
}

.index-wrap .video-list[data-v-33d3e0fc] {
    margin-bottom: 8px
}

.index-wrap .video-list .list[data-v-33d3e0fc] {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}